:root{font-family:Trebuchet MS,Segoe UI,sans-serif;color:#f8f9fa;background:radial-gradient(circle at top,rgba(255,209,102,.12),transparent 28%),linear-gradient(180deg,#20303c,#101820)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:10px;padding:.6rem .85rem;background:#ef476f;color:#fff}input,select{width:100%;border-radius:8px;border:1px solid rgba(255,255,255,.2);padding:.45rem .55rem;background:#ffffff14;color:#fff}.app-shell{height:100vh;display:grid;grid-template-rows:auto 1fr auto}.toolbar,.timeline,.panel,.canvas-actions{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f171ed9}.toolbar{display:flex;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.toolbar__group{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.toolbar label,.panel label{display:grid;gap:.25rem;font-size:.9rem}.toolbar__file input{display:none}.toolbar__file{padding:.6rem .85rem;border-radius:10px;background:#118ab2;cursor:pointer}.workspace{display:grid;grid-template-columns:280px 1fr 300px;gap:1rem;padding:1rem;min-height:0}.panel{padding:1rem;border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:auto}.asset-section{margin-top:.85rem}.category-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem;background:#ffffff14}.category-toggle.is-open{background:#118ab2}.asset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.asset-card{min-height:62px;background:#ffffff14}.object-list{display:grid;gap:.5rem}.object-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.5rem;background:#ffffff0f}.object-item.is-selected{outline:2px solid #ffd166}.object-item__delete{font-weight:700}.canvas-shell{display:grid;grid-template-rows:auto 1fr;min-width:0}.canvas-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;padding:.75rem;border-radius:18px 18px 0 0;border:1px solid rgba(255,255,255,.08);border-bottom:0}.canvas-hint{color:#ffffffb8;font-size:.9rem}.editor-mode{padding:.55rem .8rem;border-radius:999px;font-weight:700;letter-spacing:.02em}.editor-mode.is-classic{background:#118ab233;border:1px solid rgba(17,138,178,.45);color:#9ad9ef}.editor-mode.is-path{background:#ef476f33;border:1px solid rgba(239,71,111,.45);color:#ffd1dc}.path-badge{padding:.5rem .7rem;border-radius:999px;font-size:.9rem;color:#fff}.path-badge.is-forward{background:#06d6a033;border:1px solid rgba(6,214,160,.45)}.path-badge.is-reverse{background:#ef476f33;border:1px solid rgba(239,71,111,.45)}.inline-range{display:flex;align-items:center;gap:.55rem;padding:.35rem .65rem;border-radius:999px;background:#ffffff14;font-size:.9rem}.inline-range input{width:140px}.canvas-wrapper{overflow:auto;border-radius:0 0 18px 18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(45deg,rgba(255,255,255,.03) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.03) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.03) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.03) 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.battle-stage{margin:1rem auto;display:block;box-shadow:0 24px 50px #00000059;background:#ffffff05}.preset-grid,.property-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:1rem}.timeline{position:relative;padding:1rem;border-top:1px solid rgba(255,255,255,.1)}.timeline__controls{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.timeline__range{margin-top:.75rem}.timeline__marks{position:relative;height:10px;margin-top:.35rem}.timeline__mark{position:absolute;top:0;width:10px;height:10px;border-radius:999px;background:#ffd166;transform:translate(-50%)}.timeline__mark--fire{background:#ef476f;width:8px;height:8px;top:1px}.timeline__segment{position:absolute;top:2px;height:6px;border-radius:999px}.timeline__segment--fire{background:#ef476f59;border:1px solid rgba(239,71,111,.7)}@media (max-width: 1200px){.workspace{grid-template-columns:1fr;grid-template-rows:auto auto auto}}