:root{color-scheme:dark;--bg:#0b0811;--panel:#16111e;--line:#382c45;--gold:#e7d3a3;--muted:#b5a8c2;--ivory:#f4efe6}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 65% 0,#271633,transparent 60%),var(--bg);color:var(--ivory);font:14px/1.6 system-ui,sans-serif}header{display:flex;gap:22px;align-items:center;padding:20px 30px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:var(--gold);letter-spacing:.15em}.brand span{font:25px Georgia,serif;letter-spacing:0;margin-left:18px}.badge,.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--gold)}.badge{border:1px solid var(--line);border-radius:30px;padding:5px 9px}.scope{margin-left:auto;display:flex;align-items:center;gap:10px}nav{display:flex;gap:8px;padding:12px 30px;border-bottom:1px solid var(--line);flex-wrap:wrap}nav a{font-size:12px;text-decoration:none;padding:7px 13px;color:var(--muted);border-radius:6px}nav a.active,nav a:hover{background:#30233e;color:var(--gold)}#nav-toggle{display:none}main{max-width:1600px;margin:auto;padding:32px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.15}h1{font-size:46px;margin:10px 0 15px}h2{font-size:29px;margin:8px 0 18px}h3{font-size:21px}p{color:var(--muted)}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.intro p{max-width:700px}.panel,.card{background:linear-gradient(155deg,#1d1526,#120e19);border:1px solid var(--line);border-radius:16px;padding:22px}.panel{margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.studio{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px}.workspace{display:flex;gap:16px;align-items:stretch;overflow:auto}.resize-edge{position:absolute;right:0;top:0;bottom:0;width:8px;cursor:col-resize;touch-action:none}.resize-edge:hover{background:#e7d3a344}.segment{flex:1;min-width:240px;max-width:70vw;resize:horizontal;overflow:auto;position:relative;min-height:550px}.segment:first-child{flex:0 0 260px}.segment:last-child{flex:0 0 340px}.expand{float:right}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spread{justify-content:space-between}.art{min-height:180px;background:radial-gradient(ellipse at 45% 30%,#675076 0,transparent 45%),linear-gradient(145deg,#34253d,#120e19);border:1px solid #493550;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;color:#cab8d7}.art:before{content:'◇';font:100px Georgia;color:#bba27b80;line-height:1}.art span{font-size:10px;letter-spacing:.16em}.art.hero{min-height:340px}.art.alt{background:radial-gradient(ellipse at 55% 20%,#665748,transparent 50%),#21151d}.art.small{min-height:110px}.card.selected{outline:2px solid var(--gold)}a{color:var(--gold)}button,.button,select,input,textarea{font:inherit}button,.button{border:1px solid #5c4968;background:#292031;color:var(--ivory);padding:10px 14px;border-radius:8px;text-decoration:none;display:inline-block;cursor:pointer}button:hover,.button:hover{background:#44304f}button.primary,.button.primary{background:var(--gold);color:#211626;border-color:var(--gold)}button:disabled{cursor:not-allowed;opacity:.5}.danger{color:#ffa8b9}select,input,textarea{background:#100c17;color:var(--ivory);border:1px solid #51415e;border-radius:7px;padding:10px;max-width:100%}input:not([type=checkbox]):not([type=range]),textarea{width:100%}textarea{min-height:90px;resize:vertical}label{display:block;color:var(--muted);font-size:12px;margin:8px 0}label select{display:block;width:100%;margin-top:5px}.scope select{display:inline;width:auto}.prompt{margin-top:25px;border-top:1px solid var(--line);padding-top:16px}.prompt textarea{min-height:70px}.smalltext{font-size:12px;color:var(--muted)}.stack>*+*{margin-top:12px}.toolbar{position:sticky;bottom:12px;padding:16px;background:#382943;box-shadow:0 10px 45px #000;border:1px solid var(--gold);border-radius:12px;z-index:4}.branches{border-left:1px solid var(--gold);padding-left:22px}.branch{margin:12px 0}.branch input{flex:1;min-width:100px}.tag{color:#9fdbba;font-size:11px}.warning{border-left:3px solid var(--gold);padding:10px 15px;background:#2c2130}.route{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}#notice:not(:empty){position:fixed;right:22px;bottom:24px;max-width:420px;background:var(--gold);color:#211626;padding:16px 22px;border-radius:10px;box-shadow:0 8px 40px #000;z-index:30}footer{padding:25px 32px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}:focus-visible{outline:3px solid #d7b2ff;outline-offset:3px}.skip{position:absolute;top:-90px}.skip:focus{top:0;background:#000;padding:10px;z-index:50}hr{border:0;border-top:1px solid var(--line)}@media(max-width:950px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio{grid-template-columns:1fr}.workspace{flex-wrap:wrap}.segment,.segment:first-child,.segment:last-child{flex:1 1 280px;max-width:100%;min-height:400px}}@media(max-width:600px){header{padding:15px;gap:10px;flex-wrap:wrap}.brand span{font-size:20px;margin-left:9px}.scope{margin-left:0;flex:1}.badge{font-size:8px}#nav-toggle{display:block}nav{display:none;padding:12px}nav.open{display:flex}main{padding:22px 16px}h1{font-size:35px}.intro{display:block}.grid,.two{grid-template-columns:1fr}.segment{resize:none}.panel,.card{padding:17px}.art.hero{min-height:260px}.toolbar{bottom:8px}.scope select{max-width:160px}footer{padding:20px 16px}}

.segment{resize:none!important;overflow:visible;position:relative}.resize-edge{position:absolute;top:0;bottom:0;right:-13px;width:24px;cursor:ew-resize;z-index:5;touch-action:none;background:transparent}.resize-edge:after{content:"↔";position:absolute;top:50%;left:0;width:24px;text-align:center;color:var(--gold);opacity:0;background:var(--bg);border-radius:6px}.resize-edge:hover:after,.resize-edge:focus-visible:after{opacity:1}.segment:last-child .resize-edge{display:none}.resizing,.resizing *{cursor:ew-resize!important;user-select:none!important}@media(max-width:950px){.resize-edge{display:none}}

.scrape-search{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.search-input-row{display:flex;align-items:center;gap:10px}.search-input-row input{flex:1;min-width:0;margin:8px 0}.search-boundary{color:var(--gold);margin:8px 0;font-size:13px}.search-examples button{font-size:12px;padding:6px 10px}.search-count{margin-bottom:0;overflow-wrap:anywhere}.demo-tags{border-top:1px solid var(--line);padding-top:10px;margin-bottom:16px}.demo-tags p{font-size:12px;margin:5px 0}.match-reasons{color:var(--gold)}.search-empty{grid-column:1/-1;overflow-wrap:anywhere}@media(max-width:480px){.search-input-row{align-items:stretch;flex-direction:column}.search-input-row button{align-self:flex-start}}
.scrape-tile{cursor:pointer}.image-viewer{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:24px;background:#0b0811;color:var(--ivory);border:0}.image-viewer .art{height:calc(100dvh - 235px);min-height:160px}.image-viewer::backdrop{background:#000d}.image-viewer [data-close]{float:right}

@media(min-width:951px){.workspace{overflow:visible}.segment{max-width:none}.segment:last-child .resize-edge{display:block;right:0;width:12px}.segment:last-child .resize-edge:after{left:auto;right:0}}

.character-card{cursor:pointer}.character-card:hover{border-color:var(--gold)}

.create-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.create-heading h1{margin:8px 0}.mode-toggle{display:flex;gap:4px;padding:5px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.mode-toggle button{min-width:110px}.creation-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start}.creation-main,.creation-settings{min-width:0}.creation-settings .two{grid-template-columns:1fr;gap:0}.creation-settings .panel{padding:18px}.creation-settings .eyebrow{letter-spacing:.09em}.creation-canvas{position:relative;background:#09070d;border:1px solid var(--line);border-radius:12px;overflow:hidden;height:450px;display:flex;align-items:center;justify-content:center}.creation-canvas .art{height:100%;min-height:0;width:100%;border:0;border-radius:0}.image-canvas .art{max-width:360px}.video-canvas .art{height:auto;aspect-ratio:16/9;max-height:100%}.canvas-caption{position:absolute;bottom:12px;left:12px;background:#100c17dc;padding:5px 10px;border-radius:5px;font-size:11px;color:var(--muted)}.instruction-panel .prompt{border:0;margin:0;padding:0}.instruction-panel textarea{min-height:110px}.instruction-panel h2{font-size:24px}summary{cursor:pointer;color:var(--gold)}@media(max-width:1000px){.creation-layout{grid-template-columns:minmax(0,1fr) 290px}}@media(max-width:760px){.creation-layout{grid-template-columns:1fr}.create-heading{align-items:flex-start;flex-direction:column;gap:12px}.creation-canvas{height:340px}.mode-toggle{width:100%}.mode-toggle button{flex:1}}

.result-preview{display:flex;width:100%;height:440px;justify-content:center;background:#09070d;padding:0;overflow:hidden;margin:16px 0}.result-preview svg{height:100%;width:auto}.qa-history .row{margin-top:10px}.qa-inspector{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:#0b0811;color:var(--ivory);padding:20px;border:0}.inspection-panes{display:flex;gap:16px;height:calc(100dvh - 200px);margin-top:16px}.zoom-stage{position:relative;flex:1;min-width:0;overflow:hidden;background:#050408;touch-action:none;cursor:grab}.zoom-layer{position:absolute;left:50%;top:50%;width:800px;height:1000px;margin-left:-400px;margin-top:-500px;transform-origin:center}.comparison{width:45%;min-width:0;overflow:auto}.comparison svg{width:100%;height:85%;object-fit:contain}.comparison[hidden]{display:none}.qa-inspector .row{gap:8px}.qa-inspector p{font-size:12px}@media(max-width:600px){.result-preview{height:330px}.qa-inspector{padding:10px}.inspection-panes{height:calc(100dvh - 260px)}}

/* Interactive finish: restrained lift, warm edge light. */
@media (hover:hover){
button:not(:disabled),a,summary,[role="button"],[data-tile],[data-character],[data-detail],select{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease;}
button:not(:disabled):hover,.button:hover{transform:translateY(-2px);border-color:#e7d3a3;box-shadow:0 5px 18px #0005,0 0 14px #e7d3a31c;}
button.primary:not(:disabled):hover,.button.primary:hover{background:#f7e8c5;box-shadow:0 5px 22px #e7d3a33b;}
[data-tile]:hover,[data-character]:hover,[data-detail]:hover,.card[role="button"]:hover{transform:translateY(-4px);border-color:#d5bb89;box-shadow:0 14px 32px #0006,0 0 0 1px #e7d3a32c;}
[data-tile] .art,[data-character] .art,[data-detail] .art{transition:filter .25s ease;}
[data-tile]:hover .art,[data-character]:hover .art,[data-detail]:hover .art{filter:brightness(1.15);}
nav a:hover{transform:translateY(-1px);box-shadow:inset 0 -2px #e7d3a3;}
a:not(.button):hover,summary:hover{color:#fff0c8;text-shadow:0 0 14px #e7d3a350;}
select:hover,input:hover,textarea:hover{border-color:#9b8164;}
button:not(:disabled):active,.button:active,[role="button"]:active{transform:translateY(0) scale(.985);}
}
input:focus,textarea:focus,select:focus{outline:2px solid #d7b690;outline-offset:2px;box-shadow:0 0 18px #e7d3a320;}
@media(prefers-reduced-motion:reduce){button,a,summary,[role="button"],[data-tile],[data-character],[data-detail],.art{transition:none!important;transform:none!important;}}