*{box-sizing:border-box}body{margin:0;background:#f4f7fa;color:#16263b;font:15px/1.5 Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}.top{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:16px max(22px,calc((100% - 1460px)/2));background:#fff;border-bottom:1px solid #e2eaf0;position:sticky;top:0;z-index:10}.brand{font-weight:900;text-decoration:none;font-size:21px;color:#0c806a}.version{font-size:10px;color:#728397;letter-spacing:2px;font-weight:800}.top nav{display:flex;gap:18px;font-weight:700;font-size:12px;color:#62748a}.top nav a{text-decoration:none}main{max-width:1460px;margin:0 auto;padding:0 22px 80px}.intro{padding:39px 0;display:grid;grid-template-columns:1fr 330px;align-items:center;gap:25px}.eyebrow{font-weight:900;letter-spacing:2px;color:#0d9d7f;font-size:11px}.intro h1{font-size:clamp(35px,4.6vw,62px);letter-spacing:-2.5px;margin:9px 0}.intro h1 em{font-style:normal;color:#129779}.intro p{max-width:670px;color:#66798b;font-size:16px}.intro-art{background:linear-gradient(135deg,#11273e,#243755 63%,#26534f);color:#fff;border-radius:17px;min-height:196px;padding:20px 26px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 15px 30px #1d35432a}.intro-art span{font:12px monospace;color:#fca39d}.intro-art strong{font:900 34px/1.2 monospace;letter-spacing:3px}.intro-art small{color:#7ee7c1;font:12px monospace}.notice{background:#e7f7f1;border:1px solid #b8e9d9;color:#246854;padding:12px 17px;border-radius:10px;margin-bottom:22px;font-size:13px}.studio-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #d7e3ec}.tab{border:0;background:transparent;border-bottom:3px solid transparent;border-radius:0;padding:13px 19px;color:#63768a;font-weight:800}.tab.active{border-color:#129779;color:#096b5b}.pane{display:none;padding-top:20px}.pane.active{display:block}.editor-grid{display:grid;grid-template-columns:250px minmax(400px,1fr) 270px;gap:15px;align-items:start}.panel{border:1px solid #e1e9f0;background:white;border-radius:14px;padding:20px;box-shadow:0 5px 25px #24405b09;min-width:0}.panel h2{margin:0 0 16px;font-size:18px}.panel h3{margin:20px 0 10px;font-size:16px}.panel h3 small{font-size:12px;font-weight:500;color:#718497;margin-left:10px}.helper{color:#728396;font-size:12px;line-height:1.55}.panel label:not(.upload){display:block;font-size:12px;font-weight:750;color:#66788c;margin:12px 0}.panel input:not([type=file]):not([type=range]),.panel textarea,.panel select{display:block;width:100%;margin-top:5px;padding:9px 10px;border-radius:7px;background:#f7fafc;border:1px solid #dce5ed;color:#18304c;font:inherit}.panel input[type=range]{width:100%;accent-color:#11977a}button,.upload{cursor:pointer;font:inherit;font-weight:750;border:1px solid #d8e4ed;border-radius:8px;background:#edf3f8;color:#243d54;padding:10px 13px;display:inline-block}button:hover,.upload:hover{filter:brightness(.97)}button:disabled{opacity:.5;cursor:not-allowed}.green{background:#0da083;color:white;border-color:#0da083}.danger{background:#fff1ef;color:#a84337;border-color:#f4cdca}.upload{display:block;margin:10px 0;text-align:center;background:#e1faf2;color:#087d66}.upload.secondary{background:#edf3f8;color:#31556b}.media-list{max-height:330px;overflow:auto}.media-item{display:flex;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #e8eff4}.media-item div{flex:1;min-width:0}.media-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.media-item small{display:block;color:#7c8b9d}.media-item button{font-size:11px;padding:6px 8px;white-space:nowrap}.media-panel>button,.inspector button{margin-top:7px}.preview-header,.transport,.exportrow{display:flex;gap:11px;align-items:center}.preview-header{justify-content:space-between}.chip{font-size:10px;padding:4px 9px;border-radius:20px;background:#eef6f4;color:#177c65;font-weight:800}.screen-wrap{width:100%;aspect-ratio:16/9;background:#08131f;border-radius:11px;overflow:hidden;box-shadow:0 10px 22px #0e253729}.screen-wrap canvas{width:100%;height:100%;display:block}.transport,.exportrow{margin-top:14px;flex-wrap:wrap}.transport #scrub{flex:1;min-width:100px;accent-color:#109f82}.transport output{font:12px monospace;color:#50657e}.exportrow label{font-size:12px;display:flex!important;align-items:center;gap:8px;margin:0!important}.exportrow select{width:auto!important;margin:0!important}.timeline{display:flex;align-items:stretch;gap:6px;overflow-x:auto;min-height:90px;background:#eff4f8;border:1px solid #e0e9ef;border-radius:10px;padding:10px}.timeline-help{font-size:12px;color:#718093;margin:0 0 8px}.clip{min-width:95px;max-width:300px;padding:10px 8px;border:2px solid #c5dddb;background:linear-gradient(140deg,#e1f6ef,#f6fbfd);border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;cursor:pointer;text-align:left}.clip.selected{border-color:#078c74;box-shadow:0 0 0 2px #9ae3d3}.clip.video{background:#edf0ff}.clip.image{background:#fff7e7}.clip.generated{background:#e4eafa}.clip strong{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.clip small{font-size:11px;color:#526c7b}.clip>span{font-size:16px}.inspector hr,.panel hr{border:0;border-top:1px solid #e7edf2;margin:22px 0}.two-btn,.buttons,.two{display:flex;gap:10px;flex-wrap:wrap}.two>*{flex:1}.buttons{margin:15px 0}.gen-grid{display:grid;grid-template-columns:minmax(310px,1fr) minmax(310px,1fr);gap:17px}.shotlist{max-height:600px;overflow:auto}.shot{border:1px solid #dce7eb;background:#f5faf9;padding:13px;margin:10px 0;border-radius:9px}.shot strong{display:block;color:#147f6b}.shot p{font-size:12px;color:#53677a}.placeholder{background:#f7fafc;color:#8090a1;padding:35px;text-align:center;border-radius:9px}progress{width:100%}footer{text-align:center;color:#8191a0;font-size:11px;padding:24px}textarea{resize:vertical}#emptyInspector{padding:14px 0}@media(max-width:1150px){.editor-grid{grid-template-columns:225px minmax(350px,1fr)}.inspector{grid-column:1/-1}.inspector #inspectorFields{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px}}@media(max-width:770px){.intro{grid-template-columns:1fr}.intro-art{display:none}.editor-grid,.gen-grid{grid-template-columns:1fr}.inspector{grid-column:auto}.inspector #inspectorFields{display:block}.top{gap:7px;padding:12px}.top .version{display:none}.intro h1{letter-spacing:-1px}.panel{padding:14px}main{padding:0 12px 40px}}
.editor-extras{border:1px solid #d9e9ec;border-radius:10px;padding:11px 14px;background:#f7fbfa;margin:19px 0 8px}.extras-title{display:flex;gap:12px;justify-content:space-between;align-items:center;font-weight:800;font-size:13px}.extras-title small{font-size:11px;font-weight:500;color:#6c8590}.editor-extras .buttons{margin:8px 0 0}.editor-extras button{font-size:12px;padding:7px 10px}