*{box-sizing:border-box}:root{--case:#4a0d13;--cream:#d7cbb3;--ink:#211e19;--red:#7f1020}body{margin:0;background:repeating-linear-gradient(35deg,#ffffff04 0 1px,transparent 1px 4px),radial-gradient(ellipse,#6a2226,var(--case));color:var(--ink);font:14px Georgia,serif}button,select,input,textarea{font:inherit}button,select,.upload{border:2px solid #5d5243;border-radius:4px;background:linear-gradient(#e5ddcc,#c1b69e);box-shadow:inset 0 1px #fff7,0 2px 3px #0008;padding:10px;color:var(--ink);cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #ffdc83;outline-offset:2px}[hidden]{display:none!important}header{display:flex;align-items:center;gap:18px;margin:7px;border:2px solid #bcaa85;padding:10px 18px;box-shadow:inset 0 0 0 2px #271a18;color:#eee2cc}header a{color:#eee2cc}.brand{display:flex;align-items:center;gap:15px;text-decoration:none}.brand img{width:125px;height:65px;object-fit:contain}.brand span{font-size:16px}nav{display:flex;flex:1;justify-content:center}nav a,nav strong{padding:12px 15px;border:2px solid #5d5243;background:linear-gradient(#e5ddcc,#c1b69e);color:#211e19;text-decoration:none;white-space:nowrap;font-weight:normal}nav strong{background:var(--red);color:#eee2cc}header select{width:auto}main{padding:8px}.top{display:grid;grid-template-columns:265px minmax(320px,1fr) 300px;gap:9px}.panel{position:relative;padding:18px 14px;background:repeating-linear-gradient(0deg,#ffffff0c 0 1px,#00000002 1px 3px),linear-gradient(125deg,#e4dac6,#c9bda4);border:5px ridge #baa77e;border-radius:7px;box-shadow:0 3px 4px #0009}.panel:before,.panel:after{content:'⊕';position:absolute;top:0;color:#514635;font-size:15px}.panel:before{left:2px}.panel:after{right:2px}h2{font:16px Georgia;letter-spacing:.5px;margin:0 0 12px;border-bottom:1px solid #857965;padding-bottom:12px}h3{font-size:13px;font-weight:normal;overflow-wrap:anywhere}.tabs{display:flex}.tabs button{flex:1;padding:9px 3px;font-size:12px}.tabs .active,.primary{background:linear-gradient(#8f2230,#5b0f19);color:#fff2d9}input[type=search],textarea,select{width:100%;min-width:0;padding:8px;margin-top:7px}input[type=range]{accent-color:#711421}#catalog-status{font-size:11px}#resources{display:grid;grid-template-columns:90px 90px;justify-content:center;gap:9px;max-height:400px;overflow-y:auto;overflow-x:hidden}.resource{position:relative;width:90px;height:90px;padding:5px;background:#181812;border-left:7px dotted #c8bb96;border-right:7px dotted #c8bb96;color:#e7dbc1;overflow:hidden}.resource img{display:block;width:100%;height:54px;object-fit:cover}.resource span{font-size:10px;overflow-wrap:anywhere}.resource .type{font-size:24px;display:block;color:#cfbd94}.upload{display:block;font-size:11px;margin-top:12px;text-align:center}.upload input{display:block;width:100%;font-size:10px;margin-top:6px}.viewer{padding:15px;background:#171711;border:5px ridge #988b6b;border-radius:7px;align-self:start}#screen{width:100%;display:block;aspect-ratio:16/9;background:black;box-shadow:0 0 0 3px #070707}.transport{display:flex;align-items:center;gap:7px;margin-top:15px}.transport button{font-size:21px;padding:8px 13px}.transport input{width:65px;flex:1}.transport output{background:#050505;border:2px inset #524a3b;color:#ddd;padding:8px;font:14px monospace;white-space:nowrap}#seek{width:100%;margin-top:14px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.fields label{font-size:11px}.fields input,.fields select{display:block;width:100%;margin-top:5px;padding:5px;border:1px solid #887b65;background:#ece3d0}.fields input[type=range]{padding:0;background:none}#apply{width:100%;margin-top:14px}.keyframes{border-top:1px solid #8d8068;margin-top:15px}#add-key{width:100%;margin-top:6px;font-size:11px}.key-row{display:flex;gap:5px;align-items:center;justify-content:space-between;padding:4px;font-size:11px}.key-row button{padding:3px 7px}#key-list{max-height:140px;overflow:auto}.actions{display:flex;gap:7px;margin-top:10px}.actions button{flex:1;font-size:12px}.timeline{background:#25231d;border:5px ridge #aa9976;margin-top:10px;overflow:hidden}#ruler{margin-left:165px;height:35px;position:relative;color:#eee1c6;border-bottom:2px solid #75674d;font:12px monospace}#ruler span{position:absolute;transform:translateX(-50%);top:10px}.track{display:grid;grid-template-columns:165px 1fr;border-bottom:2px solid #857552;min-height:72px}.track-title{padding:7px;background:#c9bea6;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.track-title strong{width:100%;font-size:12px;font-weight:normal}.track-title button{padding:3px 8px;font-size:11px}.track-title button.active{background:var(--red);color:white}.lane{position:relative;min-height:70px;background:repeating-linear-gradient(90deg,#ffffff02 0 2px,#0002 2px 4px)}.clip{position:absolute;top:8px;height:52px;background:linear-gradient(#cec4ae,#ada58f);border:3px solid #090909;border-left:7px dotted #000;border-right:7px dotted #000;overflow:hidden;padding:5px;font-size:11px;color:#191915;cursor:grab;touch-action:none;min-width:7px}.clip.audio{background:linear-gradient(#652632,#421c23);color:#e1b9c1}.clip.selected{outline:2px solid #ffda80;outline-offset:1px}.clip span{white-space:nowrap}.clip .key{position:absolute;top:28px;color:#f5db9a}.playhead{position:absolute;top:0;bottom:0;width:2px;background:#eedbc0;pointer-events:none;z-index:9}.track-actions{display:flex;gap:10px;padding-top:10px}footer{padding:10px 15px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#e4d7be}footer .upload{margin:0}footer strong{font-weight:normal;width:100%;letter-spacing:1px;margin-top:10px}#export{margin-left:auto}#status{color:#fff0c9;margin:12px 18px;line-height:1.5}#text-tools label{display:flex;justify-content:space-between;align-items:center;margin-top:10px}#font-size{width:65px}#text-tools button{width:100%;margin-top:10px}#more{width:100%;margin-top:7px}@media(max-width:1150px){header{flex-wrap:wrap}nav{order:4;flex-basis:100%}.top{grid-template-columns:220px minmax(300px,1fr)}.properties{grid-column:1/-1}.properties .fields{grid-template-columns:repeat(6,1fr)}}@media(max-width:680px){header{padding:8px;gap:8px}.brand img{width:100px;height:50px}.brand span{font-size:12px}nav a,nav strong{font-size:11px;padding:8px 5px}.top{grid-template-columns:1fr}.viewer{grid-row:1}.library,.properties{grid-column:1}.properties .fields{grid-template-columns:1fr 1fr}.track{grid-template-columns:100px 1fr}#ruler{margin-left:100px}.track-actions{flex-wrap:wrap}.transport button{padding:7px 10px}.transport input{width:40px}.transport output{font-size:11px}}
.resource video{display:block;width:100%;height:54px;object-fit:cover}.resource video{background:#29241b}

.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.tabs button{min-height:36px}.fx-fields{margin-top:12px;border-top:1px solid #887b65;padding-top:10px}.resource{height:108px}.resource span{display:block;line-height:1.2}.resource .type{height:54px;display:grid;place-items:center}

.preset-actions{border:1px solid #8d8068;padding:8px;margin-top:8px}.preset-actions button{width:100%;margin:4px 0;font-size:12px}.preset-actions p{font-size:12px}.clip.treatment{border:2px solid #e4cc91;border-radius:5px;padding:5px 13px;background:linear-gradient(#737b9b,#3b4566);color:white}.clip.effect{background:linear-gradient(#946249,#593829)}.clip.transition{background:linear-gradient(#877495,#493852)}.resize{position:absolute;top:0;bottom:0;width:11px;padding:0;border:0;border-radius:0;background:#f4dbaa99;box-shadow:none;cursor:ew-resize;touch-action:none}.resize.left{left:0}.resize.right{right:0}#block-tools{border-top:1px solid #8d8068;margin-top:12px;padding-top:8px}#block-tools label{display:block;font-size:12px;margin:6px 0}#block-tools p{font-size:12px}

.resource>*{pointer-events:none}.resource.selected{outline:3px solid #ffda80;outline-offset:-3px;background:#602330}.resource{touch-action:manipulation}.preset-actions{position:sticky;top:0;z-index:2;background:#d7cbb3}#add-treatment{font-weight:bold;min-height:44px}.resource .type{font-size:30px}