@import"https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=IBM+Plex+Serif:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&display=swap";:root{color-scheme:light;--app-font: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--app-font-display: "DM Serif Display", Georgia, serif;--app-font-mono: "IBM Plex Mono", ui-monospace, monospace;--app-bg: #fafafa;--app-bg-rgb: 250, 250, 250;--app-surface: #ffffff;--app-border: #e5e5e5;--app-border-subtle: #f0f0f0;--app-ink: #0f0f0f;--app-ink-dark: #2a2826;--app-ink-secondary: #404040;--app-muted: #737373;--app-subtle: #a3a3a3;--app-accent: #e85d4c;--app-accent-hover: #d14d3d;--app-accent-rgb: 232, 93, 76;--app-accent-light: rgba(var(--app-accent-rgb), .12);--app-accent-glow: rgba(var(--app-accent-rgb), .2);--app-success: #22c55e;--app-success-rgb: 34, 197, 94;--app-warning: #eab308;--app-warning-rgb: 234, 179, 8;--app-error: #ef4444;--app-error-rgb: 239, 68, 68;--app-danger: #dc2626;--app-danger-hover: #b91c1c;--app-danger-rgb: 220, 38, 38;--app-danger-light: rgba(var(--app-danger-rgb), .08);--app-brand-claude: #d97757;--app-brand-claude-hover: #c4684a;--app-brand-claude-rgb: 217, 119, 87;--app-brand-chatgpt: #10a37f;--app-brand-chatgpt-hover: #0d8a6a;--app-brand-chatgpt-rgb: 16, 163, 127;--app-accent-warm-rgb: 196, 149, 106;--app-shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--app-shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--app-shadow-lg: 0 8px 32px rgba(0, 0, 0, .1);--app-shadow-focus: 0 0 0 2px rgba(var(--app-accent-rgb), .2);--tpl-font-heading: "Georgia", "Times New Roman", serif;--tpl-font-body: "Georgia", "Times New Roman", serif;--tpl-font-mono: "Courier New", monospace;--tpl-primary: #1a1a1a;--tpl-secondary: #4a4a4a;--tpl-accent: #2563eb;--tpl-muted: #6b7280;--tpl-border: #d1d5db;--tpl-bg: #ffffff;--tpl-page-margin: 20mm;--tpl-section-gap: 1.5rem;--tpl-paragraph-gap: .75rem;--font-body: var(--app-font);--font-display: var(--app-font);--font-mono: var(--app-font-mono);--color-background: var(--app-bg);--color-surface: var(--app-surface);--color-panel: var(--app-surface);--color-border: var(--app-border);--color-border-subtle: var(--app-border-subtle);--color-ink: var(--app-ink);--color-ink-secondary: var(--app-ink-secondary);--color-muted: var(--app-muted);--color-subtle: var(--app-subtle);--color-accent: var(--app-accent);--color-accent-hover: var(--app-accent-hover);--color-accent-rgb: var(--app-accent-rgb);--color-accent-light: var(--app-accent-light);--color-accent-glow: var(--app-accent-glow);--color-accent-subtle: rgba(var(--app-accent-rgb), .06);--color-accent-bg: rgba(var(--app-accent-rgb), .03);--color-success: var(--app-success);--color-success-rgb: var(--app-success-rgb);--color-success-light: rgba(var(--app-success-rgb), .1);--color-warning: var(--app-warning);--color-warning-rgb: var(--app-warning-rgb);--color-warning-light: rgba(var(--app-warning-rgb), .1);--color-error: var(--app-error);--color-error-rgb: var(--app-error-rgb);--color-error-light: rgba(var(--app-error-rgb), .08);--shadow-color-rgb: 0, 0, 0;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: var(--app-shadow-sm);--shadow-md: var(--app-shadow-md);--shadow-lg: var(--app-shadow-lg);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .12);--shadow-glow: 0 0 0 3px var(--app-accent-light);--shadow-focus: var(--app-shadow-focus);--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--app-header-height: 56px;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 3px;--radius-md: 5px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 980px;--breakpoint-xl: 1024px;--breakpoint-2xl: 1200px;font-family:var(--font-body);line-height:1.5;font-weight:400;color:var(--color-ink);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0ms;--transition-base: 0ms;--transition-slow: 0ms;--transition-spring: 0ms}}*{box-sizing:border-box;margin:0;padding:0}*:focus-visible{outline:none;box-shadow:var(--shadow-focus)}body{min-height:100vh;background-color:var(--color-background);font-family:var(--app-font)}button,input,select,textarea{font-family:inherit}.u-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:700;color:var(--app-muted)}.u-eyebrow--accent{color:var(--app-accent)}.u-eyebrow--sm{font-size:.65rem}.u-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--radius-lg);box-shadow:var(--app-shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.u-card:hover{border-color:var(--app-accent);box-shadow:var(--app-shadow-md)}.u-card--active{border-color:var(--app-accent);box-shadow:0 0 0 3px rgba(var(--app-accent-rgb),.15)}.u-text-link{background:none;border:none;padding:0;font-family:inherit;font-size:.8rem;color:var(--app-muted);text-decoration:underline;text-decoration-color:var(--app-border);text-underline-offset:3px;cursor:pointer;transition:color var(--transition-fast),text-decoration-color var(--transition-fast)}.u-text-link:hover{color:var(--app-ink);text-decoration-color:var(--app-ink)}.u-text-link--sm{font-size:.75rem}.u-text-link--accent{color:var(--app-accent);text-decoration-color:rgba(var(--app-accent-rgb),.4)}.u-text-link--accent:hover{color:var(--app-accent-hover);text-decoration-color:var(--app-accent-hover)}.custom-scroll{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.custom-scroll::-webkit-scrollbar{width:6px;height:6px}.custom-scroll::-webkit-scrollbar-track{background:transparent}.custom-scroll::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.custom-scroll::-webkit-scrollbar-thumb:hover{background:#00000040}.panel{width:min(920px,100%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-10);display:grid;gap:var(--space-4)}.panel--error{border-color:rgba(var(--color-error-rgb),.35);background:linear-gradient(180deg,var(--color-surface),rgba(var(--color-error-rgb),.04))}.primary-action{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);border:1px solid transparent;background:var(--color-accent);color:#fff;font-weight:700;letter-spacing:.02em;text-decoration:none;transition:transform var(--transition-fast),background var(--transition-fast);cursor:pointer}.primary-action:disabled{opacity:.6;cursor:not-allowed}.primary-action:hover{background:var(--color-accent-hover)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6);align-items:end}.field{display:grid;gap:var(--space-2)}.field__label{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted)}.field__input{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:var(--color-surface);color:var(--color-ink)}.field__input--invalid{border-color:rgba(var(--color-error-rgb),.65);box-shadow:0 0 0 3px rgba(var(--color-error-rgb),.12)}.field__hint{margin-top:var(--space-2);color:var(--color-muted);font-size:.85rem}.field__hint--error{color:var(--color-error)}.field__hint--centered{text-align:center}.field__hint--svg-info{text-align:center;font-size:.65rem}.field__input[type=color]{padding:0;height:42px;cursor:pointer}.actions{display:flex;justify-content:flex-end;padding-top:var(--space-4)}.actions--between{justify-content:space-between;align-items:center;gap:var(--space-4)}.muted{color:var(--color-muted);font-size:.9rem}.secondary-action{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink);font-weight:700;letter-spacing:.02em;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.secondary-action:disabled{opacity:.6;cursor:not-allowed}.secondary-action:hover{background:var(--color-accent-subtle)}.account-grid{width:min(1240px,100%);display:grid;grid-template-columns:minmax(320px,440px) 1fr;gap:var(--space-8);align-items:start}.app:has(.style-grid){padding:0;gap:0;min-height:100vh;height:100vh;overflow:hidden}.style-grid{width:100%;height:100vh;display:grid;grid-template-columns:380px 1fr;gap:0;align-items:stretch}.style-editor{height:100%;overflow:hidden;display:flex;flex-direction:column;gap:0;padding:0;background:var(--app-surface);border-right:1px solid var(--app-border-subtle);border-radius:0;font-size:.8rem}.style-header{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--app-border-subtle);flex-shrink:0}.style-header__row{display:flex;align-items:center;gap:var(--space-2)}.style-header h1{font-family:var(--app-font);font-size:1rem;font-weight:600;color:var(--app-ink);margin:0}.style-editor__help-text{font-size:.65rem;color:var(--app-muted);margin:0;line-height:1.4}.style-back-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--app-ink-secondary);cursor:pointer;transition:all var(--transition-fast)}.style-back-btn:hover{color:var(--app-accent)}.style-back-btn:hover .style-back-chevron{border-color:var(--app-accent)}.style-back-chevron{width:8px;height:8px;border-left:2px solid var(--app-muted);border-bottom:2px solid var(--app-muted);transform:rotate(45deg);transition:border-color var(--transition-fast)}.style-editor__content{flex:1;overflow-y:auto;padding:var(--space-4);min-height:0}.style-form{display:flex;flex-direction:column;gap:var(--space-4)}.style-color-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-3);align-items:end}.style-color-field{display:flex;flex-direction:column;gap:2px}.style-color-field span{font-size:.7rem;color:var(--app-ink-secondary)}.style-color-field input[type=color]{width:100%;height:32px;padding:2px;border:1px solid var(--app-border);border-radius:var(--radius-sm);background:var(--app-bg);cursor:pointer;transition:border-color var(--transition-fast)}.style-color-field input[type=color]:hover{border-color:var(--app-accent)}.style-color-swap{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-bottom:4px;padding:0;border:1px solid var(--app-border);border-radius:var(--radius-sm);background:var(--app-surface);color:var(--app-ink-secondary);cursor:pointer;transition:all var(--transition-fast)}.style-color-swap:hover{border-color:var(--app-accent);color:var(--app-accent);background:rgba(var(--app-accent-rgb),.04)}.style-swap-icon{width:16px;height:16px}.style-font-grid{display:flex;flex-direction:column;gap:var(--space-3)}.style-radius-options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-1)}.style-radius-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2);border:1px solid var(--app-border);border-radius:var(--radius-sm);background:var(--app-surface);cursor:pointer;transition:all var(--transition-fast);font-family:var(--app-font);font-size:.65rem;color:var(--app-ink-secondary)}.style-radius-option:hover{border-color:var(--app-accent)}.style-radius-option--active{border-color:var(--app-accent);background:rgba(var(--app-accent-rgb),.04);color:var(--app-accent)}.style-radius-preview{width:24px;height:14px;border:1.5px solid currentColor}.style-density-preview{display:flex;flex-direction:column;width:24px;height:14px}.style-density-preview span{flex:1;border-radius:1px;background:currentColor}.style-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--app-border-subtle);background:var(--app-surface);flex-shrink:0}.style-extract-link{background:none;border:none;font-size:.8125rem;color:var(--app-muted);cursor:pointer;transition:text-decoration var(--transition-fast);text-decoration:none}.style-extract-link:hover{text-decoration:underline}.style-status{font-size:.85rem}.style-preview{width:100%;max-width:none;background:var(--app-bg);border:none;box-shadow:none;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:0;overflow:hidden;height:100%}.style-preview .doc-preview{height:100%}.style-preview .doc-preview__canvas{padding:var(--space-4) 0 var(--space-4) var(--space-4)}.style-preview .preview-canvas .print-shell{--preview-scale: .85;transform:scale(var(--preview-scale));transform-origin:top center;margin-left:calc(-210mm * (1 - var(--preview-scale)) / 2);margin-right:calc(-210mm * (1 - var(--preview-scale)) / 2);padding-bottom:0}@media (max-width: 1200px){.style-preview .preview-canvas .print-shell{--preview-scale: .75}}@media (max-width: 1100px){.app:has(.style-grid){padding:0}.style-grid{grid-template-columns:1fr;grid-template-rows:auto 1fr}.style-editor{position:static;height:auto;max-height:60vh;border-right:none;border-bottom:1px solid var(--app-border-subtle)}.style-editor__content{max-height:none}.style-preview{min-height:50vh;padding:var(--space-4)}.style-preview .preview-canvas .print-shell{--preview-scale: .65}}@media (max-width: 640px){.style-editor{max-height:55vh}.style-header{position:sticky;top:0;z-index:5;padding:var(--space-2) var(--space-3);background:var(--app-surface)}.style-editor__content{padding:var(--space-3);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.style-form{gap:var(--space-3)}.style-color-grid{grid-template-columns:1fr;gap:var(--space-2)}.style-color-swap{margin:0 auto}.style-radius-options{grid-template-columns:1fr;gap:var(--space-2)}.style-radius-option{flex-direction:row;justify-content:flex-start;gap:var(--space-3);padding:var(--space-3);font-size:.75rem}.style-actions{position:sticky;bottom:0;box-shadow:0 -10px 24px rgba(var(--shadow-color-rgb),.15);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom))}.style-preview{padding:var(--space-2)}.style-preview .doc-preview__canvas{padding:var(--space-3) 0 var(--space-4) var(--space-3);-webkit-overflow-scrolling:touch}.style-preview .preview-canvas .print-shell{--preview-scale: .55}}.app:has(.billing-panel),.app:has(.projects-panel){min-height:calc(100vh - var(--app-header-height) - var(--space-8) - var(--space-8));padding-bottom:var(--space-8);box-sizing:border-box}.billing-panel,.projects-panel{width:min(720px,100%);flex:1;display:flex;flex-direction:column}.billing-panel>*,.projects-panel>*{flex:0 0 auto}.billing-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.billing-badge{text-transform:uppercase;letter-spacing:.15em;font-size:.65rem;font-weight:700;color:var(--color-success);background:var(--color-success-light);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.billing-badge--idle{color:var(--color-muted);background:rgba(var(--shadow-color-rgb),.08)}.billing-notice{color:var(--color-warning);font-size:.85rem}.billing-table{width:100%;border-collapse:collapse;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;font-size:.9rem}.billing-table th,.billing-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.billing-table th{text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--color-muted);width:140px}.billing-table tr:last-child th,.billing-table tr:last-child td{border-bottom:none}.billing-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.billing-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:grid;gap:var(--space-3);background:var(--color-surface);position:relative}.billing-card--active{border-color:rgba(var(--color-success-rgb),.6)}.billing-card__price{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--color-ink)}.billing-card__interval{font-size:.9rem;font-weight:400;color:var(--color-muted)}.billing-actions{display:flex;justify-content:flex-end}.billing-upgrade-hero{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.billing-upgrade-hero h2{font-size:1.5rem;font-weight:700;color:var(--color-ink);margin-bottom:var(--space-2)}.billing-upgrade-description{color:var(--color-ink-secondary);font-size:.95rem;line-height:1.6;max-width:480px;margin:0 auto var(--space-5)}.billing-upgrade-benefits{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4);padding:0;margin:0}.billing-upgrade-benefits li{display:flex;align-items:center;gap:var(--space-2);font-size:.9rem;color:var(--color-ink-secondary)}.billing-upgrade-benefits svg{color:var(--app-accent);flex-shrink:0}.billing-card--featured{border-color:var(--app-accent)}.billing-card__badge{position:absolute;top:-10px;right:var(--space-4);background:var(--app-accent);color:#fff;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.billing-card__savings{font-size:.75rem;font-weight:600;color:var(--app-accent);margin-left:var(--space-1)}.billing-launch-text{font-size:.85rem;color:var(--color-ink-secondary);text-align:center;margin-bottom:var(--space-4)}.billing-thank-you{background:rgba(var(--color-success-rgb),.08);border:1px solid rgba(var(--color-success-rgb),.3);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}.billing-thank-you p{color:var(--color-ink);font-size:.95rem;margin:0}.billing-manage-section{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.billing-manage-section summary{padding:var(--space-4);cursor:pointer;font-weight:500;color:var(--color-muted);font-size:.9rem;-webkit-user-select:none;user-select:none;list-style:none;display:flex;align-items:center;gap:var(--space-2)}.billing-manage-section summary::-webkit-details-marker{display:none}.billing-manage-section summary:before{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform var(--transition-fast)}.billing-manage-section[open] summary:before{transform:rotate(45deg)}.billing-manage-section summary:hover{color:var(--color-ink)}.billing-manage-content{padding:var(--space-4);border-top:1px solid var(--color-border-subtle);display:grid;gap:var(--space-3)}.billing-manage-hint{font-size:.85rem;color:var(--color-muted);margin:0}.account-user{display:flex;align-items:center;gap:var(--space-4);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border-subtle)}.account-user__avatar{width:44px;height:44px;border-radius:var(--radius-full);object-fit:cover;border:1px solid var(--color-border)}.account-user__avatar--placeholder{background:radial-gradient(circle at 30% 30%,rgba(var(--color-accent-rgb),.22),transparent 60%),linear-gradient(135deg,rgba(var(--shadow-color-rgb),.06),rgba(var(--shadow-color-rgb),.02))}.account-user__meta{display:grid;gap:2px}.account-user__name{font-weight:700;color:var(--color-ink)}.account-user__email{font-size:.9rem;color:var(--color-muted)}.form-grid--account{grid-template-columns:repeat(2,minmax(0,1fr))}.field--span2{grid-column:1 / -1}.color-row{display:grid;grid-template-columns:48px 1fr;gap:var(--space-3);align-items:center}.color-row__picker{padding:0;height:42px}.color-row__hex{font-family:var(--font-mono)}.logo-upload{display:flex;flex-direction:column;gap:var(--space-2)}.logo-upload__preview{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface)}.logo-upload__preview img{max-height:48px;max-width:160px;object-fit:contain}.logo-upload__actions{display:flex;gap:var(--space-2);margin-left:auto}.logo-upload__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);border-radius:var(--radius-md);border:2px dashed var(--color-border);background:rgba(var(--shadow-color-rgb),.02);color:var(--color-muted);font-size:.875rem;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.logo-upload__empty--compact{flex-direction:row;padding:var(--space-3) var(--space-4);width:fit-content;margin:0 auto}.logo-upload__empty:hover{border-color:var(--color-accent);background:rgba(var(--color-accent-rgb),.04)}.logo-upload__icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-border);color:var(--color-muted);font-size:1.25rem;font-weight:300}.logo-upload__empty:hover .logo-upload__icon{background:var(--color-accent);color:#fff}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.account-preview{position:sticky;top:calc(var(--app-header-height) + var(--space-4));max-height:calc(100vh - var(--app-header-height) - var(--space-10));overflow:hidden;display:flex;flex-direction:column;gap:var(--space-4);min-height:0}.preview-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.preview-header>div{display:grid;gap:var(--space-2)}.preview-canvas{overflow:auto;padding-top:var(--space-6);display:flex;justify-content:center;align-items:flex-start;flex:1;min-height:0}.preview-canvas .print-shell{--preview-scale: .6;transform:scale(var(--preview-scale));transform-origin:top center;margin-left:calc(-210mm * (1 - var(--preview-scale)) / 2);margin-right:calc(-210mm * (1 - var(--preview-scale)) / 2);padding-bottom:0}.draft-banner h2{font-family:var(--font-display)}.palette-select{position:relative;display:inline-flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) 0 var(--space-4)}.palette-trigger{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink);font-weight:700;font-size:.85rem;cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast)}.palette-trigger:hover{background:var(--color-accent-subtle)}.palette-trigger:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.palette-trigger__label{text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;color:var(--color-muted)}.palette-trigger__value{font-weight:700}.palette-trigger__swatches{display:inline-flex;gap:var(--space-1-5)}.palette-trigger__dot{width:12px;height:12px;border-radius:var(--radius-full);border:1px solid rgba(0,0,0,.12)}.palette-trigger__chevron{margin-left:auto;color:var(--color-muted)}.palette-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:240px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);display:grid;gap:4px;z-index:30;max-height:240px;overflow-y:auto}.palette-menu__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;color:var(--color-ink);font-weight:700}.palette-menu__item:hover{background:var(--color-accent-subtle)}.palette-menu__item--active{background:rgba(var(--color-accent-rgb),.14)}.palette-menu__item:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.palette-menu__item--reset{color:var(--color-muted)}.palette-menu__swatches{display:inline-flex;gap:var(--space-1-5)}.palette-menu__dot{width:12px;height:12px;border-radius:var(--radius-full);border:1px solid rgba(0,0,0,.12)}.segmented{display:inline-flex;gap:0;border:1px solid var(--color-border);border-radius:var(--radius-full);overflow:hidden;background:rgba(var(--shadow-color-rgb),.03);width:fit-content}.segmented__item{padding:var(--space-2) var(--space-4);background:transparent;border:none;cursor:pointer;color:var(--color-muted);font-weight:800;letter-spacing:.02em}.segmented__item--active{background:var(--color-surface);color:var(--color-ink)}@media (max-width: 980px){.account-grid{grid-template-columns:1fr}.billing-header{flex-direction:column;align-items:flex-start}.account-preview{position:static;max-height:none}.preview-canvas .print-shell{transform:none}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.app{display:flex;flex-direction:column;min-height:calc(100vh - var(--app-header-height) - var(--space-8) - var(--space-8));align-items:center;justify-content:flex-start;gap:var(--space-12);padding:var(--space-8) var(--space-6) calc(var(--space-16) * 1.5);position:relative;overflow-x:hidden}.app--mobile-fullscreen{padding:0;gap:0;min-height:100vh;height:100vh;overflow:hidden}.app--mobile-fullscreen:before{display:none}.app:before{content:"";position:fixed;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);opacity:.4;z-index:100}.hero{max-width:560px;width:100%;text-align:center;padding:0 var(--space-6)}.hero--minimal{background:transparent}.hero__brand{display:inline-flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8)}.hero__logo{width:32px;height:32px;background:var(--app-ink);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem;font-family:var(--app-font)}.hero__wordmark{font-family:var(--app-font);font-size:1.1rem;font-weight:600;color:var(--app-ink)}.hero__title{font-family:var(--app-font-display);font-size:clamp(1.85rem,5vw,2.5rem);font-weight:400;font-style:normal;line-height:1.15;margin-bottom:var(--space-4);color:var(--app-ink);letter-spacing:-.02em}.hero__title-accent{display:block;color:var(--app-accent);font-style:italic;margin-top:.1em}.hero__subtitle{font-family:var(--app-font);font-size:.95rem;color:var(--app-muted);line-height:1.7;max-width:380px;margin:0 auto}.processing-indicator{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-muted);font-size:.9rem;font-weight:500}.processing-indicator__dot{width:8px;height:8px;background:var(--color-accent);border-radius:50%;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.app--home{justify-content:center;min-height:100dvh;height:100dvh;gap:var(--space-8);padding:calc(var(--app-header-height) + var(--space-8)) var(--space-4) var(--space-8);overflow:hidden}.app--home .hero{margin-bottom:0}.logs{width:min(860px,100%);border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);transition:box-shadow var(--transition-base)}.logs:hover{box-shadow:var(--shadow-xl)}.logs__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:linear-gradient(180deg,var(--color-surface),rgba(250,248,245,.8));border-bottom:1px solid var(--color-border)}.logs__title{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--color-ink);display:flex;align-items:center;gap:var(--space-3)}.logs__title:before{content:"";width:10px;height:10px;background:var(--color-accent);border-radius:50%;box-shadow:0 0 8px var(--color-accent-glow)}.logs__hint{font-size:.85rem;color:var(--color-muted);display:flex;align-items:center;gap:var(--space-2)}.logs__hint--processing{color:var(--color-accent)}.logs__hint--processing:before{content:"";width:8px;height:8px;background:var(--color-accent);border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.logs__body{padding:var(--space-5) var(--space-6);font-family:var(--font-mono);font-size:.85rem;line-height:1.7;white-space:pre-wrap;color:var(--color-ink-secondary);min-height:180px;max-height:400px;overflow-y:auto;background:linear-gradient(180deg,#fdfcfa,#f8f6f3)}.logs__body::-webkit-scrollbar{width:8px}.logs__body::-webkit-scrollbar-track{background:transparent}.logs__body::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.logs__body::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}.logs__empty{color:var(--color-subtle);font-style:italic}.warning-panel{width:min(860px,100%);border:1px solid rgba(var(--color-error-rgb),.25);background:linear-gradient(135deg,var(--color-surface),rgba(var(--color-error-rgb),.02));border-radius:var(--radius-xl);padding:var(--space-6);display:grid;gap:var(--space-3);box-shadow:var(--shadow-md),inset 0 1px #fffc;position:relative;overflow:hidden}.warning-panel:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-error)}.warning-panel__title{font-family:var(--font-display);font-weight:600;font-size:1rem;color:var(--color-error);display:flex;align-items:center;gap:var(--space-2)}.warning-panel__title:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--color-error);color:#fff;font-size:.75rem;font-weight:700;border-radius:50%}.warning-panel__body{color:var(--color-ink-secondary);font-size:.95rem;line-height:1.6}.warning-panel__details{margin-top:var(--space-2);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);background:rgba(var(--color-error-rgb),.06);border:1px solid rgba(var(--color-error-rgb),.15);font-family:var(--font-mono);font-size:.8rem;line-height:1.6;white-space:pre-wrap;color:var(--color-ink-secondary)}.app:has(.view-grid){padding:0;gap:0;min-height:100vh;height:100vh;overflow:hidden}.view-page{background:var(--app-bg)}.view-grid{width:100%;height:100vh;display:grid;grid-template-columns:380px 1fr;gap:0;align-items:stretch}.view-sidebar{height:100%;overflow:hidden;display:flex;flex-direction:column;gap:0;padding:0;background:var(--app-surface);border-right:1px solid var(--app-border-subtle);border-radius:0;font-size:.8rem}.view-sidebar__header{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--app-border-subtle);flex-shrink:0}.view-sidebar__header-row{display:flex;align-items:center;gap:var(--space-2)}.view-sidebar__title{font-family:var(--app-font);font-size:1rem;font-weight:600;color:var(--app-ink);margin:0;overflow:hidden}.view-sidebar__save-status{margin-left:auto;font-size:.75rem;font-weight:500;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);white-space:nowrap;animation:fadeIn var(--transition-fast)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.view-sidebar__save-status--saving{color:var(--app-muted);background:var(--app-bg)}.view-sidebar__save-status--saved{color:var(--app-success);background:rgba(var(--app-success-rgb),.1)}.view-sidebar__save-status--error{color:var(--app-error);background:rgba(var(--app-error-rgb),.1)}.view-sidebar__help-text{font-size:.65rem;color:var(--app-muted);margin:0;line-height:1.4}.view-back-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--app-ink-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.view-back-btn:hover{color:var(--app-accent)}.view-back-btn:hover .view-back-chevron{border-color:var(--app-accent)}.view-back-chevron{width:8px;height:8px;border-left:2px solid var(--app-muted);border-bottom:2px solid var(--app-muted);transform:rotate(45deg);transition:border-color var(--transition-fast)}.view-sidebar__content{flex:1;overflow-y:auto;padding:var(--space-4);min-height:0;display:flex;flex-direction:column;gap:var(--space-4)}.view-sidebar__notice{font-size:.85rem;color:var(--app-muted);margin:0;padding:var(--space-3);background:rgba(var(--shadow-color-rgb),.03);border-radius:var(--radius-sm)}.view-sidebar__warning{padding:var(--space-3);background:rgba(var(--color-warning-rgb),.08);border:1px solid rgba(var(--color-warning-rgb),.2);border-radius:var(--radius-sm)}.view-sidebar__warning-title{font-size:.8rem;font-weight:600;color:var(--color-warning);margin:0 0 var(--space-2) 0}.view-sidebar__warning-body{font-size:.75rem;color:var(--app-muted);margin:0 0 var(--space-2) 0;line-height:1.5}.view-sidebar__warning-details{font-size:.65rem;font-family:var(--font-mono);color:var(--app-muted);margin:0;padding:var(--space-2);background:rgba(var(--shadow-color-rgb),.03);border-radius:var(--radius-xs);overflow:auto;max-height:120px;white-space:pre-wrap;word-break:break-all}.view-sidebar__history{display:flex;gap:var(--space-2)}.view-sidebar__history button{display:inline-flex;align-items:center;gap:var(--space-2)}.view-sidebar__history button svg{flex-shrink:0}.view-sidebar__print-notice{font-size:.8rem;color:var(--color-warning);margin:0;padding:var(--space-3);background:rgba(var(--color-warning-rgb),.08);border-radius:var(--radius-sm)}.view-sidebar__actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--app-border-subtle);background:var(--app-surface);flex-shrink:0}.view-preview{width:100%;max-width:none;background:var(--app-bg);border:none;box-shadow:none;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:0;overflow:hidden;height:100%;position:relative}.view-preview .doc-preview{height:100%}.view-preview .doc-preview__canvas{padding:var(--space-4) 0 var(--space-4) var(--space-4)}.view-preview__history-overlay{position:absolute;top:var(--space-3);left:var(--space-3);z-index:10;display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1);background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--app-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.view-preview__history-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--app-ink);cursor:pointer;transition:all var(--transition-fast)}.view-preview__history-btn:hover:not(:disabled){background:var(--app-bg);border-color:var(--app-border);color:var(--app-accent)}.view-preview__history-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 1100px){.app:has(.view-grid){padding:0}.view-grid{grid-template-columns:1fr;grid-template-rows:auto 1fr}.view-sidebar{position:static;height:auto;max-height:40vh;border-right:none;border-bottom:1px solid var(--app-border-subtle)}.view-sidebar__content{max-height:none}.view-preview{min-height:50vh;padding:var(--space-4)}}@media (max-width: 640px){.view-sidebar{max-height:45vh}.view-sidebar__header{position:sticky;top:0;z-index:5;background:var(--app-surface);padding:var(--space-2) var(--space-3)}.view-sidebar__content{padding:var(--space-3);gap:var(--space-3);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.view-sidebar__actions{position:sticky;bottom:0;padding:var(--space-3);box-shadow:0 -10px 24px rgba(var(--shadow-color-rgb),.12);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom))}.view-preview{padding:var(--space-2)}.view-preview .doc-preview__canvas{padding:var(--space-3);-webkit-overflow-scrolling:touch}.view-preview__history-overlay{top:var(--space-2);left:var(--space-2);padding:2px}.view-preview__history-btn{width:26px;height:26px}}.mobile-style-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--app-surface);display:flex;flex-direction:column;animation:mobileModalSlideIn .25s ease-out}@keyframes mobileModalSlideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-style-modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--app-border-subtle);flex-shrink:0}.mobile-style-modal__title{font-family:var(--app-font);font-size:1rem;font-weight:600;color:var(--app-ink);margin:0}.mobile-style-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--app-ink-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:1.5rem;line-height:1}.mobile-style-modal__close:hover{background:var(--app-bg);color:var(--app-ink)}.mobile-style-modal__content{flex:1;overflow-y:auto;padding:var(--space-4);-webkit-overflow-scrolling:touch;position:relative;z-index:1;touch-action:auto}.mobile-style-modal__content input,.mobile-style-modal__content button,.mobile-style-modal__content select{pointer-events:auto;position:relative;z-index:1;touch-action:manipulation}.mobile-style-modal__content input[type=range]{touch-action:none}.mobile-style-modal__actions{position:sticky;bottom:0;padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));background:var(--app-surface);border-top:1px solid var(--app-border-subtle);flex-shrink:0}.mobile-style-modal__actions .btn--primary{width:100%}.mobile-style-modal__actions .btn--secondary{width:100%;max-width:280px;margin:0 auto;display:block;padding:var(--space-3) var(--space-5);background:#fff;border:1px solid var(--app-border);color:var(--app-ink);font-size:.9rem}.mobile-style-modal__actions .btn--secondary:hover{background:var(--app-bg);border-color:var(--app-accent);color:var(--app-accent)}.print-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f0f8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:var(--space-6);z-index:200}.print-modal{width:min(680px,100%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-8);display:grid;gap:var(--space-4);position:relative;overflow:hidden}.print-modal:before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,var(--color-accent),rgba(var(--color-accent-rgb),.2));opacity:.9}.print-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.print-modal__eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.65rem;font-weight:700;color:var(--color-accent);background:var(--color-accent-subtle);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);width:fit-content;margin-bottom:var(--space-2)}.print-modal__copy{color:var(--color-ink-secondary);font-size:.95rem;line-height:1.6}.print-modal__hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-6);align-items:center;padding:var(--space-4);border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(var(--color-accent-rgb),.08),#00000005);border:1px solid rgba(var(--color-accent-rgb),.2)}.print-modal__hero-copy{display:grid;gap:var(--space-3)}.print-modal__note{font-size:.85rem;font-weight:600;color:var(--color-muted)}.print-modal__alert{border-radius:var(--radius-md);border:1px solid rgba(var(--color-warning-rgb),.3);background:rgba(var(--color-warning-rgb),.12);padding:var(--space-3) var(--space-4);font-size:.85rem;line-height:1.5;color:var(--color-ink)}.print-modal__price-card{min-width:170px;background:var(--color-ink);color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4);text-align:right;display:grid;gap:var(--space-1);box-shadow:0 12px 24px #0f0f0f40}.print-modal__price-label{text-transform:uppercase;letter-spacing:.12em;font-size:.6rem;opacity:.7}.print-modal__price-main{font-size:2.4rem;font-weight:700;letter-spacing:-.02em}.print-modal__price-sub{font-size:.8rem;opacity:.8}.print-modal__price-alt{font-size:.75rem;color:#ffffffb3}.print-modal__benefits{list-style:none;display:grid;gap:var(--space-2);padding:0;margin:0}.print-modal__benefits li{display:flex;align-items:center;gap:var(--space-3);font-size:.95rem;color:var(--color-ink-secondary)}.print-modal__benefits li:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--color-accent);box-shadow:0 0 0 4px rgba(var(--color-accent-rgb),.12)}.print-modal__options{display:grid;gap:var(--space-3)}.print-modal__close{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-full);width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.print-modal__close:hover{background:var(--color-accent-subtle)}.print-modal__link{border:none;background:transparent;color:var(--color-muted);font-size:.85rem;cursor:pointer;text-align:left;padding:0}.print-modal__link:hover{color:var(--color-ink)}.print-modal__hint{color:var(--color-warning);font-size:.85rem}.paywall-modal{text-align:center;position:relative}.paywall-close{position:absolute;top:var(--space-4);right:var(--space-4)}.paywall-header{margin-bottom:var(--space-4)}.paywall-header h2{font-size:1.6rem;font-weight:700;color:var(--color-ink);margin-bottom:var(--space-2)}.paywall-subtitle{font-size:.95rem;color:var(--color-ink-secondary);line-height:1.5;max-width:400px;margin:0 auto}.paywall-benefits{list-style:none;padding:0;margin:0 auto var(--space-5);display:inline-grid;gap:var(--space-2);text-align:left}.paywall-benefits li{display:flex;align-items:center;gap:var(--space-3);font-size:.95rem;color:var(--color-ink-secondary);text-align:left}.paywall-check{color:var(--app-accent);flex-shrink:0}.paywall-pricing{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-4)}.paywall-price-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--color-surface);display:flex;flex-direction:column;gap:var(--space-2);text-align:center}.paywall-subscribe-btn{margin-top:var(--space-2);width:100%}.paywall-price-amount{font-size:2rem;font-weight:700;color:var(--color-ink);letter-spacing:-.02em}.paywall-price-interval{font-size:.85rem;color:var(--color-muted)}.paywall-price-savings{font-size:.75rem;font-weight:600;color:var(--app-accent);margin-left:var(--space-1)}.paywall-signin{margin-bottom:var(--space-4)}.paywall-signin-prompt{font-size:.9rem;color:var(--color-muted);margin-bottom:var(--space-3)}.paywall-launch-text{font-size:.85rem;color:var(--color-ink-secondary);margin-bottom:var(--space-4)}.paywall-watermark-link{border:none;background:transparent;color:var(--color-muted);font-size:.85rem;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.paywall-watermark-link:hover{color:var(--color-ink)}@media (max-width: 480px){.paywall-pricing{grid-template-columns:1fr}}.projects-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.projects-header h1{margin:0}.projects-subtitle{color:var(--color-muted);font-size:.875rem;margin:var(--space-1) 0 var(--space-4)}.projects-list{display:flex;flex-direction:column}.projects-list__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-subtle)}.projects-list__item:last-child{border-bottom:none}.projects-list__title{flex:1;min-width:0;color:var(--color-ink);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.projects-empty{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-8) var(--space-4);color:var(--color-muted)}.projects-error{color:var(--color-error);font-size:.9rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f0f80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-6);z-index:200}.modal{width:min(480px,100%);background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--radius-xl);box-shadow:var(--app-shadow-lg);padding:var(--space-6);display:grid;gap:var(--space-5)}.modal--sm{width:min(520px,100%)}.modal--wide{width:min(600px,calc(100% - var(--space-4)))}.modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.modal__header h2{font-size:1.25rem;font-weight:700;color:var(--app-ink)}.modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--app-border);border-radius:var(--radius-full);background:var(--app-surface);color:var(--app-muted);font-size:1.25rem;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.modal__close:hover{background:var(--app-bg);color:var(--app-ink)}.modal__description{color:var(--app-muted);font-size:.95rem;line-height:1.6}.modal__steps{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-3);counter-reset:step}.modal__steps li{display:flex;gap:var(--space-3);align-items:flex-start;counter-increment:step}.modal__steps li:before{content:counter(step);flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--app-accent);color:#fff;font-size:.75rem;font-weight:700;border-radius:var(--radius-full)}.modal__steps li div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.modal__steps li strong{font-weight:600;color:var(--app-ink)}.modal__steps li span{color:var(--app-muted);font-size:.85rem}.modal__actions{display:flex;gap:var(--space-3);padding-top:var(--space-2)}.oauth-page{display:flex;align-items:center;justify-content:center;height:100dvh;overflow:hidden}.oauth-page .oauth-error{color:var(--app-error);text-align:center;padding:var(--space-4)}.oauth-loading{display:flex;align-items:center;justify-content:center}.oauth-spinner{width:32px;height:32px;border:3px solid var(--app-border);border-top-color:var(--app-accent);border-radius:50%;animation:oauth-spin .8s linear infinite}@keyframes oauth-spin{to{transform:rotate(360deg)}}.print-button{margin-top:var(--space-6);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);border:none;background:linear-gradient(135deg,var(--color-ink),var(--app-ink-dark));color:var(--color-surface);text-transform:uppercase;letter-spacing:.15em;font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md),inset 0 1px #ffffff1a;position:relative;overflow:hidden}.print-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);opacity:0;transition:opacity var(--transition-fast)}.print-button:hover{box-shadow:var(--shadow-lg),inset 0 1px #ffffff26}.print-button:hover:before{opacity:1}.print-button:active{box-shadow:var(--shadow-sm)}.print-actions{margin-top:var(--space-6);display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.print-actions .print-button{margin-top:0}.print-button--secondary{background:transparent;color:var(--color-ink);border:1.5px solid var(--color-border);box-shadow:none}.print-button--secondary:hover{border-color:var(--color-ink);background:rgba(var(--shadow-color-rgb),.04);box-shadow:var(--shadow-sm)}.print-button--secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.quick-actions{margin-top:var(--space-5);display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.quick-actions__button{border-radius:var(--radius-full);border:1.5px solid var(--color-border);padding:var(--space-3) var(--space-5);background:var(--color-surface);color:var(--color-ink);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.quick-actions__button:hover{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-surface);box-shadow:var(--shadow-md)}.quick-actions__button--solid{background:var(--color-ink);color:var(--color-surface);border-color:var(--color-ink)}.quick-actions__button--solid:hover{background:var(--app-ink-dark)}.save-panel{width:min(860px,100%);padding:var(--space-8) var(--space-10);border-radius:var(--radius-2xl);border:1px solid var(--color-border);background:var(--color-surface);display:grid;gap:var(--space-6);box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.save-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-success),#6bb88a)}.save-panel__eyebrow{text-transform:uppercase;letter-spacing:.25em;font-size:.65rem;font-weight:600;color:var(--color-success);background:var(--color-success-light);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);width:fit-content;margin-bottom:var(--space-2)}.save-panel__title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--color-ink);margin-bottom:var(--space-1)}.save-panel__subtitle{color:var(--color-muted);font-size:1rem;line-height:1.6}.save-panel__actions{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.save-panel__status{font-size:.9rem;color:var(--color-muted);display:flex;align-items:center;gap:var(--space-2)}.save-panel__status--error{color:var(--color-error)}.save-panel__status--success{color:var(--color-success)}@media (max-width: 768px){.save-panel{padding:var(--space-6)}.hero{padding:var(--space-8) var(--space-5)}.app{padding:var(--space-6) var(--space-4) var(--space-12);gap:var(--space-8)}}.print-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.print-button:disabled:hover{transform:none;box-shadow:var(--shadow-md),inset 0 1px #ffffff1a}.print-button:disabled:before{opacity:0}@keyframes skeleton{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.skeleton{background:linear-gradient(90deg,var(--color-border-subtle) 0%,var(--color-surface) 50%,var(--color-border-subtle) 100%);background-size:200% 100%;animation:skeleton 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.app--loading{opacity:.8;pointer-events:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero,.drop-zone,.logs,.view-actions,.print-page,.warning-panel,.save-panel{animation:fadeInUp var(--transition-slow) ease-out}.print-page{animation-delay:.1s;animation-fill-mode:both}.print-page:nth-child(2){animation-delay:.2s}.print-page:nth-child(3){animation-delay:.3s}.print-page:nth-child(4){animation-delay:.4s}.print-page:nth-child(5){animation-delay:.5s}.hero--ai{max-width:800px;padding-top:var(--space-12);padding-bottom:var(--space-16)}.hero--ai .hero__title{font-size:clamp(2.25rem,6vw,3.25rem);line-height:1.08;margin-bottom:var(--space-6);letter-spacing:-.025em}.hero--ai .hero__title-accent{font-size:1.05em;margin-top:.08em}.hero--ai .hero__subtitle{max-width:520px;font-family:var(--app-font);font-size:1.2rem;font-weight:400;line-height:1.7;color:var(--app-ink-secondary);letter-spacing:0}@media (max-width: 640px){.hero--ai .hero__title{font-size:clamp(1.75rem,7vw,2.25rem);line-height:1.12;letter-spacing:-.02em}.hero--ai .hero__title-accent{font-size:1em}.hero--ai .hero__subtitle{font-size:1.05rem;line-height:1.65;max-width:360px}}.hero__actions{display:flex;gap:var(--space-5);justify-content:center;flex-wrap:wrap;margin-top:var(--space-12)}.hero-url-input{max-width:520px;margin:32px auto;text-align:center}.hero-url-input__eyebrow{display:block;text-transform:uppercase;letter-spacing:.15em;font-size:.7rem;color:var(--app-muted);margin-bottom:var(--space-4);font-weight:600}.hero-url-input__field-group{display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:0}.hero-url-input__field{width:220px;border:1px solid var(--app-border);border-radius:var(--radius-md) 0 0 var(--radius-md);background:var(--app-surface);padding:10px 16px;font-size:.9rem;outline:none;font-family:var(--app-font);color:var(--app-ink);text-align:left;transition:border-color var(--transition-fast)}.hero-url-input__field:focus{border-color:var(--app-accent);position:relative;z-index:1}.hero-url-input__field::placeholder{color:var(--app-subtle)}.hero-url-input__submit{padding:10px 16px;background:var(--app-accent);color:#fff;font-weight:600;border:none;border-radius:0 var(--radius-md) var(--radius-md) 0;cursor:pointer;font-family:var(--app-font);font-size:.85rem;transition:background var(--transition-fast);white-space:nowrap}.hero-url-input__submit:hover{background:var(--app-accent-hover)}@media (max-width: 520px){.hero-url-input__field-group{flex-direction:column;gap:var(--space-3);width:100%;max-width:280px;margin:0 auto}.hero-url-input__field{border-radius:var(--radius-md);text-align:center;width:100%}.hero-url-input__submit{border-radius:var(--radius-md);width:100%;padding:12px 24px;font-size:.95rem}}.hero-url-input__helper{font-size:.85rem;color:var(--app-muted);margin-top:var(--space-3)}.hero-url-input__video-link{display:inline-block;margin-top:var(--space-3);background:none;border:none;color:var(--app-accent);font-family:var(--app-font);font-size:.85rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.hero-url-input__video-link:hover{text-decoration:none}.hero-video-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.hero-video-modal{position:relative;max-width:900px;width:100%;background:#000;border-radius:var(--radius-lg);overflow:hidden}.hero-video-modal__close{position:absolute;top:var(--space-2);right:var(--space-2);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#0009;border:none;border-radius:var(--radius-full);color:#fff;font-size:1.5rem;cursor:pointer;z-index:10;transition:background var(--transition-fast)}.hero-video-modal__close:hover{background:#000c}.hero-video-modal__player{width:100%;display:block}.works-in{margin-top:var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.works-in__label{font-size:.75rem;color:var(--app-subtle);text-transform:uppercase;letter-spacing:.12em;font-weight:600}.works-in__providers{display:flex;gap:var(--space-4);align-items:center}.works-in__provider{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--app-surface);border:1px solid var(--app-border);position:relative}.works-in__provider--claude{color:var(--app-brand-claude)}.works-in__provider--chatgpt{color:var(--app-brand-chatgpt)}.works-in__provider--coming-soon{opacity:.5}.works-in__icon{width:18px;height:18px}.works-in__name{font-size:.85rem;font-weight:600;color:var(--app-ink)}.works-in__provider--coming-soon .works-in__name{color:var(--app-muted)}.works-in__badge{position:absolute;top:-8px;right:-12px;background:var(--app-ink);color:#fff;font-size:.55rem;font-weight:700;text-transform:uppercase;padding:3px 6px;border-radius:999px;letter-spacing:.02em;white-space:nowrap}.home-footer{width:100%;text-align:center;padding:var(--space-8) var(--space-6);color:var(--app-muted);font-size:.9rem}.final-cta{width:100%;max-width:800px;text-align:center;padding:var(--space-16) var(--space-6);margin-top:var(--space-12)}.final-cta__title{font-family:var(--app-font-display);font-size:clamp(1.75rem,4.5vw,2.5rem);font-weight:500;color:var(--app-ink);margin-bottom:var(--space-4);letter-spacing:-.02em;line-height:1.15}.final-cta__subtitle{font-size:1rem;color:var(--app-muted);line-height:1.7;margin-bottom:var(--space-10);max-width:420px;margin-left:auto;margin-right:auto}@media (max-width: 640px){.final-cta__title{font-size:clamp(1.5rem,6vw,1.85rem)}.final-cta__subtitle{font-size:.95rem;max-width:340px}}.final-cta__actions{display:flex;gap:var(--space-5);justify-content:center;flex-wrap:wrap}.setup-page{justify-content:flex-start;padding-top:calc(var(--app-header-height) + var(--space-10))}.setup-page__container{width:100%;max-width:640px;display:flex;flex-direction:column;gap:var(--space-8)}.setup-page__back{color:var(--app-muted);text-decoration:none;font-size:.9rem;font-weight:600;transition:color var(--transition-fast)}.setup-page__back:hover{color:var(--app-ink)}.setup-page__header{text-align:center}.setup-page__title{font-family:var(--app-font-display);font-size:clamp(1.75rem,5vw,2.25rem);font-weight:400;color:var(--app-ink);margin-bottom:var(--space-3);letter-spacing:-.01em}.setup-page__subtitle{font-size:1rem;color:var(--app-muted);line-height:1.6}.setup-page__steps{display:flex;flex-direction:column;gap:var(--space-6)}.setup-page__step{display:flex;gap:var(--space-4);align-items:flex-start}.setup-page__step-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;border-radius:var(--radius-full);background:var(--app-accent);color:#fff;font-weight:700;font-size:1rem}.setup-page__step-content{flex:1}.setup-page__step-content h3{font-size:1rem;font-weight:700;color:var(--app-ink);margin-bottom:var(--space-2)}.setup-page__step-content p{font-size:.95rem;color:var(--app-muted);line-height:1.6}.setup-page__step-content code{background:rgba(var(--shadow-color-rgb),.06);padding:2px 6px;border-radius:4px;font-family:var(--app-font-mono);font-size:.85em}.setup-page__code{background:var(--app-ink);color:#e5e5e5;padding:var(--space-4);border-radius:var(--radius-md);font-family:var(--app-font-mono);font-size:.85rem;line-height:1.6;overflow-x:auto;margin-top:var(--space-3)}.setup-page__url-box{background:rgba(var(--shadow-color-rgb),.06);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-family:var(--app-font-mono);font-size:.9rem;margin-top:var(--space-3)}.setup-page__endpoint{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--radius-lg);padding:var(--space-5)}.setup-page__endpoint-label{display:block;text-transform:uppercase;letter-spacing:.15em;font-size:.65rem;font-weight:700;color:var(--app-muted);margin-bottom:var(--space-3)}.setup-page__endpoint-row{display:flex;align-items:center;gap:var(--space-3)}.setup-page__endpoint-url{flex:1;font-family:var(--app-font-mono);font-size:.9rem;color:var(--app-ink);background:rgba(var(--shadow-color-rgb),.04);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.setup-page__cta{text-align:center;padding-top:var(--space-6);border-top:1px solid var(--app-border-subtle)}.setup-page__cta p{font-size:.95rem;color:var(--app-muted);margin-bottom:var(--space-4)}.setup-page__instructions{text-align:left;padding-left:var(--space-6);margin-bottom:var(--space-6)}.setup-page__instructions li{font-size:1rem;color:var(--app-ink);margin-bottom:var(--space-3)}.setup-page__example-prompt{display:block;margin-top:var(--space-2);background:rgba(var(--shadow-color-rgb),.06);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-family:var(--app-font-mono);font-size:.9rem;color:var(--app-ink)}.setup-page__gate{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--space-6);align-items:stretch;background:rgba(var(--app-accent-rgb),.04);border:1px solid rgba(var(--app-accent-rgb),.2);border-radius:var(--radius-xl);padding:var(--space-6)}.setup-page__gate-card{display:grid;gap:var(--space-3);background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--app-shadow-sm)}.setup-page__gate-eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.65rem;font-weight:700;color:var(--app-accent)}.setup-page__gate-list{display:grid;gap:var(--space-3);font-size:.95rem;color:var(--app-ink-secondary)}.setup-page__gate-list ul{list-style:none;display:grid;gap:var(--space-2);padding:0;margin:0}.setup-page__gate-list li{position:relative;padding-left:20px}.setup-page__gate-list li:before{content:"";position:absolute;left:0;top:.55rem;width:8px;height:8px;border-radius:999px;background:var(--app-accent);box-shadow:0 0 0 4px rgba(var(--app-accent-rgb),.15)}.app--home-ai{justify-content:flex-start;min-height:auto;height:auto;gap:0;padding-bottom:0;overflow:visible;background:linear-gradient(180deg,var(--app-bg) 0%,#f5f5f4 100%)}.app--home-ai .marketing-footer{width:calc(100% + var(--space-6) * 2);margin-left:calc(-1 * var(--space-6));margin-right:calc(-1 * var(--space-6))}.landing-integration{width:100%;max-width:920px;padding:var(--space-12) var(--space-6);margin:0 auto;text-align:center}.landing-integration__eyebrow{margin:0 0 var(--space-3);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--app-subtle)}.landing-integration__title{margin:0 0 var(--space-6);font-family:var(--app-font-display);font-size:clamp(1.5rem,4.2vw,2.1rem);font-weight:400;color:var(--app-ink);letter-spacing:-.01em}.landing-integration__steps{margin:0 auto var(--space-8);padding:0;max-width:680px;display:grid;gap:var(--space-3);text-align:left;color:var(--app-muted);line-height:1.8;font-size:1rem}.landing-integration__steps li{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5)}.landing-integration__cta{display:flex;justify-content:center}.template-landing{--template-accent: var(--app-accent);--template-accent-rgb: var(--app-accent-rgb)}.template-landing.app--home-ai{background:radial-gradient(1200px 380px at 50% -120px,rgba(var(--template-accent-rgb),.18),transparent 70%),linear-gradient(180deg,var(--app-bg) 0%,rgba(var(--template-accent-rgb),.03) 50%,rgba(var(--template-accent-rgb),.06) 100%)}.template-hero{padding-top:var(--space-12)}.template-hero .hero__title-accent{color:var(--template-accent)}.template-hero__eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:rgba(var(--template-accent-rgb),.12);color:var(--template-accent);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;margin-bottom:var(--space-5)}.template-hero__meta{margin-top:var(--space-10);display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.template-hero__meta-item{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);display:grid;gap:4px;text-align:left}.template-hero__meta-item span{font-size:.65rem;text-transform:uppercase;letter-spacing:.14em;color:var(--app-subtle)}.template-hero__meta-item strong{font-size:.95rem;color:var(--app-ink)}.template-showcase{width:min(1200px,100%);padding:var(--space-12) var(--space-6) var(--space-8);display:grid;grid-template-columns:minmax(240px,360px) 1fr;gap:var(--space-8);align-items:start}.template-showcase__copy{display:grid;gap:var(--space-4)}.template-showcase__title{font-family:var(--app-font-display);font-size:clamp(1.6rem,3.6vw,2.3rem);font-weight:400;color:var(--app-ink)}.template-showcase__subtitle{font-size:1rem;line-height:1.7;color:var(--app-muted)}.template-showcase__tags{display:grid;gap:var(--space-2);font-size:.9rem;color:var(--app-ink-secondary)}.template-showcase__tags span{padding-left:18px;position:relative}.template-showcase__tags span:before{content:"";position:absolute;left:0;top:.55rem;width:8px;height:8px;border-radius:999px;background:var(--template-accent);box-shadow:0 0 0 4px rgba(var(--template-accent-rgb),.15)}.template-preview{width:100%;padding:var(--space-6)}.template-preview .preview-canvas .print-shell{--preview-scale: .7}.template-preview__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:.35rem .8rem;border-radius:var(--radius-full);background:rgba(var(--template-accent-rgb),.12);color:var(--template-accent);font-size:.65rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.template-steps{width:100%;max-width:920px;padding:var(--space-12) var(--space-6) var(--space-8);text-align:center}.template-steps__eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;font-weight:700;color:var(--app-subtle)}.template-steps__title{margin-top:var(--space-3);font-size:clamp(1.5rem,4vw,2.2rem);font-weight:700;color:var(--app-ink)}.template-steps__subtitle{margin-top:var(--space-3);color:var(--app-muted);font-size:1rem;line-height:1.7}.template-steps__list{margin:var(--space-8) 0 0;padding:0;list-style:none;display:grid;gap:var(--space-4);text-align:left;counter-reset:step}.template-steps__list li{position:relative;padding:var(--space-4) var(--space-5) var(--space-4) calc(var(--space-5) + 32px);background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--radius-lg);display:grid;gap:var(--space-2);counter-increment:step}.template-steps__list li:before{content:counter(step);position:absolute;left:var(--space-4);top:var(--space-4);width:26px;height:26px;border-radius:var(--radius-full);background:var(--template-accent);color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}.template-steps__list strong{display:block;font-size:1rem;color:var(--app-ink)}.template-steps__list span{display:block;color:var(--app-muted);font-size:.95rem;line-height:1.6}@media (max-width: 1024px){.template-showcase{grid-template-columns:1fr}.template-preview .preview-canvas .print-shell{--preview-scale: .65}}@media (max-width: 640px){.template-hero__meta{grid-template-columns:1fr}.template-preview .preview-canvas .print-shell{--preview-scale: .55}}@media (max-width: 640px){.setup-page__endpoint-row{flex-direction:column;align-items:stretch}.setup-page__gate{grid-template-columns:1fr}.setup-page__endpoint-url{text-align:center}.hero__actions,.final-cta__actions{flex-direction:column;align-items:stretch;width:100%;max-width:300px;margin-left:auto;margin-right:auto}.hero__eyebrow{font-size:.6rem;padding:var(--space-1) var(--space-3)}}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.theme-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.theme-card:hover{border-color:var(--color-muted)}.theme-card--active{border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb),.15)}.theme-card__preview{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:linear-gradient(135deg,rgba(var(--shadow-color-rgb),.03),rgba(var(--shadow-color-rgb),.06));border-radius:var(--radius-md)}.theme-card__typography{font-size:1.5rem;font-weight:600;color:var(--color-ink);line-height:1}.theme-card__accent-bar{width:4px;height:32px;border-radius:2px;margin-left:auto}.theme-card__meta{display:grid;gap:2px}.theme-card__name{font-weight:700;font-size:.9rem;color:var(--color-ink)}.theme-card__description{font-size:.8rem;color:var(--color-muted)}.theme-card__swatches{display:flex;gap:var(--space-1-5);margin-top:var(--space-2)}.theme-card__swatch{width:16px;height:16px;border-radius:var(--radius-full);border:1px solid rgba(0,0,0,.1)}.color-overrides{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}.color-overrides__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.color-overrides__label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted)}.color-overrides__reset{font-size:.75rem;color:var(--color-muted);background:none;border:none;cursor:pointer;padding:0}.color-overrides__reset:hover{color:var(--color-accent);text-decoration:underline}.radius-selector{display:flex;gap:var(--space-3)}.radius-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;font-size:.75rem;color:var(--color-muted)}.radius-option:hover{border-color:var(--color-border-strong);color:var(--color-ink)}.radius-option--active{border-color:var(--color-accent);background:color-mix(in oklch,var(--color-accent) 5%,var(--color-surface));color:var(--color-accent)}.radius-option__preview{width:40px;height:24px;background:var(--color-border-strong);transition:border-radius .15s ease}.radius-option--active .radius-option__preview{background:var(--color-accent)}@media (max-width: 640px){.theme-grid{grid-template-columns:1fr}.print-modal{padding:var(--space-6)}.print-modal__hero{grid-template-columns:1fr;text-align:left}.print-modal__price-card{width:100%;text-align:left}}.loading-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--color-surface);z-index:1000}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);color:#dc2626}.error-state p{margin:0;font-size:.95rem}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 1024px){.view-content .doc-preview__canvas{padding:var(--space-2)}}@media print{@page{size:A4;margin:16mm}body{background:#fff}.app{padding:0;gap:0}.hero,.print-button,.print-actions,.quick-actions,.save-panel,.logs,.warning-panel,.view-toolbar,.print-modal-backdrop{display:none}.pdf-preview{padding:0;border:none;background:none}.pdf-page{border:none;box-shadow:none;padding:0}.style-grid{display:block}.style-editor{display:none}.style-preview{padding:0;border:none;background:none;box-shadow:none}.preview-header{display:none}.preview-canvas{padding:0;overflow:visible}.preview-canvas .print-shell{transform:none;margin:0}}.app-header{--header-bg: #0d0d0d;--header-fg: #f5f2ed;--header-muted: #8a857d;--header-accent: #e07850;position:relative;z-index:120;background:var(--header-bg);border-bottom:none}.app-header__inner{width:min(1240px,100%);margin:0 auto;padding:var(--space-2) var(--space-5);min-height:var(--app-header-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.app-header__brand{display:inline-flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--header-fg)}.app-header__logo{width:34px;height:34px;border-radius:8px;object-fit:cover}.app-header__wordmark{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:1.25rem;letter-spacing:-.02em;color:var(--header-fg)}.app-header__right{display:flex;align-items:center;gap:var(--space-3)}.app-header__right .btn--ghost{border-color:#fff3;color:var(--header-fg)}.app-header__right .btn--ghost:hover{background:#ffffff1a;border-color:#ffffff4d}.user-menu{position:relative;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);background:#ffffff14}.user-menu--open{border-color:var(--header-accent);box-shadow:0 8px 20px #0000004d}.user-menu__profile{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:transparent;border:0;color:var(--header-fg);cursor:pointer;border-radius:var(--radius-full);transition:background var(--transition-fast)}.user-menu__profile:hover{background:#ffffff1a}.user-menu__avatar{width:26px;height:26px;border-radius:var(--radius-full);object-fit:cover;border:1px solid rgba(var(--shadow-color-rgb),.12);background:var(--app-surface)}.user-menu__avatar--placeholder{display:inline-block;background:radial-gradient(circle at 30% 30%,rgba(var(--color-accent-rgb),.25),transparent 60%),linear-gradient(135deg,rgba(var(--shadow-color-rgb),.08),rgba(var(--shadow-color-rgb),.03))}.user-menu__name{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:.85rem;color:var(--header-fg)}.user-menu__chevron{width:10px;height:10px;margin-left:var(--space-2);border-right:2px solid var(--header-muted);border-bottom:2px solid var(--header-muted);transform:rotate(45deg);transition:border-color var(--transition-fast)}.user-menu__profile:hover .user-menu__chevron{border-color:var(--header-fg)}.user-menu__popover{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:140}.user-menu__item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:0;background:transparent;color:var(--color-ink);font-weight:700;cursor:pointer}.user-menu__item:hover{background:var(--color-accent-subtle)}.user-menu__profile:focus-visible,.user-menu__item:focus-visible{outline:none;box-shadow:var(--shadow-focus)}@media print{.app-header{display:none}}@media (max-width: 768px){.app-header__inner{padding:var(--space-3) var(--space-4)}.user-menu__name{max-width:120px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1-5);border-radius:var(--radius-md);border:1px solid transparent;font-weight:600;letter-spacing:.01em;cursor:pointer;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.btn--md{padding:var(--space-2) var(--space-4);font-size:.8rem}.btn--sm{padding:var(--space-1-5) var(--space-3);font-size:.75rem}.btn--lg{padding:var(--space-3) var(--space-5);font-size:.85rem}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover{background:var(--color-accent-hover)}.btn--secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-ink)}.btn--secondary:hover{background:var(--color-accent-subtle)}.btn--ghost{background:transparent;border:1px solid var(--color-border);color:var(--color-ink)}.btn--ghost:hover{background:rgba(var(--shadow-color-rgb),.06)}.btn--danger{background:var(--app-danger);color:#fff}.btn--danger:hover{background:var(--app-danger-hover)}.btn:disabled,.btn[aria-disabled=true]{opacity:.6;cursor:not-allowed}.how-it-works{width:100%;max-width:960px;text-align:center;padding:var(--space-16) var(--space-6)}.how-it-works__eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.65rem;font-weight:700;color:var(--app-accent);margin-bottom:var(--space-3)}.how-it-works__title{font-family:var(--app-font-display);font-size:clamp(1.75rem,4.5vw,2.5rem);font-weight:500;color:var(--app-ink);margin-bottom:var(--space-10);letter-spacing:-.02em;line-height:1.15}@media (max-width: 640px){.how-it-works__title{font-size:clamp(1.5rem,6vw,1.85rem);margin-bottom:var(--space-8)}}.how-it-works__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.how-it-works__step{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.how-it-works__number{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);background:var(--app-accent);color:#fff;font-weight:700;font-size:1.25rem;margin-bottom:var(--space-2)}.how-it-works__step-title{font-family:var(--app-font);font-size:1.1rem;font-weight:700;color:var(--app-ink)}.how-it-works__step-desc{font-size:.95rem;color:var(--app-muted);line-height:1.6;max-width:260px}@media (max-width: 768px){.how-it-works__steps{grid-template-columns:1fr;gap:var(--space-8)}.how-it-works__step-desc{max-width:320px}}.landing-benefits{width:100%;max-width:920px;text-align:center;padding:var(--space-16) var(--space-6);margin-top:var(--space-8)}.landing-benefits__eyebrow{margin:0 0 var(--space-3);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--app-subtle)}.landing-benefits__title{margin:0 0 var(--space-5);font-family:var(--app-font);font-size:clamp(1.75rem,4.6vw,2.35rem);letter-spacing:-.02em;color:var(--app-ink)}.landing-benefits__subtitle{margin:0 auto var(--space-10);max-width:620px;color:var(--app-muted);line-height:1.8;font-size:1.05rem}.landing-benefits__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.landing-benefits__card{text-align:left;padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--app-border);background:var(--app-surface);box-shadow:var(--app-shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.landing-benefits__card:hover{border-color:var(--app-accent);box-shadow:var(--app-shadow-md)}.landing-benefits__card-title{margin:0 0 var(--space-3);font-size:1.05rem;font-weight:750;letter-spacing:-.01em;color:var(--app-ink)}.landing-benefits__card-desc{margin:0;color:var(--app-muted);line-height:1.7;font-size:.95rem}@media (max-width: 840px){.landing-benefits__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.landing-benefits{padding-left:var(--space-4);padding-right:var(--space-4)}.landing-benefits__grid{grid-template-columns:1fr}}.landing-faq{width:100%;max-width:920px;text-align:center;padding:var(--space-16) var(--space-6)}.landing-faq__eyebrow{margin:0 0 var(--space-3);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--app-subtle)}.landing-faq__title{margin:0 0 var(--space-10);font-family:var(--app-font);font-size:clamp(1.6rem,4.2vw,2.2rem);letter-spacing:-.02em;color:var(--app-ink)}.landing-faq__items{display:grid;gap:var(--space-4);text-align:left}.landing-faq__item{border:1px solid var(--app-border);border-radius:var(--radius-xl);background:#ffffffe6;box-shadow:var(--app-shadow-sm);overflow:hidden}.landing-faq__question{cursor:pointer;list-style:none;padding:var(--space-5) var(--space-6);font-weight:700;color:var(--app-ink)}.landing-faq__question::-webkit-details-marker{display:none}.landing-faq__question:after{content:"+";float:right;color:var(--app-accent);font-weight:900}.landing-faq__item[open] .landing-faq__question:after{content:"—"}.landing-faq__answer{padding:0 var(--space-6) var(--space-6);color:var(--app-muted);line-height:1.75}@media (max-width: 640px){.landing-faq{padding-left:var(--space-4);padding-right:var(--space-4)}}.marketing-footer{--footer-bg: #0d0d0d;--footer-fg: #f5f2ed;--footer-muted: #8a857d;--footer-accent: #e07850;--footer-rule: rgba(245, 242, 237, .12);position:relative;width:100%;margin-top:var(--space-16);padding:0;background:var(--footer-bg);color:var(--footer-fg);overflow:hidden}.marketing-footer:before,.marketing-footer:after{content:"";position:absolute;width:24px;height:1px;background:var(--footer-rule);top:32px}.marketing-footer:before{left:max(24px,calc((100% - 1080px)/2 - 40px))}.marketing-footer:after{right:max(24px,calc((100% - 1080px)/2 - 40px))}.marketing-footer__inner{position:relative;width:min(1080px,100%);margin:0 auto;padding:var(--space-12) var(--space-6) var(--space-10)}.marketing-footer__inner:before{content:"";position:absolute;top:0;left:var(--space-6);right:var(--space-6);height:1px;background:linear-gradient(90deg,var(--footer-accent) 0%,var(--footer-accent) 80px,var(--footer-rule) 80px,var(--footer-rule) 100%)}.marketing-footer__content{display:grid;grid-template-columns:280px 1fr;gap:var(--space-12);align-items:start}.marketing-footer__brand{display:flex;flex-direction:column;gap:var(--space-5)}.marketing-footer__logo{font-family:"Instrument Serif",Georgia,serif;font-size:1.5rem;font-weight:400;letter-spacing:-.02em;color:var(--footer-fg);display:flex;align-items:center;gap:.5rem}.marketing-footer__logo-icon{width:28px;height:28px;border-radius:6px;object-fit:cover}.marketing-footer__tagline{font-family:var(--app-font);font-size:.85rem;line-height:1.6;color:var(--footer-muted);max-width:240px}.marketing-footer__nav{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8) var(--space-12)}.marketing-footer__group{display:flex;flex-direction:column;gap:var(--space-4)}.marketing-footer__title{margin:0;font-family:var(--app-font);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--footer-muted);position:relative;padding-bottom:var(--space-3)}.marketing-footer__title:after{content:"";position:absolute;bottom:0;left:0;width:20px;height:1px;background:var(--footer-accent)}.marketing-footer__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.marketing-footer__link{font-family:var(--app-font);font-size:.875rem;font-weight:400;color:var(--footer-fg);text-decoration:none;opacity:.85;transition:opacity .2s ease,transform .2s ease;display:inline-block;position:relative}.marketing-footer__link:before{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--footer-accent);transition:width .3s cubic-bezier(.4,0,.2,1)}.marketing-footer__link:hover{opacity:1}.marketing-footer__link:hover:before{width:100%}.marketing-footer__link:focus-visible{outline:2px solid var(--footer-accent);outline-offset:4px;border-radius:2px}.marketing-footer__bottom{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--footer-rule)}.marketing-footer__legal{margin:0;font-family:var(--app-font);font-size:.75rem;color:var(--footer-muted);letter-spacing:.02em}.marketing-footer__page{font-family:"Instrument Serif",Georgia,serif;font-size:.7rem;color:var(--footer-muted);display:flex;align-items:center;gap:var(--space-3)}.marketing-footer__page:before{content:"";width:32px;height:1px;background:var(--footer-rule)}.marketing-footer__corner{position:absolute;width:12px;height:12px;opacity:.3}.marketing-footer__corner--tl{top:20px;left:max(40px,calc((100% - 1080px)/2));border-top:1px solid var(--footer-fg);border-left:1px solid var(--footer-fg)}.marketing-footer__corner--tr{top:20px;right:max(40px,calc((100% - 1080px)/2));border-top:1px solid var(--footer-fg);border-right:1px solid var(--footer-fg)}@media (max-width: 820px){.marketing-footer__content{grid-template-columns:1fr;gap:var(--space-10)}.marketing-footer__brand{max-width:320px}.marketing-footer__nav{grid-template-columns:repeat(2,1fr)}.marketing-footer:before,.marketing-footer:after,.marketing-footer__corner{display:none}}@media (max-width: 540px){.marketing-footer__inner{padding:var(--space-8) var(--space-5) var(--space-8)}.marketing-footer__nav{grid-template-columns:1fr;gap:var(--space-8)}.marketing-footer__bottom{flex-direction:column-reverse;gap:var(--space-4);text-align:center}.marketing-footer__page:before{display:none}}.use-cases{width:100%;max-width:960px;text-align:center;padding:var(--space-16) var(--space-6)}.use-cases__eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.65rem;font-weight:700;color:var(--app-accent);margin-bottom:var(--space-3)}.use-cases__title{font-family:var(--app-font-display);font-size:clamp(1.75rem,4.5vw,2.5rem);font-weight:500;color:var(--app-ink);margin-bottom:var(--space-3);letter-spacing:-.02em;line-height:1.15}.use-cases__subtitle{font-size:.98rem;color:var(--app-muted);line-height:1.7;max-width:480px;margin:0 auto var(--space-10)}@media (max-width: 640px){.use-cases__title{font-size:clamp(1.5rem,6vw,1.85rem)}.use-cases__subtitle{font-size:.95rem;max-width:360px}}.use-cases__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.use-cases__card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:left;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.use-cases__card:hover{border-color:var(--app-accent);box-shadow:var(--app-shadow-md)}.use-cases__card-title{font-family:var(--app-font);font-size:1.1rem;font-weight:700;color:var(--app-ink);margin-bottom:var(--space-4)}.use-cases__card-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.use-cases__card-list li{font-size:.9rem;color:var(--app-muted);display:flex;align-items:center;gap:var(--space-2)}.use-cases__card-list li:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:var(--app-accent);opacity:.6}@media (max-width: 768px){.use-cases__cards{grid-template-columns:1fr;gap:var(--space-4)}}.chatgpt-hero{max-width:640px;text-align:center}.chatgpt-hero__title{font-family:var(--app-font-display);font-size:clamp(2.2rem,3.6vw,3.4rem);letter-spacing:-.02em;color:var(--app-ink);margin:var(--space-4) 0 var(--space-3)}.chatgpt-hero__subtitle{font-size:1rem;color:var(--app-ink-secondary);line-height:1.6}.chatgpt-panel--widget{padding:var(--space-4);display:grid;place-items:center}.chatgpt-widget-frame{width:100%;max-width:700px;min-height:560px;border:none;border-radius:var(--radius-xl);background:var(--app-surface);box-shadow:var(--app-shadow-sm)}.chatgpt-note{max-width:640px;text-align:center;color:var(--app-ink-secondary);font-size:.95rem;line-height:1.6;margin:0 auto}@media (max-width: 720px){.chatgpt-panel--widget{padding:var(--space-3)}.chatgpt-widget-frame{min-height:520px}}.dev-palette{max-width:900px;margin:0 auto;padding:6rem 2rem 2rem}.dev-palette__header{margin-bottom:2rem}.dev-palette__title{font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.dev-palette__subtitle{color:var(--color-text-muted);margin:0}.dev-palette__form{display:flex;gap:.75rem;margin-bottom:1.5rem}.dev-palette__input{flex:1;padding:.625rem .875rem;border:1px solid var(--color-border);border-radius:6px;font-size:.9375rem;background:var(--color-bg);color:var(--color-text)}.dev-palette__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-10)}.dev-palette__input::placeholder{color:var(--color-text-muted)}.dev-palette__button{padding:.625rem 1.25rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .15s ease}.dev-palette__button:hover:not(:disabled){background:var(--color-primary-dark)}.dev-palette__button:disabled{opacity:.6;cursor:not-allowed}.dev-palette__log{background:#1a1a2e;border-radius:8px;padding:1rem;margin-bottom:1.5rem;font-family:SF Mono,Fira Code,Monaco,monospace;font-size:.8125rem;line-height:1.5;max-height:200px;overflow-y:auto}.dev-palette__log-entry{margin:0;padding:.125rem 0}.dev-palette__log-time{color:#6b7280;margin-right:.5rem}.dev-palette__log-message{color:#e5e7eb}.dev-palette__log-message--success{color:#22c55e}.dev-palette__log-message--error{color:#ef4444}.dev-palette__results{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 640px){.dev-palette__results{grid-template-columns:1fr}}.dev-palette__preview{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:8px;padding:1rem}.dev-palette__preview-title{font-size:.875rem;font-weight:500;margin:0 0 .75rem;color:var(--color-text-muted)}.dev-palette__preview-image{width:100%;height:auto;border-radius:4px;display:block}.dev-palette__palette{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:8px;padding:1rem}.dev-palette__palette-title{font-size:.875rem;font-weight:500;margin:0 0 .75rem;color:var(--color-text-muted)}.dev-palette__swatches{display:flex;flex-direction:column;gap:.5rem}.dev-palette__swatch{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:var(--color-bg);border-radius:6px}.dev-palette__swatch-color{width:48px;height:48px;border-radius:4px;flex-shrink:0;border:1px solid rgba(0,0,0,.1)}.dev-palette__swatch-info{flex:1;min-width:0}.dev-palette__swatch-name{font-size:.8125rem;font-weight:500;margin:0 0 .25rem;color:var(--color-text)}.dev-palette__swatch-hex{font-size:.75rem;color:var(--color-text-muted);font-family:SF Mono,Fira Code,Monaco,monospace;margin:0}.dev-palette__empty{text-align:center;padding:2rem;color:var(--color-text-muted)}.dev-palette__fonts{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--color-border)}.dev-palette__fonts-title{font-size:.875rem;font-weight:500;margin:0 0 .75rem;color:var(--color-text-muted)}.dev-palette__font-cards{display:flex;flex-direction:column;gap:.5rem}.dev-palette__font-card{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--color-bg);border-radius:6px}.dev-palette__font-label{font-size:.75rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.dev-palette__font-name{font-size:1rem;color:var(--color-text);flex:1}.dev-palette__font-weight{font-size:.75rem;font-weight:500;color:var(--color-text-muted);background:var(--color-bg-subtle);padding:.25rem .5rem;border-radius:4px;font-family:SF Mono,Fira Code,Monaco,monospace}.dev-palette__border-radius{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--color-border)}.dev-palette__border-radius-title{font-size:.875rem;font-weight:500;margin:0 0 .75rem;color:var(--color-text-muted)}.dev-palette__border-radius-options{display:flex;gap:.75rem}.dev-palette__border-radius-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;background:var(--color-bg);border-radius:6px;border:2px solid transparent;opacity:.5}.dev-palette__border-radius-option--selected{opacity:1;border-color:var(--color-primary)}.dev-palette__border-radius-preview{width:48px;height:24px;background:var(--color-primary)}.dev-palette__border-radius-preview--rectangular{border-radius:0}.dev-palette__border-radius-preview--rounded{border-radius:6px}.dev-palette__border-radius-preview--pill{border-radius:12px}.dev-palette__border-radius-label{font-size:.75rem;font-weight:500;color:var(--color-text-muted);text-transform:capitalize}.font-selector{position:relative;width:100%}.font-selector__label{display:block;font-size:.7rem;font-weight:600;color:var(--app-ink-secondary);margin-bottom:var(--space-1)}.font-selector__control{position:relative;display:flex;align-items:center}.font-selector__input{width:100%;padding:var(--space-2) var(--space-3);padding-right:var(--space-8);font-family:var(--app-font);font-size:.9rem;color:var(--app-ink);background:var(--app-bg);border:1px solid var(--app-border);border-radius:var(--radius-md);outline:none;transition:all var(--transition-fast)}.font-selector__input:focus{border-color:var(--app-accent);box-shadow:0 0 0 3px rgba(var(--app-accent-rgb),.12)}.font-selector__input::placeholder{color:var(--app-muted);opacity:1}.font-selector__preview{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);font-size:.9rem;color:var(--app-ink);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - var(--space-10))}.font-selector:has(.font-selector__preview) .font-selector__input::placeholder{color:transparent}.font-selector__toggle{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;color:var(--app-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.font-selector__toggle:hover{color:var(--app-ink);background:rgba(var(--shadow-color-rgb),.06)}.font-selector__dropdown{position:absolute;top:calc(100% + var(--space-1));left:0;right:0;max-height:280px;overflow-y:auto;background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;list-style:none;margin:0;padding:var(--space-1);animation:fontSelectorFadeIn .15s ease-out}@keyframes fontSelectorFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.font-selector__option{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.font-selector__option:hover,.font-selector__option--highlighted{background:rgba(var(--shadow-color-rgb),.06)}.font-selector__option--selected{background:rgba(var(--app-accent-rgb),.1)}.font-selector__option--selected.font-selector__option--highlighted{background:rgba(var(--app-accent-rgb),.15)}.font-selector__option-name{font-size:.95rem;color:var(--app-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.font-selector__option-category{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--app-muted);flex-shrink:0;margin-left:var(--space-2);padding:2px 6px;background:rgba(var(--shadow-color-rgb),.06);border-radius:var(--radius-sm)}.font-selector__empty{padding:var(--space-4);text-align:center;color:var(--app-muted);font-size:.9rem}.font-selector__dropdown::-webkit-scrollbar{width:8px}.font-selector__dropdown::-webkit-scrollbar-track{background:transparent}.font-selector__dropdown::-webkit-scrollbar-thumb{background:var(--app-border);border-radius:4px}.font-selector__dropdown::-webkit-scrollbar-thumb:hover{background:var(--app-muted)}.brand-editor{display:flex;flex-direction:column;gap:var(--space-4)}.brand-editor__logo-upload{display:flex;flex-direction:column;gap:var(--space-1)}.brand-editor__logo-preview{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2);background:var(--app-bg);border:1px solid var(--app-border-subtle);border-radius:var(--radius-sm)}.brand-editor__logo-preview img{max-width:160px;max-height:30px;object-fit:contain}.brand-editor__logo-options{display:flex;flex-direction:column;gap:var(--space-2)}.brand-editor__logo-empty{display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2);background:var(--app-bg);border:1px dashed var(--app-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--app-muted);font-family:var(--app-font);font-size:.75rem;transition:all var(--transition-fast)}.brand-editor__logo-empty:hover{border-color:var(--app-accent);color:var(--app-accent);background:rgba(var(--app-accent-rgb),.04)}.brand-editor__logo-icon{width:20px;height:20px}.brand-editor__logo-detected{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:rgba(var(--app-success-rgb),.08);border:1px solid rgba(var(--app-success-rgb),.3);border-radius:var(--radius-md);cursor:pointer;color:var(--app-success);font-family:var(--app-font);font-size:.85rem;font-weight:500;transition:all var(--transition-fast)}.brand-editor__logo-detected:hover{background:rgba(var(--app-success-rgb),.15);border-color:var(--app-success)}.field__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.field__header .field__label{margin-bottom:0}.logo-toggle{display:flex;border:1px solid var(--app-border);border-radius:var(--radius-sm);overflow:hidden;font-size:.65rem}.logo-toggle__btn{padding:3px 8px;border:none;background:var(--app-surface);color:var(--app-muted);cursor:pointer;font-family:var(--app-font);font-size:inherit;transition:background .15s,color .15s}.logo-toggle__btn:not(:last-child){border-right:1px solid var(--app-border)}.logo-toggle__btn--active{background:var(--app-accent);color:#fff}.logo-toggle__btn:hover:not(.logo-toggle__btn--active){background:rgba(var(--app-accent-rgb),.08)}.brand-editor__logo-row{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--app-bg);border:1px solid var(--app-border-subtle);border-radius:var(--radius-sm)}.brand-editor__logo-preview{display:flex;align-items:center;justify-content:center;width:100%;min-height:60px;padding:var(--space-2)}.brand-editor__logo-img{max-width:100%;max-height:80px;object-fit:contain}.brand-editor__logo-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%}.brand-editor__logo-scale{display:flex;align-items:center;gap:var(--space-2);flex:1}.brand-editor__logo-scale-label{font-size:.65rem;color:var(--app-muted);white-space:nowrap}.brand-editor__logo-scale-input{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--app-border);border-radius:2px;cursor:pointer}.brand-editor__logo-scale-input::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--app-accent);border-radius:50%;cursor:pointer}.brand-editor__logo-scale-input::-moz-range-thumb{width:14px;height:14px;background:var(--app-accent);border:none;border-radius:50%;cursor:pointer}.brand-editor__logo-remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:auto;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--app-muted);cursor:pointer;transition:background .15s,color .15s}.brand-editor__logo-remove:hover{background:#0000000f;color:var(--app-ink)}.brand-editor__logo-remove-icon{width:14px;height:14px}.brand-editor__logo-chips{display:flex;gap:var(--space-1);margin-left:auto}.logo-chip{position:relative;display:flex;align-items:center;border:1px solid var(--app-border);border-radius:var(--radius-sm);background:var(--app-surface);font-size:.7rem;overflow:visible}.logo-chip--active{border-color:var(--app-accent);background:rgba(var(--app-accent-rgb),.06)}.logo-chip__label{padding:4px 8px;border:none;background:transparent;color:inherit;cursor:pointer;font-family:var(--app-font);font-size:inherit}.logo-chip--active .logo-chip__label{color:var(--app-accent);font-weight:500}.logo-chip__menu-btn{display:flex;align-items:center;justify-content:center;padding:4px;border:none;border-left:1px solid var(--app-border);background:transparent;color:var(--app-muted);cursor:pointer;transition:background .15s}.logo-chip__menu-btn:hover{background:#0000000d}.logo-chip__chevron{width:12px;height:12px}.logo-chip__menu{position:absolute;top:100%;right:0;margin-top:2px;background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--radius-sm);box-shadow:0 2px 8px #0000001a;z-index:10}.logo-chip__menu button{display:block;width:100%;padding:6px 12px;border:none;background:transparent;text-align:left;font-family:var(--app-font);font-size:.75rem;cursor:pointer;white-space:nowrap;color:var(--app-ink)}.logo-chip__menu button:hover{background:rgba(var(--app-accent-rgb),.08)}.brand-editor__logo-row--processing{justify-content:flex-start}.brand-editor__logo-spinner{width:20px;height:20px;border:2px solid var(--app-border);border-top-color:var(--app-accent);border-radius:50%;animation:logo-spin .8s linear infinite}@keyframes logo-spin{to{transform:rotate(360deg)}}.brand-editor__logo-processing-text{font-size:.75rem;color:var(--app-muted)}.brand-editor__extract-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,rgba(var(--app-accent-rgb),.08),rgba(var(--app-accent-rgb),.04));border:1px dashed var(--app-accent);border-radius:var(--radius-md);color:var(--app-accent);font-family:var(--app-font);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.brand-editor__extract-btn:hover{background:rgba(var(--app-accent-rgb),.12);border-style:solid}.brand-editor__extract-icon{width:18px;height:18px}.brand-editor__color-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-3);align-items:end}.brand-editor__color-field{display:flex;flex-direction:column;gap:var(--space-1)}.brand-editor__color-field span{font-size:.7rem;font-weight:600;color:var(--app-ink-secondary)}.brand-editor__color-field input[type=color]{width:100%;height:36px;padding:2px;border:1px solid var(--app-border);border-radius:var(--radius-sm);background:var(--app-bg);cursor:pointer;transition:border-color var(--transition-fast)}.brand-editor__color-field input[type=color]:hover{border-color:var(--app-accent)}.brand-editor__color-swap{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-bottom:4px;padding:0;border:1px solid var(--app-border);border-radius:var(--radius-sm);background:var(--app-surface);color:var(--app-ink-secondary);cursor:pointer;transition:all var(--transition-fast)}.brand-editor__color-swap:hover{border-color:var(--app-accent);color:var(--app-accent);background:rgba(var(--app-accent-rgb),.04)}.brand-editor__swap-icon{width:16px;height:16px}.brand-editor__font-grid{display:flex;flex-direction:column;gap:var(--space-3)}.brand-editor__radius-options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-1)}.brand-editor__radius-options--two{grid-template-columns:repeat(2,1fr)}.brand-editor__radius-options--three{grid-template-columns:repeat(3,1fr)}.brand-editor__radius-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2);border:1px solid var(--app-border);border-radius:var(--radius-sm);background:var(--app-surface);cursor:pointer;transition:all var(--transition-fast);font-family:var(--app-font);font-size:.65rem;color:var(--app-ink-secondary)}.brand-editor__radius-option:hover{border-color:var(--app-accent)}.brand-editor__radius-option--active{border-color:var(--app-accent);background:rgba(var(--app-accent-rgb),.04);color:var(--app-accent)}.brand-editor__radius-preview{width:24px;height:14px;border:1.5px solid currentColor}.brand-editor__density-preview{display:flex;flex-direction:column;width:24px;height:14px}.brand-editor__density-preview span{flex:1;border-radius:1px;background:currentColor}.brand-editor__scale-preview{font-family:Georgia,serif;font-weight:500;line-height:1;color:currentColor;min-height:18px;display:flex;align-items:flex-end}.brand-editor__scale-preview[data-scale=small]{font-size:11px}.brand-editor__scale-preview[data-scale=normal]{font-size:14px}.brand-editor__scale-preview[data-scale=large]{font-size:17px}@media (max-width: 640px){.brand-editor__logo-scale-input{height:8px;border-radius:4px}.brand-editor__logo-scale-input::-webkit-slider-thumb{width:28px;height:28px}.brand-editor__logo-scale-input::-moz-range-thumb{width:28px;height:28px}.brand-editor__logo-remove{width:40px;height:40px;flex-shrink:0}.brand-editor__logo-remove-icon{width:18px;height:18px}.brand-editor__logo-controls{gap:var(--space-3);padding:var(--space-2) 0}.logo-chip__label{padding:8px 12px;font-size:.75rem}.logo-chip__menu-btn{padding:8px}}.claude-connect{display:flex;flex-direction:column;gap:var(--space-5)}.claude-connect--compact{gap:var(--space-4)}.claude-connect__warning{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:rgba(var(--app-warning-rgb, 245, 158, 11),.1);border:1px solid rgba(var(--app-warning-rgb, 245, 158, 11),.3);border-radius:var(--radius-md);font-size:.85rem;line-height:1.5;margin-top:var(--space-3)}.claude-connect__warning-icon{flex-shrink:0;width:20px;height:20px;color:var(--app-warning, #f59e0b);margin-top:2px}.claude-connect__warning-content{flex:1}.claude-connect__warning-content strong{display:block;color:var(--app-ink);margin-bottom:var(--space-1)}.claude-connect__warning-content p{color:var(--app-ink-secondary);margin:0}.claude-connect__warning-content p+p{margin-top:var(--space-1)}.claude-connect__instructions{display:flex;flex-direction:column;gap:var(--space-5)}.claude-connect--compact .claude-connect__instructions{gap:var(--space-4)}.claude-connect__instruction{display:flex;gap:var(--space-4);align-items:flex-start}.claude-connect--compact .claude-connect__instruction{gap:var(--space-3)}.claude-connect__instruction-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:var(--radius-full);background:var(--app-accent);color:#fff;font-weight:700;font-size:.9rem}.claude-connect--compact .claude-connect__instruction-number{width:28px;height:28px;font-size:.8rem}.claude-connect__instruction-content{flex:1}.claude-connect__instruction-content h4{font-size:1.1rem;font-weight:600;color:var(--app-ink);margin-bottom:var(--space-1)}.claude-connect--compact .claude-connect__instruction-content h4{font-size:1rem}.claude-connect__instruction-content p{font-size:.95rem;color:var(--app-muted);line-height:1.6;margin:0}.claude-connect--compact .claude-connect__instruction-content p{font-size:.9rem}.claude-connect__url-box{position:relative;display:flex;align-items:center;background:rgba(var(--shadow-color-rgb),.06);padding:var(--space-2) var(--space-3);padding-right:var(--space-10);border-radius:var(--radius-md);margin-top:var(--space-2);margin-bottom:.5rem}.claude-connect__url-box code{font-family:var(--app-font-mono);font-size:.85rem;color:var(--app-ink);word-break:break-all}.claude-connect--compact .claude-connect__url-box code{font-size:.8rem}.claude-connect__note{font-size:.9rem;color:var(--app-muted)}.claude-connect__url-copy{position:absolute;top:50%;right:var(--space-2);transform:translateY(-50%);height:28px;padding:0 var(--space-2);display:flex;align-items:center;justify-content:center;gap:var(--space-1);background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--radius-sm);color:var(--app-ink-secondary);cursor:pointer;transition:all var(--transition-fast)}.claude-connect__url-copy:hover{border-color:var(--app-accent);color:var(--app-accent)}.claude-connect__url-copy-icon{width:14px;height:14px}.claude-connect__copied-text{font-size:.75rem;font-weight:500;color:var(--app-accent)}.claude-connect__link{color:var(--app-accent);text-decoration:underline;font-weight:500}.claude-connect__link:hover{text-decoration:none}@media (max-width: 640px){.claude-connect__instruction{gap:var(--space-3)}.claude-connect__instruction-number{width:28px;height:28px;font-size:.8rem}.claude-connect__warning{flex-direction:column;gap:var(--space-2)}.claude-connect__warning-icon{margin-top:0}}.print-shell{--tpl-text-primary: var(--brand-primary);--tpl-text-body: #1a1a1a;--tpl-surface-base: #ffffff;--tpl-radius-sm: calc(var(--brand-radius-base) * .5);--tpl-radius-md: var(--brand-radius-base);--tpl-radius-lg: calc(var(--brand-radius-base) * 2);--tpl-table-pad-v: var(--tpl-space-3);--tpl-table-pad-h: var(--tpl-space-4);--tpl-block-pad-v: var(--tpl-space-5);--tpl-block-pad-h: var(--tpl-space-6);--tpl-list-gap: var(--tpl-space-3);--tpl-section-gap: var(--tpl-space-5);--tpl-primary: var(--brand-primary);--tpl-accent: var(--brand-accent);--tpl-font-heading: var(--brand-font-heading);--tpl-font-heading-weight: var(--brand-font-heading-weight, 700);--tpl-font-body: var(--brand-font-body);--tpl-font-body-weight: var(--brand-font-body-weight, 400);--tpl-secondary: var(--tpl-text-secondary);--tpl-muted: var(--tpl-text-muted);--tpl-border-color: var(--tpl-border-default);--tpl-border-light: var(--tpl-border-subtle);--tpl-scale: 1;--tpl-text-2xs: calc(.625rem * var(--tpl-scale));--tpl-text-xs: calc(.7rem * var(--tpl-scale));--tpl-text-sm: calc(.85rem * var(--tpl-scale));--tpl-text-base: calc(.95rem * var(--tpl-scale));--tpl-text-lg: calc(1.25rem * var(--tpl-scale));--tpl-text-xl: calc(1.55rem * var(--tpl-scale));--tpl-text-2xl: calc(2rem * var(--tpl-scale));--tpl-text-3xl: calc(2.5rem * var(--tpl-scale));--tpl-text-4xl: calc(3.25rem * var(--tpl-scale));--tpl-leading-none: 1;--tpl-leading-tight: 1.15;--tpl-leading-snug: 1.35;--tpl-leading-normal: 1.5;--tpl-leading-relaxed: 1.75;--tpl-space-px: 1px;--tpl-space-0: 0;--tpl-space-1: .25rem;--tpl-space-2: .5rem;--tpl-space-3: .75rem;--tpl-space-4: 1rem;--tpl-space-5: 1.25rem;--tpl-space-6: 1.5rem;--tpl-space-8: 2rem;--tpl-space-10: 2.5rem;--tpl-space-12: 3rem;--tpl-space-16: 4rem;width:min(920px,100%);margin:0 auto;display:grid;gap:var(--tpl-space-8);padding:var(--tpl-space-2) 0 var(--tpl-space-16);position:relative}.print-shell--compact{--tpl-table-pad-v: var(--tpl-space-2);--tpl-table-pad-h: var(--tpl-space-3);--tpl-block-pad-v: var(--tpl-space-3);--tpl-block-pad-h: var(--tpl-space-4);--tpl-list-gap: var(--tpl-space-2);--tpl-section-gap: var(--tpl-space-3)}.print-shell--scale-small{--tpl-scale: .9}.print-shell--scale-large{--tpl-scale: 1.1}.print-page{width:210mm;max-width:100%;min-height:297mm;margin:0 auto;background:var(--tpl-bg, #ffffff);border:1px solid var(--app-border);box-shadow:0 1px 3px #0000000a,0 8px 24px #0000000f,0 24px 48px #0000000a;padding:var(--tpl-page-margin, 22mm);display:flex;flex-direction:column;gap:var(--tpl-section-gap, 1.25rem);position:relative;border-radius:0;transition:box-shadow .3s ease,transform .3s ease;box-sizing:border-box}.print-page:hover{box-shadow:0 1px 3px #0000000a,0 12px 32px #00000014,0 32px 64px #0000000f}.print-shell--watermarked .print-page>*{position:relative;z-index:2}.print-watermark{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;overflow:hidden;-webkit-user-select:none;user-select:none}.print-watermark:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(135deg,rgba(10,10,10,.18) 0,rgba(10,10,10,.18) 2px,transparent 2px,transparent 22px);opacity:.28;z-index:0}.print-watermark__grid{position:absolute;top:-22%;right:-22%;bottom:-22%;left:-22%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(70px,1fr);align-items:center;justify-items:center;transform:rotate(-34deg);opacity:.72;z-index:1}.print-watermark__text{font-family:var(--tpl-font-heading);font-weight:700;text-transform:uppercase;letter-spacing:.36em;font-size:3.1rem;color:#050505e6;text-align:center;white-space:nowrap;text-shadow:0 2px 0 rgba(255,255,255,.2),0 0 20px rgba(0,0,0,.35)}.print-shell--editable [data-editable=true]{--edit-accent: #2563eb;--edit-accent-rgb: 37, 99, 235;position:relative;border-radius:3px;padding:5px;cursor:text;transition:all .15s ease}.print-shell--editable [data-editable=true]:hover{box-shadow:inset 0 0 0 1px var(--edit-accent);background:rgba(var(--edit-accent-rgb),.06)}.print-shell--editable [data-editable=true][data-editing=true]{box-shadow:inset 0 0 0 2px var(--edit-accent);background:rgba(var(--edit-accent-rgb),.04)}.cursor-tooltip{padding:.25rem .6rem;border-radius:4px;background:var(--edit-accent, #2563eb);color:#fff;font-family:var(--app-font);font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px #00000026}.doc-component{position:relative}.doc-component__floating-delete{position:absolute;top:0;right:0;transform:translate(50%,-50%);z-index:10001;display:inline-flex;align-items:center;border:1px solid #fca5a5;background:#fef2f2;color:#dc2626;font-family:var(--app-font);font-size:.8rem;padding:.3rem;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #dc262626;pointer-events:auto;transition:all .15s ease}.doc-component__floating-delete:hover{background:#fee2e2;box-shadow:0 4px 12px #dc262640;transform:translate(50%,-50%) scale(1.1)}.doc-component__floating-delete--global{right:auto}.doc-component__delete{position:absolute;top:-.5rem;right:-.5rem;z-index:10001;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:1px solid #fca5a5;background:#fef2f2;color:#dc2626;font-family:var(--app-font);font-size:.75rem;padding:0;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #dc262626;opacity:0;pointer-events:none;transition:all .15s ease}.doc-component__delete:hover{background:#fee2e2;box-shadow:0 4px 12px #dc262640;transform:scale(1.1)}.doc-component__actions,.doc-component__button{display:none!important}.doc-image{position:relative}.img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0000001a,#0000004d);opacity:0;transition:opacity .2s ease;pointer-events:none;border-radius:2px}.doc-image:hover .img-overlay,.doc-image:focus-within .img-overlay{opacity:1;pointer-events:auto}.img-action{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;border-radius:100px;background:#fffffff2;color:var(--tpl-primary);font-family:var(--app-font);font-size:.6rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 2px 12px #00000026;pointer-events:auto;transition:all .15s ease}.img-action:hover{background:#fff;transform:scale(1.05)}.img-action input{display:none}.brand-header{display:flex;align-items:center;gap:var(--tpl-space-4);padding-bottom:var(--tpl-space-5);border-bottom:1px solid var(--tpl-border-color);margin-bottom:var(--tpl-space-2)}.brand-logo{height:32px;max-height:32px;max-width:160px;object-fit:contain}.brand-logo--inverted{filter:brightness(0) invert(1)}.brand-name{margin:0;font-family:var(--tpl-font-body);font-size:var(--tpl-text-sm);font-weight:600;letter-spacing:.02em;color:var(--tpl-primary)}.brand-name--solo{padding-bottom:var(--tpl-space-5);border-bottom:1px solid var(--tpl-border-color);margin-bottom:var(--tpl-space-2)}.page-header,.page-footer{font-family:var(--tpl-font-body);font-size:var(--tpl-text-xs);color:var(--tpl-muted);display:flex;align-items:center;white-space:pre-wrap;letter-spacing:.01em}.page-header{border-bottom:1px solid var(--tpl-border-light);padding-bottom:var(--tpl-space-4);margin-bottom:var(--tpl-space-3)}.page-footer{border-top:1px solid var(--tpl-border-light);padding-top:var(--tpl-space-4);margin-top:auto;justify-content:space-between;gap:var(--tpl-space-6)}.page-footer__left{white-space:pre-wrap;flex:1}.page-footer__right{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:500}.title-page{padding:var(--tpl-space-16) 0 var(--tpl-space-12);display:flex;flex-direction:column;align-items:flex-start;position:relative;min-height:40%}.title-page:before{content:"";position:absolute;left:calc(-1 * var(--tpl-page-margin, 22mm));top:var(--tpl-space-8);bottom:var(--tpl-space-8);width:5px;background:var(--tpl-accent)}.doc-kind{display:inline-flex;align-items:center;text-transform:uppercase;letter-spacing:.2em;font-family:var(--tpl-font-body);font-size:var(--tpl-text-2xs);font-weight:700;color:var(--tpl-accent);background:var(--tpl-accent-soft);padding:var(--tpl-space-2) var(--tpl-space-4);margin-bottom:var(--tpl-space-8);border-left:3px solid var(--tpl-accent)}.doc-date{font-family:var(--tpl-font-body);font-size:var(--tpl-text-xs);font-weight:500;color:var(--tpl-muted);letter-spacing:.02em;margin-bottom:var(--tpl-space-4)}.doc-title{font-family:var(--tpl-font-heading);font-size:var(--tpl-text-4xl);font-weight:var(--tpl-font-heading-weight);line-height:var(--tpl-leading-none);color:var(--tpl-primary);margin:0;max-width:95%;letter-spacing:-.03em;position:relative}.doc-subtitle{margin-top:var(--tpl-space-6);font-family:var(--tpl-font-body);font-size:var(--tpl-text-lg);font-weight:400;color:var(--tpl-secondary);line-height:var(--tpl-leading-relaxed);max-width:80%;opacity:.85}.title-page--classic{align-items:center;text-align:center;padding:var(--tpl-space-12) var(--tpl-space-10);min-height:100%;box-sizing:border-box;position:relative;background:radial-gradient(ellipse 120% 60% at 50% -10%,var(--tpl-surface-accent-subtle) 0%,transparent 70%),var(--tpl-bg)}.title-page--classic .title-page__corners{display:none}.title-page--classic .brand-header{border-bottom:none;padding-bottom:0;margin-bottom:var(--tpl-space-6);justify-content:center}.title-page--classic .brand-name--solo{border-bottom:none;padding-bottom:0;margin-bottom:var(--tpl-space-6);text-align:center;letter-spacing:.15em;text-transform:uppercase;font-size:var(--tpl-text-xs)}.title-page--classic .title-page__ornament{display:flex;align-items:center;justify-content:center;gap:var(--tpl-space-3);margin:var(--tpl-space-6) 0 var(--tpl-space-8);width:100%}.title-page--classic .title-page__ornament:before,.title-page--classic .title-page__ornament:after{content:"";flex:1;max-width:90px;height:1px;background:linear-gradient(90deg,transparent 0%,var(--tpl-accent-medium) 50%,transparent 100%)}.title-page--classic .title-page__ornament-symbol{font-size:1.25rem;color:var(--tpl-accent);line-height:1;opacity:.8}.title-page--classic .title-page__ornament-diamond{width:8px;height:8px;background:var(--tpl-accent);transform:rotate(45deg);flex-shrink:0}.title-page--classic .title-page__ornament-diamond--small{width:5px;height:5px;background:var(--tpl-accent);opacity:.5}.title-page--classic .doc-kind{background:transparent;border:none;letter-spacing:.35em;font-size:var(--tpl-text-2xs);color:var(--tpl-muted);font-weight:500;text-transform:uppercase;padding:0;margin-bottom:var(--tpl-space-3)}.title-page--classic .doc-date{letter-spacing:.15em;text-transform:uppercase;font-size:var(--tpl-text-2xs);margin-bottom:var(--tpl-space-4);color:var(--tpl-muted);font-weight:400}.title-page--classic .title-page__title-block{position:relative;padding:var(--tpl-space-6) var(--tpl-space-4);margin:var(--tpl-space-4) 0}.title-page--classic .title-page__title-block:before,.title-page--classic .title-page__title-block:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:120px;height:1px;background:linear-gradient(90deg,transparent,var(--tpl-accent-medium),transparent)}.title-page--classic .title-page__title-block:before{top:0}.title-page--classic .title-page__title-block:after{bottom:0}.title-page--classic .doc-title{max-width:100%;letter-spacing:.02em;font-weight:400;font-size:var(--tpl-text-3xl);line-height:var(--tpl-leading-tight);position:relative;padding:0;font-variant-ligatures:common-ligatures discretionary-ligatures}.title-page--classic .doc-title:first-letter{font-size:1.1em}.title-page--classic .doc-subtitle{max-width:85%;font-style:italic;margin-top:var(--tpl-space-5);opacity:.75;font-size:var(--tpl-text-base);line-height:var(--tpl-leading-relaxed);color:var(--tpl-secondary)}.title-page--classic .doc-meta{max-width:280px;margin:var(--tpl-space-12) auto 0;background:transparent;border:none;text-align:center;padding-top:var(--tpl-space-6);position:relative}.title-page--classic .doc-meta:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:50px;height:1px;background:var(--tpl-accent-medium)}.title-page--classic .doc-meta__row{border-bottom:none;display:flex;flex-direction:column;gap:2px;padding:var(--tpl-space-2) 0;position:relative;text-align:center}.title-page--classic .doc-meta__row:before{display:none}.title-page--classic .doc-meta__row:last-child{border-bottom:none}.title-page--classic .doc-meta dt{background:transparent;text-transform:uppercase;letter-spacing:.2em;font-weight:500;font-style:normal;font-size:.55rem;color:var(--tpl-muted)}.title-page--classic .doc-meta dd{font-weight:400;font-size:var(--tpl-text-sm);color:var(--tpl-primary)}.title-page--classic .title-page__bottom-flourish{margin-top:auto;padding-top:var(--tpl-space-8);font-size:1rem;color:var(--tpl-accent);opacity:.4;letter-spacing:.5em}.title-page--corporate{padding:0;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:100%;position:relative;overflow:visible}.title-page--corporate .title-page__header-block{background:radial-gradient(ellipse at 25% 15%,rgba(255,255,255,.08) 0%,transparent 50%),linear-gradient(135deg,transparent 0%,rgba(0,0,0,.15) 100%),repeating-linear-gradient(-45deg,transparent 0,transparent 1px,rgba(255,255,255,.03) 1px,rgba(255,255,255,.03) 2px),var(--tpl-primary);background-size:100% 100%,100% 100%,4px 4px,100% 100%;color:var(--brand-primary-contrast, white);padding:var(--tpl-space-12) var(--tpl-space-10);padding-bottom:var(--tpl-space-16);display:flex;flex-direction:column;min-height:55%;position:relative;border-radius:var(--tpl-radius-lg);overflow:hidden}.title-page--corporate .title-page__header-block:before{content:"";position:absolute;bottom:0;left:var(--tpl-space-10);width:100px;height:8px;background:var(--tpl-accent);border-radius:var(--tpl-radius-sm) var(--tpl-radius-sm) 0 0}.title-page--corporate .title-page__header-block:after{content:"";position:absolute;top:var(--tpl-space-12);right:var(--tpl-space-10);width:2px;height:40px;background:var(--tpl-accent)}.title-page--corporate .title-page__header-block .brand-header{border-bottom:none;padding-bottom:0;margin-bottom:var(--tpl-space-8);justify-content:center}.title-page--corporate .title-page__header-block .brand-logo{height:40px;max-height:40px;max-width:180px;object-fit:contain}.title-page--corporate .title-page__header-block .brand-name--solo{color:var(--brand-primary-contrast, white);border-bottom:none;padding-bottom:0;margin-bottom:var(--tpl-space-8);font-size:var(--tpl-text-base);letter-spacing:.08em;text-transform:none;font-weight:600;opacity:1;text-align:center}.title-page--corporate .title-page__title-zone{margin-top:auto;display:flex;flex-direction:column;gap:var(--tpl-space-4)}.title-page--corporate .doc-kind{background:transparent;color:var(--brand-primary-contrast, white);border-left:none;font-size:var(--tpl-text-2xs);padding:0;letter-spacing:.25em;font-weight:700;text-transform:uppercase;margin-bottom:var(--tpl-space-3)}.title-page--corporate .doc-kind:after{display:none}.title-page--corporate .doc-date{display:none}.title-page--corporate .doc-title{font-size:clamp(2.5rem,8vw,4rem);font-weight:800;letter-spacing:-.04em;line-height:.95;max-width:90%;color:var(--brand-primary-contrast, white);margin-left:-.04em}.title-page--corporate .doc-title:after{display:none}.title-page--corporate .doc-subtitle{font-size:var(--tpl-text-base);color:var(--brand-primary-contrast, white);opacity:.75;max-width:70%;line-height:var(--tpl-leading-relaxed);font-weight:400;margin:0;padding:0;border:none}.title-page--corporate .title-page__body{background:var(--tpl-bg);padding:var(--tpl-space-6) var(--tpl-space-2);padding-bottom:0;display:flex;flex-direction:column;justify-content:flex-start;position:relative}.title-page--corporate .title-page__body:before,.title-page--corporate .title-page__body:after{display:none}.title-page--corporate .title-page__accent-line{display:none}.title-page--corporate .doc-meta{max-width:none;width:100%;display:flex;gap:0;background:transparent;border:none;padding:0;margin-top:0}.title-page--corporate .doc-meta:before{display:none}.title-page--corporate .doc-meta__row{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--tpl-space-1);border:none;background:transparent;padding:0 var(--tpl-space-4);min-width:0;box-shadow:none;position:relative;border-left:2px solid var(--tpl-accent);overflow:visible;z-index:1}.print-shell--editable .title-page--corporate .doc-meta__row:has([data-editable=true]:hover),.print-shell--editable .title-page--corporate .doc-meta__row:has([data-editing=true]){z-index:1000}.title-page--corporate .doc-meta__row:first-child{padding-left:0;border-left:none}.title-page--corporate .doc-meta__row:before{display:none}.title-page--corporate .doc-meta__row:after{display:none}.title-page--corporate .doc-meta dt{background:transparent;font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tpl-muted);font-weight:600;text-align:center}.title-page--corporate .doc-meta dd{font-size:var(--tpl-text-base);font-weight:700;color:var(--tpl-primary);letter-spacing:-.01em;text-align:center}.title-page--corporate .title-page__year-mark{position:absolute;bottom:var(--tpl-space-4);right:var(--tpl-space-2);font-size:6rem;font-weight:900;letter-spacing:-.05em;color:var(--tpl-primary);opacity:.04;line-height:1;pointer-events:none}.title-page--corporate .title-page__logo-area{padding:var(--tpl-space-6) var(--tpl-space-10);display:flex;align-items:center;justify-content:center;background:var(--tpl-bg)}.title-page--corporate .title-page__logo-area .brand-logo{height:36px;max-height:36px;max-width:300px;object-fit:contain}.title-page--creative{padding:var(--tpl-space-8) 0;position:relative}.title-page--creative:before{display:none}.title-page--creative:after{content:"";position:absolute;right:var(--tpl-space-4);bottom:var(--tpl-space-8);width:5px;height:200px;background:var(--tpl-accent)}.title-page--creative .brand-header,.title-page--creative .brand-name--solo{border-bottom:none;padding-bottom:0;margin-bottom:var(--tpl-space-12)}.title-page--creative .doc-kind{background:transparent;color:var(--tpl-primary);border-left:none;padding:0;font-size:var(--tpl-text-sm);font-weight:900;letter-spacing:.1em;margin-bottom:var(--tpl-space-2);position:relative;display:flex;align-items:center;gap:var(--tpl-space-4)}.title-page--creative .doc-kind:after{content:"";width:150px;height:3px;background:var(--tpl-primary)}.title-page--creative .doc-date{display:none}.title-page--creative .doc-title{font-size:5.5rem;font-weight:900;letter-spacing:-.06em;line-height:.88;max-width:100%;margin:var(--tpl-space-8) 0;margin-left:-6px;text-transform:uppercase}.title-page--creative .doc-title:first-letter{font-size:1.4em;line-height:.75;color:var(--tpl-accent)}.title-page--creative .doc-subtitle{max-width:70%;font-size:var(--tpl-text-lg);padding:0;padding-left:var(--tpl-space-5);border:none;border-left:5px solid var(--tpl-accent);background:transparent;margin-top:var(--tpl-space-6);opacity:1;font-style:italic}.title-page--creative .doc-meta{position:absolute;bottom:0;right:var(--tpl-space-10);max-width:160px;background:transparent;border:none;margin:0;display:flex;flex-direction:column;gap:0}.title-page--creative .doc-meta:before{display:none}.title-page--creative .doc-meta__row{display:flex;flex-direction:column;grid-template-columns:none;border:none;padding:var(--tpl-space-1) 0;border-bottom:none}.title-page--creative .doc-meta__row:last-child{border-bottom:none}.title-page--creative .doc-meta dt{background:transparent;font-size:var(--tpl-text-2xs);text-transform:uppercase;letter-spacing:.1em;color:var(--tpl-muted);font-weight:700}.title-page--creative .doc-meta dd{font-size:var(--tpl-text-xs);font-variant-numeric:tabular-nums;color:var(--tpl-primary)}.title-page--technical{padding:var(--tpl-space-6);font-family:var(--tpl-font-heading);background-image:linear-gradient(var(--tpl-border-light) 1px,transparent 1px),linear-gradient(90deg,var(--tpl-border-light) 1px,transparent 1px);background-size:50px 50px;background-position:-1px -1px}.title-page--technical:before{content:"X:0 Y:0";position:absolute;top:var(--tpl-space-4);right:var(--tpl-space-4);font-size:var(--tpl-text-2xs);color:var(--tpl-muted);font-family:var(--tpl-font-heading);letter-spacing:.05em}.title-page--technical .title-page__info-block{padding:var(--tpl-space-5);margin-bottom:var(--tpl-space-8);display:grid;gap:var(--tpl-space-3);position:relative;background:var(--tpl-surface-subtle)}.title-page--technical .title-page__info-block .brand-header{border-bottom:none;padding-bottom:0;margin-bottom:0}.title-page--technical .title-page__info-block .brand-name--solo{border-bottom:none;padding-bottom:0;margin-bottom:0;font-family:var(--tpl-font-heading)}.title-page--technical .title-page__info-row{display:flex;align-items:center;gap:var(--tpl-space-3);font-size:var(--tpl-text-xs)}.title-page--technical .title-page__info-label{text-transform:uppercase;letter-spacing:.08em;color:var(--tpl-muted);min-width:80px}.title-page--technical .title-page__info-line{flex:1;border-bottom:1px dotted var(--tpl-border-color);max-width:60px}.title-page--technical .title-page__info-value{color:var(--tpl-primary);font-weight:500;font-variant-numeric:tabular-nums}.title-page--technical .title-page__separator{width:100%;height:3px;background:var(--tpl-primary);margin-bottom:var(--tpl-space-6);position:relative}.title-page--technical .title-page__separator:before{content:"";position:absolute;left:0;top:-4px;width:10px;height:10px;background:var(--tpl-accent)}.title-page--technical .title-page__separator:after{content:"";position:absolute;right:0;top:-4px;width:10px;height:10px;background:var(--tpl-accent)}.title-page--technical .doc-kind,.title-page--technical .doc-date{display:none}.title-page--technical .doc-title{font-family:var(--tpl-font-heading);font-size:var(--tpl-text-2xl);font-weight:500;letter-spacing:-.02em;line-height:var(--tpl-leading-tight);text-transform:uppercase}.title-page--technical .doc-subtitle{font-family:var(--tpl-font-heading);font-size:var(--tpl-text-sm);margin-top:var(--tpl-space-4);opacity:.7;max-width:100%}.title-page--technical .doc-subtitle:before{content:"> ";color:var(--tpl-accent)}.title-page--technical .doc-meta{margin-top:var(--tpl-space-10);max-width:100%;background:var(--tpl-surface-subtle)}.title-page--technical .doc-meta:before{display:none}.title-page--technical .doc-meta__row{grid-template-columns:120px 1fr;font-family:var(--tpl-font-heading)}.title-page--technical .doc-meta dt{background:transparent;text-transform:uppercase;letter-spacing:.05em;font-size:var(--tpl-text-2xs);font-family:var(--tpl-font-heading)}.title-page--technical .doc-meta dt:after{content:"";display:inline-block;width:20px;border-bottom:1px dotted var(--tpl-border-strong);margin-left:var(--tpl-space-2);vertical-align:middle}.title-page--technical .doc-meta dd{font-family:var(--tpl-font-heading);font-size:var(--tpl-text-sm);font-variant-numeric:tabular-nums}.doc-meta{margin-top:var(--tpl-space-12);display:grid;gap:0;width:100%;max-width:380px;background:var(--tpl-surface-subtle);position:relative;overflow:hidden}.doc-meta:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--tpl-accent)}.doc-meta__row{display:grid;grid-template-columns:110px 1fr;border-bottom:1px solid var(--tpl-border-light)}.doc-meta__row:last-child{border-bottom:none}.doc-meta dt{padding:var(--tpl-space-3) var(--tpl-space-4);color:var(--tpl-muted);text-transform:uppercase;letter-spacing:.1em;font-size:var(--tpl-text-2xs);font-weight:700;background:var(--tpl-surface-muted);display:flex;align-items:center}.doc-meta dd{padding:var(--tpl-space-3) var(--tpl-space-4);color:var(--tpl-primary);font-size:var(--tpl-text-sm);font-weight:500;display:flex;align-items:center}.doc-section{display:grid;gap:var(--tpl-section-gap)}.section-heading{font-family:var(--tpl-font-heading);font-weight:var(--tpl-font-heading-weight);color:var(--tpl-primary);margin:var(--tpl-space-4) 0 var(--tpl-space-2);display:flex;align-items:center;gap:var(--tpl-space-4);position:relative}.section-heading:after{content:"";flex:1;height:2px;background:var(--tpl-accent);min-width:40px}.section-heading--level-1{font-size:var(--tpl-text-2xl);letter-spacing:-.02em;padding-bottom:var(--tpl-space-3);border-bottom:none}.section-heading--level-1:after{height:3px}.section-heading--level-2{font-size:var(--tpl-text-xl);letter-spacing:-.01em}.section-heading--level-3{font-size:var(--tpl-text-lg);font-weight:600}.section-heading--level-3:after{height:1px}.section-body{display:grid;gap:var(--tpl-section-gap)}.section-subheading{font-family:var(--tpl-font-heading);color:var(--tpl-primary);margin:var(--tpl-space-3) 0 var(--tpl-space-1);display:block}.section-subheading--level-1{font-size:var(--tpl-text-lg);font-weight:700}.section-subheading--level-2{font-size:var(--tpl-text-base);font-weight:600;color:var(--tpl-primary)}.section-subheading--level-3{font-size:var(--tpl-text-sm);font-weight:600;color:var(--tpl-secondary)}.rt-run{display:inline}.rt-run--bold{font-weight:600}.rt-run--italic{font-style:italic}.rt-run--underline{text-decoration:underline;text-underline-offset:2px}.rt-run--strike{text-decoration:line-through}.rt-run--sup{font-size:.75em;vertical-align:super}.rt-run--sub{font-size:.75em;vertical-align:sub}a.rt-run{color:var(--tpl-accent);text-decoration:none;border-bottom:1px solid var(--tpl-accent-medium);transition:border-color .15s ease}a.rt-run:hover{border-color:var(--tpl-accent)}.toc-list{list-style:none;padding:0;margin:0;display:grid;gap:0;font-family:var(--tpl-font-body);font-size:var(--tpl-text-sm)}.toc-item{display:flex;align-items:baseline;gap:var(--tpl-space-3);padding:var(--tpl-space-3) 0;border-bottom:1px solid var(--tpl-border-light);transition:background .15s ease}.toc-item:last-child{border-bottom:none}.toc-item__text{color:var(--tpl-primary);font-weight:500}.toc-item:after{content:"";flex:1;border-bottom:1px dotted var(--tpl-border-color);margin-bottom:.3em}.toc-item__page{color:var(--tpl-accent);font-variant-numeric:tabular-nums;font-weight:600;font-size:var(--tpl-text-xs)}.notes-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--tpl-space-3);font-family:var(--tpl-font-body);font-size:var(--tpl-text-sm);color:var(--tpl-secondary)}.notes-item{display:grid;grid-template-columns:2rem 1fr;gap:var(--tpl-space-2);padding-left:var(--tpl-space-2);border-left:2px solid var(--tpl-border-color)}.notes-item__label{color:var(--tpl-accent);font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--tpl-text-xs)}.notes-item__text{line-height:var(--tpl-leading-normal)}.callout{position:relative;background:var(--tpl-surface-subtle);padding:var(--tpl-block-pad-v) var(--tpl-block-pad-h);display:grid;gap:var(--tpl-space-2);border-radius:var(--tpl-radius-md);border-top-left-radius:0;border-bottom-left-radius:0;overflow:hidden}.callout:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--tpl-accent)}.callout:after{content:"";position:absolute;top:0;right:0;width:40px;height:40px;background:linear-gradient(135deg,var(--tpl-accent-soft) 50%,transparent 50%);opacity:.5}.callout__title{font-family:var(--tpl-font-heading);font-weight:700;color:var(--tpl-primary);font-size:var(--tpl-text-base);margin:0;display:flex;align-items:center;gap:var(--tpl-space-2);position:relative;z-index:1}.callout__title:before{content:"";width:8px;height:8px;background:var(--tpl-accent);border-radius:50%;flex-shrink:0}.callout__text{font-family:var(--tpl-font-body);font-size:var(--tpl-text-sm);color:var(--tpl-primary);margin:0;line-height:var(--tpl-leading-relaxed);position:relative;z-index:1}.contact-block{display:grid;gap:var(--tpl-space-3);padding:var(--tpl-block-pad-v);background:var(--tpl-surface-subtle);position:relative}.contact-block:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--tpl-accent)}.contact-block__label{margin:0;font-family:var(--tpl-font-heading);font-size:var(--tpl-text-sm);font-weight:700;color:var(--tpl-primary);text-transform:uppercase;letter-spacing:.08em}.contact-block__list{list-style:none;padding:0;margin:0;display:grid;gap:var(--tpl-space-1);font-family:var(--tpl-font-body);font-size:var(--tpl-text-sm);color:var(--tpl-secondary);line-height:var(--tpl-leading-snug)}.date-line{display:flex;justify-content:space-between;align-items:center;gap:var(--tpl-space-4);font-family:var(--tpl-font-body);font-size:var(--tpl-text-sm);color:var(--tpl-secondary);padding:var(--tpl-space-3) 0;border-bottom:1px solid var(--tpl-border-color)}.date-line__label{font-weight:600;color:var(--tpl-primary);text-transform:uppercase;letter-spacing:.05em;font-size:var(--tpl-text-xs)}.field-block{display:flex;justify-content:space-between;align-items:center;gap:var(--tpl-space-4);font-family:var(--tpl-font-body);font-size:var(--tpl-text-sm);color:var(--tpl-secondary);background:var(--tpl-surface-muted);padding:var(--tpl-space-3) var(--tpl-space-4);border-left:3px solid var(--tpl-accent)}.field-block__label{text-transform:uppercase;letter-spacing:.1em;font-size:var(--tpl-text-2xs);font-weight:700;color:var(--tpl-muted)}.field-block__value{color:var(--tpl-primary);font-weight:600}.field-block__line{flex:1;border-bottom:1px solid var(--tpl-border-strong);min-width:100px}.equation{font-family:"Cambria Math",Times New Roman,Times,serif;font-size:var(--tpl-text-lg);text-align:center;color:var(--tpl-primary);white-space:pre-wrap;padding:var(--tpl-space-4);background:var(--tpl-surface-subtle)}.chart{padding:var(--tpl-space-5);display:grid;gap:var(--tpl-space-4);background:var(--tpl-surface-subtle)}.chart__title{font-family:var(--tpl-font-heading);font-size:var(--tpl-text-base);font-weight:700;color:var(--tpl-primary)}.chart__note{font-family:var(--tpl-font-body);font-size:var(--tpl-text-xs);color:var(--tpl-muted);font-style:italic}.chart-bars{display:grid;gap:var(--tpl-space-4)}.chart-bars__legend{display:flex;flex-wrap:wrap;gap:var(--tpl-space-4);font-size:var(--tpl-text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--tpl-muted);font-weight:600}.chart-bars__legend-item{display:inline-flex;align-items:center;gap:.4rem}.chart-bars__swatch{width:12px;height:12px;border-radius:2px;background:var(--tpl-accent)}.chart-bars__grid{display:grid;gap:var(--tpl-space-3)}.chart-bars__row{display:grid;grid-template-columns:100px 1fr;gap:var(--tpl-space-4);align-items:center}.chart-bars__label{font-size:var(--tpl-text-xs);color:var(--tpl-secondary);font-weight:500;text-align:right}.chart-bars__bars{display:grid;gap:4px}.chart-bars__bar{height:14px;border-radius:2px;background:var(--tpl-accent);transition:width .3s ease}.chart-bars__bar--0,.chart-bars__swatch--0{background:var(--tpl-accent)}.chart-bars__bar--1,.chart-bars__swatch--1{background:var(--tpl-chart-bar1)}.chart-bars__bar--2,.chart-bars__swatch--2{background:var(--tpl-primary)}.chart-bars__bar--3,.chart-bars__swatch--3{background:var(--tpl-text-muted)}.chart-table{width:100%;border-collapse:separate;border-spacing:0;font-family:var(--tpl-font-body);font-size:var(--tpl-text-sm);color:var(--tpl-text-body);border-radius:var(--tpl-radius-sm);overflow:hidden}.chart-table th,.chart-table td{padding:var(--tpl-space-2) var(--tpl-space-3);text-align:left;font-variant-numeric:tabular-nums}.chart-table thead th{background:var(--tpl-surface-muted);color:var(--tpl-text-body);font-family:var(--tpl-font-heading);font-weight:600;font-size:var(--tpl-text-xs);letter-spacing:.03em}.chart-table tbody tr:last-child td{border-bottom:none}.chart-table tbody tr:nth-child(2n) td{background:var(--tpl-surface-subtle)}.print-shell--classic .chart-table{border-radius:0;border:none}.print-shell--classic .chart-table thead th{background:transparent;border-bottom:3px double var(--tpl-accent)}.print-shell--classic .chart-table tbody tr:nth-child(2n) td{background:transparent}.print-shell--corporate .chart-table{border-radius:6px}.print-shell--creative .chart-table{border-radius:0}.print-shell--creative .chart-table thead th{background:var(--tpl-surface-muted)}.print-shell--technical .chart-table{border-radius:2px;font-family:var(--tpl-font-heading)}.print-shell--technical .chart-table thead th{border-bottom:1px solid var(--tpl-accent)}.kv{display:grid;gap:0;background:var(--tpl-surface-subtle);overflow:hidden}.kv:before{content:"";display:block;height:3px;background:var(--tpl-accent)}.kv__row{display:grid;grid-template-columns:140px 1fr}.kv__row dt,.kv__row dd{padding:var(--tpl-space-3) var(--tpl-space-4);font-family:var(--tpl-font-body);border-bottom:1px solid var(--tpl-border-light)}.kv__row:last-child dt,.kv__row:last-child dd{border-bottom:none}.kv__row dt{color:var(--tpl-muted);font-weight:700;font-size:var(--tpl-text-2xs);text-transform:uppercase;letter-spacing:.08em;background:var(--tpl-surface-subtle);border-right:1px solid var(--tpl-border-light);display:flex;align-items:center}.kv__row dd{color:var(--tpl-primary);font-size:var(--tpl-text-sm);font-weight:500;display:flex;align-items:center}.para{font-family:var(--tpl-font-body);color:var(--tpl-text-body);font-size:var(--tpl-text-base);line-height:var(--tpl-leading-relaxed);white-space:pre-wrap;text-align:left;-webkit-hyphens:none;hyphens:none}.list{--list-marker-width: 1.5rem;--list-marker-gap: .5rem;margin:0;padding:0;list-style:none;display:grid;gap:var(--tpl-list-gap);font-family:var(--tpl-font-body);color:var(--tpl-text-body);font-size:var(--tpl-text-base);line-height:var(--tpl-leading-normal)}.list li{display:grid;grid-template-columns:var(--list-marker-width) 1fr;column-gap:var(--list-marker-gap);align-items:start;margin:0}.list li::marker{content:none}.list li:before{content:"";width:6px;height:6px;background:var(--tpl-accent);border-radius:50%;margin-top:.45em;justify-self:end}.list__text{grid-column:2;white-space:pre-wrap}.list li>.list{grid-column:2;margin-top:var(--tpl-space-2)}ol.list li::marker{content:none}ol.list{counter-reset:list}ol.list li{counter-increment:list}ol.list li:before{content:counter(list);width:auto;height:auto;background:none;border-radius:0;font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--tpl-text-sm);color:var(--tpl-accent);margin-top:.1em}.list--nested{--list-marker-width: 1.2rem;--list-marker-gap: .4rem;margin-top:var(--tpl-space-2);gap:var(--tpl-space-2)}.list--nested li::marker{content:none}.list--nested li:before{width:4px;height:4px;background:var(--tpl-border-strong)}.img{margin:var(--tpl-space-5) 0;display:grid;gap:var(--tpl-space-3);break-inside:avoid}.img img{max-width:100%;height:auto;border-radius:2px}.img figcaption{font-family:var(--tpl-font-body);font-size:var(--tpl-text-xs);font-style:italic;color:var(--tpl-muted);text-align:center;padding-top:var(--tpl-space-1)}.img__placeholder{border:2px dashed var(--tpl-border-color);padding:var(--tpl-space-10) var(--tpl-space-6);color:var(--tpl-muted);font-size:var(--tpl-text-sm);text-align:center;background:var(--tpl-surface-subtle);border-radius:2px}.table{width:100%;border-collapse:separate;border-spacing:0;font-family:var(--tpl-font-body);font-size:var(--tpl-text-sm);color:var(--tpl-text-body);break-inside:avoid;border-radius:var(--tpl-radius-sm);overflow:hidden}.table thead th{text-align:left;font-family:var(--tpl-font-heading);font-weight:600;font-size:var(--tpl-text-xs);letter-spacing:.03em;color:var(--tpl-text-body);background:var(--tpl-surface-muted);padding:var(--tpl-table-pad-v) var(--tpl-table-pad-h);position:relative}.table thead th:not(:last-child):after{display:none}.table td{padding:var(--tpl-table-pad-v) var(--tpl-table-pad-h);vertical-align:top;white-space:pre-wrap;line-height:var(--tpl-leading-snug);background:#fff}.table tbody th{padding:var(--tpl-table-pad-v) var(--tpl-table-pad-h);text-align:left;vertical-align:top;white-space:pre-wrap;font-weight:600;color:var(--tpl-primary);background:var(--tpl-surface-subtle)}.table-cell--header{font-weight:600;color:var(--tpl-primary);background:var(--tpl-surface-subtle)}.table tbody tr:nth-child(2n) td{background:var(--tpl-surface-subtle)}.table td:first-child{font-weight:500;color:var(--tpl-primary)}.table td{font-variant-numeric:tabular-nums}.print-shell--classic .table{border-radius:0;border:none;box-shadow:none}.print-shell--classic .table thead th{background:transparent;letter-spacing:.05em;text-transform:uppercase;font-size:calc(var(--tpl-text-xs) * .95)}.print-shell--classic .table tbody tr:nth-child(2n) td{background:transparent}.print-shell--corporate .table{border-radius:var(--tpl-radius-md);box-shadow:0 1px 3px #0000000f}.print-shell--corporate .table thead th{text-transform:uppercase;font-size:var(--tpl-text-2xs);letter-spacing:.08em;padding:var(--tpl-space-2) var(--tpl-space-4)}.print-shell--corporate .table td{padding:var(--tpl-space-2) var(--tpl-space-4)}.print-shell--creative .table{border-radius:0}.print-shell--creative .table thead th{background:var(--tpl-surface-muted);text-transform:uppercase;letter-spacing:.1em;font-size:var(--tpl-text-2xs)}.print-shell--creative .table tbody tr:nth-child(2n) td{background:var(--tpl-surface-muted)}.print-shell--technical .table{border-radius:2px;font-family:var(--tpl-font-heading);font-size:calc(var(--tpl-text-sm) * .95)}.print-shell--technical .table thead th{background:var(--tpl-surface-muted);text-transform:none;letter-spacing:0;font-weight:500;font-size:var(--tpl-text-xs)}.print-shell--technical .table td{font-variant-numeric:tabular-nums slashed-zero}.print-shell--technical .table tbody tr:nth-child(2n) td{background:var(--tpl-surface-accent-subtle)}.signature-block{display:grid;gap:var(--tpl-space-6);margin-top:var(--tpl-space-6)}.signature-block .section-heading{margin-bottom:var(--tpl-space-2)}.signature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--tpl-space-6)}.signature-card{padding:var(--tpl-space-6);display:grid;gap:var(--tpl-space-4);break-inside:avoid;background:var(--tpl-surface-subtle);position:relative}.signature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--tpl-accent)}.signature-name{font-family:var(--tpl-font-heading);font-weight:700;font-size:var(--tpl-text-base);color:var(--tpl-primary)}.signature-line{border-bottom:2px solid var(--tpl-primary);height:3rem;position:relative;margin-bottom:var(--tpl-space-5)}.signature-line:after{content:"Signature";position:absolute;bottom:-1.25rem;left:0;font-size:var(--tpl-text-2xs);color:var(--tpl-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.signature-meta{font-family:var(--tpl-font-body);font-size:var(--tpl-text-sm);color:var(--tpl-muted);line-height:var(--tpl-leading-snug)}.signature-date{display:flex;align-items:baseline;gap:var(--tpl-space-2);margin-top:var(--tpl-space-3)}.signature-date__label{font-size:var(--tpl-text-2xs);text-transform:uppercase;letter-spacing:.1em;color:var(--tpl-muted);font-weight:700}.signature-date__line{flex:1;border-bottom:1px solid var(--tpl-border-color);min-width:80px}@media (max-width: 980px){.print-page{width:100%;min-height:auto;padding:2rem 1.5rem}.signature-grid,.doc-meta__row,.kv__row{grid-template-columns:1fr}.kv__row dt{border-right:none;border-bottom:none;padding-bottom:var(--tpl-space-1)}.kv__row dd{padding-top:0;padding-bottom:var(--tpl-space-3)}.doc-title{font-size:var(--tpl-text-2xl)}.title-page:before{display:none}.title-page--classic{margin:var(--tpl-space-2);padding:var(--tpl-space-6) var(--tpl-space-4)}.title-page--classic .doc-title{font-size:var(--tpl-text-xl)}.title-page--corporate .title-page__header-block{padding:var(--tpl-space-8) var(--tpl-space-6);min-height:50%}.title-page--corporate .doc-meta{flex-direction:column;gap:var(--tpl-space-3)}.title-page--corporate .doc-meta__row{min-width:auto;border-left:none;padding-left:0;padding-top:var(--tpl-space-3);border-top:2px solid var(--tpl-accent)}.title-page--corporate .doc-meta__row:first-child{border-top:none;padding-top:0}.title-page--creative .doc-title{font-size:var(--tpl-text-2xl)}.title-page--creative .doc-meta{position:static;margin-top:var(--tpl-space-8);max-width:100%}.title-page--creative:after{display:none}.title-page--technical .doc-title{font-size:var(--tpl-text-lg)}}@media print{@page{size:A4;margin:0}.print-shell{padding:0;gap:0;width:auto}.print-page{width:210mm;min-height:297mm;margin:0;border:none;box-shadow:none;border-radius:0;padding:var(--tpl-page-margin, 22mm);break-after:page;background:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact}.title-page:before,.title-page:after,.title-page--classic,.title-page--corporate,.title-page--corporate:before,.title-page--corporate .title-page__header-block,.title-page--corporate .title-page__header-block:before,.title-page--corporate .title-page__header-block:after,.title-page--corporate .title-page__accent-line,.title-page--corporate .title-page__accent-line:before,.title-page--corporate .title-page__accent-line:after,.title-page--corporate .title-page__body:before,.title-page--corporate .title-page__body:after,.title-page--corporate .doc-kind,.title-page--corporate .doc-kind:after,.title-page--corporate .doc-title:after,.title-page--corporate .doc-subtitle,.title-page--corporate .title-page__title-zone,.title-page--corporate .doc-meta__row,.title-page--corporate .doc-meta__row:before,.title-page--creative:after,.title-page--technical,.title-page--technical .title-page__separator,.title-page--technical .title-page__separator:before,.title-page--technical .title-page__separator:after,.title-page--technical .title-page__info-block,.title-page--technical .title-page__info-block:before,.title-page--technical .title-page__info-block:after,.title-page__ornament-diamond,.title-page__ornament-diamond--small,.title-page__ornament-symbol,.title-page__corners,.title-page__corners:before,.title-page__corners:after,.title-page__title-block:before,.title-page__title-block:after,.title-page__bottom-flourish,.doc-kind,.doc-date,.doc-meta:before,.doc-meta__row:before,.doc-title:before,.doc-title:after,.callout:before,.callout:after,.contact-block:before,.field-block,.kv:before,.table thead th,.table tbody tr:nth-child(2n),.section-heading:after,.chart,.chart-bars__bar,.chart-bars__swatch,.signature-card:before,.list li:before,ol.list li:before{-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-page:hover{box-shadow:none}.print-shell--editable [data-editable=true]{outline:none;background:transparent;box-shadow:none}.print-shell--editable [data-editable=true]:after{content:none}.doc-component__actions,.img-overlay,.doc-component__floating-delete,.doc-component__delete{display:none!important}.print-watermark__grid{opacity:.15}}.print-mode .print-shell{padding:0;gap:0;width:auto}.print-mode .print-page{width:210mm;min-height:297mm;margin:0;border:none;box-shadow:none;border-radius:0;padding:var(--tpl-page-margin, 22mm);background:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-mode .print-page:hover{box-shadow:none}.print-mode .print-shell--editable [data-editable=true]{outline:none;background:transparent;box-shadow:none}.print-mode .print-shell--editable [data-editable=true]:after{content:none}.print-mode .doc-component__actions,.print-mode .img-overlay,.print-mode .doc-component__floating-delete,.print-mode .doc-component__delete{display:none!important}.print-mode .print-watermark__grid{opacity:.15}.print-mode .title-page--corporate .doc-meta{flex-direction:row;gap:0}.print-mode .title-page--corporate .doc-meta__row{flex:1;min-width:0;border-left:2px solid var(--tpl-accent);border-top:none;padding-left:var(--tpl-space-4);padding-top:0}.print-mode .title-page--corporate .doc-meta__row:first-child{border-left:none;padding-left:0}.doc-preview{display:flex;flex-direction:column;overflow:hidden}.doc-preview__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3);flex-shrink:0}.doc-preview__header-left{display:flex;flex-direction:column}.doc-preview__title{font-size:.875rem;font-weight:600;color:var(--app-ink)}.doc-preview__subtitle{font-size:.75rem;color:var(--app-muted)}.doc-preview__controls{display:flex;gap:var(--space-1)}.doc-preview__zoom-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--radius-sm);font-size:1rem;font-weight:600;color:var(--app-ink);cursor:pointer;transition:all var(--transition-fast);line-height:1}.doc-preview__zoom-btn:hover:not(:disabled){background:var(--app-bg);border-color:var(--app-accent);color:var(--app-accent)}.doc-preview__zoom-btn:disabled{opacity:.4;cursor:not-allowed}.doc-preview__fullscreen-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--radius-sm);color:var(--app-ink-secondary);cursor:pointer;transition:all var(--transition-fast);margin-left:var(--space-2)}.doc-preview__fullscreen-btn:hover{background:var(--app-bg);border-color:var(--app-accent);color:var(--app-accent)}.doc-preview__fullscreen-icon{width:14px;height:14px}.doc-preview__canvas{flex:1;overflow:auto;display:flex;justify-content:center;position:relative;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.doc-preview__canvas--panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.doc-preview__canvas::-webkit-scrollbar{width:6px;height:6px}.doc-preview__canvas::-webkit-scrollbar-track{background:transparent}.doc-preview__canvas::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.doc-preview__canvas::-webkit-scrollbar-thumb:hover{background:#00000040}.doc-preview__scaler{flex-shrink:0}.doc-preview__loading{display:flex;align-items:center;justify-content:center;padding:var(--space-8);min-height:200px}.doc-preview__empty{display:flex;align-items:center;justify-content:center;padding:var(--space-8);min-height:200px;color:var(--app-muted);font-size:.9rem}.doc-preview__fullscreen-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-4);animation:docPreviewFadeIn var(--transition-base)}@keyframes docPreviewFadeIn{0%{opacity:0}to{opacity:1}}.doc-preview__fullscreen-container{position:relative;max-width:100%;max-height:100%;overflow:auto;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-xl)}.doc-preview__fullscreen-close{position:fixed;top:var(--space-4);right:var(--space-4);z-index:1001;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#0009;border:none;border-radius:var(--radius-full);font-size:1.5rem;color:#fff;cursor:pointer;transition:all var(--transition-fast)}.doc-preview__fullscreen-close:hover{background:#000c;transform:scale(1.05)}.doc-preview__fullscreen-canvas{padding:var(--space-2)}.doc-preview--sticky{position:sticky;top:var(--space-4);max-height:calc(100vh - var(--space-8))}@media (max-width: 768px){.doc-preview--sticky{position:static;max-height:50vh}}@media (max-width: 640px){.doc-preview--sticky{max-height:45vh}.doc-preview__fullscreen-close{top:var(--space-2);right:var(--space-2)}}.doc-preview__zoom-overlay{position:fixed;top:var(--space-3);right:var(--space-3);z-index:100;display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1);background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--app-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.doc-preview__zoom-overlay-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;color:var(--app-ink);cursor:pointer;transition:all var(--transition-fast);line-height:1}.doc-preview__zoom-overlay-btn:hover:not(:disabled){background:var(--app-bg);border-color:var(--app-border);color:var(--app-accent)}.doc-preview__zoom-overlay-btn:disabled{opacity:.4;cursor:not-allowed}.doc-preview__zoom-overlay-btn--reset{width:auto;padding:0 var(--space-2);font-size:.75rem;font-weight:500;margin-left:var(--space-1)}.doc-preview__zoom-overlay-value,.doc-preview__zoom-value{min-width:40px;text-align:center;font-size:.75rem;font-weight:500;color:var(--app-ink-secondary)}.doc-preview__zoom-overlay-btn--edit{width:auto;padding:0 var(--space-2);font-size:.75rem;font-weight:500;margin-left:var(--space-1);background:var(--app-accent);color:#fff;border-radius:var(--radius-sm)}.doc-preview__zoom-overlay-btn--edit:hover:not(:disabled){background:var(--app-accent-hover, var(--app-accent));border-color:transparent;color:#fff}.doc-preview--mobile{height:100dvh;height:100vh;position:relative}.doc-preview__canvas--mobile{user-select:none;-webkit-user-select:none;touch-action:pan-x pan-y pinch-zoom}.doc-preview__mobile-controls{position:fixed;bottom:0;left:0;right:0;padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--app-border);z-index:20;display:flex;align-items:center;justify-content:center}.doc-preview__mobile-save-btn{width:100%;padding:var(--space-3) var(--space-4);background:var(--app-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.doc-preview__mobile-save-btn:hover:not(:disabled){background:var(--app-accent-hover, var(--app-accent))}.doc-preview__mobile-save-btn:disabled{opacity:.5;cursor:not-allowed}.doc-preview__edit-btn{position:fixed;top:var(--space-3);left:var(--space-3);z-index:100;display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:#fff;border:1px solid var(--app-border);border-radius:var(--radius-md);font-family:var(--app-font);font-size:.75rem;font-weight:500;color:var(--app-ink);cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.doc-preview__edit-btn:hover{background:var(--app-bg);border-color:var(--app-accent);color:var(--app-accent)}.doc-preview__edit-btn-icon{width:14px;height:14px}.doc-preview__mobile-controls--flex,.doc-preview__mobile-controls--single{display:flex;justify-content:center;gap:var(--space-3)}.doc-preview__mobile-controls .btn{flex:none;min-width:140px;padding:var(--space-3) var(--space-5);font-size:.875rem;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast)}.doc-preview--mobile .doc-preview__canvas{display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:var(--space-3);padding-bottom:100px}.doc-preview--mobile .doc-preview__scaler{flex-shrink:0}.doc-preview--mobile .print-page{width:210mm;min-height:297mm;padding:var(--tpl-page-margin, 22mm);max-width:none}.doc-preview--mobile .title-page--corporate .doc-meta{flex-direction:row;gap:0}.doc-preview--mobile .title-page--corporate .doc-meta__row{flex:1;min-width:0;border-left:2px solid var(--tpl-accent);border-top:none;padding-left:var(--tpl-space-4);padding-top:0}.doc-preview--mobile .title-page--corporate .doc-meta__row:first-child{border-left:none;padding-left:0}.doc-preview--mobile .signature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.doc-preview--mobile .doc-meta__row{grid-template-columns:110px 1fr}.doc-preview--mobile .kv__row{grid-template-columns:140px 1fr}.doc-preview--mobile .kv__row dt{border-right:1px solid var(--tpl-border-light);border-bottom:1px solid var(--tpl-border-light);padding-bottom:var(--tpl-space-3)}.doc-preview--mobile .kv__row dd{padding-top:var(--tpl-space-3);padding-bottom:var(--tpl-space-3)}.doc-preview--mobile .doc-title{font-size:var(--tpl-text-4xl)}.doc-preview--mobile .title-page:before{display:block}.doc-preview--mobile .title-page--classic{margin:0;padding:var(--tpl-space-12) var(--tpl-space-10)}.doc-preview--mobile .title-page--classic .doc-title{font-size:var(--tpl-text-3xl)}.doc-preview--mobile .title-page--creative .doc-title{font-size:5.5rem}.doc-preview--mobile .title-page--creative .doc-meta{position:absolute;bottom:0;right:var(--tpl-space-10);max-width:160px;margin-top:0}.doc-preview--mobile .title-page--creative:after{display:block}.doc-preview--mobile .title-page--technical .doc-title{font-size:var(--tpl-text-2xl)}.doc-preview__mobile-controls .btn--secondary{background:#fff;border:1px solid var(--app-border)!important;color:var(--app-ink)}.doc-preview__mobile-controls .btn--secondary:hover:not(:disabled){background:var(--app-bg);border-color:var(--app-accent)!important;color:var(--app-accent)}.doc-preview__mobile-controls .btn--primary{background:var(--app-accent);color:#fff;border:none!important}.doc-preview__mobile-controls .btn--primary:hover:not(:disabled){background:var(--app-accent-hover, var(--app-accent))}.doc-preview__mobile-controls .btn:disabled{opacity:.5;cursor:not-allowed}.doc-preview__block-edit-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:docPreviewFadeIn var(--transition-base)}.doc-preview__block-edit-modal{width:100%;max-height:80vh;background:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;animation:docPreviewSlideUp var(--transition-base)}@keyframes docPreviewSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.doc-preview__block-edit-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--app-border-subtle);flex-shrink:0}.doc-preview__block-edit-title{font-size:1rem;font-weight:600;color:var(--app-ink);margin:0}.doc-preview__block-edit-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-full);font-size:1.25rem;color:var(--app-muted);cursor:pointer;transition:all var(--transition-fast)}.doc-preview__block-edit-close:hover{background:var(--app-bg);color:var(--app-ink)}.doc-preview__block-edit-content{padding:var(--space-4);flex:1;overflow:auto}.doc-preview__block-edit-textarea{width:100%;min-height:120px;padding:var(--space-3);font-family:var(--app-font);font-size:1rem;line-height:1.5;color:var(--app-ink);background:var(--app-bg);border:1px solid var(--app-border);border-radius:var(--radius-md);resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.doc-preview__block-edit-textarea:focus{outline:none;border-color:var(--app-accent);box-shadow:0 0 0 3px rgba(var(--app-accent-rgb),.1)}.doc-preview__block-edit-actions{display:flex;justify-content:center;gap:var(--space-3);padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));border-top:1px solid var(--app-border-subtle);background:#fff;flex-shrink:0}.doc-preview__block-edit-actions .btn{flex:none;min-width:140px;padding:var(--space-3) var(--space-5);font-size:.875rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.doc-preview__block-edit-actions .btn--secondary{background:#fff;border:1px solid var(--app-border);color:var(--app-ink)}.doc-preview__block-edit-actions .btn--secondary:hover:not(:disabled){background:var(--app-bg);border-color:var(--app-accent);color:var(--app-accent)}.doc-preview__block-edit-actions .btn--primary{background:var(--app-accent);border:none;color:#fff}.doc-preview__block-edit-actions .btn--primary:hover:not(:disabled){background:var(--app-accent-hover, var(--app-accent))}.doc-preview__block-edit-actions .btn:disabled{opacity:.5;cursor:not-allowed}.doc-preview__save-status{position:fixed;top:var(--space-3);left:50%;transform:translate(-50%);z-index:100;font-size:.75rem;font-weight:500;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);white-space:nowrap;animation:docPreviewFadeIn var(--transition-fast);box-shadow:var(--shadow-sm)}.doc-preview__save-status--saving{color:var(--app-ink-secondary);background:#fff;border:1px solid var(--app-border)}.doc-preview__save-status--saved{color:var(--app-success);background:#fff;border:1px solid rgba(var(--app-success-rgb),.3)}.doc-preview__save-status--error{color:var(--app-error);background:#fff;border:1px solid rgba(var(--app-error-rgb),.3)}.onboarding{justify-content:flex-start;padding:var(--space-3) var(--space-4);height:100dvh;max-height:100dvh;overflow:hidden;gap:var(--space-4)}.onboarding--fit{justify-content:center;overflow-y:auto}.onboarding__topbar{display:flex;align-items:center;justify-content:center;width:100%;max-width:1400px;padding:0 0 var(--space-3);flex-shrink:0}.onboarding__mini-logo{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.onboarding__mini-logo-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--app-accent);color:#fff;border-radius:var(--radius-md)}.onboarding__mini-logo-icon svg{width:16px;height:16px;fill:currentColor}.onboarding__mini-logo-text{font-family:"Instrument Serif",Georgia,serif;font-size:1.15rem;font-weight:400;letter-spacing:-.02em;color:var(--app-ink)}.onboarding__container{width:100%;max-width:720px;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.onboarding--fit .onboarding__container{flex:0;min-height:auto;overflow:visible}.onboarding--wide .onboarding__container{max-width:1400px}.app.onboarding--editor-fullscreen{padding:0;gap:0;min-height:100vh;max-height:100vh;overflow:hidden}.onboarding__container--fullscreen{max-width:none;width:100%;flex:1}.onboarding__content.onboarding__content--fullscreen{background:transparent;border:none;border-radius:0;padding:0}.onboarding__content{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--radius-xl);padding:var(--space-6);flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.onboarding--fit .onboarding__content{flex:0;min-height:auto;overflow:visible}.onboarding__header{text-align:center;margin-bottom:var(--space-4);flex-shrink:0}.onboarding__header--left{text-align:left}.onboarding__undo-redo{display:flex;gap:var(--space-2);margin-bottom:var(--space-2);flex-shrink:0}.onboarding__undo-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid var(--app-border);border-radius:var(--radius-sm);background:var(--app-surface);color:var(--app-ink-secondary);font-family:var(--app-font);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.onboarding__undo-btn:hover:not(:disabled){border-color:var(--app-accent);color:var(--app-accent);background:rgba(var(--app-accent-rgb),.04)}.onboarding__undo-btn:disabled{opacity:.4;cursor:not-allowed}.onboarding__undo-icon{width:14px;height:14px}.onboarding__title{font-family:var(--app-font-display);font-size:clamp(1.25rem,3vw,1.5rem);font-weight:400;color:var(--app-ink);margin-bottom:var(--space-1);letter-spacing:-.01em}.onboarding__subtitle{font-size:1rem;color:var(--app-muted);line-height:1.6}.onboarding__auth{display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.onboarding__benefits{display:grid;gap:var(--space-3);width:100%;max-width:400px}.onboarding__benefit{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:rgba(var(--app-success-rgb),.06);border-radius:var(--radius-md)}.onboarding__benefit-icon{flex-shrink:0;width:20px;height:20px;color:var(--app-success)}.onboarding__benefit-text{font-size:.95rem;color:var(--app-ink-secondary);line-height:1.5}.onboarding__url-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:var(--space-6);padding:var(--space-6) 0}.onboarding__url-screen--compact{flex:0 0 auto;gap:var(--space-4);padding:var(--space-3) 0}.onboarding--compact{justify-content:center;padding-top:var(--space-6)}.onboarding--compact .onboarding__topbar{position:absolute;top:var(--space-4);left:50%;transform:translate(-50%)}.onboarding--compact .onboarding__container{flex:0 0 auto;max-width:420px}.onboarding--compact .onboarding__content{flex:0 0 auto;padding:var(--space-5)}.onboarding__url-screen--compact .onboarding__title{font-size:1.75rem}.onboarding__url-screen .onboarding__header{margin-bottom:0}.onboarding__url-form{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%;max-width:480px}.onboarding__url-input--large{width:100%;padding:var(--space-3) var(--space-4);font-size:1rem;text-align:center;border-radius:var(--radius-lg);border:2px solid var(--app-border);background:var(--app-bg);transition:all var(--transition-fast)}.onboarding__url-input--large:focus{border-color:var(--app-accent);box-shadow:0 0 0 4px rgba(var(--app-accent-rgb),.12);outline:none}.onboarding__url-input--large::placeholder{color:var(--app-muted)}.onboarding__url-error{font-size:.85rem;color:var(--app-error);text-align:center;margin-top:calc(-1 * var(--space-2))}.onboarding__error-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.onboarding__extraction-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-4) 0}.onboarding__url-screen--compact .onboarding__extraction-loading{gap:var(--space-3);padding:var(--space-2) 0}.onboarding__extraction-spinner{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:linear-gradient(135deg,rgba(var(--app-accent-rgb),.15),rgba(var(--app-accent-rgb),.05));animation:extractionPulse 2s ease-in-out infinite}.onboarding__extraction-icon{width:40px;height:40px;color:var(--app-accent);animation:extractionSpin 8s linear infinite}.onboarding__extraction-message{font-size:.8rem;color:var(--app-muted);margin-top:var(--space-3)}.onboarding__extraction-url{font-size:.85rem;color:var(--app-muted);margin-top:var(--space-2);font-family:var(--app-font-mono);word-break:break-all}.onboarding__brand-editor{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:var(--space-4);align-items:stretch;flex:1;min-height:0;overflow:hidden}.onboarding__editor-panel{display:flex;flex-direction:column;gap:var(--space-4);overflow-y:auto;padding-right:var(--space-2)}.onboarding__preview-panel{background:transparent;border:none;border-radius:var(--radius-lg);padding:var(--space-3);display:flex;flex-direction:column;overflow:hidden;min-height:0}.onboarding__style-preview-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3);flex-shrink:0}.onboarding__style-preview-header-left{display:flex;flex-direction:column}.onboarding__style-preview-title{font-size:.875rem;font-weight:600;color:var(--app-ink)}.onboarding__style-preview-subtitle{font-size:.75rem;color:var(--app-muted)}.onboarding__zoom-controls{display:flex;gap:var(--space-1)}.onboarding__zoom-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--radius-sm);font-size:1rem;font-weight:600;color:var(--app-ink);cursor:pointer;transition:all var(--transition-fast);line-height:1}.onboarding__zoom-btn:hover:not(:disabled){background:var(--app-bg);border-color:var(--app-accent);color:var(--app-accent)}.onboarding__zoom-btn:disabled{opacity:.4;cursor:not-allowed}.onboarding__preview-canvas{flex:1;overflow:auto;display:flex;justify-content:center;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.onboarding__preview-canvas::-webkit-scrollbar{width:6px;height:6px}.onboarding__preview-canvas::-webkit-scrollbar-track{background:transparent}.onboarding__preview-canvas::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.onboarding__preview-canvas::-webkit-scrollbar-thumb:hover{background:#00000040}.onboarding__preview-scaler{flex-shrink:0}.onboarding__style-preview{background:var(--app-bg);border:1px solid var(--app-border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);position:sticky;top:var(--space-4)}.onboarding__style-preview-canvas{aspect-ratio:210 / 297;transform-origin:top center;transform:scale(var(--preview-scale, .35));margin-bottom:calc(-210mm * (1 - var(--preview-scale, .35)))}.onboarding__extracted-preview{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--app-border-subtle)}.onboarding__screenshot{width:100%;height:auto;display:block}.onboarding__color-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-3);align-items:end}.onboarding__color-swap{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-bottom:6px;padding:0;border:1px solid var(--app-border);border-radius:var(--radius-sm);background:var(--app-surface);color:var(--app-ink-secondary);cursor:pointer;transition:all var(--transition-fast)}.onboarding__color-swap:hover{border-color:var(--app-accent);color:var(--app-accent);background:rgba(var(--app-accent-rgb),.04)}.onboarding__swap-icon{width:16px;height:16px}.onboarding__color-field{display:flex;flex-direction:column;gap:var(--space-1)}.onboarding__color-field span{font-size:.85rem;color:var(--app-ink-secondary)}.onboarding__color-field input[type=color]{width:100%;height:44px;padding:2px;border:2px solid var(--app-border);border-radius:var(--radius-md);background:var(--app-bg);cursor:pointer;transition:border-color var(--transition-fast)}.onboarding__color-field input[type=color]:hover{border-color:var(--app-accent)}.onboarding__font-grid{display:flex;flex-direction:column;gap:var(--space-4)}.onboarding__font-field{display:flex;flex-direction:column;gap:var(--space-1)}.onboarding__font-field span{font-size:.85rem;color:var(--app-ink-secondary)}.onboarding__font-field input{padding:var(--space-2) var(--space-3);border:1px solid var(--app-border);border-radius:var(--radius-md);font-size:.9rem}.onboarding__radius-options{display:flex;gap:var(--space-2)}.onboarding__radius-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--app-bg);border:2px solid var(--app-border);border-radius:var(--radius-md);cursor:pointer;font-size:.8rem;color:var(--app-ink-secondary);transition:all var(--transition-fast)}.onboarding__radius-option:hover{border-color:var(--app-accent)}.onboarding__radius-option--active{border-color:var(--app-accent);background:rgba(var(--app-accent-rgb),.08);color:var(--app-accent)}.onboarding__radius-preview{width:40px;height:24px;background:currentColor;opacity:.6}.onboarding__connect{display:flex;flex-direction:column;gap:var(--space-5)}.onboarding__connect .onboarding__title{font-size:clamp(1.5rem,4vw,1.75rem)}.onboarding__tabs{display:flex;gap:var(--space-2);border-bottom:1px solid var(--app-border);padding-bottom:var(--space-2)}.onboarding__tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;border:none;border-radius:var(--radius-md);font-family:var(--app-font);font-size:.95rem;font-weight:600;color:var(--app-muted);cursor:pointer;transition:all var(--transition-fast)}.onboarding__tab:hover{color:var(--app-ink);background:rgba(var(--shadow-color-rgb),.04)}.onboarding__tab--active{color:var(--app-ink);background:rgba(var(--app-accent-rgb),.1)}.onboarding__tab--active.onboarding__tab--claude{background:rgba(var(--app-brand-claude-rgb),.12);color:var(--app-brand-claude)}.onboarding__tab--active.onboarding__tab--chatgpt{background:rgba(var(--app-brand-chatgpt-rgb),.12);color:var(--app-brand-chatgpt)}.onboarding__tab-icon{width:20px;height:20px}.onboarding__tab-content{animation:fadeIn var(--transition-base)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.onboarding__instructions{display:flex;flex-direction:column;gap:var(--space-5)}.onboarding__instruction{display:flex;gap:var(--space-4);align-items:flex-start}.onboarding__instruction-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:var(--radius-full);background:var(--app-accent);color:#fff;font-weight:700;font-size:.9rem}.onboarding__instruction-content{flex:1}.onboarding__instruction-content h4{font-size:.95rem;font-weight:700;color:var(--app-ink);margin-bottom:var(--space-1)}.onboarding__instruction-content p{font-size:.9rem;color:var(--app-muted);line-height:1.6}.onboarding__code-box{position:relative;background:var(--app-ink);color:#e5e5e5;padding:var(--space-3) var(--space-4);padding-right:var(--space-10);border-radius:var(--radius-md);font-family:var(--app-font-mono);font-size:.75rem;line-height:1.6;overflow:hidden;margin-top:var(--space-2)}.onboarding__code-box pre{margin:0;white-space:pre-wrap;word-break:break-word}.onboarding__code-box code{font-family:inherit}.onboarding__code-copy{position:absolute;top:var(--space-2);right:var(--space-2);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:var(--radius-sm);color:#e5e5e5;cursor:pointer;transition:all var(--transition-fast)}.onboarding__code-copy:hover{background:#fff3}.onboarding__code-copy-icon{width:16px;height:16px}.onboarding__url-box{position:relative;background:rgba(var(--shadow-color-rgb),.06);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-family:var(--app-font-mono);font-size:.85rem;margin-top:var(--space-2)}.onboarding__url-box--copyable{padding-right:var(--space-10)}.onboarding__url-copy{position:absolute;top:50%;right:var(--space-2);transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--radius-sm);color:var(--app-ink-secondary);cursor:pointer;transition:all var(--transition-fast)}.onboarding__url-copy:hover{border-color:var(--app-accent);color:var(--app-accent)}.onboarding__url-copy-icon{width:14px;height:14px}.onboarding__link{color:var(--app-accent);text-decoration:underline;font-weight:500}.onboarding__link:hover{text-decoration:none}.onboarding__waiting{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4);background:rgba(var(--app-accent-rgb),.08);border-radius:var(--radius-lg);color:var(--app-accent);font-weight:600}.onboarding__waiting-text{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-4);color:var(--app-muted);font-size:.875rem}.onboarding__waiting-spinner{width:20px;height:20px;border:2px solid rgba(var(--app-accent-rgb),.3);border-top-color:var(--app-accent);border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.onboarding__complete{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-6)}.onboarding__success-icon{width:64px;height:64px;color:var(--app-success)}.onboarding__howto{width:100%;max-width:480px;text-align:left}.onboarding__howto-title{font-size:1rem;font-weight:700;color:var(--app-ink);margin-bottom:var(--space-4)}.onboarding__howto-steps{display:flex;flex-direction:column;gap:var(--space-3)}.onboarding__howto-step{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3);background:rgba(var(--shadow-color-rgb),.03);border-radius:var(--radius-md)}.onboarding__howto-step-number{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--app-accent);color:#fff;font-size:.75rem;font-weight:700;border-radius:var(--radius-full)}.onboarding__howto-step-text{font-size:.9rem;color:var(--app-ink-secondary);line-height:1.5}.onboarding__actions{display:flex;justify-content:center;gap:var(--space-3);margin-top:var(--space-4)}.onboarding__actions--split{justify-content:space-between}.onboarding__logo-upload{display:flex;flex-direction:column;gap:var(--space-2)}.onboarding__logo-preview{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--app-bg);border:1px solid var(--app-border-subtle);border-radius:var(--radius-md)}.onboarding__logo-preview img{max-width:80px;max-height:40px;object-fit:contain}.onboarding__logo-empty{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);background:var(--app-bg);border:2px dashed var(--app-border);border-radius:var(--radius-md);cursor:pointer;color:var(--app-muted);font-size:.9rem;transition:all var(--transition-fast)}.onboarding__logo-empty:hover{border-color:var(--app-accent);color:var(--app-accent);background:rgba(var(--app-accent-rgb),.04)}.onboarding__logo-icon{width:20px;height:20px}.onboarding__logo-options{display:flex;flex-direction:column;gap:var(--space-2)}.onboarding__logo-detected{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:rgba(var(--app-success-rgb),.08);border:1px solid rgba(var(--app-success-rgb),.3);border-radius:var(--radius-md);cursor:pointer;color:var(--app-success);font-size:.85rem;font-weight:500;transition:all var(--transition-fast)}.onboarding__logo-detected:hover{background:rgba(var(--app-success-rgb),.15);border-color:var(--app-success)}.onboarding__style{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1.2fr);gap:var(--space-6);align-items:start}.onboarding__style-form{display:flex;flex-direction:column;gap:var(--space-5)}.onboarding__url-extract{display:flex;gap:var(--space-2)}.onboarding__url-input{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--app-border);border-radius:var(--radius-md);font-size:.9rem}@media (max-width: 1100px){.onboarding__brand-editor{grid-template-columns:1fr;overflow-y:auto}.onboarding__editor-panel{overflow:visible;padding-right:0}.onboarding__preview-panel{order:-1;max-height:40vh;flex-shrink:0}}@media (max-width: 768px){.onboarding__topbar{flex-direction:column;gap:var(--space-2);padding-bottom:var(--space-2)}.onboarding__style{grid-template-columns:1fr}.onboarding__style-preview{position:static;order:-1}.onboarding__preview-panel{max-height:35vh}}@media (max-width: 640px){.onboarding{padding:var(--space-2)}.onboarding__topbar{position:sticky;top:0;z-index:10;background:var(--app-bg);padding-bottom:var(--space-2)}.onboarding__content{padding:var(--space-4);padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom))}.onboarding__url-screen{gap:var(--space-4);padding:var(--space-4) 0}.onboarding__url-form{align-items:stretch}.onboarding__url-input--large{text-align:left}.onboarding__brand-editor{gap:var(--space-3)}.onboarding__editor-panel{gap:var(--space-3);-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom))}.onboarding__preview-panel{padding:var(--space-2);border:1px solid var(--app-border-subtle);border-radius:var(--radius-lg);background:var(--app-bg)}.onboarding__preview-canvas{padding:var(--space-2) 0;-webkit-overflow-scrolling:touch}.onboarding__tabs{flex-wrap:wrap}.onboarding__tab{flex:1 1 160px;justify-content:center}.onboarding__instruction{gap:var(--space-3)}.onboarding__code-box{font-size:.7rem;max-height:200px;overflow:auto;-webkit-overflow-scrolling:touch}.onboarding__actions{flex-direction:column;width:100%}.onboarding__actions>*{width:100%}.onboarding__actions--split{flex-direction:column-reverse}.onboarding__preview-panel{max-height:30vh}.onboarding__url-input--large{font-size:1rem;padding:var(--space-3) var(--space-4)}.onboarding__radius-options{flex-direction:column}.onboarding__radius-option{flex-direction:row;justify-content:flex-start;gap:var(--space-3)}}.brand-comparison{max-width:1200px;margin:0 auto;padding:6rem 2rem 2rem}.brand-comparison__header{margin-bottom:2rem}.brand-comparison__title{font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.brand-comparison__subtitle{color:var(--color-text-muted);margin:0}.brand-comparison__form{display:flex;gap:.75rem;margin-bottom:2rem;max-width:600px}.brand-comparison__input{flex:1;padding:.625rem .875rem;border:1px solid var(--color-border);border-radius:6px;font-size:.9375rem;background:var(--color-bg);color:var(--color-text)}.brand-comparison__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-10)}.brand-comparison__input::placeholder{color:var(--color-text-muted)}.brand-comparison__button{padding:.625rem 1.25rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .15s ease}.brand-comparison__button:hover:not(:disabled){background:var(--color-primary-dark)}.brand-comparison__button:disabled{opacity:.6;cursor:not-allowed}.brand-comparison__results{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.brand-comparison__results--single{grid-template-columns:1fr;max-width:700px}@media (max-width: 800px){.brand-comparison__results{grid-template-columns:1fr}}.brand-card{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem}.brand-card--loading{opacity:.7}.brand-card--error{border-color:#ef4444}.brand-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.brand-card__title{font-size:1rem;font-weight:600;margin:0}.brand-card__timing{font-size:.875rem;color:var(--color-text-muted);font-family:SF Mono,Fira Code,Monaco,monospace}.brand-card__loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--color-text-muted)}.brand-card__error{padding:1rem;background:#fef2f2;border-radius:6px;color:#dc2626;font-size:.875rem}.brand-card__screenshot{margin-bottom:1.5rem}.brand-card__screenshot-image{width:100%;height:auto;border-radius:6px;border:1px solid var(--color-border)}.brand-card__section{margin-bottom:1.5rem}.brand-card__section:last-child{margin-bottom:0}.brand-card__section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:0 0 .75rem}.brand-card__swatches{display:flex;flex-direction:column;gap:.5rem}.brand-card__swatch{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:var(--color-bg);border-radius:6px}.brand-card__swatch-color{width:40px;height:40px;border-radius:6px;flex-shrink:0;border:1px solid rgba(0,0,0,.1)}.brand-card__swatch-info{flex:1;min-width:0}.brand-card__swatch-label{font-size:.75rem;font-weight:500;color:var(--color-text-muted);margin:0 0 .125rem}.brand-card__swatch-hex{font-size:.8125rem;color:var(--color-text);font-family:SF Mono,Fira Code,Monaco,monospace;margin:0}.brand-card__swatch-contrast{font-size:.6875rem;color:var(--color-text-muted);font-family:SF Mono,Fira Code,Monaco,monospace;margin:.125rem 0 0}.brand-card__color-pairs{display:flex;flex-direction:column;gap:1rem}.brand-card__color-pair{padding:.75rem;background:var(--color-bg);border-radius:8px}.brand-card__color-pair-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:0 0 .75rem}.brand-card__color-pair-swatches{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.brand-card__color-pair-arrow{font-size:1.25rem;color:var(--color-text-muted)}.brand-card__color-pair-ok{font-size:.6875rem;font-weight:600;color:#16a34a;background:#dcfce7;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.brand-card__fonts{display:flex;flex-direction:column;gap:.5rem}.brand-card__font{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--color-bg);border-radius:6px}.brand-card__font-info{flex:1}.brand-card__font-label{font-size:.75rem;font-weight:500;color:var(--color-text-muted);margin:0 0 .125rem}.brand-card__font-name{font-size:.9375rem;color:var(--color-text);margin:0}.brand-card__font-weight{font-size:.75rem;font-weight:500;color:var(--color-text-muted);background:var(--color-bg-subtle);padding:.25rem .5rem;border-radius:4px;font-family:SF Mono,Fira Code,Monaco,monospace}.brand-card__border-options{display:flex;gap:.75rem}.brand-card__border-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;background:var(--color-bg);border-radius:6px;border:2px solid transparent;opacity:.4}.brand-card__border-option--selected{opacity:1;border-color:var(--color-primary)}.brand-card__border-preview{width:48px;height:24px;background:var(--color-primary)}.brand-card__border-preview--rectangular{border-radius:0}.brand-card__border-preview--rounded{border-radius:6px}.brand-card__border-preview--pill{border-radius:12px}.brand-card__border-label{font-size:.75rem;font-weight:500;color:var(--color-text-muted);text-transform:capitalize}.brand-card__logo-image{max-width:200px;max-height:80px;object-fit:contain;border-radius:4px;background:var(--color-bg);padding:.5rem}.brand-comparison__empty{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:var(--color-text-muted)}.brand-comparison__empty-title{font-size:1.125rem;font-weight:500;margin:0 0 .5rem;color:var(--color-text)}.brand-comparison__empty-text{margin:0}.url-extraction-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-4);animation:modalFadeIn var(--transition-base)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.url-extraction-modal{position:relative;width:min(520px,100%);background:var(--app-surface);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-xl);animation:modalSlideIn var(--transition-base)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.url-extraction-modal__close{position:absolute;top:var(--space-4);right:var(--space-4);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);font-size:1.5rem;color:var(--app-muted);cursor:pointer;transition:all var(--transition-fast)}.url-extraction-modal__close:hover:not(:disabled){background:rgba(var(--shadow-color-rgb),.06);color:var(--app-ink)}.url-extraction-modal__close:disabled{opacity:.3;cursor:not-allowed}.url-extraction-modal__header{text-align:center;margin-bottom:var(--space-6)}.url-extraction-modal__title{font-family:var(--app-font);font-size:clamp(1.25rem,4vw,1.5rem);font-weight:700;color:var(--app-ink);margin-bottom:var(--space-2);letter-spacing:-.02em}.url-extraction-modal__subtitle{font-size:.95rem;color:var(--app-muted);line-height:1.5}.url-extraction-modal__form{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.url-extraction-modal__input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--app-font);font-size:1rem;text-align:center;border-radius:var(--radius-lg);border:2px solid var(--app-border);background:var(--app-bg);transition:all var(--transition-fast)}.url-extraction-modal__input:focus{border-color:var(--app-accent);box-shadow:0 0 0 4px rgba(var(--app-accent-rgb),.12);outline:none}.url-extraction-modal__input::placeholder{color:var(--app-muted)}.url-extraction-modal__error{font-size:.85rem;color:var(--app-error);text-align:center;margin-top:calc(-1 * var(--space-2))}.url-extraction-modal__actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%}.url-extraction-modal__loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-4) 0}.url-extraction-modal__spinner{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:linear-gradient(135deg,rgba(var(--app-accent-rgb),.15),rgba(var(--app-accent-rgb),.05));animation:extractionPulse 2s ease-in-out infinite}@keyframes extractionPulse{0%,to{box-shadow:0 0 rgba(var(--app-accent-rgb),.4);transform:scale(1)}50%{box-shadow:0 0 0 20px rgba(var(--app-accent-rgb),0);transform:scale(1.05)}}.url-extraction-modal__spinner-icon{width:40px;height:40px;color:var(--app-accent);animation:extractionSpin 8s linear infinite}@keyframes extractionSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.url-extraction-modal__message{font-size:1rem;color:var(--app-ink-secondary);font-weight:500;animation:fadeInOut 2.5s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:.5}50%{opacity:1}}@media (max-width: 640px){.url-extraction-modal{padding:var(--space-6)}.url-extraction-modal__input{font-size:1rem;padding:var(--space-3) var(--space-4)}}