@font-face{font-family:Poppins;src:url(/fonts/Poppins-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Medium.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins-SemiBold.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Black.ttf)format("truetype");font-weight:900;font-display:swap}:root{--page:#17181c;--page-elevated:#1d1e23;--bg:#0a0a0a;--bg-tabbar:#141414;--bg-surface:#121212;--bg-sheet:#1a1a1a;--bg-row:#1f1f1f;--bg-toast:#333;--accent:#2196f3;--text:#fff;--text-secondary:#ffffffb3;--text-gray:#8e8e93;--fill-04:#ffffff0a;--fill-05:#ffffff0d;--fill-07:#ffffff12;--fill-08:#ffffff14;--fill-10:#ffffff1a;--fill-12:#ffffff1f;--fill-15:#ffffff26;--red:#ff4246;--destructive:#e83d3d;--green:#4dd963;--flame:#ff661a;--amber:#ff661a;--blue:#2196f3;--lavender:var(--fill-12);--lavender-lt:var(--fill-08);--lavender-bg:var(--bg-row);--lavender-deep:var(--accent);--lavender-dark:var(--accent);--bg2:var(--page-elevated);--bg3:var(--bg-sheet);--surface:var(--fill-08);--surface2:var(--fill-12);--border:var(--fill-08);--border2:var(--fill-15);--text2:var(--text-secondary);--text3:var(--text-gray);--accent-lt:var(--accent);--r-2:2px;--r-8:8px;--r-10:10px;--r-12:12px;--r-14:14px;--r-20:20px;--radius:8px;--radius-lg:14px;--font:"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--display:var(--font);--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--transition:.15s ease-in-out;--ease-focus:.15s ease-in-out;--sidebar-w:280px;--fs-scale:1.14;--fs-nav:calc(17px * var(--fs-scale));--fs-body:calc(16px * var(--fs-scale));--fs-label:calc(13px * var(--fs-scale));--fs-guide-title:calc(32px * var(--fs-scale));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{background:var(--page);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-size:17px;line-height:1.55}a{color:inherit;text-decoration:none}button{appearance:none;color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}button:disabled{cursor:default;opacity:.45}input,textarea,select{color:var(--text);outline:none;font-family:inherit}input[type=text],input[type=password],input[type=search],input[type=month],textarea,select{appearance:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--fill-15);border-radius:2px}img{max-width:100%;display:block}.bin{background:var(--page);height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--page);border-right:1px solid var(--fill-08);flex-direction:column;flex-shrink:0;gap:8px;height:100vh;padding:20px 16px;display:flex;overflow-y:auto}.sidebar__brand{padding:2px 12px 10px;display:block}.sidebar__brand img{width:132px;height:auto}.sidebar__kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--text-gray);padding:0 14px 8px;font-size:11px;font-weight:600}.env-badge{border-radius:var(--r-8);white-space:nowrap;border:1px solid #0000;flex-direction:row;align-items:center;gap:8px;margin:10px 4px 0;padding:7px 10px;line-height:1;display:flex}.env-badge__stage{letter-spacing:.1em;font-size:11px;font-weight:700}.env-badge__ver{font-variant-numeric:tabular-nums;opacity:.85;align-items:baseline;gap:6px;font-size:11px;font-weight:600;display:flex}.env-badge__sha{font-family:var(--mono);letter-spacing:0;opacity:.65;font-size:10px;font-weight:500}.env-badge--dev{color:#d5e36a;background:#c6d65029;border-color:#c6d65073}.env-badge--local{color:#e8c84a;background:#ffd40024;border-color:#ffd40066}.env-badge--prod{color:#ff8a8c;background:#ff42461a;border-color:#ff424673}.sidebar__nav{flex-direction:column;flex:1;gap:2px;display:flex}.sidebar__section{letter-spacing:.08em;text-transform:uppercase;color:var(--text-gray);padding:12px 14px 4px;font-size:11px;font-weight:600}.navitem{border-radius:var(--r-8);width:100%;color:var(--text-secondary);text-align:left;transition:background var(--ease-focus), color var(--ease-focus);align-items:center;gap:12px;padding:9px 14px;font-size:17px;font-weight:500;display:flex}.navitem:hover{background:var(--page-elevated);color:#fff}.navitem--active{color:var(--accent);font-weight:600}.sidebar__foot{margin-top:auto;padding:12px 2px 0}.sidebar__copy{color:var(--text-gray);opacity:.6;padding:16px 14px 0;font-size:13px}.bin-main{background:var(--bg);flex:1;min-width:0;overflow:auto}.uploader__shell{flex-direction:column;width:100%;max-width:720px;margin:0;padding:72px 56px 56px;display:flex}.uploader__kicker{font-size:var(--fs-label);letter-spacing:.08em;text-transform:uppercase;color:var(--text-gray);margin:0 0 8px;font-weight:600}.uploader__shell h1{font-size:var(--fs-guide-title);letter-spacing:.04em;text-transform:uppercase;margin:0 0 12px;font-weight:600}.uploader__lede{font-size:var(--fs-body);color:var(--text-secondary);max-width:40em;margin:0 0 28px;line-height:1.5}.uploader__form{flex-direction:column;gap:16px;max-width:360px;display:flex}.uploader__field{font-size:var(--fs-label);color:var(--text-secondary);flex-direction:column;gap:8px;font-weight:500;display:flex}.uploader__field input{appearance:none;border-radius:var(--r-8);background:var(--fill-08);color:var(--text);font-size:var(--fs-body);caret-color:var(--accent);border:0;padding:14px 16px}.uploader__field input:focus,.uploader__field input:focus-visible{box-shadow:0 0 0 2px var(--accent);outline:none}.uploader__error{color:var(--red);font-size:var(--fs-body);margin:0}.btn-signin{border-radius:var(--r-8);background:var(--accent);color:#fff;font-size:var(--fs-nav);align-self:flex-start;padding:14px 28px;font-weight:600;transition:filter .12s,transform .12s}.btn-signin:hover:not(:disabled){filter:brightness(1.1)}.btn-signin:active:not(:disabled){transform:scale(.97)}.chip{appearance:none;border:1px solid var(--fill-12);background:var(--fill-08);min-height:42px;color:var(--text-secondary);border-radius:10px;justify-content:center;align-items:center;padding:10px 16px;font-size:16px;font-weight:500;line-height:1.3;display:inline-flex}.chip.is-on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.chip.chip--quiet.is-on{background:var(--fill-15);border-color:var(--fill-15);color:var(--text)}.chip-row{flex-wrap:wrap;gap:10px;display:flex}.page{color:var(--text);padding:48px 52px 120px}.page-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--text-gray);margin-bottom:8px;font-size:13px;font-weight:600}.page h1,.page-title{font-family:var(--font);letter-spacing:.04em;text-transform:uppercase;color:var(--text);margin-bottom:16px;font-size:35px;font-weight:600;line-height:1.15}.panel{background:var(--fill-05);border:1px solid var(--fill-08);border-radius:var(--r-14)}.btn-primary{border-radius:var(--r-8);background:var(--accent);color:#fff;padding:10px 18px;font-size:16px;font-weight:600}.btn-ghost{border-radius:var(--r-8);background:var(--fill-08);color:var(--text);padding:10px 18px;font-size:16px;font-weight:500}.bin-player{z-index:100;background:var(--bg-tabbar);border-top:1px solid var(--fill-08);grid-template-columns:280px 1fr 200px;align-items:center;gap:20px;padding:12px 24px;display:grid;position:fixed;bottom:0;left:0;right:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}