:root{--color-bg-app: #f5f5f5;--color-bg-surface: #ffffff;--color-bg-sidebar: #fafafa;--color-bg-canvas: #e8eaed;--color-bg-hover: #f3f4f6;--color-bg-active: #e8f0fe;--color-border-default: #dadce0;--color-border-strong: #9ca3af;--color-border-active: #1a73e8;--color-text-primary: #202124;--color-text-secondary: #5f6368;--color-text-on-primary: #ffffff;--color-text-placeholder: #9ca3af;--color-primary: #1a73e8;--color-primary-hover: #1557b0;--color-danger: #ea4335;--color-danger-hover: #c5221f;--color-success: #34a853;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--font-family: "Google Sans", "Segoe UI", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .15);--shadow-toolbar: 0 2px 6px rgba(0, 0, 0, .15);--transition-fast: .15s ease;--transition-normal: .2s ease;--z-canvas-elements: 1;--z-panel: 100;--z-toolbar: 200;--z-overlay: 250;--z-modal: 300;--z-toast: 400;--header-height: 48px;--toolbar-height: 40px;--sidebar-width: 280px;--tap-target-min: 44px}*{box-sizing:border-box}:root{font-family:var(--font-family);line-height:1.5;font-weight:var(--font-weight-normal);color:var(--color-text-primary);background-color:var(--color-bg-app);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:var(--font-weight-medium);color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:var(--font-size-xl);line-height:1.2}button{border-radius:var(--radius-md);border:1px solid var(--color-border-default);padding:var(--space-2) var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:inherit;background-color:var(--color-bg-surface);color:var(--color-text-primary);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}button:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-strong)}button:focus,button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input[type=text],input[type=file]{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--font-size-base);font-family:inherit}input[type=text]:focus{outline:2px solid var(--color-primary);outline-offset:1px}.app-root{display:flex;flex-direction:column;height:100vh;height:100dvh;background:radial-gradient(circle at top left,rgba(15,118,110,.08),transparent 28%),radial-gradient(circle at top right,rgba(37,99,235,.1),transparent 30%),linear-gradient(180deg,#f6f8fb,#eef2f7)}.app-header{display:flex;align-items:center;gap:var(--space-3);padding:14px var(--space-5);min-height:var(--header-height);background:#ffffffd1;border-bottom:1px solid rgba(148,163,184,.25);box-shadow:0 10px 40px #0f172a14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:var(--z-toolbar);overflow-x:auto;overflow-y:hidden}.header-brand{display:flex;align-items:center;gap:var(--space-3);min-width:max-content;flex-shrink:0}.header-brand-logo{width:46px;height:46px;flex-shrink:0;filter:drop-shadow(0 8px 16px rgba(37,99,235,.18))}.header-brand-copy{display:flex;flex-direction:column;line-height:1.05}.header-brand-topline{display:flex;align-items:center;gap:10px}.header-brand-name{font-size:1.1rem;font-weight:700;color:#0f172a;white-space:nowrap;letter-spacing:-.02em}.header-free-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:linear-gradient(135deg,#14b8a629,#2563eb1f);color:#0f766e;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.header-brand-tagline{font-size:var(--font-size-xs);color:#64748b;white-space:nowrap}.toolbar{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0;padding:8px;border:1px solid rgba(148,163,184,.18);border-radius:20px;background:linear-gradient(180deg,#ffffffeb,#f8fafce0);box-shadow:inset 0 1px #ffffffbf}.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.header-action-button{padding:9px 14px;border-radius:999px;border:1px solid rgba(148,163,184,.22);background:#ffffffeb;color:#0f172a;font-weight:700;white-space:nowrap}.header-account-chip{display:inline-flex;align-items:center;padding:9px 14px;border-radius:999px;background:#eff6fff5;color:#1e3a8a;font-weight:700;white-space:nowrap}.header-action-button.premium{background:linear-gradient(135deg,#1d4ed8,#0f766e);color:#fff;border-color:transparent}.language-switcher{display:flex;gap:6px;max-width:272px;overflow-x:auto}.language-pill{width:34px;height:34px;padding:0;border-radius:999px;border:1px solid rgba(148,163,184,.24);background:#ffffffeb}.language-pill.active{box-shadow:inset 0 0 0 2px #1d4ed82e;background:#eff6fff5}.toolbar-cluster{display:flex;flex-direction:column;gap:6px}.toolbar-group-label{padding-left:10px;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#64748b}.toolbar-group{display:flex;align-items:center;gap:4px}.toolbar-divider{width:1px;height:20px;background-color:var(--color-border-default);margin:0 var(--space-1);flex-shrink:0;opacity:.5}.toolbar-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 10px;border:none;border-radius:var(--radius-sm);background:transparent;color:#475569;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background .15s ease,color .15s ease,transform .1s ease,box-shadow .15s ease;white-space:nowrap;flex-shrink:0;outline:none}.toolbar-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.toolbar-btn:hover:not(:disabled){background:#f1f5f9f2;color:#0f172a;box-shadow:0 4px 12px #94a3b82e}.toolbar-btn:active:not(:disabled){transform:scale(.96)}.toolbar-btn.active{background:linear-gradient(135deg,#2563eb24,#14b8a624);color:#1d4ed8;box-shadow:inset 0 0 0 1px #2563eb1f}.toolbar-btn:disabled{opacity:.35;cursor:default}.toolbar-btn-label{display:none}@media(min-width:768px){.toolbar-btn-label{display:inline}}@media(max-width:767px){.toolbar{padding:10px}.toolbar-cluster{gap:4px}.toolbar-group-label{display:none}.toolbar-btn{min-width:var(--tap-target-min);min-height:var(--tap-target-min);justify-content:center}}.toolbar-zoom-level{font-size:var(--font-size-xs);color:#475569;min-width:48px;text-align:center;-webkit-user-select:none;user-select:none;font-weight:700}.workspace-bar{display:flex;justify-content:space-between;gap:var(--space-5);padding:var(--space-5) var(--space-5) var(--space-3)}.workspace-hero{max-width:680px}.workspace-eyebrow,.workspace-card-kicker,.canvas-stage-label{display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#0f766e}.workspace-title{margin:0;font-size:clamp(1.5rem,2.6vw,2.3rem);line-height:1.05;letter-spacing:-.04em;color:#0f172a}.workspace-copy{max-width:60ch;margin:12px 0 0;color:#475569;font-size:.98rem}.workspace-stats{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:12px;min-width:min(420px,100%)}.workspace-stat{padding:16px 18px;border:1px solid rgba(148,163,184,.2);border-radius:18px;background:#ffffffb8;box-shadow:0 10px 30px #0f172a0f}.workspace-stat-label{display:block;margin-bottom:6px;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.workspace-stat strong{color:#0f172a;font-size:1rem}.app-main{flex:1;display:flex;align-items:flex-start;justify-content:center;gap:var(--space-4);padding:0 var(--space-5) var(--space-5);overflow:auto}.workspace-panel{display:none;flex:0 0 260px;position:sticky;top:16px;align-self:flex-start}.workspace-card{margin-bottom:var(--space-4);padding:18px 18px 20px;border:1px solid rgba(148,163,184,.2);border-radius:22px;background:#ffffffc7;box-shadow:0 16px 40px #0f172a14}.workspace-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.workspace-tips-toggle{padding:7px 12px;border-radius:999px;border:1px solid rgba(148,163,184,.26);background:#f8fafcf0;color:#334155;font-size:.78rem;font-weight:700}.workspace-card h2{margin:0 0 10px;font-size:1.05rem;color:#0f172a}.workspace-card p{margin:0;color:#475569;line-height:1.55}.workspace-card-muted{background:linear-gradient(180deg,#ffffffc2,#f8fafcdb)}.workspace-card-accent{background:radial-gradient(circle at top right,rgba(37,99,235,.12),transparent 40%),linear-gradient(180deg,#f0f9ffeb,#ffffffd1)}.workspace-card-premium{background:radial-gradient(circle at top right,rgba(37,99,235,.16),transparent 40%),linear-gradient(180deg,#f8fafceb,#ffffffdb)}.workspace-premium-button{margin:8px 0 12px;background:linear-gradient(135deg,#1d4ed8,#0f766e);color:#fff;border:none;border-radius:14px;font-weight:700}.workspace-premium-actions{display:flex;flex-direction:column;gap:10px}.workspace-premium-button.secondary{margin:0;background:#f8fafcf2;color:#0f172a;border:1px solid rgba(148,163,184,.22);box-shadow:none}.saved-documents-list{display:grid;gap:10px}.saved-document-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(148,163,184,.18);background:#f8fafcf0;text-align:left}.saved-document-item strong{color:#0f172a}.saved-document-item span{color:#64748b;font-size:.8rem}.document-info-list{display:grid;gap:14px;margin:0}.document-info-row{display:grid;gap:5px;padding-bottom:12px;border-bottom:1px solid rgba(148,163,184,.14)}.document-info-row:last-child{padding-bottom:0;border-bottom:none}.document-info-row dt{color:#64748b;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.document-info-row dd{margin:0;color:#0f172a;font-weight:600;line-height:1.45;word-break:break-word}.workspace-steps,.workspace-shortcuts{margin:0;padding-left:18px;color:#334155}.workspace-steps li,.workspace-shortcuts li{margin-bottom:10px;line-height:1.5}.workspace-shortcuts kbd{display:inline-block;min-width:42px;margin-right:8px;padding:3px 8px;border:1px solid rgba(148,163,184,.4);border-radius:999px;background:#f8fafc;color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;text-align:center}.canvas-viewport{position:relative;flex:1 1 auto;min-width:0}.canvas-stage{border:1px solid rgba(148,163,184,.18);border-radius:28px;background:radial-gradient(circle at top,#ffffffeb,#f8fafcdb),#fff;box-shadow:0 24px 80px #0f172a1f;overflow:hidden}.canvas-stage-header{display:flex;justify-content:space-between;gap:var(--space-4);padding:22px 24px 20px;border-bottom:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg,#fffffff0,#f8fafce6)}.canvas-stage-title{margin:0;font-size:1.15rem;color:#0f172a}.canvas-stage-badges{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-end;gap:8px}.canvas-stage-badge{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#f1f5f9f2;color:#475569;font-size:.76rem;font-weight:600}.canvas-stage-body{padding:28px;background:linear-gradient(180deg,#e2e8f066,#f1f5f91a),var(--color-bg-canvas)}.canvas-container{position:relative;display:flex;justify-content:center;align-items:flex-start;overflow:auto;min-height:70vh;padding:6px}.ad-rail{display:none;flex:0 0 min(240px,18vw);position:sticky;top:var(--space-4);align-self:flex-start}.ad-rail-card{display:flex;flex-direction:column;gap:var(--space-3);min-height:420px;padding:var(--space-4);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:linear-gradient(180deg,#fffffff0,#f8f9fafa),linear-gradient(135deg,#1a73e814,#34a8530a);box-shadow:0 16px 44px #0f172a14}.ad-rail-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary)}.ad-rail-slot,.ad-rail-placeholder{flex:1;min-height:340px;border-radius:var(--radius-md)}.ad-rail-placeholder{display:flex;flex-direction:column;justify-content:center;gap:var(--space-2);padding:var(--space-4);border:1px dashed var(--color-border-strong);background:radial-gradient(circle at top left,rgba(26,115,232,.12),transparent 45%),#fff;color:var(--color-text-secondary);text-align:center}.ad-rail-placeholder strong{color:var(--color-text-primary)}@media(min-width:1180px){.workspace-panel{display:block}}@media(min-width:1400px){.ad-rail{display:block}}@media(max-width:1080px){.workspace-bar{flex-direction:column}.workspace-stats{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}}@media(max-width:767px){.header-brand-topline{flex-wrap:wrap}.header-actions{width:100%;justify-content:space-between}.header-brand-tagline{display:none}.workspace-bar{padding:var(--space-4) var(--space-4) var(--space-2)}.app-main{padding:0 var(--space-4) var(--space-4)}.canvas-stage-header{flex-direction:column}.canvas-stage-body{padding:16px}}.editor-canvas{position:relative;flex:0 0 auto;background-color:var(--color-bg-surface);box-shadow:0 12px 32px #0f172a24;touch-action:none;border-radius:12px}.canvas-empty-state{position:absolute;top:22px;left:22px;z-index:2;pointer-events:none}.canvas-empty-card{max-width:340px;padding:16px 18px;border:1px solid rgba(148,163,184,.22);border-radius:18px;background:#ffffffe6;box-shadow:0 14px 30px #0f172a14;color:#0f172a}.canvas-empty-card strong{display:block;line-height:1.45}.canvas-empty-kicker{display:block;margin-bottom:6px;color:#0f766e;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.canvas-empty-actions{display:grid;gap:12px;margin-top:14px}.canvas-empty-action{display:flex;gap:10px;align-items:flex-start;color:#334155;font-size:.88rem}.canvas-empty-action-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:linear-gradient(135deg,#2563eb1f,#14b8a62e);color:#0f172a;font-size:.75rem;font-weight:700;flex-shrink:0}.bottom-sheet-backdrop{position:fixed;inset:0;background:#0000004d;z-index:var(--z-panel)}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;max-height:80vh;background:var(--color-bg-surface);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:calc(var(--z-panel) + 1);overflow-y:auto;animation:slideUp var(--transition-normal) forwards}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(min-width:768px){.bottom-sheet{top:var(--header-height);bottom:0;left:auto;right:0;width:360px;max-height:none;border-top-left-radius:0;border-top-right-radius:0;border-left:1px solid var(--color-border-default);animation:slideLeft var(--transition-normal) forwards}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}}.bottom-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-default);position:sticky;top:0;background:var(--color-bg-surface)}.bottom-sheet-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.bottom-sheet-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-text-secondary);cursor:pointer}.bottom-sheet-close:hover{background:var(--color-bg-hover)}.bottom-sheet-content{padding:var(--space-4)}.editor-element{cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;will-change:transform,left,top}.editor-element .resize-handle{position:absolute;right:-10px;bottom:-6px;width:12px;height:12px;background-color:var(--color-bg-surface);border:2px solid var(--color-primary);border-radius:2px;cursor:se-resize;opacity:0;transition:opacity var(--transition-fast);z-index:10}.editor-element .delete-handle{position:absolute;top:-10px;right:-18px;width:18px;height:18px;padding:0;background-color:var(--color-danger);color:var(--color-text-on-primary);border:none;border-radius:var(--radius-full);font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.editor-element .delete-handle:hover{background-color:var(--color-danger-hover)}.editor-element:hover .resize-handle,.editor-element.selected .resize-handle{opacity:1}.editor-element.selected{outline:2px solid var(--color-primary);outline-offset:1px}.text-element{display:flex;align-items:flex-end;justify-content:flex-start;padding:0 24px 0 var(--space-1);min-width:40px}.text-element .text-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-edit-input{width:100%;height:100%;font:inherit;border:none;outline:none;background:transparent;padding:0;margin:0;display:block;box-sizing:border-box;min-height:0;-webkit-appearance:none;appearance:none}.line-element{min-height:4px}.line-element .line-inner{position:absolute;top:50%;left:0;width:100%;height:2px;transform:translateY(-50%);background-color:var(--color-text-primary)}.pdf-text-element{padding:0 24px 0 0;min-width:10px;background:transparent;cursor:move;line-height:1;overflow:visible}.pdf-text-element .text-content{position:absolute;top:0;left:0;white-space:nowrap;overflow:visible;color:transparent;line-height:inherit;font:inherit;pointer-events:none}.pdf-text-element.editing{outline:2px solid var(--color-primary);outline-offset:1px;cursor:text}.pdf-text-element:hover{outline:1px dashed rgba(26,115,232,.5);outline-offset:0}.pdf-text-element.selected{outline:2px solid var(--color-primary);outline-offset:1px}.pdf-text-element .text-edit-input{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;border:none;outline:none;padding:0;margin:0;box-sizing:border-box;line-height:1;min-height:0;-webkit-appearance:none;appearance:none}.signature-element{z-index:var(--z-panel)}.signature-element img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.signature-panel{width:100%}.signature-panel-hero{margin-bottom:18px;padding:18px;border:1px solid rgba(148,163,184,.18);border-radius:20px;background:radial-gradient(circle at top right,rgba(37,99,235,.12),transparent 34%),linear-gradient(180deg,#f8fafcf2,#ffffffeb)}.signature-panel-kicker,.signature-section-kicker{display:inline-flex;margin-bottom:8px;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#0f766e}.signature-panel-hero h3,.signature-section-header h4{margin:0;color:#0f172a;letter-spacing:-.02em}.signature-panel-hero p,.signature-section-header p{margin:8px 0 0;color:#475569;line-height:1.5}.signature-section{margin-top:18px;padding:18px;border:1px solid rgba(148,163,184,.18);border-radius:20px;background:#ffffffd1;box-shadow:0 12px 32px #0f172a0f}.signature-section-typed{background:radial-gradient(circle at top left,rgba(20,184,166,.08),transparent 38%),#ffffffdb}.signature-section-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}.signature-section-header p{max-width:220px;font-size:.88rem}.signature-form{display:flex;flex-direction:column;gap:12px}.signature-form label{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.signature-form input{padding:var(--space-2);font-size:var(--font-size-base);border:1px solid var(--color-border-default);border-radius:12px;background:#f8fafceb}.signature-form button[type=submit]{margin-top:4px;padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,#1d4ed8,#0f766e);color:var(--color-text-on-primary);border:none;border-radius:14px;font-weight:var(--font-weight-medium);cursor:pointer;box-shadow:0 14px 28px #1d4ed833}.signature-form button[type=submit]:hover{background:linear-gradient(135deg,#1e40af,#0f766e)}.signature-typed-preview{padding:14px 16px;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:linear-gradient(180deg,#f8fafcf2,#fffffff0)}.signature-preview-label{display:block;margin-bottom:6px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.signature-preview-name{min-height:38px;color:#0f172a;font-size:1.45rem;font-style:italic;line-height:1.2}.signature-pad-container{display:flex;flex-direction:column;gap:var(--space-3);width:100%;-webkit-user-select:none;user-select:none}.signature-pad-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.signature-pad-toolbar-left{display:flex;gap:var(--space-2)}.signature-pad-toolbar select{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border-default);border-radius:12px;font-size:var(--font-size-sm);background-color:#f8fafcf0;cursor:pointer}.signature-pad-toolbar input[type=color]{height:32px;width:32px;padding:0;border:none;border-radius:var(--radius-sm);cursor:pointer}.signature-pad-clear-btn{font-size:var(--font-size-sm);color:var(--color-danger);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-3);border:1px solid rgba(239,68,68,.18);background:#fef2f2e6;border-radius:999px;cursor:pointer}.signature-pad-clear-btn:hover{color:var(--color-danger-hover);background-color:#ea433514}.signature-pad-drawing-area{position:relative;border:2px dashed rgba(148,163,184,.5);border-radius:20px;background:linear-gradient(180deg,#fffffff5,#f8fafcf5);cursor:crosshair;height:10rem;touch-action:none;overflow:hidden}.signature-pad-drawing-area svg{width:100%;height:100%}.signature-pad-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;color:var(--color-text-placeholder);-webkit-user-select:none;user-select:none;font-size:var(--font-size-base)}.signature-pad-footer{display:flex;justify-content:flex-end}.signature-pad-save-btn{padding:var(--space-2) var(--space-5);background:linear-gradient(135deg,#1d4ed8,#0f766e);color:var(--color-text-on-primary);border:none;border-radius:14px;font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast);box-shadow:0 14px 28px #1d4ed833}.signature-pad-save-btn:hover{background:linear-gradient(135deg,#1e40af,#0f766e)}.signature-pad-save-btn:disabled{opacity:.5;cursor:not-allowed}.loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);background:#ffffffd9;z-index:var(--z-overlay);pointer-events:all}.inspector-card{background:radial-gradient(circle at top right,rgba(20,184,166,.08),transparent 40%),#ffffffdb}.inspector-summary{margin:0 0 14px;color:#334155;line-height:1.5;word-break:break-word}.inspector-grid{display:grid;gap:10px;margin:0}.inspector-row{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;background:#f8fafcf5}.inspector-row dt{font-size:.8rem;font-weight:700;color:#64748b}.inspector-row dd{margin:0;color:#0f172a;text-align:right;max-width:60%;word-break:break-word}.inspector-hint{margin-top:14px;padding:12px 14px;border-radius:14px;background:#eff6ffe6;color:#1e3a8a;font-size:.86rem;line-height:1.5}.app-footer{margin-top:auto;padding:22px var(--space-5) 28px;border-top:1px solid rgba(148,163,184,.18);background:#ffffffb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-footer-main{display:grid;grid-template-columns:1.3fr 1fr .9fr;gap:24px;align-items:start}.app-footer-brand{display:flex;gap:14px;align-items:flex-start}.app-footer-logo{width:42px;height:42px}.app-footer-brand strong{display:block;color:#0f172a;margin-bottom:8px}.app-footer-brand p{margin:0;color:#475569;line-height:1.55;font-size:.9rem}.app-footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}.app-footer-links a{color:#334155;font-weight:600}.app-footer-actions{display:flex;flex-direction:column;gap:10px}.app-footer-donate{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:10px 16px;border-radius:999px;background:linear-gradient(135deg,#1d4ed8,#0f766e);color:#fff;font-weight:700}.app-footer-donate.disabled{opacity:.55;pointer-events:none}.app-footer-bottom{display:flex;justify-content:space-between;gap:16px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(148,163,184,.18);color:#64748b;font-size:.84rem}.auth-modal-backdrop{position:fixed;inset:0;z-index:calc(var(--z-modal) + 10);display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a7a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-modal{display:grid;grid-template-columns:minmax(260px,340px) minmax(320px,420px);width:min(900px,100%);border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 32px 80px #0f172a3d}.auth-modal-panel{padding:28px;background:radial-gradient(circle at top,rgba(20,184,166,.18),transparent 42%),linear-gradient(180deg,#eff6ff,#f8fafc)}.auth-modal-panel h2,.auth-modal-form h2{margin:0 0 10px;color:#0f172a}.auth-modal-panel p,.auth-modal-form p{margin:0 0 16px;color:#475569;line-height:1.55}.auth-modal-points{margin:0;padding-left:18px;color:#334155}.auth-modal-points li{margin-bottom:10px}.auth-modal-form{position:relative;padding:28px}.auth-modal-close{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(148,163,184,.24);border-radius:999px;background:#f8fafcf5;color:#334155;cursor:pointer}.auth-modal-tabs{display:inline-flex;gap:8px;margin-bottom:18px;padding:6px;border-radius:999px;background:#f1f5f9}.auth-modal-tabs button{border:none;border-radius:999px;background:transparent;color:#475569}.auth-modal-tabs button.active{background:#fff;color:#0f172a;box-shadow:0 4px 12px #0f172a14}.auth-google-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-bottom:14px;padding:12px 14px;border:1px solid rgba(148,163,184,.24);border-radius:14px;background:#fff;color:#0f172a;font-weight:700}.auth-verification-note{padding:12px 14px;border:1px solid rgba(148,163,184,.18);border-radius:14px;background:#f8fafcf0}.auth-link-button{margin-top:12px;border:none;background:transparent;color:#1d4ed8;font-weight:700;padding:0}.auth-form{display:grid;gap:12px}.auth-form label{display:grid;gap:6px;color:#475569;font-size:.9rem}.auth-form input{padding:11px 12px;border:1px solid rgba(148,163,184,.24);border-radius:14px;font:inherit}.auth-form button[type=submit]{margin-top:6px;border:none;border-radius:14px;background:linear-gradient(135deg,#1d4ed8,#0f766e);color:#fff;font-weight:700}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-border-default);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-message{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.toast-container{position:fixed;bottom:var(--space-4);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:var(--space-2);z-index:var(--z-toast);pointer-events:none}.toast{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-on-primary);box-shadow:var(--shadow-md);animation:toastIn var(--transition-normal) forwards;pointer-events:auto;white-space:nowrap}.toast-success{background-color:var(--color-success)}.toast-error{background-color:var(--color-danger)}.toast-info{background-color:var(--color-text-primary)}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);text-align:center;color:var(--color-text-secondary)}.error-boundary h2{margin:0;color:var(--color-danger);font-size:var(--font-size-lg)}.error-boundary p{margin:0;font-size:var(--font-size-sm);max-width:400px;word-break:break-word}.error-boundary button{padding:var(--space-2) var(--space-4);background-color:var(--color-primary);color:var(--color-text-on-primary);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer}.error-boundary button:hover{background-color:var(--color-primary-hover)}@media(max-width:767px){.app-footer{padding:20px var(--space-4) 24px}.app-footer-main{grid-template-columns:1fr}.app-footer-bottom{flex-direction:column}.auth-modal{grid-template-columns:1fr}}.static-page-shell{min-height:100vh;padding:32px 24px 56px;background:radial-gradient(circle at top left,rgba(20,184,166,.08),transparent 30%),radial-gradient(circle at top right,rgba(37,99,235,.08),transparent 30%),linear-gradient(180deg,#f8fafc,#eef2f7)}.static-page-hero,.static-page-content{max-width:920px;margin:0 auto}.static-page-home{display:inline-flex;margin-bottom:20px;font-weight:800;color:#0f172a}.static-page-eyebrow{display:inline-flex;margin-bottom:12px;color:#0f766e;font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.static-page-hero h1{margin:0;font-size:clamp(2rem,5vw,3.25rem);line-height:1.02;color:#0f172a;letter-spacing:-.05em}.static-page-hero p{max-width:64ch;margin:14px 0 0;color:#475569;font-size:1rem;line-height:1.65}.static-page-content{display:grid;gap:18px;margin-top:28px}.static-page-section{padding:22px 24px;border:1px solid rgba(148,163,184,.18);border-radius:22px;background:#ffffffd1;box-shadow:0 14px 40px #0f172a14}.static-page-section h2{margin:0 0 12px;color:#0f172a}.static-page-section p{margin:0 0 12px;color:#475569;line-height:1.7}.static-page-section p:last-child{margin-bottom:0}.app-root{min-height:100vh;height:auto}.app-header{justify-content:space-between;gap:16px;padding:16px 24px}.header-brand{flex:1 1 auto;min-width:0}.header-brand-copy{min-width:0}.header-brand-tagline{white-space:normal;line-height:1.35}.header-actions{flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end}.toolbar-shell{padding:0 24px 14px}.toolbar{width:100%;justify-content:space-between}.toolbar-cluster{flex:0 0 auto}.language-switcher{max-width:none;overflow:visible}.language-select-label{display:inline-flex;align-items:center;gap:8px;padding:0 12px;height:40px;border:1px solid rgba(148,163,184,.22);border-radius:999px;background:#ffffffeb}.language-select-flag{font-size:1rem}.language-select{border:none;background:transparent;color:#0f172a;font:inherit;font-weight:600;outline:none}.workspace-bar,.workspace-panel{display:none!important}.app-main{flex:1 1 auto;padding:0 24px 24px}.editor-workspace{display:grid;grid-template-columns:220px minmax(0,min(960px,100%)) 320px;justify-content:center;align-items:start;gap:18px;width:100%;min-height:0}.canvas-viewport{min-width:0}.canvas-stage{min-height:calc(100vh - 250px)}.canvas-stage-header{align-items:flex-start}.canvas-stage-title{font-size:1.3rem}.canvas-stage-body{padding:18px}.canvas-container{min-height:calc(100vh - 360px)}.workspace-sidebar{display:flex;flex-direction:column;gap:14px;min-width:0;position:sticky;top:16px}.workspace-sidebar-left{order:-1}.workspace-card.compact{margin-bottom:0}.workspace-card.compact h2{font-size:1rem}.workspace-card.compact p{font-size:.92rem}.inspector-card{margin-bottom:0}.ad-rail{display:none!important}.app-footer{margin-top:auto}@media(min-width:1640px){.editor-workspace{grid-template-columns:220px 220px minmax(0,min(960px,100%)) 320px 220px}.editor-workspace>.ad-rail:first-of-type,.editor-workspace>.ad-rail:last-of-type{display:block!important}}@media(max-width:1180px){.editor-workspace{grid-template-columns:1fr}.workspace-sidebar{position:static;order:2}.canvas-stage{min-height:auto}}@media(max-width:860px){.app-header{flex-direction:column;align-items:stretch}.header-actions{justify-content:stretch;width:100%}.header-action-button,.header-account-chip,.language-switcher{width:100%}.toolbar-shell,.app-main{padding-left:16px;padding-right:16px}.toolbar{flex-wrap:wrap;overflow-x:visible;justify-content:flex-start}.toolbar-group-label{display:none}.canvas-stage-header{flex-direction:column}.canvas-stage-body{padding:14px}.canvas-container{min-height:calc(100vh - 300px);padding:0}.editor-canvas{max-width:100%}.auth-modal{grid-template-columns:1fr;max-height:calc(100vh - 24px)}.auth-modal-panel{display:none}.auth-modal-form{padding:22px 18px 18px}}@media(max-width:640px){.app-header{padding:14px 16px}.header-brand{align-items:flex-start}.header-brand-topline{flex-wrap:wrap}.editor-workspace{gap:14px}.workspace-card,.canvas-stage{border-radius:20px}.toolbar-group{flex-wrap:wrap}.app-footer{padding-left:16px;padding-right:16px}}