:root{--brand: #3b5bdb;--color-accent: var(--brand);--color-accent-hover: color-mix(in srgb, var(--color-accent) 86%, #000);--color-accent-bg: color-mix(in srgb, var(--color-accent) 10%, var(--color-bg));--color-accent-border: color-mix(in srgb, var(--color-accent) 35%, var(--color-border));--color-on-accent: #ffffff;--color-bg: #ffffff;--color-bg-subtle: #fafafa;--color-bg-elevated: #ffffff;--color-bg-inset: #f4f4f5;--color-fg: #09090b;--color-fg-strong: #27272a;--color-fg-muted: #71717a;--color-fg-subtle: #a1a1aa;--color-border: #e4e4e7;--color-border-strong: #d4d4d8;--color-border-subtle: #f4f4f5;--color-neutral-bg: #f4f4f5;--color-neutral-fg: #52525b;--color-info-bg: #eff6ff;--color-info-fg: #1d4ed8;--color-success-bg: #f0fdf4;--color-success-fg: #15803d;--color-warning-bg: #fffbeb;--color-warning-fg: #b45309;--color-danger-bg: #fef2f2;--color-danger-fg: #b91c1c;--space-0: 0;--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 10px;--space-6: 12px;--space-8: 16px;--space-10: 20px;--space-12: 24px;--space-16: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-xs: 11.5px;--text-sm: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 20px;--font-weight-medium: 500;--font-weight-semibold: 600;--leading-tight: 1.2;--leading: 1.45;--border-width: 1px;--border-width-thick: 2px;--shadow-sm: 0 1px 2px rgb(9 9 11 / .05), 0 1px 1px rgb(9 9 11 / .04);--shadow-md: 0 2px 4px rgb(9 9 11 / .06), 0 1px 2px rgb(9 9 11 / .05);--shadow-lg: 0 8px 24px rgb(9 9 11 / .1), 0 2px 6px rgb(9 9 11 / .06);--transition: .12s ease;--focus-ring: 0 0 0 2px var(--color-bg), 0 0 0 4px color-mix(in srgb, var(--color-accent) 55%, transparent);--layout-max: min(1600px, 95vw);--z-overlay: 50}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{margin:0;font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading);color:var(--color-fg);background:var(--color-bg-subtle)}::selection{background:color-mix(in srgb,var(--color-accent) 20%,transparent)}.mono,code{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.app{max-width:var(--layout-max);margin:0 auto;padding:var(--space-8) var(--space-12) var(--space-16)}.app-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0 var(--space-6);margin-bottom:var(--space-8);border-bottom:var(--border-width) solid var(--color-border)}.brand{display:flex;align-items:center;gap:var(--space-4)}.brand__logo{height:30px;max-width:140px;object-fit:contain}.brand__name{margin:0;font-size:var(--text-xl);font-weight:700;letter-spacing:-.015em;color:var(--color-fg)}.app-nav{display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--color-bg-inset);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md)}.nav-btn{font:inherit;font-size:var(--text-sm);font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-6);border:var(--border-width) solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-fg-muted);cursor:pointer;transition:background var(--transition),color var(--transition),box-shadow var(--transition)}.nav-btn:hover{color:var(--color-fg-strong)}.nav-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.nav-btn--active{background:var(--color-bg);color:var(--color-fg);box-shadow:var(--shadow-sm)}.btn{font:inherit;font-size:var(--text-sm);font-weight:var(--font-weight-medium);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-fg-strong);cursor:pointer;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition)}.btn:hover{background:var(--color-bg-inset);border-color:var(--color-fg-subtle)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn:active{background:var(--color-border-subtle)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn:disabled:hover{background:var(--color-bg);border-color:var(--color-border-strong)}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--shadow-sm)}.btn--primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn--primary:active{background:var(--color-accent-hover)}.btn--primary:disabled:hover{background:var(--color-accent);border-color:var(--color-accent)}.btn--sm{padding:var(--space-1) var(--space-4);font-size:var(--text-xs);border-radius:var(--radius-sm)}.card{background:var(--color-bg-elevated);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card__header{padding:var(--space-5) var(--space-6);border-bottom:var(--border-width) solid var(--color-border)}.card__body{padding:var(--space-6)}.card__title{margin:0;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-fg-muted)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-fg-strong);letter-spacing:.01em}.field__hint{font-size:var(--text-xs);color:var(--color-fg-muted)}.input{font:inherit;font-size:var(--text-sm);width:100%;padding:var(--space-3) var(--space-5);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-fg);transition:border-color var(--transition),box-shadow var(--transition)}.input:hover{border-color:var(--color-fg-subtle)}.input:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--focus-ring)}.input::placeholder{color:var(--color-fg-subtle)}textarea.input{resize:vertical;min-height:64px}.color-control{display:flex;align-items:center;gap:var(--space-4)}.color-control input[type=color]{width:40px;height:32px;padding:0;border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg);cursor:pointer}.dropzone{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);border:var(--border-width) dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg-inset);color:var(--color-fg-muted);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--transition),background var(--transition)}.dropzone:hover{border-color:var(--color-accent-border);background:var(--color-accent-bg)}.dropzone input[type=file]{display:none}.alert{padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-6);border:var(--border-width) solid transparent}.alert--error{background:var(--color-danger-bg);color:var(--color-danger-fg);border-color:color-mix(in srgb,var(--color-danger-fg) 22%,transparent)}.muted{color:var(--color-fg-muted)}.subtle{color:var(--color-fg-subtle)}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.grow{flex:1}@keyframes spin{to{transform:rotate(360deg)}}.busy{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--color-fg-muted);font-size:var(--text-xs)}.spinner{display:inline-block;border-radius:var(--radius-pill);border:2px solid var(--color-border-strong);border-top-color:var(--color-accent);animation:spin .7s linear infinite}.busy__label{color:var(--color-fg-muted)}.icon-btn{font:inherit;font-size:var(--text-lg);line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:var(--radius-sm);border:var(--border-width) solid transparent;background:transparent;color:var(--color-fg-muted);transition:background var(--transition),color var(--transition)}.icon-btn:hover{background:var(--color-bg-inset);color:var(--color-fg)}.icon-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.tabs{display:flex;gap:var(--space-6);border-bottom:var(--border-width) solid var(--color-border);margin-bottom:var(--space-8)}.tab{font:inherit;font-size:var(--text-sm);font-weight:var(--font-weight-medium);display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-2);border:0;background:transparent;color:var(--color-fg-muted);border-bottom:var(--border-width-thick) solid transparent;margin-bottom:-1px;cursor:pointer;transition:color var(--transition),border-color var(--transition)}.tab:hover{color:var(--color-fg-strong)}.tab:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.tab--active{color:var(--color-fg);border-bottom-color:var(--color-accent)}.tab__badge{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-fg-muted);background:var(--color-bg-inset);border-radius:var(--radius-pill);padding:0 var(--space-3)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);background:color-mix(in srgb,var(--color-fg) 35%,transparent);display:flex;align-items:flex-start;justify-content:center;padding:var(--space-16);overflow:auto}.modal{background:var(--color-bg-elevated);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:560px;margin:auto}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-6) var(--space-6) var(--space-5);border-bottom:var(--border-width) solid var(--color-border)}.modal__title{margin:0;font-size:var(--text-md);font-weight:var(--font-weight-semibold);color:var(--color-fg)}.modal__body{padding:var(--space-6)}.modal__footer{display:flex;justify-content:flex-end;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-top:var(--border-width) solid var(--color-border)}.drawer{position:fixed;top:0;bottom:0;width:min(480px,92vw);background:var(--color-bg-elevated);box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.drawer--right{right:0;border-left:var(--border-width) solid var(--color-border)}.drawer--left{left:0;border-right:var(--border-width) solid var(--color-border)}.drawer__body{padding:var(--space-6);overflow:auto;flex:1}.toast-stack{position:fixed;right:var(--space-8);bottom:var(--space-8);z-index:var(--z-overlay);display:flex;flex-direction:column;gap:var(--space-4);max-width:420px}.toast{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-6);border-radius:var(--radius-md);border:var(--border-width) solid transparent;box-shadow:var(--shadow-md);font-size:var(--text-sm)}.toast__msg{flex:1}.toast--error{background:var(--color-danger-bg);color:var(--color-danger-fg);border-color:color-mix(in srgb,var(--color-danger-fg) 22%,transparent)}.toast--success{background:var(--color-success-bg);color:var(--color-success-fg);border-color:color-mix(in srgb,var(--color-success-fg) 22%,transparent)}.toast--info{background:var(--color-info-bg);color:var(--color-info-fg);border-color:color-mix(in srgb,var(--color-info-fg) 22%,transparent)}.toast .icon-btn{color:inherit}.bronze-layout{display:grid;grid-template-columns:minmax(280px,340px) 1fr;gap:var(--space-8);align-items:start}.bronze-list{position:sticky;top:var(--space-8);max-height:calc(100vh - var(--space-16));overflow:auto}.bronze-detail{min-width:0}@media (max-width: 900px){.bronze-layout{grid-template-columns:1fr}.bronze-list{position:static;max-height:none}}.embed-mount iframe{width:100%;height:100%;border:0;display:block}