:root{color:#eee;background:#090a0e;font-family:Arial,sans-serif}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh;display:flex}.rail{background:#111218;border-right:1px solid #292b35;flex-direction:column;flex-shrink:0;gap:5px;width:180px;padding:18px 12px;display:flex}.brand{margin-bottom:14px;padding:10px}.rail button,.shot{color:#9295a3;text-align:left;background:0 0;border:0;border-radius:7px;padding:10px}.rail .active,.shot.selected{color:#fff;background:#252731}main{flex:1;min-width:0;padding:24px}header{justify-content:space-between;align-items:center;display:flex}h1{margin:5px 0 16px}.primary{color:#111;background:#eee;border:0;border-radius:7px;padding:10px 15px;font-weight:700}.panel{background:#111218;border:1px solid #292b35;border-radius:10px;padding:12px}.shot{width:100%;margin:5px 0;display:block}.workspacewrap{flex:1;min-width:0}.workspacewrap main{padding-top:10px}.topbar{justify-content:space-between;align-items:center;margin:16px 24px 0;display:flex}.back{color:#ddd;background:#17181e;border:1px solid #30323c;border-radius:7px;margin:0;padding:8px 12px}.dashboard{width:100%;max-width:1200px;margin:auto}.projectgrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.projectcard{text-align:left;color:#eee;background:#111218;border:1px solid #292b35;border-radius:12px;min-height:170px;padding:18px}.projectcard span{color:#777b89;letter-spacing:.12em;font-size:10px}.projectcard h2{margin:16px 0 8px}.projectcard p{color:#8f93a0}.projectcard b{font-size:12px}.error{background:#271717;border:1px solid #5d3030;border-radius:8px;margin-bottom:10px;padding:10px}.notice{color:#bfe6c9;background:#152018;border:1px solid #2f4a35;border-radius:8px;margin-bottom:10px;padding:10px;font-size:13px}.empty{color:#777b89;font-size:12px}.shot small{color:#777b89}.authwrap{place-items:center;width:100%;min-height:100vh;padding:24px;display:grid}.authcard{background:#111218;border:1px solid #292b35;border-radius:12px;width:100%;max-width:360px;padding:28px}.authcard small{color:#777b89;letter-spacing:.12em;font-size:10px}.authcard h1{margin:8px 0 18px;font-size:20px}.authcard label{color:#9295a3;margin:12px 0 0;font-size:12px;display:block}.authcard input{color:#ddd;background:#191a21;border:1px solid #333641;border-radius:6px;width:100%;margin-top:5px;padding:9px;font-size:14px;display:block}.authcard .hint{color:#777b89;margin-top:4px;display:block}.authcard .primary{cursor:pointer;width:100%;margin-top:18px;padding:11px}.authcard .primary:disabled{opacity:.6;cursor:default}.linklike{color:#9295a3;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.authcard .linklike{text-align:center;width:100%;margin-top:14px;display:block}.primary{cursor:pointer}.primary:disabled{opacity:.6;cursor:default}.modalwrap{z-index:10;background:#06070ab8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modalcard{background:#111218;border:1px solid #292b35;border-radius:12px;width:100%;max-width:420px;padding:26px}.modalcard h2{margin:0 0 14px;font-size:18px}.modalcard label{color:#9295a3;margin:12px 0 0;font-size:12px;display:block}.modalcard input,.modalcard textarea{color:#ddd;background:#191a21;border:1px solid #333641;border-radius:6px;width:100%;margin-top:5px;padding:9px;font-family:inherit;font-size:14px;display:block}.modalcard textarea{resize:vertical;height:80px}.modalactions{justify-content:flex-end;align-items:center;gap:16px;margin-top:20px;display:flex}.modalactions .primary{padding:9px 16px}.hint{color:#777b89;margin-top:10px;font-size:12px;display:block}.panel.generator,.panel.emptystate,.panel.storycard,.panel.costreview{max-width:560px;margin-bottom:16px}.panel label{color:#9295a3;margin:12px 0 0;font-size:12px;display:block}.panel input,.panel textarea{color:#ddd;background:#191a21;border:1px solid #333641;border-radius:6px;width:100%;margin-top:5px;padding:9px;font-family:inherit;font-size:14px;display:block}.panel input:disabled,.panel textarea:disabled{opacity:.65;cursor:not-allowed}.panel textarea{resize:vertical;height:90px}.panel .primary{margin-top:16px;padding:10px 16px}.emptystate{text-align:center;padding:32px}.modetabs{gap:6px;margin-bottom:4px;display:flex}.modetabs button{color:#9295a3;cursor:pointer;background:#17181e;border:1px solid #292b35;border-radius:7px;padding:8px 12px;font-size:12px}.modetabs button.active{color:#fff;background:#252731}.paidtag,.freetag{border-radius:20px;margin-top:12px;padding:4px 9px;font-size:11px;display:inline-block}.paidtag{color:#e0b26a;background:#2b2013;border:1px solid #4a3a1e}.freetag{color:#bfe6c9;background:#152018;border:1px solid #2f4a35}.storymeta{align-items:center;gap:10px;margin-bottom:4px;display:flex}.badge{text-transform:capitalize;border-radius:20px;padding:3px 9px;font-size:11px}.badge-draft{color:#9db4e0;background:#232634}.badge-approved{color:#bfe6c9;background:#152018}.badge-superseded{color:#8a8a8a;background:#232323}.charlist{flex-direction:column;gap:10px;max-width:640px;display:flex}.charrow{flex-direction:column;gap:8px;display:flex}.charmeta{align-items:center;gap:8px;display:flex}.charmeta small{color:#777b89}.scenecard{max-width:720px;margin-bottom:14px}.scenecard p{color:#c7c9d1;margin:8px 0}.shotlist{border-top:1px solid #292b35;margin-top:10px;padding-top:8px}.costreview h3{margin:0 0 8px}.estimatelist{color:#c7c9d1;margin:8px 0;padding:0;font-size:13px;list-style:none}.estimatelist li{padding:3px 0}.estimatelist small{color:#777b89}.confirmbox{background:#17181e;border:1px solid #4a3a1e;margin-top:14px}.confirmbox p{color:#e7e8ec;margin:0}.badge-failed{color:#e08a8a;background:#2b1717}.mediagrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.mediacard{padding:0;overflow:hidden}.previewbox{aspect-ratio:16/9;background:#050608;place-items:center;display:grid;overflow:hidden}.previewbox img,.previewbox video{object-fit:cover;width:100%;height:100%}.previewbox audio{width:90%}.previewph{color:#777b89;text-transform:capitalize;font-size:11px}.mediameta{justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.mediameta small{color:#9295a3;text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.joblist{flex-direction:column;gap:8px;max-width:640px;display:flex}.jobrow{padding:10px 12px}.jobmeta{align-items:center;gap:10px;display:flex}.jobmeta b{text-transform:capitalize}.jobmeta small{color:#777b89;margin-left:auto}.joberror{color:#e08a8a;margin:8px 0 0;font-size:12px}@media (width<=700px){.app{flex-direction:column}.rail{border-bottom:1px solid #292b35;border-right:0;flex-direction:row;gap:4px;width:100%;padding:8px;overflow-x:auto}.rail .brand{display:none}.rail button{white-space:nowrap;padding:8px 12px}main{padding:16px}.topbar{margin:12px 16px 0}.modalcard,.authcard{padding:20px}}