:root{color-scheme:light;font-family:Inter,Segoe UI,sans-serif;background:#faf9fc;color:#21182d;font-size:14px}*{box-sizing:border-box}body{margin:0}aside{position:fixed;inset:0 auto 0 0;width:230px;background:#ffffff;border-right:1px solid #ebe5f1;padding:38px 26px}.logo{font-size:35px;font-weight:800;letter-spacing:-2px;text-decoration:none;color:#21182d}.logo span{font-size:11px;letter-spacing:3px;margin-left:10px;color:#782ee8}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:#846398;margin:20px 0 12px}nav{display:grid;gap:12px;margin-top:45px}nav a{padding:13px;color:#74677f;text-decoration:none;border-radius:6px}nav a:hover,nav a[aria-current="location"]{background:#f0e6fe;color:#712ac8}.sidebar-bottom{position:absolute;bottom:30px;line-height:2;color:#75687f;font-size:12px}small,.muted{color:#786d82}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#782ee8;margin-right:7px}main{margin-left:230px;padding:0 48px;max-width:1550px}header{display:flex;justify-content:space-between;align-items:center;height:83px;border-bottom:1px solid #ebe5f1;color:#786d82;font-size:12px}.badge{border:1px solid #e3d4f5;border-radius:30px;padding:7px 12px;color:#7845aa}.intro{padding:32px 0 25px}.intro h1{font-size:clamp(32px,4vw,53px);font-weight:500;line-height:1.15;letter-spacing:-2px;margin:15px 0}.intro em{font-family:inherit;font-style:normal;font-weight:650;color:#782ee8}.intro>p:last-child{max-width:540px;line-height:1.8;color:#786d82}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:10px 0 40px}.metric,.card{border:1px solid #e8e1ef;border-radius:10px;background:#ffffff;padding:22px}.metric strong{display:block;font-size:30px;font-weight:500;margin-bottom:8px}.metric span{color:#786d82}section{scroll-margin-top:20px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.section-title .eyebrow{margin-top:0}h2{font-size:22px;font-weight:500;margin:0}button{background:#782ee8;color:#ffffff;border:0;border-radius:6px;padding:12px 18px;cursor:pointer;font-weight:600}button:hover{background:#6420c9}button:disabled{opacity:.45;cursor:wait}.ghost{background:#eee5f8;color:#7135a4}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px;margin-bottom:35px}.card h3{font-size:18px;margin:12px 0}.card p{color:#786d82;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.card small{color:#7845aa}.empty{color:#786d82;padding:28px;border:1px dashed #d8c8e8;border-radius:8px;line-height:1.7}.planning{display:grid;grid-template-columns:1fr 1fr;gap:35px;border-top:1px solid #e8e1ef;padding:30px 0;margin-bottom:30px}form{display:grid;gap:16px}label{display:grid;gap:8px;font-size:12px;color:#675773}input,textarea,select{font:inherit;width:100%;border:1px solid #ded4e8;background:#ffffff;color:#21182d;border-radius:5px;padding:12px}textarea{resize:vertical;min-height:95px}input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid #782ee8;outline-offset:3px}.notice{padding:20px;background:#f6f0fd;border:1px solid #e6d8f4;border-radius:8px;color:#705584;line-height:1.8}.table-wrap{overflow:auto;border:1px solid #e8e1ef;border-radius:8px}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:11px;color:#79648a;font-weight:400;background:#f5f0fa}th,td{padding:18px;border-bottom:1px solid #e8e1ef}td small{display:block;margin-top:5px}.pill{display:inline-block;padding:5px 9px;border-radius:4px;background:#eee3fc;color:#7437ac;font-size:11px}#usage{margin-top:38px}footer{padding:40px 0;color:#8a7b96;font-size:11px}dialog{background:#ffffff;color:#21182d;border:1px solid #e0d3ec;border-radius:12px;padding:28px;width:min(570px,90vw);max-height:85vh}dialog::backdrop{background:#25143666}#message:not(:empty){padding:15px;background:#eee3fc;border-radius:6px;margin-bottom:15px}#detail{line-height:1.8;overflow-wrap:anywhere}#detail h2{margin-top:20px}#detail p{white-space:pre-wrap}@media(max-width:850px){aside{position:static;width:100%;padding:20px}aside>.eyebrow,.sidebar-bottom{display:none}nav{display:flex;margin-top:15px;gap:0}main{margin:0;padding:0 20px}.planning{grid-template-columns:1fr}.metrics{gap:8px}.metric{padding:15px}.section-title{flex-wrap:wrap}.intro{padding-top:20px}}

.logo{font-size:26px;letter-spacing:-1px}.logo span{font-size:20px;letter-spacing:-.5px;margin-left:2px}
.logo-crop{display:block;position:relative;width:178px;aspect-ratio:4.95;overflow:hidden;background:#fff;border-radius:3px}.logo-crop img{position:absolute;width:109%;max-width:none;height:auto;left:-4.7%;top:-52%}

.intro h1{font-weight:650;font-size:clamp(30px,3.5vw,46px)}.metric,.card{box-shadow:0 3px 15px #371b5c04}.metric strong{color:#782ee8;font-weight:650}.planning{gap:24px;border-top:0;padding-top:0}.planning>div{min-width:0;background:white;border:1px solid #e8e1ef;border-radius:12px;padding:24px}.planning .muted{line-height:1.7;margin-bottom:22px}.table-wrap{background:white}button{border-radius:8px}button.ghost:hover{background:#e2d1f4}.badge{background:#f5effd}.empty{background:#fff;text-align:center;padding:35px}.logo span{margin-left:0}.sidebar-bottom{border-top:1px solid #eee7f4;padding-top:15px}nav a{font-size:13px}header a{color:#782ee8;text-decoration:none}@media(max-width:850px){nav{flex-wrap:wrap}.planning>div{padding:20px}.intro h1{letter-spacing:-1px}}
#detail-dialog{width:min(900px,94vw)}.brief-context{background:#f5effc;border:1px solid #e5d7f2;padding:18px;border-radius:8px;margin-top:20px}.brief-context summary{cursor:pointer;font-weight:600}.plan-fields{border:0;padding:0;margin:0;display:grid;gap:16px;min-width:0}.scene-editor,.claim-editor{border:1px solid #e3d8ed;border-radius:10px;padding:20px;margin:16px 0;display:grid;gap:16px;min-width:0}.scene-editor legend,.claim-editor legend{color:#782ee8;font-weight:600;padding:0 8px}.scene-editor{grid-template-columns:1fr 1fr}.scene-editor button{justify-self:start}.scene-editor textarea{min-height:130px}#plan-message:not(:empty){padding:16px;background:#f1e8fb;border-radius:8px}#detail-dialog>button{float:right}@media(max-width:600px){.scene-editor{grid-template-columns:1fr}}
.generation-panel{padding:20px;margin:20px 0;background:#f8f3ff;border:1px solid #ddc7f4;border-radius:10px}#generation-message{font-size:12px;color:#705584}#generated-preview article{padding:15px;border-bottom:1px solid #e5d9f0}#generated-preview p{font-size:13px}
.review-panel{border:1px solid #e4d7ef;padding:24px;border-radius:12px;margin:25px 0}.claim-review{padding:18px;margin:15px 0;background:#faf7fd;border-radius:8px}.claim-review a{color:#782ee8;font-size:12px;overflow-wrap:anywhere}.claim-review form{margin-top:15px}.review-panel details{margin-top:20px}.review-panel summary{cursor:pointer}.review-panel details article{border-bottom:1px solid #e5dbea;padding:15px 0}#review-message:not(:empty){padding:15px;background:#f1e8fb;border-radius:8px}
.image-panel{padding:24px;border:1px solid #e4d7ef;border-radius:12px;margin:25px 0}.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px}.image-grid article{min-width:0}.scene-image{aspect-ratio:9/16;background:#eee7f7;border-radius:9px;overflow:hidden;display:grid;place-items:center;margin-top:12px;max-height:300px}.scene-image img{width:100%;height:100%;object-fit:cover}.scene-image span{font-size:12px;color:#847090}.image-grid p{font-size:12px;line-height:1.6}.image-grid input{max-width:100%;font-size:11px}.archived-image{display:block;width:100%;height:140px;object-fit:contain}.image-panel details{margin-top:20px}
.timeline-panel{padding:24px;border:1px solid #e4d7ef;border-radius:12px;margin:25px 0}.preview-layout{display:grid;grid-template-columns:minmax(170px,260px) 1fr;gap:25px}.story-player{aspect-ratio:9/16;background:#21182d;position:relative;overflow:hidden;border-radius:12px;display:grid;place-items:center;color:white}.story-player img{position:absolute;width:100%;height:100%;object-fit:cover}.story-player [hidden]{display:none}.story-caption{position:absolute;bottom:10%;left:7%;right:7%;font-size:15px;line-height:1.4!important;text-align:center;background:#171020bf;color:white;padding:10px;border-radius:5px;max-height:65%;overflow:auto}.missing-art{font-size:12px;color:#d7c6e8;align-self:start;margin-top:40px}.player-controls{display:flex;gap:8px;margin-top:12px}.player-controls button{font-size:11px;padding:10px}.timing-rows{display:grid;grid-template-columns:1fr 1fr;gap:15px}.timing-form{align-content:start}.play-status,.timing-total{font-size:12px;color:#785d90}@media(max-width:600px){.preview-layout{grid-template-columns:1fr}.story-player{max-width:260px;width:100%;margin:auto}}
.export-panel{padding:24px;border:1px solid #d9c5ee;border-radius:12px;margin:25px 0;background:#f8f4fd}.export-result video{display:block;width:100%;max-width:280px;max-height:500px;margin:20px 0;background:#201628;border-radius:10px}.export-result a{display:inline-block;color:#782ee8;padding:10px 0}
.caption-option{display:flex;align-items:center;gap:10px;margin:18px 0;line-height:1.6}.caption-option input{width:18px;height:18px;accent-color:#782ee8;flex-shrink:0}
.audio-panel{padding:24px;border:1px solid #dfd3ec;border-radius:12px;margin:24px 0}.audio-rows{display:grid;gap:18px}.audio-rows article{padding:18px;background:#f7f2fc;border-radius:8px}.audio-rows audio{display:block;width:100%;margin:12px 0}.audio-rows p{font-size:13px}.audio-rows label{margin-top:15px}.audio-panel a{color:#782ee8}
.speech-controls{display:grid;gap:12px;margin-top:20px;padding-top:14px;border-top:1px solid #e0d3ed}
.music-panel{padding:24px;border:1px solid #e2d4ef;border-radius:12px;margin:24px 0}.music-content{display:grid;gap:18px}.music-content audio{width:100%}.music-content form{grid-template-columns:1fr auto;align-items:end}

.export-result > a { display: inline-block; margin: 8px 18px 8px 0; }
.export-history ul { list-style: none; padding: 0; display: grid; gap: 8px; }
.export-history button { text-align: left; }
.export-review { display: grid; gap: 12px; margin-top: 24px; }
.export-review label { display: block; }
.export-review textarea { display: block; width: 100%; min-height: 80px; box-sizing: border-box; }
.export-review input[type=checkbox] { width: auto; }
.review-log { border-top: 1px solid #ddd; }
.run-filters { display:flex; flex-wrap:wrap; gap:16px; align-items:end; margin:20px 0; }
.run-filters label { flex:1; min-width:180px; }
.run-filters input,.run-filters select { display:block; width:100%; box-sizing:border-box; }
.run-actions a { display:block; margin-top:8px; white-space:nowrap; }