:root{color-scheme:dark;--bg:#090a0c;--panel:#101114;--panel2:#17181c;--line:#2a2c31;--muted:#92949d;--text:#f4f5f7;--accent:#51d5ae;--blue:#55c8f2;--danger:#ff626c}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:14px/1.35 system-ui,-apple-system,Segoe UI,sans-serif;overscroll-behavior:none}button,input{font:inherit}button{color:inherit;border:0;cursor:pointer;touch-action:manipulation}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topbar{height:66px;display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line);background:#0c0d0f}.icon-btn{width:36px;height:40px;background:transparent;font-size:28px;border-radius:10px}.project{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.project input{background:transparent;border:0;color:white;font-size:17px;font-weight:750;width:100%;padding:0}.project small,.prop-head small{color:var(--muted);font-size:11px}.export{background:#20bd66;color:#fff;border-radius:14px;padding:12px 16px;font-weight:750;box-shadow:inset 0 -3px #138d4a}.stage-wrap{height:min(39vh,340px);min-height:210px;padding:0 12%;background:#0c0d0f;display:flex;align-items:stretch;justify-content:center}.stage{width:100%;max-width:540px;position:relative;overflow:hidden;background:#050505;isolation:isolate;touch-action:manipulation}.grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.stage.hide-grid .grid{display:none}.objects{position:absolute;inset:0}.object{position:absolute;display:flex;align-items:center;justify-content:center;transform-origin:center;user-select:none;touch-action:none;cursor:move;border:1px solid transparent}.object.selected{border:1px solid #e9f9ff;outline:1px solid #42bff0;outline-offset:2px}.object img,.object video{width:100%;height:100%;object-fit:contain;pointer-events:none}.empty-hint{position:absolute;inset:0;display:grid;place-items:center;color:#62646b;font-size:12px;pointer-events:none}.transport{height:48px;display:flex;align-items:center;justify-content:space-around;border-top:1px solid #555;border-bottom:1px solid var(--line);background:#0b0c0e}.tool-icon{background:transparent;color:#f2f4f6;font-size:25px;min-width:28px;height:40px}.tool-icon:disabled{opacity:.3}.fit-btn{border:1px solid #494b51;border-radius:8px;background:#17181b;padding:7px 10px;font-size:12px}.play-btn{height:34px;width:34px;border:2px solid #eee;border-radius:50%;background:transparent;font-size:14px;padding-left:3px}.timeline-area{background:#0b0c0e;border-bottom:1px solid var(--line)}.timeline-head{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.timeline-head strong{font-size:12px}.timeline-actions{display:flex;gap:5px}.timeline-actions button{background:#1b1c20;border-radius:6px;padding:4px 8px;font-size:11px}.timeline-scroll{height:110px;overflow:auto hidden;position:relative;touch-action:pan-x pan-y}.timeline-inner{position:relative;min-width:100%;height:100%}.ruler{height:27px;position:relative;border-bottom:1px solid #303238;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--sec-width) - 1px),#41434a calc(var(--sec-width) - 1px),#41434a var(--sec-width));background-size:var(--sec-width) 27px}.tick-label{position:absolute;top:3px;font-size:10px;color:#a6a8b0;transform:translateX(4px)}#tracks{position:relative}.track{height:38px;position:relative;border-bottom:1px solid #222329}.track-label{position:absolute;left:5px;top:8px;font-size:10px;color:#b5b6bc;z-index:2;max-width:80px;white-space:nowrap;overflow:hidden}.clip{position:absolute;top:4px;height:29px;border-radius:6px;background:#54c8f1;color:#f8fdff;display:flex;align-items:center;padding:0 8px;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;touch-action:none;border:1px solid #a2eaff}.clip.selected{box-shadow:0 0 0 2px #fff}.key-diamond{position:absolute;top:12px;width:9px;height:9px;background:#fff;transform:rotate(45deg);border:1px solid #1688b2;pointer-events:none}.playhead{position:absolute;top:0;bottom:0;width:2px;background:#21d16b;z-index:4;pointer-events:none;left:0}.playhead:before{content:"";position:absolute;top:22px;left:-5px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #21d16b}.playhead span{position:absolute;top:0;left:-36px;background:#21bd63;border-radius:12px;padding:3px 8px;color:#fff;font-size:10px;white-space:nowrap}.properties{background:#101114;padding:9px 12px 10px;border-bottom:1px solid var(--line)}.prop-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.prop-head strong{display:block;font-size:12px}.mini-btn{background:#28292e;border-radius:7px;padding:6px 10px;font-size:11px}.prop-tabs{display:flex;gap:5px;margin-bottom:9px}.prop-tabs button{flex:1;background:#1a1b20;color:#a8aab2;border-radius:7px;padding:7px 4px;font-size:11px}.prop-tabs button.active{background:#1b493d;color:#64e3bf}.prop-content.hidden{display:none}.field-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.field-grid label{color:#a6a8b0;font-size:10px;display:flex;flex-direction:column;gap:4px;min-width:0}.field-grid input:not([type=color]):not([type=range]){width:100%;min-width:0;background:#08090b;border:1px solid #303239;border-radius:6px;padding:7px 5px;color:white;font-size:12px}.field-grid input[type=color]{width:100%;height:32px;background:#08090b;border:1px solid #303239;border-radius:6px;padding:3px}.field-grid input[type=range]{width:100%;accent-color:var(--accent)}.prop-foot{display:flex;align-items:center;gap:8px;margin-top:9px}.secondary{background:#1c3e35;color:#6fe7c5;border-radius:8px;padding:8px 10px;font-size:11px}.prop-foot span,.muted{font-size:10px;color:var(--muted)}.curve-options{display:flex;gap:5px;flex-wrap:wrap}.curve-options button{background:#1c1d22;border:1px solid #34363d;border-radius:7px;padding:7px 9px;font-size:10px}.curve-options button.active{border-color:var(--accent);color:var(--accent)}.curve-visual{margin-top:8px;background:#090a0c;border:1px solid #292b30;border-radius:8px;padding:5px;height:58px}.curve-visual svg{width:100%;height:100%}.axis{stroke:#46484e;stroke-width:1;fill:none}.curve-line{stroke:var(--accent);stroke-width:3;fill:none}.bottom-tabs{height:76px;display:flex;align-items:center;justify-content:space-around;background:#0b0c0e;padding:4px 2px max(5px,env(safe-area-inset-bottom));gap:2px}.tab{flex:1;min-width:0;height:62px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#a7a9b0;border-radius:9px}.tab span{font-size:25px;line-height:1.1;color:#f4f5f7}.tab small{font-size:10px}.tab.active{background:#1b1c20;color:var(--accent)}.tab.active span{color:var(--accent)}.sheet-backdrop{position:fixed;inset:0;background:#0009;z-index:20;display:flex;align-items:flex-end}.sheet-backdrop.hidden{display:none}.sheet{width:100%;max-height:70vh;background:#141519;border-radius:18px 18px 0 0;padding:10px 15px max(18px,env(safe-area-inset-bottom));animation:slideup .2s ease-out;overflow:auto;border-top:1px solid #393b42}.sheet-grab{width:34px;height:4px;border-radius:9px;background:#565861;margin:0 auto 13px}.sheet-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.sheet-title strong{font-size:16px}.sheet-title button{background:#292a30;border-radius:50%;width:30px;height:30px}.sheet-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.choice{min-height:74px;border:1px solid #303239;background:#1b1c21;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:10px 4px;font-size:11px}.choice span{font-size:24px}.choice:active{transform:scale(.97)}.sheet-note{grid-column:1/-1;color:var(--muted);font-size:11px;margin:3px 0}.settings-row{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}@keyframes slideup{from{transform:translateY(24px);opacity:.7}to{transform:translateY(0);opacity:1}}@media(min-height:800px){.stage-wrap{height:35vh}.timeline-scroll{height:140px}.properties{padding-top:12px;padding-bottom:13px}}@media(max-width:380px){.stage-wrap{padding:0 6%;min-height:190px}.topbar{gap:6px;padding-inline:8px}.export{padding:10px 11px}.field-grid{gap:5px}.field-grid input:not([type=color]):not([type=range]){padding:6px 3px}.tab small{font-size:9px}.timeline-scroll{height:100px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}