:root{--bg:#f6f7f4;--surface:#ffffff;--surface-strong:#eef2ea;--ink:#18211e;--muted:#66736b;--line:#d9ded5;--sage:#486b57;--sage-strong:#284638;--gold:#b98524;--rose:#a64f48;--steel:#536c7a;--focus:#2b6f77;--shadow:0 10px 28px rgba(24,33,30,0.06)}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:var(--bg);color:var(--ink);font-family:Aptos,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.sidebar{background:rgba(255,255,255,.78);border-right:1px solid var(--line);padding:24px 18px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.brand-mark{align-items:center;background:var(--sage-strong);border-radius:8px;color:#fff;display:grid;height:42px;justify-items:center;width:42px}.brand-title{font-size:1rem;font-weight:800;line-height:1.1}.brand-subtitle{color:var(--muted);font-size:.78rem;margin-top:4px}.nav{display:grid;grid-gap:8px;gap:8px}.nav-link{align-items:center;border-radius:8px;color:var(--muted);display:flex;gap:10px;padding:11px 12px}.nav-link.active,.nav-link:hover{background:var(--surface-strong);color:var(--sage-strong)}.main{min-width:0;padding:24px clamp(16px,2.5vw,36px) 48px}.page-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:26px}.eyebrow{color:var(--steel);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3{margin:0}h1{font-size:clamp(2rem,4vw,4rem);line-height:.95;max-width:920px}h2{font-size:1.35rem}h3{font-size:1rem}.lede{color:var(--muted);line-height:1.6;max-width:760px}.panel{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:14px}.panel+.panel{margin-top:18px}.panel-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.grid{display:grid;grid-gap:18px;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:18px}.metric-value{display:block;font-size:2rem;font-weight:850}.metric-label{color:var(--muted);font-size:.9rem}.button-row{display:flex;flex-wrap:wrap;gap:10px}.btn,.button-row{align-items:center}.btn{border:1px solid var(--line);border-radius:8px;cursor:pointer;display:inline-flex;gap:8px;min-height:42px;padding:10px 14px;transition:transform .12s ease,background .12s ease}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--sage-strong);border-color:var(--sage-strong);color:#fff}.btn.gold{background:var(--gold);border-color:var(--gold);color:#16120b;font-weight:800}.btn.ghost{background:transparent}.btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}input[type=checkbox],input[type=radio]{min-height:auto;width:auto}td,th{border-bottom:1px solid var(--line);padding:12px 10px;text-align:left;vertical-align:top}th{color:var(--muted);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}.form-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.single{grid-template-columns:1fr}.field{display:grid;grid-gap:7px;gap:7px}.field.full{grid-column:1/-1}.compact-field label{font-size:.8rem;letter-spacing:.02em}.compact-field select{min-height:36px;padding:8px 10px}label{color:var(--muted);font-size:.86rem;font-weight:760}input,select,textarea{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);min-height:42px;padding:10px 12px;width:100%}textarea{min-height:112px;resize:vertical}a:focus-visible,button:focus-visible,input:focus,select:focus,textarea:focus{outline:3px solid rgba(43,111,119,.25);outline-offset:2px}.locked-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.locked-field{background:#f4f6f2;border:1px solid var(--line);border-radius:8px;min-height:72px;padding:12px}.locked-label{align-items:center;color:var(--muted);display:flex;font-size:.78rem;font-weight:800;gap:6px;margin-bottom:8px;text-transform:uppercase}.locked-value{overflow-wrap:anywhere}.pill{border:1px solid var(--line);border-radius:999px;display:inline-flex;font-size:.78rem;font-weight:800;padding:5px 9px}.pill.draft{background:#fff6df;color:#76520f}.pill.review{background:#e9f1f2;color:#2b5961}.pill.approved{background:#e8f3e8;color:#2e603d}.pill.archived{background:#f0eeee;color:#6d6363}.status-ladder{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.status-step{border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.74rem;font-weight:800;padding:6px 9px}.status-step.active{background:var(--sage-strong);border-color:var(--sage-strong);color:#fff}.warning-list{display:grid;grid-gap:10px;gap:10px}.warning{background:#fff7e8;border:1px solid #ecd1a4;border-radius:8px;padding:12px}.warning.info{background:#eef5f3;border-color:#cfe1dc}.tabs{display:flex;gap:8px;margin-bottom:10px}.tab{background:transparent;border:1px solid var(--line);border-radius:8px;cursor:pointer;padding:7px 10px}.tab.active{background:var(--sage-strong);border-color:var(--sage-strong);color:white}.quick-tab{font-weight:600;min-height:36px}.output-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.output-workspace{display:grid;grid-gap:12px;gap:12px}.output-topbar{gap:10px;justify-content:space-between;min-height:42px}.output-save,.output-topbar{align-items:center;display:flex}.output-save{gap:8px}.output-save select{width:auto}.output-save .btn,.output-save select{min-height:34px;padding:7px 10px}.icon-btn{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;display:inline-grid;height:34px;justify-items:center;padding:0;transition:background .12s ease,border-color .12s ease,color .12s ease,transform .12s ease;width:34px}.icon-btn:hover{background:var(--surface-strong);border-color:var(--sage);color:var(--sage-strong);transform:translateY(-1px)}.icon-btn.active{background:var(--sage-strong);border-color:var(--sage-strong);color:#fff}.icon-btn.gold{background:var(--gold);border-color:var(--gold);color:#16120b}.icon-btn.gold:hover{background:#c89435;color:#16120b}.inline-notice{color:var(--muted);font-size:.86rem;margin:0}.preview-pane{background:#fff;border:1px solid var(--line);max-height:560px}.html-code,.json-code,.preview-pane{border-radius:8px;overflow:auto;padding:18px}.html-code,.json-code{background:#17201d;color:#f4fbf1;white-space:pre-wrap}.empty-state{border:1px dashed var(--line);border-radius:8px;color:var(--muted);padding:24px;text-align:center}.split{display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr)}.create-workspace{align-items:stretch;gap:14px;grid-auto-rows:1fr;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);height:calc(100vh - 72px);min-height:0}.workshop-workspace{grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr)}.sign-in-panel{display:grid;grid-gap:12px;gap:12px}.workshop-preview{max-height:72vh}.create-input-panel,.preview-panel{align-self:stretch;align-content:start;display:grid;grid-gap:12px;gap:12px;height:100%;max-height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.composer-controls{display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(120px,.7fr) minmax(160px,1fr)}.create-actions{margin-top:2px}.picker-meta{color:var(--muted);display:flex;font-size:.8rem;gap:12px}.picker-list{grid-gap:8px;gap:8px;max-height:280px;overflow:auto;padding:8px}.picker-item,.picker-list{border:1px solid var(--line);border-radius:8px;display:grid}.picker-item{background:#fff;color:var(--ink);cursor:pointer;grid-gap:4px;gap:4px;padding:10px;text-align:left}.picker-item.active,.picker-item:hover{background:var(--surface-strong);border-color:var(--sage)}.picker-item span{color:var(--muted);font-size:.82rem}.interview-panel{background:#fbfcfd;border:1px solid #d8e2e8;border-radius:8px;padding:14px}.question-meta{color:var(--steel);display:flex;font-size:.78rem;font-weight:800;justify-content:space-between;letter-spacing:.04em;text-transform:uppercase}.question-prompt{color:var(--ink);font-size:1.16rem;font-weight:800;line-height:1.35;margin:8px 0 12px}.question-field{margin-top:14px}.question-actions{margin-top:10px}.suggestion-card{align-items:start;background:#f6f8f4;border:1px solid #d9e2d3;border-radius:8px;display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(0,1fr) auto;margin-top:10px;padding:10px}.suggestion-card p{color:#2f3f38;line-height:1.45;margin:4px 0 0}.suggestion-label{color:var(--steel);font-size:.72rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.suggestion-actions{align-items:center;display:flex;gap:8px}.suggestion-actions .btn{min-height:34px;padding:7px 10px;white-space:nowrap}.suggestion-refresh{flex:0 0 auto;height:34px;width:34px}.progress-track{background:#e6edf1;border-radius:999px;height:9px;margin:8px 0 6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#0d5f8b,#2f8cb8);height:100%;transition:width .16s ease}.example-box{background:#f5f8fb;border:1px dashed #c6d6e0;border-radius:8px;margin-top:10px;padding:8px}.minimalist summary{color:#335166;cursor:pointer;font-size:.9rem;font-weight:800}.context-panel{border:1px solid var(--line);border-radius:8px;padding:11px 12px}.context-panel[open]{display:grid;grid-gap:12px;gap:12px}.context-controls{margin-top:2px}.context-summary{align-items:center;display:flex;gap:8px;margin-top:10px}.context-reference{margin-top:10px}.output-json{margin-top:2px}.compact-row .btn{min-height:34px;padding:7px 10px}.canvas-card{background:#ffffff;border:1px solid #b6cad7;border-radius:8px;color:#1e2b35;display:grid;grid-gap:12px;gap:12px;overflow:hidden;padding:16px}.canvas-card-header{margin-bottom:8px}.canvas-header-image{border-radius:6px;display:block;height:auto;max-width:100%;width:100%}.canvas-title-row{align-items:center;border-bottom:1px solid #6a9ab8;color:#0b5b86;display:flex;gap:10px;font-size:1.08rem;font-weight:700;padding-bottom:8px}.canvas-logo-image{height:28px;width:auto}.canvas-overview{background:#f2f5f7;border:1px solid #d7e1e9;border-radius:6px;padding:12px}.canvas-overview h3,.canvas-section h3,.canvas-submission h3{align-items:center;color:#0b5b86;display:inline-flex;font-size:1.15rem;gap:8px;margin-bottom:10px}.canvas-icon-image{height:20px;width:20px}.canvas-overview p,.canvas-section li,.canvas-section p,.canvas-submission p{line-height:1.55}.canvas-section{border-top:2px solid #6a9ab8;padding-top:12px}.canvas-hero{background:linear-gradient(160deg,rgba(14,90,114,.15),rgba(14,90,114,.02)),#dbe6ee;border-radius:28px;height:240px;margin:18px auto 0;max-width:620px}.canvas-section ol,.canvas-section ul{margin:0;padding-left:20px}.canvas-submission{border-top:2px solid #6a9ab8;border-bottom:10px solid #0d5f8b;padding-bottom:12px;padding-top:12px}.canvas-footer-image{border-radius:6px;display:block;height:auto;margin-top:12px;max-width:100%;width:100%}@media (max-width:920px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid,.grid.three,.grid.two,.locked-grid,.split{grid-template-columns:1fr}.create-workspace{height:auto;min-height:auto}.create-input-panel,.preview-panel{height:auto;max-height:none;overflow:visible;scrollbar-gutter:auto}.composer-controls,.suggestion-card{grid-template-columns:1fr}.suggestion-actions{justify-content:flex-start}}