@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/manrope-latin-400-normal-PaqtzbVb.woff2) format("woff2"),url(/assets/manrope-latin-400-normal-8tf8FM3T.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/manrope-latin-600-normal-4f0koTD-.woff2) format("woff2"),url(/assets/manrope-latin-600-normal-BqgrALkZ.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/manrope-latin-700-normal-BZp_XxE4.woff2) format("woff2"),url(/assets/manrope-latin-700-normal-DGRFkw-m.woff) format("woff")}@page{size:A4;margin:14mm}:root{--bg: #f4f8fc;--bg-soft: #fbfdff;--surface: #ffffff;--surface-muted: #f7fafd;--ink: #11345d;--ink-soft: #64758c;--brand-navy: #123b72;--brand-blue: #1d5fae;--brand-teal: #00aeb7;--brand-yellow: #ffd54a;--line: rgba(18, 59, 114, .12);--line-strong: rgba(18, 59, 114, .22);--shadow: 0 12px 30px rgba(18, 59, 114, .08);--radius: 6px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:linear-gradient(180deg,rgba(0,174,183,.05),transparent 22%),linear-gradient(180deg,#eef4fa,#f7fbfe 34%,#f4f8fc);color:var(--ink);font-family:Manrope,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(18,59,114,.03) 1px,transparent 1px),linear-gradient(rgba(18,59,114,.025) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.32),transparent 72%);mask-image:linear-gradient(180deg,rgba(0,0,0,.32),transparent 72%)}a{color:inherit}button,input{font:inherit}.shell{position:relative;z-index:1;width:min(1360px,calc(100vw - 32px));margin:0 auto;padding:18px 0 28px}.shell-generator,.shell-viewer{display:grid;gap:16px}.app-header,.intro-strip,.workspace-panel,.data-panel,.access-panel,.viewer-stage{background:#fffffff5;border:1px solid var(--line);box-shadow:var(--shadow)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;border-left:4px solid var(--brand-teal)}.brand-lockup{display:grid;gap:4px}.brand-lockup h1{margin:0;font-size:clamp(1.7rem,3vw,2.15rem);line-height:1;letter-spacing:-.04em}.section-heading h2{margin:0;font-size:1.02rem;line-height:1.2;letter-spacing:-.02em}.eyebrow{margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:var(--brand-blue);font-weight:700}.intro-strip{display:flex;align-items:center;gap:20px;padding:14px 18px}.hero-copy{margin:0;max-width:74ch;font-size:.92rem;line-height:1.55;color:var(--ink-soft)}.field-token,.locked-badge{padding:6px 10px;border:1px solid rgba(18,59,114,.1);background:var(--surface-muted);font-size:.76rem;color:var(--ink);white-space:nowrap}.generator-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.72fr);gap:16px}.workspace-panel,.data-panel,.access-panel,.viewer-stage{padding:16px 18px}.workspace-panel-main{display:grid;gap:14px}.workspace-panel-side{display:grid;align-content:start;gap:14px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.card-kicker{margin:0 0 4px;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-blue);font-weight:700}.dropzone{display:grid;gap:6px;padding:18px;border:1px dashed var(--line-strong);background:linear-gradient(180deg,#fbfdff,#f3f8fc);cursor:pointer}.dropzone input{display:none}.dropzone-title{font-size:.98rem;font-weight:700}.dropzone-caption,.summary-message,.base-url-field p,.security-note p{margin:0;color:var(--ink-soft);line-height:1.5;font-size:.88rem}.base-url-row{display:grid;grid-template-columns:1fr}.base-url-field{display:grid;gap:6px}.base-url-field label,.unlock-form label{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-blue)}.base-url-field input,.unlock-form input{width:100%;padding:10px 12px;border:1px solid var(--line);background:#fff;color:var(--ink)}.field-grid{display:flex;flex-wrap:wrap;gap:6px}.field-grid-compact .field-token{background:#00aeb717;border-color:#00aeb726}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.metric-grid article{padding:12px;border:1px solid var(--line);background:var(--surface-muted)}.metric-grid span{display:block;color:var(--ink-soft);font-size:.76rem}.metric-grid strong{display:block;margin-top:4px;font-size:.96rem}.status-pill{display:inline-flex;align-items:center;padding:7px 10px;background:#eef5fc;color:var(--brand-navy);border:1px solid rgba(18,59,114,.08);font-size:.76rem;font-weight:700;white-space:nowrap}.status-pill[data-state=ready]{background:#00aeb71c}.status-pill[data-state=error]{background:#ba3e2d1f}.status-pill[data-state=loading]{background:#1d5fae1f}.primary-button,.ghost-button{min-height:42px;padding:10px 15px;border:1px solid transparent;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease;font-size:.84rem;font-weight:700;letter-spacing:.02em}.primary-button{background:linear-gradient(135deg,var(--brand-navy),var(--brand-blue));color:#fff;box-shadow:0 10px 18px #123b722e}.ghost-button{background:#fff;border-color:var(--line);color:var(--brand-navy)}.export-button{min-width:168px;justify-content:center}.export-button:not(:disabled):hover{box-shadow:0 12px 24px #123b723d}.primary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-button:disabled,.ghost-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.data-panel{display:grid;gap:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:820px}th,td{padding:11px 10px;border-bottom:1px solid rgba(18,59,114,.08);text-align:left;vertical-align:top;font-size:.88rem}th{font-size:.71rem;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-blue)}td a{color:var(--brand-blue);text-decoration:none;font-weight:600}.empty-row td{color:var(--ink-soft);text-align:center}.viewer-header{border-left-color:var(--brand-yellow)}.viewer-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}.access-panel{display:grid;gap:14px;position:static}.viewer-copy{max-width:none}.unlock-form{display:grid;gap:10px}.unlock-form-inline{grid-template-columns:minmax(0,1fr) auto;align-items:end}.unlock-form-inline .primary-button{justify-self:start}.unlock-field{display:grid;gap:6px}.security-note-inline{display:grid;gap:4px;padding-top:10px;border-top:1px solid var(--line)}.security-note strong{font-size:.78rem;color:var(--brand-navy)}.error-banner,.locked-state{padding:12px 14px;border:1px solid rgba(186,62,45,.14);background:#ba3e2d0f;color:#8f3d33;font-size:.86rem}.locked-state{border-color:var(--line);background:linear-gradient(180deg,#fbfdff,#f4f8fc);color:var(--ink-soft);text-align:center}.viewer-actions{display:flex;flex-wrap:wrap;gap:8px}.viewer-state-pill{align-self:start}.viewer-stage{min-height:calc(100vh - 120px);padding:14px}.template-document{display:grid;gap:18px;width:100%}.template-page{position:relative;width:min(100%,900px);margin:0 auto;background:#fff;border:1px solid var(--line);overflow:hidden;box-shadow:0 10px 24px #123b720f}.template-page img{display:block;width:100%;height:auto}.template-mask,.template-text{position:absolute}.template-mask{background:#fff}.template-text{color:#111;font-family:Arial,Helvetica,sans-serif;white-space:pre-wrap}@media(max-width:980px){.intro-strip,.generator-grid,.viewer-layout,.unlock-form-inline,.metric-grid{grid-template-columns:1fr}.intro-strip,.app-header{flex-direction:column;align-items:flex-start}.access-panel{position:static}}@media print{body{background:#fff}body:before,.app-header,.access-panel{display:none!important}.shell,.shell-viewer,.viewer-layout,.viewer-stage,.template-document,.template-page{width:100%;margin:0;padding:0;box-shadow:none;border:0;background:#fff}.template-page{break-after:page}}