:root,[data-theme=light]{--color-bg:#f3f0eb;--color-bg-elevated:#faf9f6;--color-text:#1a1a1a;--color-text-muted:#6b665c;--color-text-faint:#918d85;--color-accent:#00e05a;--color-accent-dim:#00b848;--color-accent-text:#00732a;--color-on-accent:#002b12;--color-on-accent-heading:#004d1a;--color-on-accent-muted:color-mix(in srgb, var(--color-on-accent) 62%, var(--color-accent));--color-on-accent-faint:color-mix(in srgb, var(--color-on-accent) 50%, var(--color-accent));--color-on-accent-border:color-mix(in srgb, var(--color-on-accent) 22%, var(--color-accent));--color-on-accent-surface:color-mix(in srgb, var(--color-on-accent) 12%, var(--color-accent));--color-on-accent-focus-surface:color-mix(in srgb, var(--color-on-accent) 20%, var(--color-accent));--color-on-accent-destructive:#8b0000;--color-accent-warm:#d4a017;--color-accent-warm-dim:#b8880f;--color-kinetic-hot:oklch(50% .19 35);--color-kinetic-cold:oklch(47% .12 240);--color-kinetic-red:oklch(62% .25 25);--color-kinetic-cyan:oklch(80% .14 200);--kinetic-l:.5;--kinetic-c:.17;--kinetic-blend:multiply;--color-cta-bg:#1a1a1a;--color-cta-text:#00e05a;--color-border:#d5d3ce;--color-border-hover:#1a1a1a;--ink-06:color-mix(in srgb, var(--color-text) 6%, var(--color-bg));--ink-12:color-mix(in srgb, var(--color-text) 12%, var(--color-bg));--ink-14:color-mix(in srgb, var(--color-text) 14%, var(--color-bg));--ink-20:color-mix(in srgb, var(--color-text) 20%, var(--color-bg));--ink-a10:color-mix(in srgb, var(--color-text) 10%, transparent);--color-scrollbar:color-mix(in srgb, var(--color-text) 20%, var(--color-bg));--ink-06-elevated:color-mix(in srgb, var(--color-text) 6%, var(--color-bg-elevated));--ink-12-elevated:color-mix(in srgb, var(--color-text) 12%, var(--color-bg-elevated));--ink-14-elevated:color-mix(in srgb, var(--color-text) 14%, var(--color-bg-elevated));--ink-20-elevated:color-mix(in srgb, var(--color-text) 20%, var(--color-bg-elevated));--color-hover-surface:var(--ink-06);--color-hover-surface-elevated:var(--ink-06-elevated);--color-selected-surface:var(--ink-12);--color-selected-surface-elevated:var(--ink-12-elevated);--color-focus-surface:var(--ink-14);--color-focus-surface-elevated:var(--ink-14-elevated);--color-destructive-surface:color-mix(in srgb, var(--color-destructive) 10%, var(--color-bg));--color-destructive-surface-elevated:color-mix(in srgb, var(--color-destructive) 10%, var(--color-bg-elevated));--color-processing-surface:color-mix(in srgb, var(--color-accent-warm) 16%, var(--color-bg));--color-processing-surface-elevated:color-mix(in srgb, var(--color-accent-warm) 16%, var(--color-bg-elevated));--color-overlay-backdrop:#1a1a1a80;--color-scrim-peek:#1a1a1a24;--color-overlay-bg:var(--color-bg-elevated);--color-invert-bg:#0e0d0b;--color-invert-bg-elevated:#1a1816;--color-invert-text:#f0ede6;--color-invert-text-muted:color-mix(in srgb, var(--color-invert-text) 62%, var(--color-invert-bg));--color-invert-text-faint:color-mix(in srgb, var(--color-invert-text) 40%, var(--color-invert-bg));--color-invert-border:color-mix(in srgb, var(--color-invert-text) 12%, var(--color-invert-bg));--color-status-inactive:#918d85;--color-status-active:var(--color-accent);--color-status-processing:#d4a017;--color-destructive:#c33;--color-destructive-muted:#944;--color-error:#c33;--color-on-destructive:#fff;--color-rig-self:var(--color-accent);--color-rig-self-dim:var(--color-accent-dim);--color-rig-reference:#3fa9ff;--color-scene-bg:#dedad3;--color-scene-bg-contrast:#151410;--color-canvas-bg:#0e0d0a;--color-toast-bg:var(--color-bg-elevated);--color-toast-text:var(--color-text)}[data-theme=dark]{--color-bg:#13120f;--color-bg-elevated:#1d1b17;--color-text:#e0ded8;--color-text-muted:#7a7870;--color-text-faint:#6a6660;--color-accent:#00e05a;--color-accent-dim:#00b848;--color-accent-text:var(--color-accent);--color-accent-warm:#d4a017;--color-accent-warm-dim:#b8880f;--color-kinetic-hot:oklch(76% .18 40);--color-kinetic-cold:oklch(78% .11 225);--color-kinetic-red:oklch(68% .24 25);--color-kinetic-cyan:oklch(85% .13 200);--kinetic-l:.8;--kinetic-c:.16;--kinetic-blend:screen;--color-cta-bg:#1a1a1a;--color-cta-text:#00e05a;--color-border:#2a2a28;--color-border-hover:#e0ded8;--color-overlay-backdrop:#000000b3;--color-scrim-peek:#00000057;--color-overlay-bg:#1d1b17;--color-status-inactive:#4a4840;--color-status-processing:#d4a017;--color-destructive:#f55;--color-destructive-muted:#a44;--color-error:#f55}[data-palette=amber]{--color-bg:#f4efe7;--color-bg-elevated:#fbf8f2;--color-text:#201c16;--color-text-muted:#6e6558;--color-text-faint:#948b7d;--color-border:#d9d3c8;--color-accent:#ff8a00;--color-accent-dim:#e07800;--color-accent-text:#8a4500;--color-on-accent:#2b1600;--color-on-accent-heading:#4a2600;--color-cta-text:#ff8a00;--color-status-processing:#3fa9ff}[data-palette=amber][data-theme=dark]{--color-bg:#14110c;--color-bg-elevated:#1e1913;--color-text:#e2ddd4;--color-text-muted:#7c7466;--color-text-faint:#6a6357;--color-border:#2c2820;--color-accent:#ffa02e;--color-accent-dim:#e08600;--color-accent-text:#ffa02e;--color-cta-text:#ffa02e}[data-palette=blue]{--color-bg:#f2f1ed;--color-bg-elevated:#faf9f6;--color-text:#191a1c;--color-text-muted:#666a6e;--color-text-faint:#8e9196;--color-border:#d4d4d0;--color-accent:#1f7bff;--color-accent-dim:#0e63e0;--color-accent-text:#0a55c4;--color-on-accent:#041b3d;--color-on-accent-heading:#0a2b5c;--color-cta-text:#1f7bff;--color-rig-reference:#ff8a00}[data-palette=blue][data-theme=dark]{--color-bg:#101114;--color-bg-elevated:#191b20;--color-text:#dee0e4;--color-text-muted:#75787e;--color-text-faint:#63666c;--color-border:#282a30;--color-accent:#3d8bff;--color-accent-dim:#1f6fe8;--color-accent-text:#3d8bff;--color-cta-text:#3d8bff}[data-palette=green]{--color-bg:#f4f0e9;--color-bg-elevated:#fbf9f4;--color-text:#1c1b17;--color-text-muted:#6b665c;--color-text-faint:#918d85;--color-border:#d7d3ca;--color-accent:#0fb554;--color-accent-dim:#0c9445;--color-accent-text:#067a36;--color-on-accent:#00240f;--color-on-accent-heading:#004d1a;--color-cta-text:#0fb554}[data-palette=green][data-theme=dark]{--color-bg:#12130e;--color-bg-elevated:#1c1d16;--color-text:#dfe0d8;--color-text-muted:#787a6e;--color-text-faint:#666860;--color-border:#2a2b24;--color-accent:#17cb62;--color-accent-dim:#0fa850;--color-accent-text:#17cb62;--color-cta-text:#17cb62}[data-palette=teal]{--color-bg:#f3f0eb;--color-bg-elevated:#faf9f6;--color-text:#181b1a;--color-text-muted:#636a67;--color-text-faint:#8c918f;--color-border:#d3d3ce;--color-accent:#00bfa6;--color-accent-dim:#00a18c;--color-accent-text:#00705f;--color-on-accent:#002b25;--color-on-accent-heading:#004d42;--color-cta-text:#00bfa6}[data-palette=teal][data-theme=dark]{--color-bg:#0f1312;--color-bg-elevated:#181d1c;--color-text:#dce0de;--color-text-muted:#707876;--color-text-faint:#5f6664;--color-border:#262c2a;--color-accent:#14d6bb;--color-accent-dim:#00b29a;--color-accent-text:#14d6bb;--color-cta-text:#14d6bb}:root{--font-ui:"Satoshi", "Satoshi Fallback", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans", "Microsoft YaHei", system-ui, sans-serif;--font-data:var(--font-ui);--font-code:"Geist Mono", "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--font-sans:var(--font-ui);--font-size-micro:.75rem;--font-size-xs:.8125rem;--font-size-sm:.875rem;--font-size-base:.9375rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.75rem;--font-size-3xl:2.5rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--letter-spacing-tight:-.02em;--letter-spacing-normal:0;--line-height-tight:1.3;--line-height-snug:1.4;--line-height-normal:1.5;--line-height-relaxed:1.65;--space-half:.125rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--radius-none:0;--radius-arch:999px 999px 100px 100px;--transition-fast:.15s ease .01ms;--transition-normal:.25s ease .01ms;--transition-slow:.4s ease;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-back:cubic-bezier(.34, 1.3, .64, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--transition-snappy:.2s cubic-bezier(.16, 1, .3, 1);--transition-settle:.4s cubic-bezier(.16, 1, .3, 1);--transition-screen-slip:.3s var(--ease-out-expo);--shadow-elevated:0 8px 24px #0000001f;--hud-veil:#00000052;--hud-bg-faint:#00000073;--hud-bg:#0009;--hud-bg-hover:#000000b8;--hud-bg-strong:#000000c7;--hud-bg-heavy:#000000e0;--hud-text:#ffffffb3;--hud-text-strong:#ffffffd9;--hud-text-muted:#ffffff80;--hud-text-faint:#ffffff4d;--hud-text-hover:#fff;--hud-knob:#fff;--hud-border:#ffffff14;--hud-border-strong:#ffffff2e;--hud-border-hover:#ffffff59;--hud-hover-surface:#ffffff0f;--hud-focus-surface:#ffffff24;--hud-track:#ffffff38;--hud-played:var(--hud-focus-surface);--hud-played-text:var(--hud-text-strong);--hud-chip:28px;--hud-pill:calc(var(--hud-chip) + var(--space-1) * 2);--hud-accent-surface:color-mix(in srgb, var(--color-accent) 8%, transparent);--hud-wash:color-mix(in srgb, var(--color-bg-elevated) 88%, transparent);--pal-body:#d9d6d2;--pal-ink:#6b665c;--pal-white:#faf9f6;--pal-cheek:#b1aea8;--z-base:0;--z-overlay:100;--z-overlay-priority:150;--z-toast:200;--z-grain:300;--rail-expanded-w:clamp(180px, var(--rail-user-w,200px), calc(100vw - 480px));--rail-collapsed-w:48px;--rail-w:var(--rail-expanded-w);--nav-open-size:32px;--phone-bar-h:48px;--dropzone-h:clamp(180px, 26vh, 220px)}:root[data-theme=light]{--hud-played:#ffffff52;--hud-played-text:#fff}html[data-rail-mode=collapsed]{--rail-w:var(--rail-collapsed-w)}@supports not (corner-shape:squircle){:root{--radius-lg:14px;--radius-xl:20px}}@font-face{font-family:Satoshi;src:url(/pinoc/app/fonts/Satoshi-Variable.woff2)format("woff2");font-weight:300 900;font-display:swap;font-style:normal}@font-face{font-family:Satoshi Fallback;src:local(Arial);size-adjust:121.2%;ascent-override:83.33%;descent-override:19.8%;line-gap-override:8.25%}@font-face{font-family:Geist Mono;src:url(/pinoc/app/fonts/GeistMono-Variable.woff2)format("woff2");font-weight:100 900;font-display:swap;font-style:normal}*,:before,:after{box-sizing:border-box;corner-shape:squircle;margin:0;padding:0}html{font-family:var(--font-ui);font-size:16px;line-height:var(--line-height-normal);font-kerning:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background-color:var(--color-bg)}body{background-color:var(--color-bg);color:var(--color-text);flex-direction:column;height:100vh;display:flex;overflow:hidden}@media (width<=900px){body{height:auto;min-height:100dvh;overflow:hidden visible}#root{height:auto;min-height:100dvh;overflow:visible}}.app-shell{display:contents}@media (width>=901px){.app-shell{flex-direction:column;height:100dvh;display:flex;overflow:hidden}}@media (width>=641px){body:has([data-nav-rail]){padding-left:var(--rail-w);transition:padding-left .4s var(--ease-out-expo)}html[data-rail-resizing] body:has([data-nav-rail]){transition:none}}html[data-rail-resizing]{cursor:col-resize;-webkit-user-select:none;user-select:none}@media (width<=640px){body:has([data-nav-menu]){height:100dvh;min-height:0;padding-bottom:env(safe-area-inset-bottom);overflow:hidden}body:has([data-nav-menu]) #root{flex-direction:column;flex:1;height:auto;min-height:0;display:flex;overflow:hidden}body:has([data-nav-menu]) .app-shell{flex-direction:column;flex:1;height:auto;min-height:0;display:flex;overflow:hidden}}@media (width<=900px){html[data-kbd-focus] body,html[data-kbd-focus] #root,html[data-kbd-fill] body,html[data-kbd-fill] #root{height:100dvh;min-height:0;overflow:hidden}}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;background:0 0;border:none}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}[role=menuitem],[role=menuitemradio],[role=menuitemcheckbox]{cursor:pointer;-webkit-user-select:none;user-select:none}[role=menuitem][data-disabled],[role=menuitemradio][data-disabled],[role=menuitemcheckbox][data-disabled]{cursor:default}@media (pointer:coarse){[role=option]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}:has(>[data-canvas-stage]){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}:has(>[data-canvas-stage]) :is(input,textarea,[contenteditable=true]){-webkit-user-select:text;user-select:text}}:focus-visible{outline:none}:is(a,button,select,summary,[role=button],[tabindex="0"]):focus-visible{background-color:var(--color-focus-surface)}[data-field]:focus-within{background-color:var(--color-focus-surface-elevated)}input,textarea,[contenteditable]{caret-color:var(--color-accent-text);-webkit-tap-highlight-color:transparent}@media (width<=640px){input:not([type=checkbox],[type=radio],[type=range],[type=file]),textarea,select,[contenteditable]{font-size:max(1rem,1em)!important}}img,video{max-width:100%;display:block}:where(svg[data-icon]){-webkit-user-select:none;user-select:none;flex-shrink:0;display:inline-block}*{scrollbar-width:none}::-webkit-scrollbar{display:none}::selection{background:var(--color-accent);color:var(--color-on-accent)}html.theme-transitioning,html.theme-transitioning *,html.theme-transitioning :before,html.theme-transitioning :after{transition:background-color .3s,background .3s,color .3s,border-color .3s,box-shadow .3s,fill .3s,stroke .3s!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::view-transition-old(viewer-canvas){animation-duration:.2s;animation-timing-function:ease}::view-transition-new(viewer-canvas){animation-duration:.2s;animation-timing-function:ease}