.dialogue-page{--bg:#121116;--card:#201c24;--ink:#eee5dc;--soft:#c1b4bf;--faint:#a091a3;--gold:#dcc09a;--edge:#d7b89325;--edge2:#d7b89345;background:var(--bg)}
.dialogue-page .space-bg{background:radial-gradient(ellipse at 80% 8%,#745e8326,transparent 60%)}
.dialogue-page .page{max-width:1440px}.dialogue-page .lead{max-width:840px}.dialogue-intro-note{font-size:12px;color:var(--faint);margin-bottom:30px}
.dialogue-layout{display:grid;grid-template-columns:minmax(240px,330px) minmax(0,1fr);gap:24px;align-items:start}
.dialogue-picker{padding:20px;border:1px solid var(--edge);border-radius:16px;background:#1a171e;position:sticky;top:90px}
.dialogue-picker>label{display:block;font-size:12px;color:var(--soft);margin-bottom:9px}.dialogue-picker input,.dialogue-own textarea{width:100%;min-width:0;border:1px solid var(--edge2);background:#111015a8;color:var(--ink);border-radius:9px;padding:12px;font:14px var(--sans);outline:none}.dialogue-picker input:focus,.dialogue-own textarea:focus{border-color:var(--gold)}
#dialogue-count{font-size:11px;color:var(--faint);margin:10px 0}#dialogue-list{max-height:58vh;overflow-y:auto;overscroll-behavior:contain}.dialogue-model{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--edge);padding:13px 10px;background:transparent;color:var(--ink);cursor:pointer;border-radius:6px}.dialogue-model:hover,.dialogue-model.on{background:#b8a09a16}.dialogue-model.on{box-shadow:inset 2px 0 var(--gold)}.dialogue-model strong{display:block;font:500 13px/1.5 var(--sans)}.dialogue-model small{display:block;font-size:10px;margin-top:6px;color:var(--faint)}.dialogue-library{display:block;color:var(--gold);font-size:12px;margin-top:20px}#dialogue-more{font-size:11px;margin-top:12px}
.dialogue-main{min-width:0}#dialogue-stage{border:1px solid var(--edge);border-radius:18px;background:linear-gradient(135deg,#28212b,#19161e);padding:30px;scroll-margin-top:80px;min-height:290px}#dialogue-stage h2{font:500 32px/1.15 var(--serif);margin:8px 0 16px}#dialogue-stage h3{font:500 20px var(--serif)}#dialogue-stage p{font:400 16px/1.65 var(--read);color:var(--soft)}.dialogue-heading{display:flex;gap:20px;align-items:start;justify-content:space-between}.dialogue-heading>div{min-width:0}.dialogue-heading>a{flex:none;font-size:11px;color:var(--gold);margin-top:7px}.dialogue-heading .kicker{font-size:10px}#dialogue-stage .dialogue-source{font:11px/1.7 var(--sans);color:var(--faint);padding-bottom:20px;border-bottom:1px solid var(--edge)}
.dialogue-scene{margin-top:24px}.dialogue-scene .kicker{font-size:10px}#dialogue-stage .dialogue-guide{font:500 12px/1.6 var(--sans);color:var(--gold);margin-top:20px}.dialogue-preview{padding-left:22px;line-height:1.7;color:var(--ink)}.dialogue-preview li{margin:12px 0}.dialogue-preview+.btn{margin-top:12px}.dialogue-choices{display:grid;gap:10px;margin:12px 0}.dialogue-choice{border:1px solid var(--edge2);border-left:2px solid #c7b198;border-radius:10px;background:#12101660;color:var(--ink);padding:15px 17px;text-align:left;font:500 14px/1.6 var(--sans);cursor:pointer}.dialogue-choice:hover{background:#e5c6a00e;border-color:#c4aa85}.dialogue-choice:disabled{opacity:.5;cursor:not-allowed}.dialogue-choice small{display:block;font-size:10px;font-weight:400;margin-top:5px}.dialogue-service{font-size:12px;margin:16px 0}.dialogue-service>summary{cursor:pointer;color:var(--faint)}.dialogue-service .dialogue-choice{display:block;width:100%;margin-top:8px;font-size:12px}
.dialogue-transcript{list-style:none;padding:0;margin:22px 0;max-height:320px;overflow-y:auto;overscroll-behavior:contain}.dialogue-transcript:empty{display:none}.dialogue-transcript li{border-left:1px solid #bba7c84d;padding:8px 12px;margin:0 0 12px;background:#15121a44;border-radius:0 8px 8px 0}.dialogue-transcript li>span{font-size:10px;color:var(--gold)}#dialogue-stage .dialogue-transcript p{font:13px/1.6 var(--sans);margin:5px 0}.dialogue-transcript button{border:0;background:none;padding:3px 0;color:var(--faint);font-size:10px;cursor:pointer;text-decoration:underline}
.dialogue-own{border-top:1px solid var(--edge);margin-top:25px;padding-top:20px}.dialogue-own label{display:block;font-size:12px;color:var(--gold);margin-bottom:9px}.dialogue-own textarea{resize:vertical;line-height:1.6}.dialogue-own>.btn{margin-top:10px;font-size:12px}#dialogue-ai-status{margin-top:12px;font-size:12px;color:var(--faint);line-height:1.7}#dialogue-stage #dialogue-ai-status p{font:13px/1.6 var(--sans)}.dialogue-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--edge);margin-top:24px;padding-top:20px}.dialogue-actions .btn{font-size:11px;padding:10px 13px}#dialogue-stage .note{font:11px/1.7 var(--sans);color:var(--faint);margin-top:18px}#dialogue-status{font-size:12px;line-height:1.7;color:var(--soft)}#dialogue-status.is-error{color:#e6b7a8}.dialogue-page button:focus-visible,.dialogue-page a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:850px){.dialogue-layout{grid-template-columns:1fr}.dialogue-picker{position:static}#dialogue-list{max-height:240px}.dialogue-heading{display:block}.dialogue-heading>a{display:inline-block;margin-bottom:10px}#dialogue-stage{padding:22px}.dialogue-page .page{padding-top:105px}}
@media(max-width:400px){#dialogue-stage{padding:18px}#dialogue-stage h2{font-size:28px}.dialogue-choice{font-size:13px;padding:12px}.dialogue-picker{padding:16px}}
@media(prefers-reduced-motion:reduce){.dialogue-page *{scroll-behavior:auto!important;transition:none!important}}