.ramin{--bg:#08090d;--panel:#101219;--panel-2:#161922;--panel-3:#1c2029;--line:#242833;--line-soft:#1b1f28;--ink:#dfe4ee;--ink-dim:#98a1b4;--ink-faint:#5f6779;--accent:#7c5cff;--accent-soft:#7c5cff26;--cyan:#22d3ee;--amber:#f5b544;--danger:#ff5f6d;--radius:6px;background:var(--bg);color:var(--ink);font-feature-settings:"tnum" 1;overscroll-behavior:none;user-select:none;grid-template:"topbar topbar topbar"46px"left stage right"minmax(0,1fr)"timeline timeline timeline"250px/250px minmax(0,1fr) 312px;font:12px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;display:grid;position:fixed;inset:0;overflow:hidden}.ramin *{box-sizing:border-box}.ramin ::-webkit-scrollbar{width:10px;height:10px}.ramin ::-webkit-scrollbar-thumb{background:var(--panel-3);background-clip:content-box;border:3px solid #0000;border-radius:6px}.ramin ::-webkit-scrollbar-track{background:0 0}.ramin :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}.r-btn{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel-2);height:26px;color:var(--ink-dim);white-space:nowrap;align-items:center;gap:6px;padding:0 10px;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.r-btn:hover{background:var(--panel-3);color:var(--ink)}.r-btn[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--ink)}.r-btn:disabled{opacity:.4;cursor:default}.r-btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.r-btn--primary:hover{color:#fff;background:#8f72ff}.r-btn--ghost{background:0 0;border-color:#0000}.r-btn--ghost:hover{background:var(--panel-2)}.r-section{border-bottom:1px solid var(--line-soft)}.r-section__title{letter-spacing:.09em;text-transform:uppercase;height:30px;color:var(--ink-faint);justify-content:space-between;align-items:center;padding:0 12px;font-size:10px;display:flex}.r-section__body{gap:6px;padding:2px 12px 12px;display:grid}.r-empty{color:var(--ink-faint);text-align:center;padding:24px 16px;line-height:1.6}.r-top{background:var(--panel);border-bottom:1px solid var(--line);grid-area:topbar;align-items:center;gap:10px;padding:0 12px;display:flex;position:relative}.r-top__group{display:contents}.r-top__account{order:1}.r-top__more{display:none}.r-top__mark{letter-spacing:-.01em;align-items:center;gap:8px;padding-right:6px;font-weight:700;display:flex}.r-top__dot{background:linear-gradient(135deg, var(--accent), var(--cyan));border-radius:3px;width:10px;height:10px}.r-top__name{background:var(--panel-2);border-radius:var(--radius);min-width:140px;height:26px;color:var(--ink);font:inherit;border:1px solid #0000;padding:0 8px}.r-top__name:hover{border-color:var(--line)}.r-top__name:focus{border-color:var(--accent);background:var(--bg);outline:none}.r-top__spacer{flex:1}.r-badge{background:var(--panel-2);border:1px solid var(--line);height:22px;color:var(--ink-faint);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:5px;padding:0 8px;font-size:10px;display:inline-flex}.r-badge--live{color:var(--cyan);border-color:#22d3ee44}.r-badge--dirty{color:var(--amber);border-color:#f5b54444}.r-left{background:var(--panel);border-right:1px solid var(--line);grid-area:left;grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.r-tools{border-bottom:1px solid var(--line-soft);grid-template-columns:repeat(4,1fr);gap:4px;padding:10px;display:grid}.r-tool{aspect-ratio:1;border-radius:var(--radius);border:1px solid var(--line-soft);background:var(--panel-2);color:var(--ink-dim);letter-spacing:.02em;text-transform:uppercase;place-items:center;gap:3px;font-size:9px;transition:background .12s,color .12s;display:grid}.r-tool:hover{background:var(--panel-3);color:var(--ink);border-color:var(--line)}.r-tool__glyph{font-size:14px;line-height:1}.r-layers{min-height:0;padding-bottom:12px;overflow:auto}.r-layer{height:28px;color:var(--ink-dim);cursor:pointer;border-left:2px solid #0000;align-items:center;gap:6px;padding:0 10px 0 8px;display:flex}.r-layer:hover{background:var(--panel-2);color:var(--ink)}.r-layer[data-selected=true]{background:var(--accent-soft);border-left-color:var(--accent);color:var(--ink)}.r-layer__glyph{text-align:center;width:14px;color:var(--ink-faint);font-size:11px}.r-layer__name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.r-layer__toggle{color:var(--ink-faint);opacity:0;font-size:11px}.r-layer:hover .r-layer__toggle,.r-layer__toggle[data-on=false]{opacity:1}.r-layer__toggle:hover{color:var(--ink)}.r-stage{background:radial-gradient(120% 120% at 50% 0%, #12151d 0%, var(--bg) 70%);grid-area:stage;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;display:grid;position:relative}.r-canvas-wrap{min-height:0;position:relative;overflow:hidden}.r-canvas-wrap canvas{width:100%;height:100%;display:block}.r-overlay{pointer-events:none;touch-action:none;position:absolute;inset:0}.r-stage__hud{pointer-events:auto;gap:6px;display:flex;position:absolute;top:10px;left:12px}.r-stage__hud--right{left:auto;right:12px}.r-ai{border-top:1px solid var(--line);background:var(--panel);gap:8px;padding:10px 12px;display:grid}.r-ai__row{align-items:center;gap:8px;display:flex}.r-ai__input{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg);height:32px;color:var(--ink);font:inherit;flex:1;padding:0 12px}.r-ai__input::placeholder{color:var(--ink-faint)}.r-ai__input:focus{border-color:var(--accent);outline:none}.r-ai__chips{flex-wrap:wrap;gap:6px;display:flex}.r-ai__chip{border:1px solid var(--line-soft);background:var(--panel-2);color:var(--ink-faint);border-radius:999px;padding:3px 8px;font-size:11px}.r-ai__chip:hover{color:var(--ink);border-color:var(--line)}.r-ai__receipt{border:1px solid var(--line-soft);border-left:2px solid var(--accent);border-radius:var(--radius);background:var(--panel-2);gap:4px;max-height:132px;padding:8px 10px;display:grid;overflow:auto}.r-ai__summary{color:var(--ink)}.r-ai__detail{color:var(--ink-dim);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.r-ai__warn{color:var(--amber)}.r-right{background:var(--panel);border-left:1px solid var(--line);grid-area:right;min-height:0;overflow:auto}.r-prop{grid-template-columns:15px 1fr 96px;align-items:center;gap:8px;min-height:24px;display:grid}.r-prop__label{color:var(--ink-dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.r-prop--wide{grid-template-columns:15px 1fr}.r-prop--wide>:last-child{grid-column:2/-1}.r-stopwatch{width:15px;height:15px;color:var(--ink-faint);border-radius:4px;place-items:center;font-size:9px;line-height:1;display:grid}.r-stopwatch:hover{background:var(--panel-3);color:var(--ink)}.r-stopwatch[data-on=true]{color:var(--accent);background:var(--accent-soft)}.r-num{background:var(--panel-2);border:1px solid #0000;border-radius:4px;align-items:center;height:24px;display:flex;overflow:hidden}.r-num:hover{border-color:var(--line)}.r-num:focus-within{border-color:var(--accent);background:var(--bg)}.r-num__drag{touch-action:none;width:100%;height:100%;color:var(--cyan);font:inherit;font-variant-numeric:tabular-nums;cursor:ew-resize;background:0 0;border:none;padding:0 6px}.r-num__drag:focus{cursor:text;outline:none}.r-num__unit{color:var(--ink-faint);padding-right:6px;font-size:10px}.r-input,.r-select{background:var(--panel-2);height:24px;color:var(--ink);font:inherit;border:1px solid #0000;border-radius:4px;width:100%;padding:0 6px}.r-input:hover,.r-select:hover{border-color:var(--line)}.r-input:focus,.r-select:focus{border-color:var(--accent);background:var(--bg);outline:none}.r-textarea{resize:vertical;background:var(--panel-2);min-height:54px;color:var(--ink);line-height:1.4;font:inherit;border:1px solid #0000;border-radius:4px;width:100%;padding:6px}.r-textarea:focus{border-color:var(--accent);background:var(--bg);outline:none}.r-color{align-items:center;gap:6px;display:flex}.r-color input[type=color]{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:4px;width:24px;height:24px;padding:0}.r-color__hex{flex:1;min-width:0}.r-switch{background:var(--panel-3);border:1px solid var(--line);border-radius:999px;width:28px;height:16px;transition:background .14s;position:relative}.r-switch:after{content:"";background:var(--ink-faint);border-radius:50%;width:12px;height:12px;transition:transform .14s,background .14s;position:absolute;top:1px;left:1px}.r-switch[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}.r-switch[aria-pressed=true]:after{background:var(--accent);transform:translate(12px)}.r-timeline{background:var(--panel);border-top:1px solid var(--line);grid-area:timeline;grid-template-rows:34px minmax(0,1fr);min-height:0;display:grid}.r-transport{border-bottom:1px solid var(--line-soft);align-items:center;gap:8px;padding:0 12px;display:flex}.r-transport__time{color:var(--cyan);min-width:118px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.r-transport__spacer{flex:1}.r-transport__field{color:var(--ink-faint);align-items:center;gap:4px;font-size:11px;display:flex}.r-transport__field .r-num{width:62px}.r-tracks{grid-template-columns:250px minmax(0,1fr);min-height:0;display:grid;overflow:auto}.r-tracks__names{border-right:1px solid var(--line)}.r-tracks__grid{position:relative}.r-track{height:24px;color:var(--ink-dim);border-bottom:1px solid var(--line-soft);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:0 10px;display:flex}.r-track[data-selected=true]{background:var(--accent-soft);color:var(--ink)}.r-track--property{color:var(--ink-faint);padding-left:26px;font-size:11px}.r-track__disclose{width:12px;color:var(--ink-faint);font-size:9px}.r-track__name{text-overflow:ellipsis;overflow:hidden}.r-track__stagger{color:var(--accent);font-size:10px}.r-lane{border-bottom:1px solid var(--line-soft);height:24px;position:relative}.r-lane__span{background:linear-gradient(#2a3145,#1e2432);border:1px solid #333c52;border-radius:3px;height:14px;position:absolute;top:5px}.r-lane__segment{background:var(--accent);opacity:.55;height:2px;position:absolute;top:11px}.r-key{touch-action:none;background:var(--cyan);cursor:ew-resize;border:1px solid #0a0c12;border-radius:2px;width:11px;height:11px;margin-left:-5.5px;position:absolute;top:6px;transform:rotate(45deg)}.r-key[data-easing=spring]{background:var(--amber);border-radius:50%;transform:none}.r-key[data-selected=true]{box-shadow:0 0 0 2px var(--accent);background:#fff}.r-ruler{touch-action:none;z-index:2;background:var(--panel-2);border-bottom:1px solid var(--line);cursor:ew-resize;height:22px;position:sticky;top:0}.r-ruler__tick{border-left:1px solid var(--line);color:var(--ink-faint);padding-left:4px;font-size:9px;line-height:22px;position:absolute;top:0;bottom:0}.r-playhead{background:var(--danger);pointer-events:none;z-index:3;width:1px;position:absolute;top:0;bottom:0}.r-playhead:before{content:"";background:var(--danger);clip-path:polygon(0 0,100% 0,50% 100%);width:9px;height:9px;position:absolute;top:0;left:-4px}.r-modal-scrim{z-index:40;background:#05060ac9;place-items:center;display:grid;position:fixed;inset:0}.r-modal{background:var(--panel);border:1px solid var(--line);border-radius:10px;width:min(440px,92vw);overflow:hidden;box-shadow:0 24px 60px #000a}.r-modal__head{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:12px 14px;font-weight:600;display:flex}.r-modal__body{gap:10px;padding:14px;display:grid}.r-modal__foot{border-top:1px solid var(--line-soft);justify-content:flex-end;gap:8px;padding:12px 14px;display:flex}.r-field{gap:4px;display:grid}.r-field label{color:var(--ink-faint);font-size:11px}.r-error{color:var(--danger)}.r-ok{color:var(--cyan)}.r-projects{gap:4px;max-height:260px;display:grid;overflow:auto}.r-project{border-radius:var(--radius);border:1px solid var(--line-soft);background:var(--panel-2);text-align:left;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.r-project:hover{border-color:var(--accent)}.r-project small{color:var(--ink-faint)}.r-boot{background:var(--bg);color:var(--ink-faint);place-items:center;font:12px/1.5 Inter,ui-sans-serif,system-ui,sans-serif;display:grid;position:fixed;inset:0}@media (width<=1100px){.ramin{grid-template-rows:46px minmax(0,1fr) 210px;grid-template-columns:200px minmax(0,1fr) 260px}.r-tracks{grid-template-columns:200px minmax(0,1fr)}.r-tools{grid-template-columns:repeat(3,1fr)}}@media (width<=860px){.ramin{grid-template:"topbar"46px"stage"minmax(88px,1fr)"sheet"minmax(0,42vh)"tabs"48px/minmax(0,1fr)}.ramin[data-panel=stage]{grid-template-rows:46px minmax(88px,1fr) 0 48px}.r-left,.r-right,.r-timeline{border:none;border-top:1px solid var(--line);grid-area:sheet;display:none}.ramin[data-panel=layers] .r-left{display:grid}.ramin[data-panel=inspector] .r-right{display:block}.ramin[data-panel=timeline] .r-timeline{display:grid}.r-tools{grid-template-columns:repeat(5,1fr)}.r-tool{aspect-ratio:auto;height:54px}.r-tracks{grid-template-columns:132px minmax(0,1fr)}.r-transport{overflow-x:auto}.r-transport>*{flex:none}.r-transport__time{min-width:0}.ramin :where(input,textarea,select){font-size:16px}.r-input,.r-select,.r-num,.r-top__name{height:32px}.r-prop{min-height:32px}.r-ai{padding:8px 10px}.r-ai__input{min-width:0;height:36px}.r-ai__receipt{max-height:92px}.r-ai__chips{flex-wrap:nowrap;overflow-x:auto}.r-ai__chip{flex:none}.r-top{gap:8px}.r-top__mark{display:none}.r-top__name{flex:1;min-width:0}.r-top__long{display:none}.r-top__more{display:inline-flex}.r-top__group{z-index:30;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);gap:6px;padding:8px;display:none;position:absolute;top:46px;right:8px;box-shadow:0 18px 40px #000a}.r-top__group[data-open=true]{display:grid}.r-stage__hud{flex-wrap:wrap;max-width:70%}.r-stage__hud--right{justify-content:flex-end;top:auto;bottom:10px}}.r-tabs{display:none}.ramin--compact .r-tabs{background:var(--panel);border-top:1px solid var(--line);grid-area:tabs;grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.r-tab{color:var(--ink-faint);letter-spacing:.08em;text-transform:uppercase;place-items:center;gap:2px;font-size:9px;display:grid}.r-tab[aria-pressed=true]{color:var(--ink);box-shadow:inset 0 2px 0 var(--accent)}.r-tab__glyph{font-size:15px;line-height:1}@media (pointer:coarse){.r-btn{height:32px;padding:0 12px}.r-layer{height:38px}.r-layer__toggle{opacity:1}.r-prop{grid-template-columns:20px 1fr 96px;min-height:32px}.r-stopwatch{width:20px;height:20px}.r-switch{width:34px;height:20px}.r-switch:after{width:16px;height:16px}.r-switch[aria-pressed=true]:after{transform:translate(14px)}.r-color input[type=color]{width:32px;height:32px}.r-ruler{height:28px}.r-ruler__tick{line-height:28px}.r-track,.r-lane{height:32px}.r-lane__span{top:9px}.r-lane__segment{top:15px}.r-key{width:16px;height:16px;margin-left:-8px;top:8px}}