/* Eipro studio controls */
:root{--accent:#b6a6e6;--accent2:#8974c3;--line:#3d3d43;--panel:#242428;--raised:#303036}
.topbar{background:#242428;border-color:#404046;box-shadow:none}.brand-icon{background:#9d89d1;color:#201b2c;box-shadow:none}.topbar .primary,.primary{background:#a896da;color:#1d1a24;box-shadow:none}.topbar .primary:hover,.primary:hover{background:#c0b1e9}.small-primary{background:#3c354b;border-color:#695984}.rail{background:#202024;border-color:#3a3a40;overflow:auto;scrollbar-width:thin}.rail button{min-height:53px;border-radius:3px;font-size:11px;flex:none}.rail button.active{background:#37303f;box-shadow:inset 3px 0 #b6a6e6;color:#ebe0ff}.assets,.inspector{background:#26262a}.viewer,.canvas-stage{background:#17171a}.viewer-header,.transport{background:#29292d}.canvas-stage{isolation:isolate;overflow:hidden}.canvas-stage canvas{flex:none;max-width:100%;max-height:100%;object-fit:contain}.timeline-area,.timeline-toolbar{background:#26262b}.timeline-toolbar button.tool-active,.tool-choice button.active{background:#4a3d5a;color:#e7d5ff;border-color:#8974a8}.clip.video{background:#4b526b}.clip.image{background:#4c6470}.clip.text{background:#674e74}.clip.audio{background:#3d665e}.clip.selected{outline-color:#d5b5ff;box-shadow:0 0 0 2px #80659c44}.brand:hover{color:#f0e8ff}.panel-heading h2,.timeline-toolbar strong{letter-spacing:.04em}
.workspace-tabs{display:flex;align-items:stretch;height:100%;gap:2px;margin-left:10px}.workspace-tabs button{border-bottom:2px solid transparent;padding:0 12px;font-size:12px;color:#aeb0b8;white-space:nowrap}.workspace-tabs button:hover{color:#eee;background:#333339}.workspace-tabs button.active{color:#f4e8ff;border-color:#aa97d4;background:#323037}
#transformLayer{position:absolute;inset:0;z-index:3;pointer-events:none}#transformBox{position:absolute;border:1px solid #d8c8ff;pointer-events:auto;cursor:move;box-shadow:inset 0 0 0 1px #17142155;transform-origin:center center;touch-action:none}#transformBox .transform-label{position:absolute;bottom:calc(100% + 9px);left:0;background:#262328;color:#ede4ff;font-size:11px;padding:3px 6px;white-space:nowrap;transform:translateY(-1px)}#transformBox .handle{position:absolute;width:11px;height:11px;background:#eee6ff;border:1px solid #3e334f;pointer-events:auto;cursor:nwse-resize}#transformBox .handle.nw{left:-6px;top:-6px}#transformBox .handle.ne{right:-6px;top:-6px;cursor:nesw-resize}#transformBox .handle.sw{left:-6px;bottom:-6px;cursor:nesw-resize}#transformBox .handle.se{right:-6px;bottom:-6px}.rotate-handle{position:absolute;left:calc(50% - 6px);top:-29px;width:12px;height:12px;border:2px solid #e7d9ff;border-radius:50%;background:#574a67;cursor:grab;pointer-events:auto}.rotate-handle:after{content:'';position:absolute;width:1px;height:16px;background:#d8c8ff;left:4px;top:10px}
.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:15px 0}.preset-grid button,.template-list button,.tool-choice button,.layer-row{background:#303035;border:1px solid #494950;border-radius:4px;text-align:left;color:#dddde4}.preset-grid button{padding:12px 9px;font-size:12px;min-height:45px}.preset-grid button:hover,.template-list button:hover,.tool-choice button:hover{background:#3a3741;border-color:#a48bc4}.template-list{display:grid;gap:7px;margin:14px 0}.template-list button{padding:10px 12px;display:grid;gap:4px}.template-list strong{font-size:13px}.template-list small{color:#aaaab5;font-size:11px}.custom-size{display:grid;grid-template-columns:1fr 1fr;gap:9px}.layer-list{display:grid;gap:6px}.layer-row{display:flex;align-items:center;gap:4px;padding:5px 6px;min-height:38px}.layer-row.selected{border-color:#a897d0;background:#3a3346}.layer-name{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.layer-row button:not(.layer-name){font-size:12px;min-width:23px;height:24px;border-radius:3px;color:#c7c7cf}.layer-row button:hover{background:#4a4551}.record-status{padding:14px 12px;margin:13px 0;border:1px solid #48484f;border-left:3px solid #74618d;background:#303036;font-variant-numeric:tabular-nums}.record-status.active{border-left-color:#e57e7c;color:#ffd3d0}#recordToggle.recording{background:#653d42;color:#ffe8e8;border-color:#be747c}.tool-choice{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tool-choice button{text-align:center;padding:9px 4px}.shortcut-list{border-top:1px solid #44444b;margin-top:18px;padding-top:10px;display:grid;gap:9px}.shortcut-list div{display:flex;justify-content:space-between;gap:8px;color:#d1c6e8;font-size:11px}.shortcut-list span{text-align:right;color:#b9b9c2}.tile-action small{float:right;color:#b8b4c2}.timeline-toolbar #selectToolTop,.timeline-toolbar #razorToolTop{border:1px solid transparent}.marker-pin{position:absolute;top:0;width:2px;height:31px;background:#e1b773;z-index:2;pointer-events:auto;cursor:pointer}.marker-pin:before{content:'';position:absolute;top:0;left:-5px;width:12px;height:9px;background:#e1b773;clip-path:polygon(0 0,100% 0,50% 100%)}.marker-pin:hover{background:#f6d095}
@media(max-width:1020px){.workspace-tabs button{padding:0 6px}.workspace-tabs{margin-left:0}.workspace-tabs button:nth-child(n+3){display:none}}
@media(max-width:700px){.workspace-tabs{display:none}.rail{overflow:auto;justify-content:flex-start;gap:3px}.rail button{min-width:54px;min-height:47px}.assets{height:160px}.timeline-toolbar{overflow:auto;scrollbar-width:none}.timeline-toolbar button{flex:none}.viewer-header{flex:none}.canvas-stage{min-height:0}.transform-label{display:none}}
.muted-clip{opacity:.4}.locked-clip{cursor:not-allowed!important}html[data-tool=razor] .clip{cursor:crosshair}html[data-tool=razor] .trim-handle{cursor:crosshair}