:root{color-scheme:light;--paper:#f1f0e9;--surface:#fbfaf6;--ink:#242a25;--muted:#68736a;--line:#d7ddd4;--blue:#325b49;--blue-dark:#234536;--coral:#e4a47f;--lime:#dbe89a;--serif:Georgia,'Times New Roman',serif;--sans:Inter,Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.55 var(--sans)}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button{cursor:pointer}[hidden]{display:none!important}a:focus-visible,button:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid #7c9d8a;outline-offset:3px}.skip{position:absolute;z-index:30;top:-70px;left:18px;padding:10px 14px;background:var(--ink);color:white}.skip:focus{top:12px}
.topbar{position:sticky;top:0;z-index:20;min-height:72px;padding:0 max(32px,calc((100vw - 1580px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);background:#f1f0e9ed;backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#293d31}.brand-mark svg{width:29px;height:29px;fill:none;stroke:#fff9ef;stroke-width:4.7;stroke-linecap:round}.brand-mark circle{fill:var(--lime);stroke:none}.brand-type{font-size:14px;font-weight:800;letter-spacing:-.4px;line-height:1}.brand-type small{display:block;margin-top:5px;color:var(--muted);font-size:6px;font-weight:700;letter-spacing:1.45px}.topbar-label{margin-left:auto;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:1.5px}.topbar-label i{padding:0 6px;color:#b1b7ac;font-style:normal}.topbar nav{display:flex;gap:21px;align-items:center;font-size:11px}.topbar nav>a:not(.site-link){color:var(--muted)}.topbar nav>a:hover{color:var(--blue)}.site-link{font-size:10px;color:var(--muted)}.site-link span{color:var(--blue)}
.studio-layout{width:min(1580px,100%);margin:auto;padding:0 32px;display:grid;grid-template-columns:194px minmax(480px,1fr) 256px;gap:28px;align-items:start}.studio-rail{position:sticky;top:72px;min-height:calc(100vh - 72px);padding:30px 15px 20px 0;border-right:1px solid var(--line);display:flex;flex-direction:column}.rail-head{padding:8px 14px 22px}.rail-orbit{width:32px;height:32px;display:grid;place-items:center;margin-bottom:18px;border-radius:50%;background:var(--lime);font-size:20px;color:#334a39}.rail-kicker,.panel-index,.eyebrow,.workspace-label,.empty-kicker{margin:0;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:1.5px}.project-name{margin:9px 0 16px;font:20px/1.2 var(--serif)}.project-name span{font:10px/1.4 var(--sans);color:var(--muted)}.new-vibe{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:7px;background:transparent;text-align:left;color:var(--ink);font-size:10px}.new-vibe:hover{background:var(--surface)}.new-vibe span{padding-right:6px;color:var(--blue)}.work-nav{display:grid;gap:4px;padding:8px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.work-nav a{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:6px;color:#59635c;font-size:10px}.work-nav a span{width:22px;color:#869189;font-size:8px}.work-nav a:hover,.work-nav a.active{background:#e4e9e1;color:var(--blue);font-weight:700}.work-nav a.active span{color:var(--blue)}.rail-bottom{margin-top:auto;padding:18px 14px 0}.rail-bottom .rail-kicker{margin-bottom:8px}.status{min-height:28px;margin:0;padding:6px 8px;border-left:2px solid #c5c9bf;color:var(--muted);font-size:8px;line-height:1.5}.status.success{border-color:#3a7d52;color:#38684a;background:#e6eee5}.status.error{border-color:#ad4937;color:#973b2d;background:#f5e8e2}.connection-actions{display:flex;gap:10px;margin-top:7px}.quiet{padding:3px 0;border:0;background:transparent;color:var(--muted);font-size:8px}.quiet:hover{color:var(--blue)}
.studio-main{min-width:0;padding:30px 0 55px}.main-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:8px 0 23px;border-bottom:1px solid var(--line)}.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:15px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px #e4a47f30}.main-heading h1{margin:0;font:400 clamp(39px,4vw,57px)/.98 var(--serif);letter-spacing:-2.4px}.main-heading h1 em{color:var(--blue);font-weight:400}.intro-copy{max-width:620px;margin:13px 0 0;color:var(--muted);font-size:11px;line-height:1.7}.step-stamp{flex:0 0 auto;display:grid;gap:6px;padding:0 2px 3px 14px;border-left:1px solid var(--line);color:var(--muted);font-size:7px;font-weight:700;letter-spacing:1.1px}.step-stamp strong{font:19px/1 var(--serif);color:var(--ink);letter-spacing:0}.step-stamp i{color:#9ea69e;font-style:normal}.workspace-label{display:flex;justify-content:space-between;gap:15px;padding:18px 0 12px;font-size:7px;letter-spacing:1.3px}.workspace-label b{padding:0 6px;color:#a9b1a8}.desk-columns{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:14px;align-items:stretch}.brief-panel,.direction-panel{min-width:0;border:1px solid #dce0d9;border-radius:10px;background:var(--surface)}.brief-panel{padding:18px 17px 15px}.direction-panel{padding:18px 17px;position:relative;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-index{font-size:7px;letter-spacing:1.25px}.panel-heading h2,.library-heading h2{margin:5px 0 0;font:400 21px/1.15 var(--serif);letter-spacing:-.35px}.source-mark,.direction-glyph{flex:0 0 auto;width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font:13px var(--serif);color:var(--blue)}.direction-glyph{background:#e9eee7}.panel-copy{margin:10px 0 14px;color:var(--muted);font-size:9px;line-height:1.6}.brief-form{padding:0}.requirements{display:grid;gap:9px}.requirement{display:flex;gap:7px;align-items:flex-start}.requirement label{flex:1;min-width:0;color:#48534a;font-size:8px;font-weight:700}.requirement textarea{display:block;width:100%;min-height:118px;margin-top:5px;padding:11px 12px;resize:vertical;border:1px solid #d6dcd4;border-radius:6px;background:#fffefa;color:var(--ink);font-size:11px;font-weight:400;line-height:1.6}.requirement textarea::placeholder{color:#909991}.requirement textarea:focus{border-color:#789281;box-shadow:0 0 0 3px #325b4916;outline:0}.requirement>button{flex:0 0 24px;width:24px;height:24px;margin-top:18px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--muted);font-size:12px}.requirement>button:disabled{opacity:.3;cursor:default}.add-note{padding:4px 0;border:0;background:transparent;color:var(--blue);font-size:8px;font-weight:700}.add-note span{padding-right:4px;font-size:12px}.media-fieldset{min-width:0;margin:12px 0 0;padding:12px 0 0;border:0;border-top:1px solid var(--line)}.media-fieldset legend{padding:0;font-size:9px;font-weight:700}.fieldset-hint{margin:3px 0 8px;color:var(--muted);font-size:7px;line-height:1.5}.media-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.media-option{position:relative;min-height:38px;display:flex;align-items:center;justify-content:center;gap:5px;padding:5px;border:1px solid var(--line);border-radius:6px;background:#fffefa;font-size:8px;font-weight:600;cursor:pointer}.media-option:hover{border-color:#aab9ac}.media-option:has(input:checked){border-color:#789281;background:#edf2ed}.media-option input{position:absolute;width:1px;height:1px;opacity:0}.media-option input:focus-visible+.media-icon{outline:3px solid #7890ff;outline-offset:3px}.media-icon{width:19px;height:19px;display:grid;place-items:center;border-radius:5px;background:#e5ebe4;color:#476650;font:14px/1 var(--serif)}.image-icon{background:#f3e7d9;color:#9c6a48}.music-icon{background:#ebe6f0;color:#625b82}.video-icon{background:#e1ece8;color:#507365}.checkmark{display:none;margin-left:auto;color:var(--blue);font-size:9px}.media-option:has(input:checked) .checkmark{display:block}.submit-row{display:grid;gap:7px;margin-top:13px}.submit-row p{margin:0;color:var(--muted);font-size:7px}.button{min-height:37px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:9px 13px;border:1px solid transparent;border-radius:5px;font-size:9px;font-weight:700;transition:background .15s,border .15s}.button-primary{width:100%;color:white;background:#315846}.button-primary:hover{background:#234536}.button-primary span{font-size:14px}.button-outline{color:var(--ink);background:transparent;border-color:var(--line)}.button-outline:hover{background:var(--surface);border-color:#aeb9ac}.button:disabled{opacity:.5;cursor:wait}.empty-canvas{min-height:342px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:24px 16px;color:var(--muted)}.empty-glyph{height:83px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:22px;border:1px dashed #d9dfd6;border-radius:7px;background:linear-gradient(135deg,#fafaf6 25%,#f2f4ee 25%,#f2f4ee 50%,#fafaf6 50%,#fafaf6 75%,#f2f4ee 75%);background-size:22px 22px}.empty-glyph span{width:21px;height:21px;border:1px solid #a8b4a9;border-radius:50%;background:#f8f8f3}.empty-glyph span:nth-child(2){width:31px;height:31px;border-color:#718d79;background:#e5ece3}.empty-kicker{margin-bottom:8px;color:var(--blue)}.empty-canvas>p:not(.empty-kicker){max-width:360px;margin:0;font:16px/1.45 var(--serif);color:#68746a}.empty-rule{width:100%;display:flex;align-items:center;gap:8px;margin-top:26px;color:#90998f;font-size:6px;font-weight:700;letter-spacing:1px}.empty-rule i{height:1px;flex:1;background:var(--line)}
.result-section{padding:0}.result-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px}.result-top h3{margin:0;font:15px/1.25 var(--serif)}.result-badge{flex:0 0 auto;padding:4px 7px;border:1px solid #cad4c9;border-radius:999px;background:#eef2ec;color:var(--blue);font-size:6px;font-weight:800;letter-spacing:.55px}.result-badge.confirmed{border-color:#bad1bd;background:#e6eee5;color:#376647}.result-badge.rejected{border-color:#e8c9ae;background:#f7eee5;color:#925523}.section-intro{margin:8px 0 13px;color:var(--muted);font-size:8px;line-height:1.6}.result-document{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.result-document>.quote,.result-document>h3,.result-document>details,.result-document>.trace,.result-document>.muted,.feedback-history,.follow-up-question{grid-column:1/-1}.result-document>.quote{margin:0;padding:12px;border-left:2px solid var(--coral);background:#f3f2eb;font:17px/1.4 var(--serif)}.result-document>.trace{margin:0;color:var(--muted);font-size:7px;overflow-wrap:anywhere}.result-document h3{margin:10px 0 0;padding-top:10px;border-top:1px solid var(--line);font-size:9px;font-weight:800;letter-spacing:.2px}.card{min-width:0;padding:10px;border:1px solid #e0e4dd;border-radius:6px;background:#fffefa}.card p{margin:6px 0 0;font-size:8px;line-height:1.6;overflow-wrap:anywhere}.card p.muted{color:var(--muted);font-size:7px}.card p.trace{color:var(--muted);font-size:6px}.card .quote{margin:7px 0 0;padding-left:8px;border-left:1px solid var(--blue);font:12px/1.4 var(--serif)}.tag{display:inline-block;padding:3px 6px;border:1px solid #cbd5cc;border-radius:999px;color:var(--blue);font-size:6px;font-weight:800;letter-spacing:.45px}.result-document details{border-bottom:1px solid var(--line);color:var(--muted);font-size:7px}.result-document summary{padding:8px 0;color:var(--ink);font-weight:700;cursor:pointer}.result-document details p{overflow-wrap:anywhere}.feedback-history{margin:0;color:var(--blue);font-size:8px}.follow-up-question{margin:0;padding:9px 10px;border-left:2px solid var(--coral);background:#f5ede4;font-size:8px}.result-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:13px}.result-actions .button{width:auto}.text-button{padding:8px 0;border:0;background:transparent;color:var(--blue);font-size:8px;font-weight:700}.fine-print{margin:8px 0 0;color:var(--muted);font-size:7px;line-height:1.55}.library-section{margin-top:22px;padding:18px 0 0;border-top:1px solid var(--line)}.library-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.library-heading h2{font-size:19px}.library-heading .button{min-height:30px;padding:7px 10px;font-size:8px}.library-intro{margin:7px 0 0;color:var(--muted);font-size:8px}.library-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:7px;margin-top:12px}.library-list>button{min-width:0;min-height:65px;padding:10px 12px;text-align:left;border:1px solid #dce0d9;border-radius:6px;background:var(--surface);color:var(--ink)}.library-list>button:hover{border-color:#8da394;background:#fff}.library-list>button strong{display:block;font:14px/1.3 var(--serif);overflow-wrap:anywhere}.library-list>button p{margin:6px 0 0;color:var(--muted);font-size:7px}.library-empty{grid-column:1/-1;margin:0;padding:12px;border:1px dashed #c9d2c9;border-radius:6px;color:var(--muted);font-size:8px}
.context-rail{position:sticky;top:72px;display:grid;gap:12px;padding:30px 0 22px}.context-card{padding:15px;border:1px solid #dce0d9;border-radius:9px;background:#f8f8f2}.example-card{background:#e8ece2}.example-quote{margin:11px 0 13px;font:20px/1.3 var(--serif);letter-spacing:-.3px}.example-button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:8px 0 0;border:0;border-top:1px solid #d1d8cd;background:transparent;color:var(--blue);font-size:8px;font-weight:700}.example-button span{font-size:13px}.trace-steps{display:grid;gap:14px;list-style:none;margin:14px 0 0;padding:0}.trace-steps li{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:start}.trace-symbol{width:20px;height:20px;display:grid;place-items:center;border:1px solid #d2d9d1;border-radius:50%;color:var(--blue);font:10px var(--serif)}.trace-steps strong{display:block;font-size:8px}.trace-steps p{margin:3px 0 0;color:var(--muted);font-size:7px;line-height:1.55}.preview-boundary{display:grid;grid-template-columns:3px 1fr;gap:9px;padding:3px 4px}.boundary-line{min-height:100%;border-radius:3px;background:var(--coral)}.preview-boundary .rail-kicker{margin-bottom:6px}.preview-boundary p:last-child{margin:0;color:var(--muted);font-size:7px;line-height:1.65}.preview-boundary strong{color:var(--ink)}.site-footer{width:min(1580px,100%);margin:auto;padding:15px 32px 22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:baseline;gap:24px;color:var(--muted)}.site-footer>span{flex:0 0 auto;font-size:7px;font-weight:800;letter-spacing:1px}.site-footer>span span{color:var(--blue)}.site-footer p{max-width:620px;margin:0;text-align:right;font-size:7px;line-height:1.6}
@media(max-width:1180px){.studio-layout{grid-template-columns:165px minmax(430px,1fr) 220px;gap:19px;padding:0 23px}.topbar{padding-inline:23px}.desk-columns{grid-template-columns:1fr}.empty-canvas{min-height:210px}.empty-glyph{height:64px}.studio-rail{padding-right:10px}.site-footer{padding-inline:23px}}
@media(max-width:1040px){html{scroll-padding-top:104px}.topbar{min-height:64px;padding:8px 18px;flex-wrap:wrap;gap:8px}.brand-mark{width:30px;height:30px;border-radius:9px}.brand-mark svg{width:26px;height:26px}.brand-type{font-size:12px}.brand-type small{font-size:5px}.topbar-label{display:none}.topbar nav{gap:14px;margin-left:auto;font-size:9px}.site-link{display:none}.studio-layout{display:flex;flex-direction:column;gap:0;padding:0 18px}.studio-rail{position:static;width:100%;min-height:0;padding:13px 0 0;border:0}.rail-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 0 10px}.rail-head .rail-orbit,.rail-head .rail-kicker{display:none}.rail-head .project-name{margin:0;font-size:15px}.rail-head .new-vibe{width:auto;min-width:95px;padding:8px}.work-nav{grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;border:1px solid var(--line);border-radius:7px;background:#e8e9e1}.work-nav a{justify-content:center;gap:5px;padding:8px 3px;font-size:8px}.work-nav a span{width:auto}.rail-bottom{display:flex;align-items:center;gap:6px;margin:9px 0 0;padding:0}.rail-bottom>.rail-kicker{display:none}.status{flex:1;min-height:26px;padding:5px 7px;font-size:7px}.connection-actions{margin:0}.connection-actions .quiet{font-size:7px}.studio-main{width:100%;padding:20px 0 34px}.main-heading{align-items:flex-start;padding:4px 0 17px}.main-heading h1{font-size:42px;letter-spacing:-1.8px}.intro-copy{font-size:10px}.step-stamp{padding-left:8px}.step-stamp strong{font-size:16px}.workspace-label{font-size:6px;letter-spacing:.8px}.desk-columns{grid-template-columns:1fr}.brief-panel,.direction-panel{padding:14px}.panel-heading h2{font-size:20px}.requirement textarea{min-height:100px}.empty-canvas{min-height:185px;padding:14px}.empty-glyph{height:54px;margin-bottom:14px}.empty-canvas>p:not(.empty-kicker){font-size:15px}.context-rail{position:static;width:100%;grid-template-columns:1fr 1fr;gap:8px;padding:0 0 24px}.context-card{padding:12px}.example-quote{font-size:17px}.trace-steps{gap:10px}.trace-steps p,.preview-boundary p:last-child{font-size:7px}.preview-boundary{grid-column:1/-1}.library-section{margin-top:18px}.library-heading h2{font-size:17px}.library-list{grid-template-columns:1fr}.result-document{grid-template-columns:1fr}.result-document>.quote,.result-document>h3,.result-document>details,.result-document>.trace,.result-document>.muted,.feedback-history,.follow-up-question{grid-column:1}.result-actions{align-items:stretch;flex-direction:column}.result-actions>.button{justify-content:space-between}.text-button{text-align:left}.site-footer{align-items:flex-start;flex-direction:column;gap:7px;padding-inline:18px}.site-footer p{text-align:left}}
@media(max-width:390px){.main-heading h1{font-size:37px}.context-rail{grid-template-columns:1fr}.preview-boundary{grid-column:auto}.media-options{gap:3px}.media-option{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Production visual system: warm stock, cobalt, ink, framed work, and bold display type. */
:root{color-scheme:light;--paper:#f3efe6;--surface:#fbf8f1;--ink:#171717;--muted:#62615d;--line:#cbc6bc;--blue:#3544e8;--blue-dark:#2434be;--coral:#efaa7b;--lime:#efaa7b;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;--display:'Arial Narrow','Helvetica Neue Condensed',Impact,sans-serif;--mono:'SFMono-Regular',Consolas,monospace}
body{background-color:var(--paper);color:var(--ink)}
a:focus-visible,button:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.topbar{min-height:76px;background:#f3efe6ed;border-bottom:1px solid var(--ink);backdrop-filter:blur(12px)}
.brand-mark{border-radius:3px;background:var(--blue);box-shadow:3px 3px 0 var(--ink)}
.brand-type{font:900 16px/.9 var(--display);letter-spacing:0}
.brand-type small{font:700 6px/1 var(--mono);letter-spacing:1.35px}
.topbar-label,.rail-kicker,.panel-index,.eyebrow,.workspace-label,.empty-kicker{font-family:var(--mono);letter-spacing:1px}
.topbar-label{font-size:8px}
.topbar nav{font-family:var(--mono);font-size:9px;letter-spacing:.25px;text-transform:uppercase}
.topbar nav>a:not(.site-link){color:#45443f}
.site-link span{color:var(--blue)}
.studio-layout{width:min(1540px,100%);grid-template-columns:198px minmax(500px,1fr) 260px;gap:24px;padding:0 30px}
.studio-rail{border-right:1px solid var(--ink)}
.rail-orbit{border-radius:2px;background:var(--blue);color:#fff}
.project-name{font:900 21px/1.08 var(--display);letter-spacing:-.3px;text-transform:uppercase}
.new-vibe{border-radius:0;background:transparent;font:700 9px var(--mono);text-transform:uppercase}
.work-nav{border-top-color:var(--ink);border-bottom-color:var(--ink)}
.work-nav a{border-radius:0;color:#514f4a;font:700 9px var(--mono);text-transform:uppercase}
.work-nav a:hover,.work-nav a.active{background:#e4e0d6;color:var(--blue)}
.work-nav a.active{box-shadow:inset 3px 0 var(--blue)}
.status{font-size:9px}
.studio-main{padding-top:36px}
.main-heading{align-items:flex-end;border-bottom:1px solid var(--ink);padding-bottom:25px}
.eyebrow{font-size:8px;color:#55534e}
.main-heading h1{font:900 clamp(48px,5vw,76px)/.84 var(--display);letter-spacing:-.045em;text-transform:uppercase}
.main-heading h1 em{font:inherit;font-style:normal;color:var(--blue)}
.intro-copy{max-width:570px;color:#4b4944;font-size:12px;line-height:1.65}
.step-stamp{border-left-color:var(--ink);font:700 7px var(--mono)}
.step-stamp strong{font:900 22px/1 var(--display)}
.workspace-label{padding:21px 0 12px;color:#484741;font-size:7px}
.workspace-label b{color:var(--blue)}
.desk-columns{gap:12px}
.brief-panel,.direction-panel{border:1px solid var(--ink);border-radius:0;background:var(--surface);box-shadow:4px 4px 0 #17171712}
.brief-panel{border-top:4px solid var(--blue);padding:18px 17px 16px}
.direction-panel{padding:18px 17px}
.panel-index{font-size:7px;color:#504e49}
.panel-heading h2,.library-heading h2{font:900 23px/.96 var(--display);letter-spacing:-.02em;text-transform:uppercase}
.source-mark,.direction-glyph{border:1px solid var(--ink);border-radius:0;color:var(--blue);font:900 15px var(--display)}
.direction-glyph{background:#ece8df}
.panel-copy{color:#57554f;font-size:10px;line-height:1.65}
.requirement label{color:#34332f;font:700 9px var(--mono)}
.requirement textarea{min-height:124px;border:1px solid #a9a49a;border-radius:0;background:#fffdf8;font:13px/1.55 var(--sans)}
.requirement textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3544e81b}
.requirement>button{border-radius:0}
.add-note{color:var(--blue);font:700 9px var(--mono)}
.media-fieldset{border-top:1px solid var(--ink)}
.media-fieldset legend{font-size:10px;font-weight:700}
.fieldset-hint{font-size:8px;color:#625f59}
.media-option{min-height:43px;justify-content:flex-start;padding:6px;border:1px solid #c9c4ba;border-radius:0;background:#fffdf8;font-size:9px}
.media-option:has(input:checked){border-color:var(--blue);background:#e9e9fb;box-shadow:inset 0 -3px var(--blue)}
.media-icon{border-radius:0;background:#e5e3dc;color:#252525}
.image-icon{background:#f5e7d8;color:#8c4f29}.music-icon{background:#e6e5f8;color:#343ca5}.video-icon{background:#e7e4dc;color:#343434}
.submit-row{margin-top:15px}
.submit-row p{font-size:8px}
.button{min-height:42px;border-radius:0;font:700 9px var(--mono);letter-spacing:.1px}
.button-primary{background:var(--blue);box-shadow:3px 3px 0 var(--ink)}
.button-primary:hover{background:var(--blue-dark)}
.button-outline{border-color:var(--ink);border-radius:0}
.button-outline:hover{background:#eee9df;border-color:var(--blue)}
.button:disabled{cursor:not-allowed}
.empty-canvas{position:relative;isolation:isolate;min-height:350px;overflow:hidden;background:var(--blue);color:#fff}
.empty-canvas:before,.empty-canvas:after{position:absolute;z-index:-1;content:"";pointer-events:none}
.empty-canvas:before{inset:14px;border:1px solid #ffffff52}
.empty-canvas:after{width:180px;height:180px;right:-52px;top:-70px;border:1px solid #ffffff65;border-radius:50%;box-shadow:0 0 0 22px #ffffff10,0 0 0 45px #ffffff0b}
.empty-glyph{height:112px;border:1px solid #ffffff56;border-radius:0;background:linear-gradient(135deg,#3544e8 0 49%,#2939cf 49% 51%,#3544e8 51%);background-size:auto}
.empty-glyph span{width:38px;height:51px;border:1px solid #ffffff8a;border-radius:0;background:transparent;transform:rotate(-10deg)}
.empty-glyph span:nth-child(2){width:51px;height:71px;border-color:var(--coral);background:#efaa7b;transform:rotate(0)}
.empty-glyph span:nth-child(3){width:38px;height:51px;transform:rotate(10deg)}
.empty-kicker{color:#fff;font-size:8px}
.empty-canvas>p:not(.empty-kicker){max-width:390px;color:#fff;font:900 23px/.98 var(--display);letter-spacing:-.02em;text-transform:uppercase}
.empty-rule{color:#f4eee5;font:700 7px var(--mono);letter-spacing:.7px}
.empty-rule i{background:#ffffff65}
.result-top h3{font:900 19px/.98 var(--display);text-transform:uppercase}
.result-badge{border-radius:0;border-color:#cbc6bc;background:#f2eee6;color:var(--blue);font:700 7px var(--mono)}
.section-intro,.library-intro{color:#58564f;font-size:9px;line-height:1.6}
.result-document{gap:8px}
.result-document>.quote{border-left:3px solid var(--blue);background:#f1ece2;font:18px/1.35 var(--serif)}
.result-document h3{font:700 9px var(--mono);letter-spacing:.3px;text-transform:uppercase}
.card{border:1px solid #d0cbc1;border-radius:0;background:#fffdf8;padding:12px}
.card p{font-size:10px;line-height:1.6}.card p.muted{font-size:9px}.card p.trace{font:7px var(--mono)}
.card .quote{border-left-color:var(--blue);font-size:14px}
.tag{border-radius:0;border-color:#c4c3ec;color:var(--blue);font:700 7px var(--mono)}
.result-document details{font-size:9px}.result-document summary{font:700 9px var(--mono)}
.feedback-history{color:var(--blue);font:700 8px var(--mono)}
.follow-up-question{border-left-color:var(--coral);background:#f7e9dc;font-size:9px}
.fine-print{font-size:8px;line-height:1.55}
.library-section{margin-top:27px;border-top:1px solid var(--ink)}
.library-heading h2{font-size:23px}
.library-heading .button{min-height:34px;font-size:8px}
.library-list{gap:8px}
.library-list>button{border:1px solid #bdb8ae;border-radius:0;background:#fbf8f1}
.library-list>button:hover{border-color:var(--blue);box-shadow:3px 3px 0 #17171718}
.library-list>button strong{font:900 17px/.98 var(--display);text-transform:uppercase}
.library-list>button p,.library-empty{font-size:8px}
.context-rail{gap:11px;padding-top:36px}
.context-card{border:1px solid var(--ink);border-radius:0;background:#fbf8f1;box-shadow:3px 3px 0 #17171710}
.example-card{position:relative;isolation:isolate;overflow:hidden;border:0;background:var(--blue);color:white}
.example-card:after{position:absolute;z-index:-1;content:"";width:160px;height:160px;right:-70px;top:-65px;border:1px solid #ffffff6b;border-radius:50%;box-shadow:0 0 0 18px #ffffff11,0 0 0 36px #ffffff09}
.example-card .rail-kicker{color:#fff;font-size:7px}
.example-quote{font:900 28px/.88 var(--display);letter-spacing:-.025em;text-transform:uppercase}
.example-button{border-top-color:#ffffff66;color:#fff;font:700 8px var(--mono)}
.trace-steps{gap:15px}
.trace-steps li{grid-template-columns:24px 1fr;gap:9px}
.trace-symbol{width:22px;height:22px;border:1px solid #aaa49a;border-radius:0;color:var(--blue);font:700 9px var(--mono)}
.trace-steps strong{font-size:9px}.trace-steps p{font-size:8px;line-height:1.6}
.preview-boundary{gap:10px;padding:3px}.boundary-line{background:var(--coral)}
.preview-boundary .rail-kicker{font-size:7px}.preview-boundary p:last-child{font-size:8px;line-height:1.6}
.site-footer{border-top:1px solid var(--ink)}
.site-footer>span{font:700 7px var(--mono);letter-spacing:.9px}.site-footer>span span{color:var(--blue)}
.site-footer p{font-size:8px}
@media(max-width:1180px){.studio-layout{grid-template-columns:168px minmax(430px,1fr) 226px;gap:18px;padding-inline:22px}.topbar{padding-inline:22px}.main-heading h1{font-size:clamp(45px,5.2vw,68px)}}
@media(max-width:760px){.topbar{min-height:68px;padding:8px 18px}.brand-mark{border-radius:2px}.brand-type{font-size:14px}.topbar nav{font-size:8px;letter-spacing:0}.studio-layout{padding-inline:18px}.work-nav{border:1px solid var(--ink);border-radius:0;background:#e8e3d8}.work-nav a{border-radius:0;font-size:8px}.work-nav a.active{box-shadow:inset 0 -3px var(--blue)}.status{font-size:8px}.studio-main{padding-top:27px}.main-heading h1{font-size:clamp(46px,12vw,68px);letter-spacing:-.04em}.intro-copy{font-size:11px}.step-stamp{font-size:6px}.step-stamp strong{font-size:19px}.workspace-label{font-size:6px}.brief-panel,.direction-panel{box-shadow:3px 3px 0 #17171712}.panel-heading h2{font-size:22px}.requirement label{font-size:8px}.requirement textarea{font-size:12px}.media-option{min-height:42px;font-size:8px}.empty-canvas{min-height:260px}.empty-canvas>p:not(.empty-kicker){font-size:21px}.context-rail{gap:8px}.context-card{box-shadow:2px 2px 0 #17171710}.example-quote{font-size:23px}.trace-steps p,.preview-boundary p:last-child{font-size:7px}.site-footer{padding-inline:18px}}
@media(max-width:390px){.main-heading h1{font-size:44px}.topbar nav{gap:9px}.topbar-label{display:none}.context-rail{grid-template-columns:1fr}.preview-boundary{grid-column:auto}.empty-canvas{min-height:240px}.empty-canvas>p:not(.empty-kicker){font-size:19px}}
@media(max-width:1040px){.rail-bottom{flex-wrap:wrap}.status{flex:1 0 100%}.connection-actions{margin-left:auto}}