:root{--surface:#f4f1ea;--surface-strong:#fffdf8;--card-border:rgba(22,29,37,0.12);--text-primary:#14202b;--text-secondary:#566270;--brand-primary:#1f4f46;--brand-accent:#d6a75f;--brand-background:linear-gradient(180deg,#faf7f0,#f1ece4);--danger:#ac3c2a;--success:#1f6b55;--shadow-soft:0 24px 60px rgba(18,30,42,0.12);--font-sans:"Avenir Next","Segoe UI",sans-serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%;padding:0}body{background:var(--brand-background);color:var(--text-primary);font-family:var(--font-sans)}a{color:inherit}button,input{font:inherit}.app-shell{min-height:100vh}.page-frame{margin:0 auto;max-width:1120px;padding:40px 24px 64px}.hero-card,.panel-card{background:var(--surface-strong);border:1px solid var(--card-border);border-radius:24px;box-shadow:var(--shadow-soft)}.hero-card{overflow:hidden}.hero-grid{display:grid;grid-gap:24px;gap:24px;grid-template-columns:minmax(0,1.1fr) minmax(320px,420px)}.hero-column{padding:40px}.hero-card .hero-column:first-child{padding-left:32px}.hero-column--accent{background:radial-gradient(circle at top right,rgba(214,167,95,.28),transparent 36%),linear-gradient(145deg,rgba(31,79,70,.96),rgba(13,29,35,.96));color:#f7f3ed}.eyebrow{color:var(--brand-primary);font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.hero-column--accent .eyebrow{color:rgba(255,255,255,.72)}.heading-xl{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;margin:14px 0 16px}.viewer-title-single-line{font-size:clamp(1.8rem,2.35vw,2.7rem);margin:0;white-space:nowrap}.viewer-main-column{justify-content:flex-start;padding-bottom:28px;padding-top:28px}.viewer-title-block{margin-bottom:4px}.viewer-subcopy{line-height:1.45;margin-top:0;max-width:56ch}.viewer-main-column .button-row{margin-bottom:0}.heading-lg{font-size:clamp(1.4rem,2vw,2rem);line-height:1.12;margin:0 0 12px}.body-lg{color:var(--text-secondary);font-size:1.02rem;line-height:1.7;margin:0}.hero-column--accent .body-lg,.hero-column--accent .meta-copy,.hero-column--accent li{color:rgba(247,243,237,.88)}.stack-lg,.stack-md,.stack-sm,.stack-xs{display:flex;flex-direction:column}.stack-lg{gap:24px}.stack-md{gap:16px}.stack-sm{gap:10px}.stack-xs{gap:6px}.panel-card{padding:28px}.compact-auth-shell,.render-shell,.state-shell{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 104px)}.compact-auth-card,.render-card,.state-card{background:var(--surface-strong);border:1px solid var(--card-border);border-radius:24px;box-shadow:var(--shadow-soft);width:min(100%,620px)}.compact-auth-card{padding:28px;width:min(100%,940px)}.compact-auth-card--single{align-items:center}.compact-auth-intro,.compact-support--single{margin:0 auto;max-width:560px;width:100%}.compact-copy{max-width:52ch}.compact-support{border-top:1px solid rgba(20,32,43,.1);display:grid;grid-gap:12px;gap:12px;padding-top:18px}.compact-support-meta{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.9rem;gap:8px 18px}.render-card{grid-gap:16px;gap:16px}.render-card,.state-card{display:grid;padding:36px 32px 32px;text-align:center}.state-card{grid-gap:18px;gap:18px}.render-progress{background:rgba(20,32,43,.07);border-radius:999px;height:6px;overflow:hidden;margin:6px auto 0;width:min(100%,320px)}.render-progress span{animation:render-progress 1.6s ease-in-out infinite;border-radius:inherit;display:block;height:100%;width:42%}.render-progress span,.state-line{background:linear-gradient(90deg,var(--brand-primary),var(--brand-accent))}.state-line{border-radius:999px;height:5px;justify-self:center;width:min(100%,220px)}.state-card--danger .state-line{background:linear-gradient(90deg,rgba(172,60,42,.78),rgba(214,167,95,.42))}.meta-list{display:grid;grid-gap:12px;gap:12px;margin:0;padding:0}.meta-list dt{color:rgba(247,243,237,.68);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.meta-list dd{font-size:1rem;font-weight:600;margin:4px 0 0}.auth-options{display:grid;grid-gap:12px;gap:12px}.auth-layout{display:grid;grid-gap:22px;gap:22px;grid-template-columns:minmax(240px,320px) minmax(0,1fr)}.auth-layout--single{grid-template-columns:minmax(0,560px);justify-content:center}.auth-layout--single .auth-layout__fields{margin:0 auto;max-width:560px;padding-left:0}.auth-layout--single .auth-layout__fields .stack-xs{text-align:left}.auth-layout--single .auth-layout__fields .compact-copy{margin:0}.auth-layout--single .form-grid{width:100%}.auth-layout__fields,.auth-layout__methods{min-width:0}.auth-layout__methods{border-right:1px solid rgba(20,32,43,.1);padding-right:22px}.auth-layout__fields{padding-left:6px}.option-button{align-items:center;background:rgba(255,255,255,.78);border:1px solid rgba(20,32,43,.12);border-radius:18px;color:var(--text-primary);cursor:pointer;display:flex;gap:14px;justify-content:flex-start;padding:14px 16px;text-align:left;transition:border-color .18s ease,transform .18s ease,background .18s ease;width:100%}.option-button:hover{transform:translateY(-1px)}.option-button[data-selected=true]{background:rgba(31,79,70,.08);border-color:var(--brand-primary)}.option-dot{background:rgba(20,32,43,.14);border-radius:999px;height:12px;width:12px}.option-button[data-selected=true] .option-dot{background:var(--brand-primary)}.form-grid{display:grid;grid-gap:14px;gap:14px}.field-label{display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.field-label,.text-input{color:var(--text-primary)}.text-input{background:#fff;border:1px solid rgba(20,32,43,.16);border-radius:14px;padding:14px 16px;width:100%}.text-input:focus-visible{border-color:var(--brand-primary);outline:2px solid rgba(31,79,70,.12)}.button-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.button-primary,.button-secondary{border-radius:999px;cursor:pointer;padding:13px 20px;transition:transform .18s ease,opacity .18s ease}.button-primary{background:var(--brand-primary);border:1px solid var(--brand-primary);color:#fff}.button-secondary{background:transparent;border:1px solid rgba(20,32,43,.18);color:var(--text-primary)}.button-primary:hover,.button-secondary:hover{transform:translateY(-1px)}.button-primary:disabled,.button-secondary:disabled{cursor:not-allowed;opacity:.55;transform:none}.inline-note,.meta-copy{color:var(--text-secondary);font-size:.92rem;line-height:1.6}.status-chip{align-items:center;border-radius:999px;display:inline-flex;font-size:.78rem;font-weight:700;gap:8px;letter-spacing:.08em;padding:8px 12px;text-transform:uppercase}.status-chip--success{background:rgba(31,107,85,.12);color:var(--success)}.status-chip--danger{background:rgba(172,60,42,.12);color:var(--danger)}.viewer-frame{background:linear-gradient(180deg,rgba(230,223,212,.9),rgba(221,214,199,.96));border:1px solid rgba(20,32,43,.12);border-radius:18px;min-height:70vh;overflow:hidden;padding:28px 18px 36px;width:100%}.viewer-document{display:grid;grid-gap:22px;gap:22px;justify-items:center}.viewer-page{background:#fff;border-radius:6px;box-shadow:0 18px 40px rgba(18,30,42,.12),0 2px 10px rgba(18,30,42,.08);padding:0}.viewer-page-canvas{display:block}.footer-band{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.92rem;gap:12px 28px;justify-content:space-between;margin-top:24px;padding:0 4px}@media (max-width:900px){.page-frame{padding:24px 16px 48px}.hero-grid{grid-template-columns:1fr}.compact-auth-card,.hero-column,.panel-card,.render-card{padding:24px}.compact-auth-shell,.render-shell,.state-shell{min-height:auto}.viewer-title-single-line{white-space:normal}.viewer-main-column{padding-bottom:24px;padding-top:24px}.auth-layout{grid-template-columns:1fr}.auth-layout__methods{border-right:0;border-bottom:1px solid rgba(20,32,43,.1);padding-bottom:18px;padding-right:0}.auth-layout__fields{padding-left:0}.viewer-document,.viewer-frame{min-height:0}.viewer-frame{padding:18px 8px 24px}.viewer-page-canvas{max-width:100%;height:auto}}@keyframes render-progress{0%{transform:translateX(-100%)}50%{transform:translateX(80%)}to{transform:translateX(210%)}}