:root{--bg:#1a1714;--surface:#221e1a;--surface-2:#2b2621;--line:#3a342d;--ink:#ece6db;--ink-dim:#a8a097;--accent:#d97757;--accent-soft:#d9775733;--player-bg:#0d0b09;--cam-1:#5b8def;--cam-2:#4cae73;--cam-3:#a06cd5;--cam-4:#e0a44f;--cam-wide:#8a8f98;--audio:#d9a441;--radius:8px;--radius-sm:5px;--font:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Code", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}@keyframes clipCardIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.clip-card-in{animation:.2s ease-out backwards clipCardIn}.clip-card:hover{border-color:var(--ink-dim)}.clip-card:focus-visible,.clips-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.clips-btn:hover{background:var(--surface-2)}.clips-field:hover{border-color:var(--ink-dim)}.clips-field:focus-visible{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:1px}.clips-field::placeholder{color:var(--ink-dim);opacity:.7}@media (prefers-reduced-motion:reduce){.clip-card-in{animation:none}.clip-card,.clip-card *,.clips-btn,.clips-field{transition:none!important}}