:root{--color-primary:#0082c9;--color-primary-text:#fff;--color-primary-hover:#006fa3;--color-primary-light:#e8f4fc;--color-primary-light-text:#0082c9;--color-primary-light-hover:#d0eaf8;--color-primary-element:#0082c9;--color-primary-element-text:#fff;--color-primary-element-hover:#006fa3;--color-primary-element-light:#e8f4fc;--color-primary-element-light-text:#0082c9;--color-primary-element-light-hover:#d0eaf8;--color-main-background:#fff;--color-main-background-blur:#ffffffb3;--color-background-dark:#f2f2f2;--color-background-darker:#ebebeb;--color-background-hover:#ededed;--color-background-plain:#fff;--color-main-text:#222;--color-text-maxcontrast:#6b6b6b;--color-text-maxcontrast-default:#6b6b6b;--color-text-light:#fff;--color-text-lighter:#999;--color-border:#ededed;--color-border-dark:#dbdbdb;--color-border-maxcontrast:#8c8c8c;--color-success:#46ba61;--color-success-hover:#3da955;--color-success-text:#fff;--color-warning:#eca70a;--color-warning-hover:#d59506;--color-warning-text:#fff;--color-error:#e9322d;--color-error-hover:#d12925;--color-error-text:#fff;--color-info:#0082c9;--color-info-hover:#006fa3;--color-info-text:#fff;--color-navigation-bg:#f2f2f2;--color-app-navigation-hover:#00000012;--color-app-navigation-active:#0000001a;--color-app-navigation-active-text:#0082c9;--color-sidebar:#f2f2f2;--color-sidebar-text:#222;--color-box-shadow:#0000001a;--default-clickable-area:44px;--default-grid-baseline:4px;--default-font-size:15px;--default-line-height:1.5;--header-height:50px;--navigation-width:300px;--body-height:100vh;--body-container-margin:0px;--body-container-radius:var(--border-radius-large);--body-user-status-padding:0px;--filter-background-blur:none;--font-weight-heading:700;--border-radius:3px;--border-radius-large:10px;--border-radius-rounded:50%;--border-radius-element:22px;--border-radius-pill:100px;--animation-quick:.1s;--animation-slow:.3s;--font-face:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-family:var(--font-face);font-size:var(--default-font-size);line-height:var(--default-line-height);color:var(--color-main-text)}[data-theme-dark]{--color-primary:#4f9ff0;--color-primary-text:#222;--color-primary-hover:#6aafff;--color-primary-light:#1a3a5c;--color-primary-light-text:#4f9ff0;--color-primary-element:#4f9ff0;--color-primary-element-text:#222;--color-primary-element-light:#1a3a5c;--color-main-background:#1c1c1c;--color-background-dark:#151515;--color-background-darker:#111;--color-background-hover:#2a2a2a;--color-main-text:#e0e0e0;--color-text-maxcontrast:#aaa;--color-text-lighter:#666;--color-border:#383838;--color-border-dark:#444;--color-navigation-bg:#151515;--color-sidebar:#151515;--color-sidebar-text:#e0e0e0}body{background-color:var(--color-background-dark);margin:0;padding:0}a{color:var(--color-primary);text-decoration:none}a:hover,a:focus{color:var(--color-primary-hover);text-decoration:underline}#content-vue,.app-content{min-height:0}@media only screen and (width>=1025px){.app-navigation-toggle-wrapper{display:none}}.content{top:0;left:0}.app-navigation{background-color:var(--color-navigation-bg,var(--color-background-dark))!important}:root{--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--sp-8:40px;--sp-9:48px;--sp-10:64px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-pill:999px;--shadow-xs:0 1px 1px #0f172a0a;--shadow-sm:0 1px 2px #0f172a0f, 0 1px 3px #0f172a0a;--shadow-md:0 1px 2px #0f172a0d, 0 4px 12px #0f172a0f;--shadow-lg:0 1px 3px #0f172a0f, 0 8px 22px #0f172a14, 0 18px 44px -14px #0f172a1f;--status-pending-bg:#eca70a1f;--status-pending-fg:#b07700;--status-signed-bg:#46ba6124;--status-signed-fg:#1f8e3a;--status-draft-bg:#0082c91f;--status-draft-fg:#0066a1;--surface-page:#f6f7f9;--surface-card:#fff;--surface-muted:#f2f4f7;--font-face:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Inter", sans-serif;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700}*,:before,:after{box-sizing:border-box}html,body,#app{height:100%;margin:0;padding:0}body{background-color:var(--color-background-dark,#f2f2f2);color:var(--color-main-text,#222);font-family:var(--font-face);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.5}button,input,textarea,select{font-family:inherit}.page-hero{justify-content:space-between;align-items:flex-start;gap:var(--sp-5);padding:var(--sp-7) var(--sp-7) var(--sp-6);border-bottom:1px solid var(--color-border,#e8eaed);background:linear-gradient(180deg, #fff 0%, var(--surface-page) 100%);display:flex}.page-hero__title{letter-spacing:-.01em;color:var(--color-main-text);margin:0;font-size:24px;font-weight:700;line-height:1.2}.page-hero__desc{color:var(--color-text-maxcontrast);margin:6px 0 0;font-size:14px;line-height:1.45}.page-hero__actions{gap:var(--sp-2);flex-shrink:0;display:flex}.page-content{padding:var(--sp-7);width:100%;max-width:1100px;margin:0 auto}.card{background:var(--surface-card);border:1px solid var(--color-border,#e8eaed);border-radius:var(--r-md);box-shadow:var(--shadow-xs)}.status-pill{border-radius:var(--r-lg);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status-pill.is-pending{background:var(--status-pending-bg);color:var(--status-pending-fg)}.status-pill.is-signed{background:var(--status-signed-bg);color:var(--status-signed-fg)}.status-pill.is-draft{background:var(--status-draft-bg);color:var(--status-draft-fg)}.editor-paper{width:794px;min-height:1123px;box-shadow:var(--shadow-lg);background:#fff;border-radius:4px;margin:0 auto;padding:72px 80px}.sig-overlay-canvas{cursor:crosshair;position:absolute;top:0;left:0}.scrollable{flex:1;overflow-y:auto}.stamp-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding:8px 0;display:grid}.stamp-option{cursor:pointer;border-radius:var(--r-md);background:var(--surface-muted);border:2px solid #0000;flex-direction:column;align-items:center;gap:8px;padding:14px;transition:border-color .15s,background .15s,transform 50ms;display:flex}.stamp-option:hover{border-color:var(--color-primary,#0082c9);background:var(--color-primary-element-light,#ebf4fb)}.stamp-option:active{transform:translateY(.5px)}.stamp-option span{text-align:center;letter-spacing:.04em;font-size:12px;font-weight:600}.content{background:var(--surface-page)}
