:root{background:#f1f0eb;color:#222724;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app{min-height:100dvh;display:flex;flex-direction:column}header{height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 34px;background:#f1f0eb;border-bottom:1px solid #d2d6ce}header span:not(.logo span){font-size:10px;font-weight:800;letter-spacing:.13em;color:#8a958a}.logo{color:#222724;text-decoration:none;font-size:22px;font-weight:900;letter-spacing:-.09em}.logo span{font-weight:400}.logo b{color:#d7654e}.header-tag{color:#657468!important}.topbar{min-height:156px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 34px 28px}.topbar small{color:#9aa39a;font-size:10px;font-weight:850;letter-spacing:.13em}.topbar h1{font-size:clamp(34px,4vw,57px);letter-spacing:-.075em;line-height:1;margin:9px 0 0;font-weight:710}.top-actions{display:flex;gap:7px}.top-actions button{height:40px;padding:0 14px;border:1px solid #c8cec5;background:transparent;color:#415148;font-size:11px;font-weight:800}.top-actions button:hover{background:#e4e9e2}.top-actions .export{background:#d9654d;border-color:#d9654d;color:#fff}.top-actions .export:hover{background:#bf4c38}.top-actions .export:disabled{opacity:.45}.layout{display:grid;grid-template-columns:335px minmax(0,1fr);flex:1;border-top:1px solid #d2d6ce}.controls{background:#e2e7dd;border-right:1px solid #cbd4c9}.controls section{padding:28px 29px 30px;border-bottom:1px solid #c6d0c2}.section-title{display:flex;align-items:baseline;gap:12px}.section-title span{font:800 10px ui-monospace,SFMono-Regular,Consolas,monospace;color:#d1624a}.section-title h2{margin:0;font-size:17px;letter-spacing:-.045em}.controls p{font-size:11px;line-height:1.55;color:#798b7d;margin:12px 0 16px}.controls textarea{width:100%;height:133px;resize:vertical;padding:12px;border:1px solid #becbbc;background:#f4f6ef;color:#2b3b30;outline:0;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.controls textarea:focus,.field-row input:focus{border-color:#538664}.control-button{height:37px;width:100%;margin-top:10px;border:1px solid #456a4a;background:#31543c;color:#fff;font-size:11px;font-weight:800;text-align:left;padding:0 12px}.control-button:hover{background:#41694b}.control-button:disabled{opacity:.4}.message{min-height:13px;margin-top:8px;color:#a55742;font-size:11px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.field-row label{min-width:0;color:#748979;font-size:10px;font-weight:750}.field-row input{display:block;width:100%;height:37px;margin-top:7px;padding:0 9px;border:1px solid #becbbc;background:#f4f6ef;color:#2b3b30;outline:0;font-size:12px}.text-button{margin-top:13px;padding:0;border:0;background:none;color:#55715d;text-decoration:underline;font-size:10px}.text-button:disabled{opacity:.4}.work{min-width:0;padding:0 34px 45px}.monitor{min-height:250px;display:flex;flex-direction:column;margin-top:28px;padding:17px 20px 15px;background:#17191a;color:#f4f3ea;box-shadow:0 12px 35px #25322b1c}.monitor-top,.monitor-bottom{display:flex;align-items:center;justify-content:space-between;color:#929f98;font:750 10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.caption{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:35px 15%;white-space:pre-wrap;font-size:clamp(18px,2.4vw,29px);font-weight:650;line-height:1.35;text-shadow:0 2px 6px #000;}.monitor-bottom{gap:14px}.monitor-bottom>span:first-child{font-size:20px}.track{height:3px;flex:1;background:#3b4540}.track i{display:block;width:0;height:100%;background:#de785d;transition:width .2s}.cue-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:35px;margin-bottom:20px}.cue-toolbar>div:first-child>span{color:#9ba99a;font-size:10px;font-weight:850;letter-spacing:.12em}.cue-toolbar h2{margin:7px 0 0;font-size:23px;letter-spacing:-.06em}.cue-toolbar h2 b{color:#d76c52;font-size:16px;margin-left:6px}.cue-toolbar>div:last-child{display:flex;gap:8px}.cue-toolbar input,.cue-toolbar select{height:34px;border:1px solid #ccd4ca;background:#fbfaf6;color:#425249;padding:0 10px;outline:0;font-size:11px}.cue-toolbar input{width:200px}.cue-toolbar select{width:73px}.cue-head,.cue-row{display:grid;grid-template-columns:35px 142px 142px minmax(0,1fr);gap:12px;align-items:start}.cue-head{padding:0 8px 11px;color:#a2aaa2;font-size:9px;font-weight:850;letter-spacing:.11em;border-bottom:1px solid #cbd2c9}.cue-row{min-height:96px;padding:14px 8px;border-bottom:1px solid #d4d9d0;cursor:pointer}.cue-row:hover,.cue-row.selected{background:#e8ece5}.cue-row.selected{box-shadow:inset 3px 0 #d96b52}.cue-row>span{padding-top:10px;color:#9ca99d;font:800 11px ui-monospace,SFMono-Regular,Consolas,monospace}.cue-row input{width:100%;height:35px;padding:0 6px;border:1px solid #cfd6cd;background:#fafaf6;color:#3c4f42;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.cue-row textarea{width:100%;min-height:62px;padding:9px;border:1px solid #cfd6cd;background:#fafaf6;color:#2b3b30;resize:vertical;font:12px/1.4 Arial,Helvetica,sans-serif}.cue-row input.invalid{border-color:#d36a50;background:#fff1eb}.empty{padding:65px 20px;text-align:center;color:#9aa69a;font-size:12px}.toast{position:fixed;right:20px;bottom:20px;padding:11px 14px;color:white;background:#26392b;font-size:11px;opacity:0;pointer-events:none;transition:opacity .15s}.toast.show{opacity:1}footer{height:53px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-top:1px solid #d2d6ce;color:#9ca79d;font-size:10px;font-weight:750;letter-spacing:.05em}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #d46c54;outline-offset:2px}@media(max-width:1000px){.layout{grid-template-columns:285px minmax(0,1fr)}.controls section{padding:23px 18px}.work{padding:0 20px 40px}.cue-head,.cue-row{grid-template-columns:30px 115px 115px minmax(0,1fr);gap:7px}.cue-row input{font-size:10px}}@media(max-width:740px){header{padding:0 18px}header>span:nth-child(2){display:none}.topbar{padding:25px 18px;align-items:flex-start;flex-direction:column}.layout{display:block}.controls{display:grid;grid-template-columns:1fr 1fr;border-right:0}.controls section:first-child{grid-column:1/-1}.controls textarea{height:100px}.work{padding:0 18px 35px}.monitor{margin-top:20px}.cue-toolbar{align-items:flex-start;flex-direction:column}.cue-head,.cue-row{grid-template-columns:28px 100px 100px minmax(0,1fr);gap:5px}footer{padding:0 18px}}@media(max-width:560px){.controls{display:block}.cue-toolbar>div:last-child{width:100%}.cue-toolbar input{flex:1;min-width:0}.cue-head{display:none}.cue-row{grid-template-columns:30px 1fr 1fr;gap:7px}.cue-row textarea{grid-column:2/-1}.caption{padding:30px 8%}.monitor{min-height:220px}.top-actions{flex-wrap:wrap}.top-actions button{flex:1}footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}