:root{--background: #0a0a0a;--foreground: #fafafa;--card: #121212;--card-foreground: #fafafa;--primary: hsl(266, 86%, 62%);--primary-hover: hsl(266, 86%, 58%);--primary-foreground: #ffffff;--secondary: #1a1a1a;--secondary-hover: #262626;--secondary-foreground: #fafafa;--muted: #1a1a1a;--muted-foreground: #a3a3a3;--border: #262626;--input: #1a1a1a;--ring: hsl(266, 86%, 62%);--radius: .75rem;--success: hsl(142, 70%, 45%);--success-bg: rgba(22, 163, 74, .15);--warning: hsl(48, 96%, 53%);--warning-bg: rgba(234, 179, 8, .15);--danger: hsl(0, 72%, 51%);--danger-bg: rgba(239, 68, 68, .15);--info: hsl(217, 91%, 60%);--info-bg: rgba(59, 130, 246, .15);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--foreground);background:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;border-color:var(--border)}body{margin:0;min-height:100vh;background:var(--background);color:var(--foreground)}button,input,select,textarea{font:inherit}.appShell{min-height:100vh;display:flex;flex-direction:column}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #7c3aed33}50%{box-shadow:0 0 20px 4px #7c3aed66}}@keyframes fade-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{animation:skeleton-pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.fade-in{animation:fade-in .2s ease-out}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#121212cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.brand{font-size:15px;font-weight:800;color:var(--foreground);letter-spacing:-.02em}.subtle,.sectionHeader p{margin:3px 0 0;color:var(--muted-foreground);font-size:12px;font-weight:500}.topbarActions,.actionsGrid,.copyRow{display:flex;align-items:center;gap:8px}.statusPill{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.statusPill.good{color:var(--success);background:var(--success-bg);border:1px solid rgba(22,163,74,.3)}.statusPill.warn{color:var(--warning);background:var(--warning-bg);border:1px solid rgba(234,179,8,.3)}.iconButton,.button{background:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border);min-height:36px;border-radius:calc(var(--radius) - 4px);display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;cursor:pointer;transition:all .2s ease}.iconButton{width:36px;padding:0;flex:0 0 36px}.button{padding:0 14px;font-weight:600;font-size:13px}.button:disabled,.iconButton:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.iconButton:hover:not(:disabled),.secondary:hover:not(:disabled){background:var(--secondary-hover);border-color:#333}.primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary);box-shadow:0 1px 2px #00000080}.primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed40}.primary:active:not(:disabled){transform:translateY(0)}.pulse{animation:pulse-glow 2s infinite}.danger{color:var(--danger);border-color:var(--border)}.danger:hover:not(:disabled){background:var(--danger-bg);border-color:#ef444480}.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:6px;background:#000;border-bottom:1px solid var(--border)}.tab{border:0;min-height:32px;border-radius:calc(var(--radius) - 4px);background:transparent;color:var(--muted-foreground);display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease}.tab:hover{color:var(--foreground);background:var(--secondary)}.tab.active{background:var(--secondary-hover);color:var(--foreground);box-shadow:0 1px 3px #0006}.panel{padding:20px 16px;display:flex;flex-direction:column;gap:16px;animation:fade-in .2s ease-out}.sectionHeader{display:flex;justify-content:space-between;align-items:center;gap:12px}h1{margin:0;font-size:18px;line-height:1.2;color:var(--foreground);font-weight:700;letter-spacing:-.01em}.sectionIcon{color:var(--primary)}.toolSurface{display:grid;gap:14px}label{display:grid;gap:8px}label span,.codeBoxLabel span{font-size:12px;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em}input,select,textarea{width:100%;min-height:38px;border:1px solid var(--border);border-radius:calc(var(--radius) - 4px);padding:8px 12px;background:var(--input);color:var(--foreground);transition:all .2s ease;font-size:13px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 2px #7c3aed33}textarea{resize:vertical;min-height:82px;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.5}.copyRow{align-items:stretch}.copyRow input{min-width:0;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace}.actionsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.actionsGrid .button{width:100%;min-width:0}.checklist,.detailsList,.helpList{display:grid;gap:10px}.checklist div,.detailsList div,.helpList div{border:1px solid var(--border);border-radius:calc(var(--radius) - 4px);background:var(--secondary);padding:12px 14px}.checklist div{color:var(--foreground);font-size:13px;font-weight:500}.detailsList div{display:flex;align-items:center;justify-content:space-between;gap:12px}.detailsList span{color:var(--muted-foreground);font-size:12px;font-weight:500}.detailsList strong{font-size:13px;color:var(--foreground);text-align:right;overflow-wrap:anywhere;font-weight:600}.colorValue{display:inline-flex;align-items:center;gap:8px}.colorValue i{width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 2px 4px #0003}.helpList strong,.helpList span{display:block}.helpList strong{font-size:14px;color:var(--foreground);font-weight:600}.helpList span{margin-top:4px;color:var(--muted-foreground);font-size:13px;line-height:1.5}.notice,.errorText{margin:0;padding:12px 14px;border-radius:calc(var(--radius) - 4px);font-size:13px;line-height:1.5;font-weight:500}.notice{background:var(--info-bg);color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.errorText{background:var(--danger-bg);color:#f87171;border:1px solid rgba(239,68,68,.2)}@media(max-width:420px){.topbar{align-items:flex-start}.actionsGrid{grid-template-columns:1fr}}