:root{font-family:Inter,"Noto Sans SC",system-ui,sans-serif;color:#242529;background:#f5f4f0}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.55;cursor:wait}input,textarea,select{width:100%;padding:11px 13px;border:1px solid #dcdedc;border-radius:10px;background:#fff;color:#242529;outline:0}input:focus,textarea:focus,select:focus{border-color:#7567dc;box-shadow:0 0 0 3px #7567dc20}textarea{resize:vertical;line-height:1.5}label{display:block;color:#5c5d66;font-size:13px;font-weight:600;margin:15px 0 0}label input,label textarea,label select{display:block;margin-top:7px;font-weight:400}.muted,.hint{color:#777984}.hint{font-size:13px;margin:4px 0 0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:#8a7be2;text-transform:uppercase}.primary{background:#6757d5;color:#fff;border-radius:10px;padding:11px 17px;font-weight:700;box-shadow:0 5px 13px #6757d525}.primary:hover{background:#5543c6}.primary.large{font-size:16px;padding:16px 24px}.wide{width:100%}.subtle{background:#fff;border:1px solid #dedee5;border-radius:10px;color:#4d4e58;padding:9px 13px;font-weight:650}.subtle:hover{border-color:#aa9def;color:#584aca}.link{background:none;color:#777984}.error{color:#b33d47;white-space:pre-wrap}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 70% 20%,#e7e1ff,transparent 42%),#f5f4f0}.login-card{width:min(440px,100%);padding:38px;background:#fff;border:1px solid #e4e4e9;border-radius:24px;box-shadow:0 25px 70px #30295012}.login-card h1{font-size:29px;line-height:1.3;margin:12px 0}.login-card p{line-height:1.65}.login-card form{margin-top:26px}.login-card button{margin-top:18px}.brand-mark{width:37px;height:37px;display:inline-grid;place-items:center;border-radius:12px;background:#6757d5;color:white;font-weight:900;font-size:20px;flex:none}#app{min-height:100vh;display:flex}.sidebar{width:250px;background:#fff;border-right:1px solid #e6e6e7;padding:23px 16px;display:flex;flex-direction:column;gap:20px;flex:none;position:sticky;top:0;height:100vh}.logo{display:flex;align-items:center;gap:10px;padding:0 7px}.logo strong,.logo small{display:block}.logo small{color:#93939a;font-size:11px;margin-top:2px}.side-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#a1a1aa;font-weight:800;margin:5px 9px -12px}.story-item{width:100%;display:block;text-align:left;background:transparent;border-radius:11px;padding:11px 12px;margin:4px 0;color:#40404a}.story-item:hover,.story-item.active{background:#f2efff;color:#5847c2}.story-item strong,.story-item small{display:block}.story-item strong{font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.story-item small{color:#9999a1;margin-top:4px}.side-bottom{margin-top:auto;border-top:1px solid #ececf0;padding:18px 8px 4px;display:flex;justify-content:space-between;color:#92939b;font-size:12px}.workspace{min-width:0;flex:1}.topbar{height:66px;background:#fff;border-bottom:1px solid #e8e8ed;display:flex;align-items:center;justify-content:space-between;padding:0 36px;color:#666875;font-size:13px}.top-actions{display:flex;align-items:center;gap:10px}.live-dot{width:7px;height:7px;border-radius:50%;background:#64ba8d}.welcome,.workspace>section#editor{max-width:1200px;margin:auto;padding:34px}.welcome-hero{background:#242037;color:white;padding:62px;border-radius:24px;position:relative;overflow:hidden}.welcome-hero:after{content:"✦";font-size:230px;color:#ffffff12;position:absolute;right:80px;top:0}.welcome-hero h1{font-size:clamp(36px,5vw,65px);line-height:1.15;margin:16px 0}.welcome-hero p{color:#c7c2d9;max-width:520px;line-height:1.8}.welcome-hero button{margin-top:23px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.steps>div{background:white;padding:25px;border:1px solid #eae9ed;border-radius:16px}.steps b,.steps strong,.steps small{display:block}.steps b{color:#9d90df;font-size:12px}.steps strong{margin:9px 0}.steps small{color:#9999a0}.titlebar,.episode-bar,.section-heading,.card-head,.production-main,.production-foot,.scene-head,.shot-head,.line-head,.asset-row,.film-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.titlebar{margin-bottom:25px}.titlebar h1{font-size:32px;margin:6px 0}.titlebar p{margin:0;line-height:1.6}.episode-bar{border-bottom:1px solid #e2e2e5;padding-bottom:15px;margin-bottom:20px}.episode-tabs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.episode-tabs button{padding:9px 15px;border-radius:9px;background:#e9e8e6;color:#777}.episode-tabs button.active{background:#e9e3ff;color:#5d4ccb;font-weight:700}.card{background:#fff;border:1px solid #e5e5e9;border-radius:16px;padding:22px;margin-bottom:15px}.card h3,.card h2{margin:0}.production{background:linear-gradient(125deg,#fff 70%,#f1ecff)}.production h2{font-size:25px;margin:4px 0}.production p{margin:5px 0}.progress-track{height:7px;border-radius:9px;background:#e9e6ef;margin:22px 0 10px;overflow:hidden}.progress-track span{display:block;width:0;height:100%;background:#7666db;transition:width .4s}.production-foot{font-size:12px;color:#83828e}.tabs{display:flex;gap:26px;border-bottom:1px solid #dfdfe3;margin:26px 0}.tabs button{background:none;padding:0 0 13px;color:#81818b;border-bottom:2px solid transparent}.tabs button.active{color:#5d4ec7;border-color:#6757d5;font-weight:800}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:15px}.card-head{margin-bottom:13px}.card-head h3{font-size:17px}.section-heading{margin:16px 0}.section-heading h2{margin:0}.section-heading p{color:#92939d;font-size:13px}.scene-card{border:1px solid #e5e5e9;border-radius:16px;background:#fff;padding:22px;margin-bottom:14px}.scene-head h3{margin:0}.scene-fields{display:grid;grid-template-columns:1fr 1fr 120px;gap:12px}.shot,.dialogue,.character{background:#faf9f7;border:1px solid #edebeb;border-radius:12px;padding:16px;margin:10px 0}.shot-head,.line-head{font-size:13px;font-weight:700;color:#646473;margin-bottom:9px}.shot-fields{display:grid;grid-template-columns:1fr 140px 130px;gap:12px}.dialogue-fields{display:grid;grid-template-columns:140px 1fr 105px 105px;gap:10px}.character{display:grid;grid-template-columns:150px 150px 1fr 160px auto;gap:10px;align-items:end}.character label,.shot label,.dialogue label{margin-top:0}.section-label{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.section-label h4{margin:0}.add-block{width:100%;background:transparent;border:1px dashed #c8c4d9;color:#6757d5;padding:17px;border-radius:12px;font-weight:700;margin:7px 0 20px}.small-btn{background:#eeeafa;color:#6757d5;border-radius:8px;padding:7px 10px;font-weight:700}.danger-link{background:none;color:#ba6772;font-size:12px}.asset-row,.film-row{background:white;border:1px solid #e5e5e9;border-radius:13px;padding:15px;margin:9px 0}.asset-info{min-width:0;flex:1}.asset-info strong,.asset-info small{display:block}.asset-info small{color:#92939d;margin-top:5px}.asset-preview{width:125px;height:72px;object-fit:cover;border-radius:8px;background:#eee}.asset-row audio{width:170px}.pill{border-radius:20px;background:#eeeafa;color:#6858cd;padding:6px 10px;font-size:12px}.empty{border:1px dashed #dddce2;border-radius:13px;padding:26px;color:#96969f;text-align:center}.modal{position:fixed;inset:0;display:grid;place-items:center;z-index:20}.modal[hidden],[hidden]{display:none!important}.modal-backdrop{position:absolute;inset:0;background:#18152299}.modal-panel{position:relative;background:#fff;border-radius:22px;padding:32px;width:min(580px,calc(100vw - 28px));max-height:90vh;overflow:auto;box-shadow:0 28px 90px #0003}.modal-panel h2{font-size:28px;margin:8px 0}.modal-panel p{color:#858590;line-height:1.7}.modal-close{position:absolute;right:18px;top:14px;background:none;font-size:25px;color:#999}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.toast{position:fixed;bottom:25px;right:25px;background:#282535;color:#fff;padding:13px 18px;border-radius:10px;box-shadow:0 12px 40px #0002;z-index:30;max-width:380px}@media(max-width:850px){.sidebar{width:190px}.topbar{padding:0 20px}.welcome,.workspace>section#editor{padding:20px}.two-col{grid-template-columns:1fr}.character{grid-template-columns:1fr 1fr}.shot-fields,.dialogue-fields{grid-template-columns:1fr 1fr}}@media(max-width:620px){#app{display:block}.sidebar{width:100%;height:auto;position:relative;gap:9px}.side-bottom,.side-label,#story-list{display:none}.topbar{height:50px}.top-actions{font-size:0}.welcome-hero{padding:35px}.steps{grid-template-columns:1fr}.titlebar,.section-heading,.production-main{align-items:flex-start;flex-direction:column}.scene-fields,.shot-fields,.dialogue-fields,.character{grid-template-columns:1fr}.tabs{gap:12px;overflow:auto;white-space:nowrap}}
@media(max-width:620px){#story-list{display:flex;overflow:auto;gap:7px}#story-list .story-item{min-width:155px}}