:root{--bg:#f5f1eb;--ink:#161311;--muted:#6d625a;--paper:#fffaf2;--line:#1613111f;--line-strong:#16131138;--accent:#0d5b4b;--accent-2:#a93431;--gold:#d6a94f;--soft:#ece3d8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 0% 0%, #0d5b4b2e, transparent 32rem), radial-gradient(circle at 100% 0%, #a9343129, transparent 30rem), linear-gradient(180deg, #fbf7ef 0%, var(--bg) 100%);color:var(--ink);margin:0;font-family:Geist,Malgun Gothic,Apple SD Gothic Neo,system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}button{background:var(--ink);color:#fff;border:1px solid #0000;min-height:44px;padding:0 16px;font-weight:900}button:disabled{cursor:default;opacity:.48}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffdf8;outline:none}input,select{min-height:46px;padding:0 12px}textarea{resize:vertical;min-height:420px;padding:14px;font-family:Cascadia Code,Consolas,monospace;font-size:13px;line-height:1.55}label{color:#39322d;gap:8px;font-size:13px;font-weight:900;display:grid}.app-shell{grid-template-columns:230px minmax(0,1fr);min-height:100vh;display:grid}.side-nav{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf2c7;grid-template-rows:auto 1fr auto;height:100vh;padding:22px;display:grid;position:sticky;top:0}.brand{font-size:22px;font-weight:950}.side-nav nav{align-content:start;gap:8px;margin-top:34px;display:grid}.side-nav nav a,.ghost,.secondary,.danger{border:1px solid var(--line);color:var(--ink);background:#ffffff9e}.side-nav nav a{padding:12px;font-weight:900}.workspace{gap:18px;padding:24px;display:grid}.topbar,.panel,.metric-card,.link-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffaf2d1;box-shadow:0 28px 80px #29221d14}.topbar{justify-content:space-between;align-items:end;gap:24px;min-height:210px;padding:clamp(24px,4vw,52px);display:flex}.topbar p,.panel-head p,.settings-panel p,.sign-header p{color:var(--accent);text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:950}.topbar h1{letter-spacing:0;max-width:900px;margin:0;font-size:clamp(38px,6vw,84px);font-weight:950;line-height:.98}.status-pill{min-height:34px;color:var(--accent);white-space:nowrap;background:#0d5b4b14;border:1px solid #0d5b4b38;align-items:center;padding:0 12px;font-size:12px;font-weight:950;display:inline-flex}.notice{color:var(--accent);background:#0d5b4b14;border:1px solid #0d5b4b2e;margin:0;padding:12px 14px;font-weight:850}.notice.is-error{color:var(--accent-2);background:#a9343114;border-color:#a934313d}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-card{align-content:center;gap:8px;min-height:118px;padding:20px;display:grid}.metric-card span{color:var(--muted);font-size:13px;font-weight:900}.metric-card strong{font-size:42px;font-weight:950}.work-grid,.history-grid{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:start;gap:18px;display:grid}.panel{gap:16px;padding:20px;display:grid}.panel-head{justify-content:space-between;align-items:start;gap:14px;display:flex}.panel-head h2,.settings-panel h2,.sign-panel h2{margin:0;font-size:clamp(26px,3vw,42px);font-weight:950;line-height:1}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.action-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.notification-box{background:#0d5b4b0f;border:1px solid #0d5b4b2e;gap:12px;padding:14px;display:grid}.channel-options{flex-wrap:wrap;gap:8px;display:flex}.check-row{width:fit-content;color:var(--ink);grid-template-columns:18px auto;align-items:center;gap:8px;display:inline-grid}.check-row input{width:18px;min-height:18px;margin:0}.compact-textarea{min-height:92px;font-family:inherit;font-size:13px}.danger{color:var(--accent-2)}.template-preview,.document-paper{border:1px solid var(--line);color:#17202a;background:#fff;padding:22px;line-height:1.7;overflow:auto}.template-preview{max-height:430px}.template-preview-frame,.document-paper-frame{border:1px solid var(--line);background:#d9dde2;width:100%}.template-preview-frame{height:430px}.document-paper-frame{height:100%;min-height:0}.template-preview [data-oae-signature],.document-paper [data-oae-signature]{background:#0d5b4b0f;border:1px dashed #0d5b4b6b;min-height:74px;margin:12px 0}.analysis-block{border-top:1px solid var(--line);gap:8px;padding-top:14px;display:grid}.analysis-block h3,.request-layout h3{margin:0;font-size:16px}.analysis-block p,.empty{color:var(--muted);margin:0;font-size:13px;font-weight:800}.request-layout{grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:18px;display:grid}.signer-list,.value-grid,.request-list,.timeline,.signer-fields{gap:10px;display:grid}.value-grid textarea,.signer-fields textarea{resize:vertical;min-height:116px;padding:12px;font-family:inherit}.signer-row{border:1px solid var(--line);background:#ffffff80;grid-template-columns:minmax(110px,.8fr) repeat(3,minmax(0,1fr)) 82px;align-items:center;gap:8px;padding:10px;display:grid}.link-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.link-card{gap:10px;padding:16px;display:grid}.link-card span,.request-list span{color:var(--accent);font-size:12px;font-weight:950}.link-card a{background:var(--ink);color:#fff;justify-content:center;align-items:center;min-height:40px;font-weight:950;display:inline-flex}.request-list button{border-color:var(--line);color:var(--ink);text-align:left;background:#fffdf8;gap:5px;padding:14px;display:grid}.request-list button.is-active{box-shadow:inset 4px 0 0 var(--accent);border-color:#0d5b4b73}.request-list small,.timeline small,.signer-status small{color:var(--muted)}.signer-status{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.audit-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:420px;display:flex}.audit-actions button{min-height:38px;padding:0 12px;font-size:12px}.delivery-panel{align-content:start}.delivery-controls{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:620px;display:flex}.delivery-controls button{min-height:38px;padding:0 12px;font-size:12px}.delivery-controls .is-active{background:#0d5b4b1a;border-color:#0d5b4b6b}.delivery-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;display:grid}.delivery-card{border:1px solid var(--line);background:#ffffff94;gap:7px;padding:12px;display:grid}.delivery-card div{justify-content:space-between;align-items:center;gap:10px;display:flex}.delivery-card span{color:var(--accent);font-size:12px;font-weight:950}.delivery-card p{overflow-wrap:anywhere;margin:0;font-weight:900}.delivery-card small{color:var(--muted);line-height:1.45}.delivery-card code,.delivery-card em{overflow-wrap:anywhere;border:1px solid var(--line);background:#ffffffa8;padding:8px;font-size:12px;font-style:normal;display:block}.delivery-card em{color:var(--accent-2);background:#a9343112;border-color:#a9343138}.delivery-card.is-sent{border-color:#0d5b4b3d}.delivery-card.is-retry,.delivery-card.is-dead{border-color:#a9343147}.signer-status article{border:1px solid var(--line);background:#ffffff8a;gap:5px;padding:12px;display:grid}.timeline article{grid-template-columns:14px minmax(0,1fr);gap:10px;display:grid}.timeline i{background:var(--accent);border-radius:999px;width:10px;height:10px;margin-top:6px}.timeline p{margin:4px 0}.timeline code,.settings-panel code{overflow-wrap:anywhere;border:1px solid var(--line);color:#403832;background:#fff9;padding:9px;font-size:12px;display:block}.settings-panel{align-content:start}.sign-shell{grid-template-columns:minmax(0,1fr) 420px;gap:18px;min-height:100vh;padding:18px;display:grid}.sign-document,.sign-panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffaf2d1;box-shadow:0 28px 80px #29221d14}.sign-document{grid-template-rows:auto minmax(0,1fr);min-height:calc(100vh - 36px);padding:22px;display:grid}.sign-header{justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;display:flex}.sign-header h1{margin:0;font-size:clamp(34px,5vw,70px);font-weight:950;line-height:.98}.sign-header span{color:var(--muted);font-weight:900}.document-paper{min-height:0}.sign-panel{gap:16px;max-height:calc(100vh - 36px);padding:20px;display:grid;position:sticky;top:18px;overflow:auto}.signature-pad-label{gap:10px}.signature-mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.signature-mode-tabs button{border-color:var(--line);color:var(--ink);background:#ffffff9e}.signature-mode-tabs button.is-active{background:var(--accent);color:#fff;border-color:#0d5b4b57}.signature-canvas{border:1px solid var(--line-strong);touch-action:none;background-color:#fff;background-image:linear-gradient(90deg,#1613110a 1px,#0000 1px),linear-gradient(#1613110a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;width:100%;height:190px}.seal-tool{gap:12px;display:grid}.seal-source-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.seal-upload input{padding:11px}.seal-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.seal-choice-grid button{border:1px solid var(--line);min-height:150px;color:var(--ink);background:#fffdf8;place-items:center;gap:8px;padding:10px;display:grid}.seal-choice-grid button.is-selected{border-color:#a934318f;box-shadow:inset 0 0 0 2px #a9343124}.seal-choice-grid img{object-fit:contain;width:92px;height:92px}.seal-choice-grid span{color:var(--muted);font-size:12px;font-weight:900}.selected-seal-preview{background:#a934310f;border:1px solid #a9343138;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.selected-seal-preview img{object-fit:contain;width:84px;height:84px}.selected-seal-preview span,.seal-studio-link{color:var(--accent-2);font-size:13px;font-weight:950}.html-preview-modal{z-index:1000;background:#161311b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.html-preview-dialog{background:var(--paper);border:1px solid #fff3;grid-template-rows:auto minmax(0,1fr);width:min(1080px,96vw);height:min(94vh,1240px);display:grid;overflow:hidden;box-shadow:0 32px 100px #00000061}.html-preview-dialog>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:14px 18px;display:flex}.html-preview-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.html-preview-dialog h2,.html-preview-dialog p{margin:0}.html-preview-dialog p{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.html-preview-dialog iframe{background:#d9dde2;border:0;width:100%;height:100%}.seal-studio-link{text-align:center;background:#ffffff8f;border:1px solid #a9343138;justify-content:center;align-items:center;min-height:38px;padding:0 12px;display:inline-flex}.consent-row{color:var(--muted);grid-template-columns:18px minmax(0,1fr);align-items:start;line-height:1.55;display:grid}.consent-row input{min-height:auto;margin-top:3px}@media (max-width:1080px){.app-shell,.work-grid,.history-grid,.request-layout,.sign-shell{grid-template-columns:1fr}.side-nav,.sign-panel{height:auto;max-height:none;position:static}.side-nav{grid-template-rows:auto;gap:12px}.side-nav nav{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:0}}@media (max-width:720px){.workspace,.sign-shell{padding:12px}.topbar,.sign-header{min-height:auto;display:grid}.metric-grid,.field-row,.side-nav nav{grid-template-columns:1fr 1fr}.signer-row{grid-template-columns:1fr}textarea{min-height:310px}}