:root{--ink:#101216;--muted:#717784;--line:#e7eaf0;--paper:#fff;--white:#fff;--dark:#101216;--orange:#ff742d;--orange-dark:#e65f20;--blue:#1269f4;--blue-soft:#eaf3ff;--shadow:0 16px 42px rgba(35,45,67,.055)}
body{background:#fff;color:var(--ink);font-size:15px}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid rgba(18,105,244,.42);outline-offset:3px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.app-shell{display:block;min-height:100vh}.sidebar{display:none}.main-shell{min-height:100vh}
.topbar{height:75px;padding:0 max(3.2vw,28px);border-bottom:0;background:#fff;display:flex;align-items:center;justify-content:flex-start;gap:42px;position:relative;z-index:5}
.lgg-brand{flex:none;display:flex;flex-direction:column;align-items:flex-start;line-height:1;color:#0c1016;min-width:140px}
.lgg-brand-line{display:flex;align-items:baseline;gap:3px}.lgg-brand strong{font-size:41px;font-weight:900;letter-spacing:-.085em}.lgg-brand b{font-size:16px;letter-spacing:-.04em}.lgg-brand small{font-size:8px;font-weight:800;letter-spacing:.14em;color:#6e7480;margin-top:4px}
.header-nav{display:flex;align-items:center;gap:34px;height:100%}.header-link{border:0;background:transparent;color:#6c7079;font-size:14px;font-weight:680;height:100%;padding:0 0 3px;position:relative;white-space:nowrap}.header-link:hover,.header-link.active{color:#101216}.header-link.active:after{content:'';height:3px;border-radius:3px;background:#69a9ff;position:absolute;bottom:19px;left:0;right:0}
.topbar-right{margin-left:auto}.status-chip{border:1px solid #e7e9ee;background:#fff;color:#4a4e56;font-size:12px;padding:9px 17px;box-shadow:0 2px 5px rgba(20,31,48,.025)}.status-chip i{background:#ff711a;width:9px;height:9px;vertical-align:0}.top-new{display:none}
main{padding:0 3.4vw 62px;background:#fff}.view.active{display:block}#view-studio{max-width:1580px;margin:0 auto;position:relative;isolation:isolate}#view-studio:before{content:'';position:absolute;z-index:-1;top:0;left:-3.4vw;right:-3.4vw;height:440px;background:radial-gradient(ellipse 70% 65% at 110% 47%,#fdf3e7 0,transparent 71%),radial-gradient(ellipse 70% 55% at -10% 70%,#fcf1e3 0,transparent 72%);pointer-events:none}
.hero{min-height:0;display:block;overflow:visible;padding:0;border-radius:0;background:transparent;color:#101216;text-align:center}.hero-content{max-width:none;width:100%;position:relative}.hero h1{font-size:clamp(29px,3vw,43px);line-height:1.28;letter-spacing:-.045em;font-weight:850;margin:19px auto 39px;white-space:nowrap}.hero h1 span{color:var(--blue)}
.quick-task{max-width:980px;margin:0 auto;background:#fff;border-radius:21px;padding:20px 24px 18px;box-shadow:0 19px 49px rgba(32,43,65,.09);text-align:left}.quick-uploads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.quick-upload{min-height:67px;display:flex;align-items:center;justify-content:center;gap:14px;position:relative;border:1px solid #e6e9ee;border-radius:11px;background:linear-gradient(180deg,#fcfdff,#f7f9fc);color:#14181c;font-size:15px;transition:background .18s,border-color .18s,transform .18s}.quick-upload:hover{background:#eff6ff;border-color:#adcfff;transform:translateY(-1px)}.quick-upload svg{width:27px;height:27px;flex:none}.quick-upload strong{font-weight:690}.quick-upload small{position:absolute;right:14px;top:8px;font-size:10px;color:var(--blue);font-weight:750}
.quick-brief{display:flex;align-items:flex-start;gap:12px;margin-top:11px;min-height:65px;padding:15px 16px;border:1px solid #e7eaf0;border-radius:11px;background:#f9fafc;color:#969da7;cursor:text}.quick-brief>span:first-child{font-size:22px;line-height:1;transform:rotate(-12deg)}.quick-brief textarea{border:0;background:transparent;outline:0;resize:vertical;flex:1;min-height:32px;max-height:130px;line-height:1.5;font-size:13px;color:#161b25;padding:0}.quick-brief textarea::placeholder{color:#abb1ba}.quick-brief:focus-within{border-color:#8bbaff;box-shadow:0 0 0 3px #eaf3ff}
.quick-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px}.quick-mode{display:flex;align-items:center;gap:8px;border:1px solid #e6e9ee;border-radius:999px;padding:0 15px;height:42px;background:#fff;color:#4c535d}.quick-mode select{font-size:12px;font-weight:720;border:0;background:transparent;color:#3d444e;outline:0;cursor:pointer;max-width:185px}.quick-mode span:first-child{font-size:18px}.quick-submit{height:44px;min-width:205px;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:999px;font-size:13px;font-weight:750;box-shadow:0 4px 12px rgba(18,105,244,.15)}.quick-submit:hover{background:#0758d8}.quick-submit svg{width:18px;height:18px}.quick-asset-summary{min-height:0;color:#526786;font-size:11px;margin-top:0}.quick-asset-summary:not(:empty){margin-top:10px}
#modePanel{margin:75px 25px 0;padding:0;background:transparent;border:0;box-shadow:none;border-radius:0;scroll-margin-top:30px}#modePanel .section-heading{margin-bottom:18px;align-items:center}#modePanel .section-heading>div{display:flex;align-items:baseline;gap:22px;flex-wrap:wrap}#modePanel .section-heading h2{font-size:23px;margin:0;font-weight:800}#modePanel .section-heading p{font-size:12px;color:#9298a1}.planned-pill{color:#9aa0a8;background:#f7f8fa;border:1px solid #edf0f3;border-radius:999px;padding:7px 12px;font-size:11px;white-space:nowrap}
#modeGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px}.mode-card{min-height:88px;display:flex;flex-direction:row;align-items:center;gap:15px;padding:14px 22px;background:#fff;border:1px solid #e7eaf0;border-radius:13px;box-shadow:0 2px 11px rgba(35,45,65,.022);text-align:left}.mode-card:hover{border-color:#93beff;background:#fafcff;transform:translateY(-1px)}.mode-card.selected{background:#f0f7ff;border:1.5px solid #2f83ff;box-shadow:0 0 0 2px rgba(47,131,255,.05)}.mode-card.selected:after{display:none}.mode-symbol{width:45px;height:45px;flex:none;display:grid;place-items:center;margin:0;color:#f36f22;background:#fff8f2;border-radius:11px}.mode-symbol svg{width:27px;height:27px}.mode-card.selected .mode-symbol{background:#e7f2ff;color:var(--blue)}.mode-copy{min-width:0;display:flex;flex-direction:column;gap:5px}.mode-card strong{font-size:16px;margin:0;color:#161a21}.mode-card small{font-size:11px;color:#89919d;line-height:1.35}.mode-chevron{margin-left:auto;color:#8e96a1;font-size:24px;font-weight:300}.mode-card.selected .mode-chevron{color:var(--blue)}
.examples-section{margin-top:34px;scroll-margin-top:20px}.examples-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.examples-heading h2{font-size:23px;line-height:1.2;margin:0;font-weight:800}.examples-controls{display:flex;gap:9px}.examples-controls button{height:38px;width:38px;display:grid;place-items:center;border:1px solid #e4e7eb;background:#fff;border-radius:50%;font-size:29px;font-weight:300;color:#6f7681;line-height:1}.examples-controls button:hover{border-color:#92beff;color:var(--blue)}.example-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.example-track::-webkit-scrollbar{display:none}.example-card{position:relative;display:block;flex:0 0 calc((100% - 36px)/4);min-width:265px;height:183px;padding:0;border:0;border-radius:11px;overflow:hidden;background-image:url('./assets/home-concept-v3.png');background-repeat:no-repeat;background-size:1586px 992px;scroll-snap-align:start;transition:transform .18s,box-shadow .18s}.example-card:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(22,30,40,.14)}.example-1{background-position:-55px -804px}.example-2{background-position:-427px -804px}.example-3{background-position:-798px -804px}.example-4{background-position:-1171px -804px}.example-card span,.example-card b{position:absolute;opacity:0;pointer-events:none}
.detail-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:60px 25px 17px;scroll-margin-top:22px}.detail-heading h2{font-size:23px;margin:6px 0 0}.detail-heading p{color:#939aa3;font-size:12px;margin:0}.detail-heading .step-label{color:var(--blue)}.workspace-grid{margin:0 25px;grid-template-columns:minmax(0,1fr) 390px;gap:20px}.panel,.output-panel{border-color:#e9ecf0;box-shadow:0 12px 35px rgba(22,35,50,.035)}.step-label{color:var(--blue)}.primary-button{background:var(--blue);border-color:var(--blue)}.primary-button:hover{background:#0758d8;border-color:#0758d8}.dropzone:hover,.dropzone.dragging{border-color:#5aa0ff;background:#f1f7ff}.drop-icon{background:#e8f2ff;color:var(--blue)}.field input:focus,.field textarea:focus,.field select:focus{border-color:#8bbaff;box-shadow:0 0 0 3px #eaf3ff}.check-row input{accent-color:var(--blue)}.segmented button.selected{color:var(--blue)}.toast{background:#1d2635}.footer{padding:18px 3.4vw;color:#9da4ac;border-top-color:#ebedf0}.footer button{background:none;border:0;color:#78818d;font-size:11px;margin-left:18px}.footer button:hover{color:var(--blue)}
.secondary-view{max-width:1480px;margin:auto}.page-head .eyebrow{color:#5f8ed9}.project-card-top{color:var(--blue)}.pipeline-card .mode-symbol{background:#fff8f2;color:#f36f22}.pipeline-card .mode-symbol svg{width:25px;height:25px}.pipeline-card button{color:var(--blue);background:#f1f7ff;border-color:#d8e9ff}
@media(max-width:1200px){.header-nav{gap:22px}.topbar{gap:25px}.workspace-grid{grid-template-columns:minmax(0,1fr) 340px}.example-card{flex-basis:calc((100% - 24px)/3)}}
@media(max-width:900px){.topbar{padding:0 24px;gap:18px}.header-nav{gap:15px}.header-link{font-size:12px}.lgg-brand{min-width:120px}.lgg-brand strong{font-size:34px}.lgg-brand b{font-size:13px}.status-chip{font-size:10px;padding:7px 10px}main{padding:0 24px 45px}.hero h1{font-size:clamp(25px,4vw,35px);white-space:normal}.quick-task{max-width:720px}.workspace-grid{grid-template-columns:1fr}.output-column{order:initial}#modeGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.example-card{flex-basis:calc((100% - 12px)/2)}.secondary-view{padding:0}}
@media(max-width:620px){.topbar{height:auto;min-height:105px;align-items:flex-start;flex-wrap:wrap;padding:11px 16px 8px;gap:6px 14px}.lgg-brand{min-width:0}.lgg-brand strong{font-size:31px}.lgg-brand b{font-size:12px}.lgg-brand small{font-size:7px}.header-nav{height:35px;order:3;width:100%;justify-content:space-between;gap:5px;overflow-x:auto}.header-link{height:35px;font-size:11px;padding:0 2px}.header-link.active:after{bottom:0}.topbar-right{align-self:flex-start;margin-top:6px}.status-chip{font-size:9px;padding:6px 8px}.status-chip i{width:7px;height:7px}main{padding:0 13px 35px}.hero h1{font-size:29px;line-height:1.3;margin:22px auto 27px;max-width:480px}.quick-task{padding:13px;border-radius:15px}.quick-uploads{gap:6px}.quick-upload{min-height:72px;flex-direction:column;gap:2px;font-size:11px}.quick-upload svg{width:22px;height:22px}.quick-upload small{right:4px;top:4px;font-size:8px}.quick-brief{min-height:70px}.quick-bottom{align-items:stretch}.quick-mode{min-width:0;flex:1;padding:0 8px}.quick-mode select{max-width:100%;font-size:10px}.quick-submit{min-width:0;flex:1;font-size:11px;padding:0 7px}.quick-submit svg{width:14px}#modePanel{margin:50px 2px 0}#modePanel .section-heading>div{display:block}#modePanel .section-heading h2{font-size:20px}#modePanel .section-heading p{margin-top:4px}.planned-pill{font-size:9px;padding:6px 7px}#modeGrid{gap:8px;grid-template-columns:1fr 1fr}.mode-card{min-height:99px;padding:12px;gap:8px}.mode-symbol{width:34px;height:34px}.mode-symbol svg{width:21px;height:21px}.mode-card strong{font-size:12px}.mode-card small{font-size:9px}.mode-chevron{display:none}.examples-section{margin-top:32px}.examples-heading h2{font-size:20px}.example-card{flex:0 0 270px;height:183px}.detail-heading{margin:48px 2px 13px;align-items:start;display:block}.detail-heading h2{font-size:20px}.detail-heading p{margin-top:6px}.workspace-grid{margin:0;gap:14px}.footer{padding:15px 13px}.footer button{margin-left:8px}}
@media(max-width:380px){.hero h1{font-size:26px}.quick-upload strong{font-size:10px}.quick-bottom{flex-direction:column}.quick-submit{width:100%}#modeGrid{grid-template-columns:1fr}.mode-card{min-height:72px}.mode-card strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.quick-upload,.mode-card,.example-card{transition:none}html{scroll-behavior:auto}}
.example-card,.example-track .example-card{flex:0 0 360px;min-width:360px;width:360px;height:183px}

/* AI director output keeps the existing workbench layout while exposing the live result. */
.output-panel{position:static;display:block}
.ai-controls{display:grid;grid-template-columns:1fr;gap:8px;margin:14px 0 0}
.ai-provider-label{font-size:11px;font-weight:750;color:#465368}
.ai-controls select{width:100%;min-height:40px;border:1px solid #dfe5ed;border-radius:9px;background:#fff;color:#26384e;padding:0 12px;font-size:12px}
.ai-generate-button{min-height:43px;border:0;border-radius:10px;background:#0866f5;color:#fff;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 8px 18px rgba(0,93,225,.18)}
.ai-generate-button:hover{background:#0058d9}
.ai-generate-button:disabled{background:#9ab1cf;box-shadow:none;cursor:not-allowed}
.ai-disclosure{font-size:10px;line-height:1.55;color:#768197;margin:10px 0 0}
.ai-state{font-size:11px;line-height:1.5;color:#49627f;background:#f1f6ff;border:1px solid #deebff;border-radius:8px;padding:10px 11px;margin:12px 0}
.ai-analysis{border:1px solid #e3eaf4;border-radius:10px;background:#fbfdff;padding:13px 14px;color:#46566b;margin:12px 0;font-size:11px;line-height:1.7}
.ai-analysis strong{display:block;color:#15396a;font-size:12px;margin-bottom:5px}
.ai-analysis p{margin:3px 0 6px}
.ai-analysis small{display:block;font-size:10px;color:#68778b;margin-top:3px}
.ai-script{white-space:pre-wrap;overflow-wrap:anywhere;max-height:560px;overflow:auto;border:1px solid #e4e8ee;border-radius:10px;background:#fff;color:#253447;padding:15px;font-size:11px;line-height:1.75}
#aiActions .primary-button{background:#0866f5;border-color:#0866f5}
.brief-divider{height:1px;background:#e9edf4;margin:22px 0 18px}
.brief-preview{min-height:150px;max-height:240px}
[hidden]{display:none!important}

.owner-api-link{font-size:11px;color:#1269f4;margin-left:15px}.remote-reference{margin:14px 0;font-size:11px;color:#6e819e}.remote-reference summary{cursor:pointer}.remote-reference>div{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}.remote-reference input{flex:1;min-width:150px;border:1px solid #dfe6ee;border-radius:7px;padding:9px;font-size:11px}.remote-reference select,.remote-reference button{border:1px solid #dfe6ee;border-radius:7px;background:#f5f9ff;padding:9px;font-size:11px}

.upload-methods{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:13px 0}.upload-methods button{padding:9px 12px;border:1px solid #dbe6f5;background:#f4f8ff;color:#2964b6;font-size:11px;border-radius:8px;cursor:pointer}.upload-methods span{font-size:10px;color:#8c9bb0}

.status-chip a{color:#1269f4;text-decoration:none;font-weight:700}.status-chip a:hover{text-decoration:underline}