:root{font-family:"Instrument Sans",system-ui,sans-serif;font-weight:400;color:#eaeaea;background:#121212;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}button,input,select{font:inherit}button,.button{border:1px solid #383838;background:#242424;color:#ddd;border-radius:7px;padding:7px 10px;cursor:pointer;white-space:nowrap}button:hover,.button:hover{background:#343434}button:disabled{opacity:.3;cursor:default}input,select{background:#242424;color:#eee;border:1px solid #393939;border-radius:6px;padding:7px;min-width:0}input[type="checkbox"]{accent-color:#b99aff}input[type="color"]{padding:2px;width:52px;height:32px;cursor:pointer}input[type="range"]{width:100%;accent-color:#bca4ef}input[type="number"]{width:78px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.app{display:flex;flex-direction:column;height:100dvh;min-height:520px}.topbar{height:58px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:22px;background:#191919;padding:0 16px;border-bottom:1px solid #303030}.brand,.top-actions,.top-center{display:flex;align-items:center;gap:8px}.brand{min-width:235px}.mark{font-size:25px;color:#c8b6ff}.brandtext{font-size:15px;letter-spacing:-.03em}.brandtext span{color:#a6a6a6}.beta{font-size:9px;letter-spacing:.1em;color:#9d8ac2;background:#302b39;padding:4px 6px;border-radius:3px}.top-center input{width:170px;border:0;background:transparent;font-size:13px}.top-center>span{font-size:10px;color:#747474}.top-actions{justify-content:flex-end}.accent{background:#b99cf0!important;color:#18141f!important;border-color:#b99cf0!important}.workspace{display:grid;grid-template-columns:248px minmax(250px,1fr) 285px;min-height:0;flex:1}.sidebar,.inspector{background:#1b1b1b;min-height:0;overflow:auto}.sidebar{display:flex;flex-direction:column;border-right:1px solid #303030}.inspector{border-left:1px solid #303030}.aside-section{padding:17px 10px}.aside-section.grow{flex:1;min-height:0;overflow:auto}.section-title,.inspector-head{display:flex;align-items:center;justify-content:space-between;color:#818181;letter-spacing:.085em;font-size:10px;padding:0 7px 12px}.section-title button{font-size:13px;padding:2px 5px;background:transparent;border:0}.comp-item,.layer-item{display:flex;align-items:center;gap:9px;padding:10px;border-radius:6px;font-size:12px;cursor:pointer;transition:background .12s}.comp-item:hover,.layer-item:hover{background:#282828}.comp-item.active,.layer-item.active{background:#332d40;color:#dacafa}.comp-icon{background:#343039;color:#bca0ee;width:29px;height:29px;border-radius:5px;display:grid;place-items:center}.item-main{min-width:0;flex:1}.item-main strong{font-weight:400;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.item-main small{display:block;margin-top:3px;color:#777;font-size:10px}.eye,.lock{background:transparent;border:0;padding:3px;color:#999}.aside-footer{padding:14px;color:#888;font-size:10px;border-top:1px solid #292929}.status-dot{width:6px;height:6px;background:#97cc92;border-radius:50%;display:inline-block;margin-right:5px}.stage{display:flex;flex-direction:column;min-height:0;background:#111}.stagebar,.stage-footer{display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:12px;flex:none}.stagebar{height:46px;border-bottom:1px solid #292929}.stage-footer{height:28px;color:#787878;font-size:10px;border-top:1px solid #292929}.stage-title,.stage-tools{display:flex;align-items:center;gap:12px;font-size:12px}.stage-tools label{font-size:11px;color:#aaa}.stage-tools select{font-size:11px;padding:5px}.pill{font-size:10px;color:#9c9c9c;background:#262626;padding:4px 7px;border-radius:4px}.viewport{flex:1;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;overflow:auto;padding:24px;background-color:#131313;background-image:linear-gradient(45deg,#171717 25%,transparent 25%),linear-gradient(-45deg,#171717 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#171717 75%),linear-gradient(-45deg,transparent 75%,#171717 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.canvas-host{flex:none;line-height:0;box-shadow:0 12px 38px #0007;position:relative}#scene{display:block;touch-action:none;cursor:grab}.inspector-head{height:46px;padding:0 17px;border-bottom:1px solid #303030}.inspector-head span:last-child{letter-spacing:normal;text-transform:none;color:#bbb}.inspector-body{padding:17px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:13px}.field label{font-size:11px;color:#a1a1a1}.field input:not([type="checkbox"]):not([type="range"]),.field select{width:100%}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.inspector-body h3{font-weight:400;font-size:12px;color:#ddd;margin:19px 0 12px}.inspector-body h3:first-child{margin-top:0}.note{font-size:11px;line-height:1.55;color:#828282}.action-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.action-row button{font-size:11px}.timeline{height:254px;flex:none;background:#191919;border-top:1px solid #343434;display:flex;flex-direction:column}.timeline-head{height:51px;display:flex;align-items:center;gap:22px;padding:0 14px;border-bottom:1px solid #2d2d2d}.transport,.timeline-actions{display:flex;align-items:center;gap:6px}.transport button{padding:6px 9px}.transport .play{background:#b99cf0;color:#151515;border-color:#b99cf0}.timecode{font-variant-numeric:tabular-nums;min-width:90px;color:#d8c5fa}.timeline-actions{margin-left:auto}.timeline-actions label{font-size:11px;color:#aaa}.timeline-actions input{width:57px;padding:5px}.timeline-actions button{font-size:11px}.timeline-body{display:flex;min-height:0;flex:1;overflow:hidden}.track-names{width:248px;flex:none;border-right:1px solid #323232;overflow:hidden}.track-viewport{flex:1;overflow-x:auto;overflow-y:auto;position:relative;min-width:0}.track-header,.ruler{height:32px;border-bottom:1px solid #393939;line-height:32px;font-size:10px;color:#888;background:#202020}.track-header{padding-left:18px}.track-name,.track-row{height:32px;border-bottom:1px solid #2c2c2c;font-size:11px;display:flex;align-items:center}.track-name{padding:0 15px;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-name.active{color:#d1b7ff;background:#2e2936}.track-row{position:relative;background:repeating-linear-gradient(to right,#242424 0px,#242424 1px,transparent 1px,transparent 100px)}.track-row:nth-child(even){background-color:#1d1d1d}.track-name:hover,.track-row:hover{background-color:#302b36}.ruler{position:relative;cursor:pointer;white-space:nowrap}.tick{position:absolute;height:100%;border-left:1px solid #484848;padding-left:4px;font-variant-numeric:tabular-nums}.keypoint{position:absolute;top:12px;width:10px;height:10px;transform:translateX(-50%) rotate(45deg);border:1px solid #c3a5ee;background:#aa8de2;cursor:pointer;z-index:4}.keypoint:hover{background:#fff}.playhead{position:absolute;top:0;bottom:0;width:1px;background:#d8ac8b;z-index:5;pointer-events:none}.playhead:before{content:"";position:absolute;top:0;left:-5px;width:11px;height:11px;background:#d8ac8b;clip-path:polygon(0 0,100% 0,50% 100%)}#toast{position:fixed;bottom:270px;left:50%;transform:translateX(-50%);background:#ddd;color:#141414;border-radius:8px;padding:10px 16px;font-size:12px;display:none;z-index:50}#toast.show{display:block}@media(max-width:1050px){.workspace{grid-template-columns:190px minmax(220px,1fr) 230px}.brand{min-width:190px}.track-names{width:190px}.top-center>span{display:none}}@media(max-width:750px){.workspace{grid-template-columns:155px minmax(180px,1fr)}.inspector{position:absolute;right:0;top:58px;bottom:254px;width:235px;box-shadow:-12px 0 24px #0008;z-index:10;display:none}.inspector.open{display:block}.track-names{width:155px}.top-center{display:none}.stage-tools{gap:5px}.topbar{gap:6px}.brand{min-width:0}.beta{display:none}}
.inspector textarea{width:100%;min-height:85px;resize:vertical;background:#242424;color:#eee;border:1px solid #393939;border-radius:6px;padding:9px;font:400 12px/1.5 'Instrument Sans',sans-serif}