:root{--bg:#0b0c0f;--panel:#13151a;--panel2:#191c22;--line:#292d35;--text:#f2f0eb;--muted:#858995;--soft:#b6b8c0;--violet:#8d7bff;--amber:#f2b56f;--green:#a7dbb1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'Space Grotesk',sans-serif}button,textarea{font:inherit}button{cursor:pointer;color:inherit} .app-shell{display:flex;min-height:100vh;background:radial-gradient(circle at 75% -20%,#22233b 0,transparent 36%),var(--bg)}.sidebar{width:238px;border-right:1px solid var(--line);padding:28px 18px 22px;display:flex;flex-direction:column;flex-shrink:0}.brand-lockup{font-size:14px;letter-spacing:.18em;font-weight:600;display:flex;align-items:center;gap:10px;margin:0 11px 32px}.brand-mark{font-size:21px;color:var(--violet)}.workspace-switcher{height:40px;border:1px solid var(--line);border-radius:8px;padding:0 11px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--soft);margin-bottom:27px}.workspace-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.chevron{margin-left:auto;color:var(--muted)}.nav-stack{display:flex;flex-direction:column;gap:5px}.nav-item{border:0;background:transparent;text-align:left;color:var(--muted);padding:11px 12px;border-radius:7px;font-size:13px;display:flex;align-items:center;gap:12px}.nav-item span{width:14px;color:#777b87;font-size:16px}.nav-item.active,.nav-item:hover{background:#1a1c25;color:var(--text)}.nav-item.active span{color:var(--violet)}.nav-item em{font-style:normal;margin-left:auto;font:11px 'DM Mono';color:var(--violet)}.nav-label{font:10px 'DM Mono';letter-spacing:.12em;color:#555964;margin:26px 12px 6px}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:17px 4px 0;display:flex;align-items:center;gap:9px;font-size:12px}.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot small{color:var(--muted);font-size:10px;margin-top:3px}.user-avatar{width:30px;height:30px;border-radius:50%;background:#604d9b;display:grid;place-items:center;font-size:10px}.more{margin-left:auto;color:var(--muted)}.main-stage{width:min(1280px,calc(100% - 238px));margin:0 auto;padding:46px 6vw 70px}.topbar{display:flex;justify-content:space-between;align-items:flex-start}.eyebrow,.section-kicker{font:10px 'DM Mono';letter-spacing:.13em;color:#777b87}.topbar h1{font-size:34px;letter-spacing:-.04em;font-weight:500;margin:12px 0 30px}.topbar h1 i{font-style:normal;color:var(--violet)}.top-actions{display:flex;align-items:center;gap:20px;color:var(--muted);font:10px 'DM Mono'}.status{display:flex;align-items:center;gap:7px}.pulse{width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block;box-shadow:0 0 9px #8ed99e}.icon-button{background:transparent;border:1px solid var(--line);border-radius:50%;width:25px;height:25px;font-size:12px;color:var(--soft)}.context-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.mode-tabs{display:flex;gap:4px}.mode{border:0;background:transparent;color:var(--muted);font-size:11px;padding:8px 12px;border-radius:5px}.mode.active{background:#252331;color:var(--text)}.context-selects{display:flex;gap:8px}.context-chip{border:1px solid var(--line);background:#111318;border-radius:7px;min-width:190px;display:flex;align-items:center;text-align:left;padding:7px 9px;gap:8px}.context-chip.disabled{opacity:.4}.chip-icon{font-size:18px}.violet{color:var(--violet)}.amber{color:var(--amber)}.context-chip small,.context-chip strong{display:block}.context-chip small{font:8px 'DM Mono';color:var(--muted);letter-spacing:.08em}.context-chip strong{font-size:11px;font-weight:500;margin-top:2px}.studio-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:18px}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#15171c,#111216);border-radius:10px}.brief-panel,.output-panel{padding:24px}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:38px}.panel h2{font-size:20px;font-weight:500;letter-spacing:-.03em;margin:8px 0 0}.save-state{font:10px 'DM Mono';color:#666b76}.brief-label{font-size:12px;color:var(--soft);display:block;margin-bottom:11px}.brief-panel textarea{width:100%;height:160px;background:transparent;border:0;resize:none;color:var(--text);font-size:21px;line-height:1.5;outline:0;letter-spacing:-.02em}.brief-panel textarea::placeholder{color:#51545d}.brief-meta{display:flex;justify-content:space-between;color:#686c77;font:10px 'DM Mono';margin-top:10px}.brief-divider{border-top:1px solid var(--line);margin:25px 0 17px}.sub-label{font-size:11px;color:var(--soft);display:block}.sub-label span{color:#666a74;font-size:10px;margin-left:5px}.reference-tray{display:flex;gap:8px;margin-top:11px}.add-reference{border:1px dashed #3b3e48;background:transparent;color:#777b86;min-height:52px;flex:1;border-radius:6px;text-align:left;padding:0 13px;font-size:16px}.add-reference span{font-size:11px;margin-left:6px}.ref-thumb{width:52px;height:52px;border-radius:6px;display:grid;place-items:center;font-size:24px}.ref-one{background:linear-gradient(135deg,#b18a78,#29255a)}.ref-two{background:linear-gradient(135deg,#d2a96a,#354a43)}.field-group{margin-bottom:25px}.format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.format{height:72px;background:#111318;border:1px solid var(--line);border-radius:7px;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:18px}.format span{font-size:10px}.format.active{border-color:var(--violet);color:var(--text);background:#1e1a31}.ratio-row{display:flex;gap:6px;margin-top:10px}.ratio{flex:1;border:1px solid var(--line);border-radius:5px;background:#111318;padding:9px 2px;color:var(--muted);font:10px 'DM Mono'}.ratio.active{color:var(--text);border-color:#6960b0;background:#211e34}.select-field{width:100%;margin-top:10px;background:#111318;border:1px solid var(--line);border-radius:6px;padding:11px;text-align:left;color:var(--soft);font-size:11px}.select-field span{float:right}.primary-action{border:0;background:var(--violet);color:#fff;border-radius:6px;width:100%;padding:13px 14px;text-align:left;font-size:12px;margin-top:8px;box-shadow:0 8px 24px #5c4ab431}.primary-action span{float:right;font-size:17px;line-height:12px}.helper{color:#6c707b;font-size:10px;line-height:1.5;margin:12px 0 0}.hidden{display:none}.concept-view,.canvas-view,.history-view{animation:rise .45s ease both}.concept-top{display:flex;justify-content:space-between;align-items:flex-start;margin:13px 0 28px}.concept-top h2,.canvas-top h2{font-size:30px;letter-spacing:-.04em;font-weight:500;margin:10px 0 7px}.concept-top p{color:var(--muted);font-size:12px;margin:0}.ghost-action{background:transparent;border:1px solid var(--line);border-radius:6px;color:var(--soft);font-size:11px;padding:10px 13px}.direction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.direction-card{border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden;transition:.2s}.direction-card:hover{border-color:#6c60bb;transform:translateY(-3px)}.direction-art{height:190px;position:relative;overflow:hidden}.direction-card:nth-child(1) .direction-art{background:radial-gradient(circle at 70% 30%,#a8bca3 0 8%,transparent 9%),linear-gradient(145deg,#4a4a37,#1c2030)}.direction-card:nth-child(2) .direction-art{background:radial-gradient(circle at 42% 50%,#f0bd78 0 12%,transparent 13%),linear-gradient(120deg,#483c33,#242b39)}.direction-card:nth-child(3) .direction-art{background:linear-gradient(120deg,#bb6e4e,#40346b 44%,#111318 45%)}.direction-art:after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 0 42%,#ffffff18 43% 44%,transparent 45%)}.direction-body{padding:18px}.direction-body h3{font-size:17px;font-weight:500;margin:0 0 8px}.direction-body p{font-size:11px;line-height:1.5;color:var(--muted);min-height:52px}.direction-tag{font:9px 'DM Mono';letter-spacing:.1em;color:var(--violet);display:block;margin-bottom:10px}.direction-foot{border-top:1px solid var(--line);margin-top:17px;padding-top:13px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.approve{border:0;background:#252331;color:var(--text);padding:8px 10px;border-radius:5px;font-size:10px}.canvas-top{display:flex;justify-content:space-between;align-items:center;margin:12px 0 24px}.canvas-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:16px}.art-preview{height:480px;border-radius:10px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 38%,#d2b28e 0 7%,transparent 8%),radial-gradient(circle at 68% 40%,#6b5a51 0 13%,transparent 14%),linear-gradient(145deg,#b0b19d,#34363c 46%,#16181d);display:flex;align-items:flex-end;padding:25px}.preview-copy{position:relative;z-index:2}.preview-copy span{font:9px 'DM Mono';color:#ffffffaa;letter-spacing:.14em}.preview-copy strong{display:block;font-size:28px;font-weight:500;margin-top:5px}.preview-grain{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E");mix-blend-mode:overlay}.orb{position:absolute;border-radius:50%;filter:blur(18px);opacity:.4}.orb-a{width:230px;height:230px;background:#e3b37b;top:-90px;right:-40px}.orb-b{width:170px;height:170px;background:#58518d;bottom:10px;left:28%}.canvas-controls{padding:23px;height:max-content}.canvas-controls h3{font-size:18px;font-weight:500;margin:11px 0 20px}.canvas-controls textarea{width:100%;height:105px;background:#0f1014;border:1px solid var(--line);border-radius:6px;color:var(--text);padding:11px;resize:none;font-size:11px;line-height:1.5}.inspect-row{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:23px;padding-top:16px;color:var(--muted);font-size:10px}.inspect{border:0;background:transparent;color:var(--violet);font-size:10px}.provenance{border-top:1px solid var(--line);margin-top:22px;padding-top:17px;display:flex;gap:9px;color:var(--soft);font-size:10px;line-height:1.5}.provenance small{color:var(--muted)}.compact{width:auto;margin-top:0}.history-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.history-card{height:235px;border-radius:9px;padding:16px;display:flex;flex-direction:column;justify-content:space-between}.history-card span{font:9px 'DM Mono';color:#ffffffaa}.history-card strong{font-size:18px;font-weight:500}.art-card.one{background:linear-gradient(140deg,#acae9f,#282b38 60%,#b27f66)}.art-card.two{background:linear-gradient(130deg,#a5855b,#31453e 48%,#c3bba3)}.art-card.three{background:linear-gradient(125deg,#813f57,#23233d 55%,#ddae66)}.toast{position:fixed;right:28px;bottom:25px;background:#232a27;border:1px solid #3d5747;border-radius:7px;padding:13px 15px;color:#cae7d0;font-size:11px;box-shadow:0 12px 30px #0008}.toast span{margin-left:18px;color:#799281}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:900px){.sidebar{width:190px}.main-stage{width:calc(100% - 190px);padding:35px 4vw}.context-strip{display:block}.context-selects{margin-top:12px}.studio-grid,.canvas-layout{grid-template-columns:1fr}.direction-grid,.history-grid{grid-template-columns:1fr}.topbar h1{font-size:28px}.top-actions{display:none}}@media(max-width:640px){.sidebar{display:none}.main-stage{width:100%;padding:25px 18px}.context-selects{display:block}.context-chip{width:100%;margin-bottom:6px}.mode-tabs{overflow:auto}.brief-panel,.output-panel{padding:18px}}
/* A single active prompt is a read-only status row, not a fake dropdown. */
.context-chip.readonly{cursor:default;background:#15171c;border-color:#343740}
.art-preview{background-size:72% 100%;background-position:right center;background-repeat:no-repeat;background-color:#0b0c0f;transition:background-image .3s ease,filter .3s ease}.art-preview.has-image .orb,.art-preview.has-image .preview-grain{display:none}.art-preview.has-image:after{content:'';position:absolute;top:0;bottom:0;left:28%;right:0;background:linear-gradient(0deg,#0009,transparent 45%);pointer-events:none}.art-preview.is-loading{filter:saturate(.65)}.art-preview.is-loading:before{content:'CREATING YOUR VISUAL';position:absolute;inset:0;display:grid;place-items:center;z-index:3;font:10px 'DM Mono';letter-spacing:.16em;color:#fff;animation:pulseText 1.2s ease-in-out infinite}.preview-copy{position:absolute;left:24px;bottom:25px;width:23%;z-index:5}.preview-copy strong{font-size:20px}.canvas-controls.is-busy .primary-action{opacity:.65;pointer-events:none}@keyframes pulseText{50%{opacity:.45}}
.context-dropdown{position:relative}.dropdown-menu{position:absolute;z-index:20;top:calc(100% + 7px);left:0;width:280px;max-height:320px;overflow:auto;padding:6px;border:1px solid var(--line);border-radius:8px;background:#17191f;box-shadow:0 18px 38px #0009}.dropdown-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-radius:5px;background:transparent;color:var(--text);padding:10px;font-size:11px;text-align:left}.dropdown-option:hover{background:#262334}.dropdown-option small{color:var(--green);font:9px 'DM Mono'}.dropdown-empty{display:block;padding:12px;color:var(--muted);font-size:11px}.context-chip[aria-expanded="true"]{border-color:var(--violet)}
.library-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;margin-bottom:16px;color:var(--muted);font:10px 'DM Mono'}.library-meta>span:last-child{display:flex;align-items:center;gap:7px;color:var(--green)}.brand-library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.brand-library-card{border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,#171920,#111216);padding:18px;min-height:220px;display:flex;flex-direction:column}.brand-library-card.is-inactive{opacity:.62}.brand-card-toggle{border:0;background:transparent;color:inherit;padding:0;text-align:left}.brand-card-top{display:flex;justify-content:space-between;align-items:center}.brand-symbol{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#252039;color:var(--violet);font-size:19px}.brand-status{font:9px 'DM Mono';color:var(--green);text-transform:uppercase}.brand-status.muted{color:var(--muted)}.brand-status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);margin-right:5px}.brand-status.muted i{background:var(--muted)}.brand-card-heading{display:flex;justify-content:space-between;align-items:end}.brand-library-card h3{font-size:17px;font-weight:500;margin:18px 0 7px}.expand-label{font:9px 'DM Mono';color:var(--violet)}.brand-card-summary p{font-size:11px;line-height:1.5;color:var(--muted);min-height:34px;margin:0 0 17px}.brand-card-details{border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;gap:8px;color:#777b87;font:8px 'DM Mono'}.brand-card-details strong{display:block;color:var(--soft);font-size:10px;margin-top:5px}.brand-card-expanded{display:none;border-top:1px solid var(--line);margin-top:16px;padding-top:15px}.brand-library-card.expanded .brand-card-expanded{display:block}.brand-card-expanded ul{padding-left:17px;color:var(--muted);font-size:10px;line-height:1.7}.brand-use{border:0;background:#252331;color:var(--text);border-radius:5px;padding:9px 10px;text-align:left;font-size:10px;margin-top:15px}.brand-use:hover{background:#302a48}.empty-library{border:1px dashed var(--line);border-radius:9px;padding:32px;color:var(--muted);font-size:12px;grid-column:1/-1}@media(max-width:900px){.brand-library-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.brand-library-grid{grid-template-columns:1fr}}
.directions-loading{border:1px dashed var(--line);border-radius:9px;padding:70px 20px;text-align:center;color:var(--muted);font:11px 'DM Mono';grid-column:1/-1;animation:pulseText 1.2s ease-in-out infinite}
.location-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}.output-select-label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font:10px 'DM Mono';text-transform:uppercase}.output-select-label select{appearance:none;background:#111318;border:1px solid var(--line);border-radius:6px;color:var(--text);padding:12px 10px;font:11px 'Space Grotesk';text-transform:none;outline:0}.output-select-label select:focus{border-color:var(--violet)}.prompt-inspector{border-top:1px solid var(--line);margin-top:17px;padding-top:15px}.prompt-inspector pre{white-space:pre-wrap;max-height:220px;overflow:auto;background:#0d0e12;border:1px solid var(--line);border-radius:5px;padding:10px;color:#b9b1e8;font:9px/1.5 'DM Mono';margin:10px 0 0}@media(max-width:640px){.location-grid{grid-template-columns:1fr}}
.viral-note{margin-top:10px;padding:8px 9px;border-radius:5px;background:#1c202c;color:#aeb7dc;font:9px 'DM Mono';line-height:1.4}
body.free-mode #conflictBanner{display:none!important}
.motion-overlay{position:absolute;top:0;bottom:0;left:0;width:28%;z-index:4;padding:34px 24px;display:flex;flex-direction:column;justify-content:center;gap:14px;background:#0b0c0f}.motion-kicker{font:9px 'DM Mono';letter-spacing:.12em;color:#c6bfff;animation:motionIn .7s .15s both}.motion-overlay strong{max-width:100%;font-size:clamp(22px,3vw,42px);line-height:1.04;font-weight:600;animation:motionIn .8s .4s both}.motion-progress{width:80%;height:3px;background:#8d7bff;border-radius:3px;transform-origin:left;animation:progressIn 3.8s .7s both}.motion-preview .preview-copy{animation:motionIn .7s 1.2s both}.motion-preview .orb-a{animation:orbDrift 5s ease-in-out infinite alternate}.motion-preview .orb-b{animation:orbDrift 6s .4s ease-in-out infinite alternate-reverse}@keyframes motionIn{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes progressIn{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes orbDrift{from{transform:translate3d(-10px,8px,0) scale(.92)}to{transform:translate3d(18px,-12px,0) scale(1.08)}}
.download-action{display:block;border:1px solid #4c9a70;background:#183a2a;color:#bce7ca;border-radius:5px;padding:10px;text-align:center;text-decoration:none;font-size:10px;margin-top:10px}.download-action:hover{background:#22533a}.download-action.disabled{opacity:.45;pointer-events:none}
.conflict-banner{display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid #7a5c37;background:#2a2118;border-radius:9px;padding:14px 16px;margin:-8px 0 16px;color:#f0d1a0}.conflict-banner strong{font-size:12px}.conflict-banner p{margin:5px 0 0;color:#c9ad80;font-size:10px;line-height:1.4}.conflict-choice{border:1px solid #4c9a70;background:#183a2a;color:#bce7ca;border-radius:5px;padding:9px 10px;font-size:10px;white-space:nowrap}.conflict-choice:hover{background:#22533a}.conflict-choice.override{border-color:#aa5656;background:#4a2023;color:#ffc0c0;margin-left:5px}.conflict-choice.override:hover{background:#6a292d}.saved-history{background:linear-gradient(135deg,#3b3450,#171922);border:0;color:var(--text);text-align:left;cursor:pointer}.saved-history:hover{border:1px solid var(--violet);transform:translateY(-2px)}.saved-history small{font-size:9px;color:#ffffff88}.history-empty{border:1px dashed var(--line);border-radius:9px;padding:34px;color:var(--muted);font-size:12px;grid-column:1/-1}
.conflict-choice.selected{border-color:#62d68f;background:#2f9b5e;color:#fff;box-shadow:0 0 0 2px #62d68f55}
.motion-preview.has-image{animation:motionImage 8s ease-in-out infinite alternate}
.motion-preview.has-image:before{content:'';position:absolute;top:0;bottom:0;left:28%;width:18%;z-index:2;pointer-events:none;background:linear-gradient(105deg,transparent,#ffffff18,transparent);transform:translateX(-130%);animation:motionSweep 5s ease-in-out infinite}
.motion-preview.has-image .preview-grain{display:block;opacity:.12;mix-blend-mode:screen;animation:grainShift .8s steps(2) infinite}
@keyframes motionImage{from{background-size:72% 100%;background-position:100% 50%}to{background-size:76% 106%;background-position:96% 48%}}
@keyframes motionSweep{0%,20%{transform:translateX(-130%);opacity:0}38%{opacity:1}70%,100%{transform:translateX(520%);opacity:0}}
@keyframes grainShift{0%{transform:translate(0,0)}25%{transform:translate(1%,-1%)}50%{transform:translate(-1%,1%)}75%{transform:translate(1%,1%)}100%{transform:translate(0,0)}}
:root{--editorial-score-bg:#171a24}.image-benchmark{display:flex;align-items:center;gap:10px;margin:14px 0;padding:10px;border:1px solid #303442;border-radius:7px;background:var(--editorial-score-bg)}.image-benchmark>strong{font:500 22px 'DM Mono';color:#d8d4ff}.image-benchmark span{display:grid;gap:3px}.image-benchmark b{font:9px 'DM Mono';letter-spacing:.08em;color:#a59aff}.image-benchmark small{font-size:10px;color:#858995}