@keyframes spin{to{transform:rotate(360deg)}}*,:before,:after{box-sizing:border-box}body{margin:0;padding:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0f;--surface:#13131f;--surface-2:#0d0d1a;--surface-3:#0f0f1a;--surface-hover:#15152a;--border:#1e1e30;--border-2:#1a1a2e;--border-dashed:#252535;--border-strong:#222;--border-dim:#333;--shadow:#0009;--text-strong:#fff;--text-emphasis:#ddd;--text-primary:#ccc;--text-secondary:#bbb;--text-muted:#888;--text-faint:#777;--text-subtle:#666;--text-dim:#555;--text-dimmer:#444;--text-dimmest:#333;--accent:#6366f1;--accent-green:#34d399;--accent-amber:#f59e0b;--error:#f87171;--badge-color:#6366f1;--badge-bg:#6366f126}@media (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef0f7;--surface:#fff;--surface-2:#f4f5fb;--surface-3:#f7f8fd;--surface-hover:#eceef8;--border:#dfe2f0;--border-2:#e5e7f2;--border-dashed:#c8cddf;--border-strong:#c2c7da;--border-dim:#cdd1e0;--shadow:#232a5024;--text-strong:#12131f;--text-emphasis:#232538;--text-primary:#303349;--text-secondary:#444861;--text-muted:#5c617b;--text-faint:#696e86;--text-subtle:#747990;--text-dim:#81869c;--text-dimmer:#9297ac;--text-dimmest:#a3a7ba;--accent:#6366f1;--accent-green:#0b9e6e;--accent-amber:#b45309;--error:#dc2626;--badge-color:#4f46e5;--badge-bg:#6366f11f}}.bw-main{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:Inter,system-ui,sans-serif;display:flex}.bw-card{background:var(--surface);width:100%;max-width:600px;box-shadow:0 24px 80px var(--shadow);border:1px solid var(--border);border-radius:20px;padding:40px}.bw-header{text-align:center;margin-bottom:32px}.bw-logo-icon{border-radius:18px;margin:0 auto 14px;display:block}.bw-brand-label{color:var(--text-dim);letter-spacing:4px;text-transform:uppercase;margin:0 0 2px;font-size:11px;font-weight:600;display:block}.bw-title{letter-spacing:-.03em;background:linear-gradient(90deg,#f59e0b,#14b8a6,#8b5cf6,#3b82f6,#6366f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:40px;font-weight:800}.bw-subtitle{color:var(--text-subtle);margin-top:8px;font-size:15px}.bw-dropzone{border:2px dashed var(--border-dashed);text-align:center;cursor:pointer;background:var(--surface-3);border-radius:16px;padding:56px 24px;transition:all .2s}.bw-dropzone:hover,.bw-dropzone-active{border-color:var(--accent);background:var(--surface-hover)}.bw-drop-icon{margin-bottom:16px;font-size:48px}.bw-drop-text{color:var(--text-secondary);margin:0 0 6px;font-size:16px}.bw-drop-hint{color:var(--text-dimmer);margin:0 0 28px;font-size:13px}.bw-demo-btn{border:1px solid var(--border-dim);color:var(--text-faint);cursor:pointer;background:0 0;border-radius:8px;padding:8px 20px;font-size:13px}.bw-processing{text-align:center;padding:24px 0}.bw-spinner{border:3px solid var(--border);border-top:3px solid var(--accent);border-radius:50%;width:36px;height:36px;margin:0 auto 16px;animation:.8s linear infinite spin}.bw-processing-text{color:var(--text-secondary);margin-bottom:24px;font-size:15px}.bw-steps{flex-direction:column;align-items:flex-start;gap:10px;width:100%;max-width:360px;margin:0 auto;display:flex}.bw-step-row{align-items:center;gap:10px;width:100%;display:flex}.bw-step-icon{text-align:center;flex-shrink:0;width:20px;font-size:16px}.bw-step-label{font-size:13px}.bw-step-duration{color:var(--text-dim);font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:auto;font-size:11px}.bw-step-running{color:var(--accent-amber);font-style:italic}.bw-step-sublabel{color:var(--text-muted);font-size:11px;font-weight:400}.bw-step-done{color:var(--accent-green)}.bw-step-active{color:var(--accent)}.bw-step-idle{color:var(--text-dimmer)}.bw-label-done{color:var(--text-primary)}.bw-label-active{color:var(--text-strong)}.bw-label-idle{color:var(--text-dim)}.bw-error-box{text-align:center;padding:32px 0}.bw-error-text{color:var(--error);margin-bottom:16px;font-size:14px}.bw-result{flex-direction:column;gap:20px;display:flex}.bw-personality-badge{border:1px solid var(--badge-color);background:var(--badge-bg);border-radius:14px;align-items:center;gap:16px;padding:16px 20px;display:flex}.bw-personality-icon{font-size:36px;line-height:1}.bw-personality-name{color:var(--badge-color);font-size:20px;font-weight:700}.bw-personality-tagline{color:var(--text-muted);margin-top:2px;font-size:13px;font-style:italic}.bw-theme--builder{--badge-color:#f59e0b;--badge-bg:#f59e0b26}.bw-theme--explorer{--badge-color:#14b8a6;--badge-bg:#14b8a626}.bw-theme--achiever{--badge-color:#8b5cf6;--badge-bg:#8b5cf626}.bw-theme--optimizer{--badge-color:#3b82f6;--badge-bg:#3b82f626}@media (prefers-color-scheme:light){.bw-theme--builder{--badge-color:#b45309;--badge-bg:#f59e0b24}.bw-theme--explorer{--badge-color:#0f766e;--badge-bg:#14b8a624}.bw-theme--achiever{--badge-color:#6d28d9;--badge-bg:#8b5cf61f}.bw-theme--optimizer{--badge-color:#1d4ed8;--badge-bg:#3b82f61f}}.bw-period-label{color:var(--text-emphasis);text-align:center;margin:0;font-size:18px;font-weight:600}.bw-metrics{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.bw-metric{background:var(--surface-2);border:1px solid var(--border-2);border-radius:10px;flex-direction:column;gap:6px;padding:14px;display:flex}.bw-metric-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.bw-metric-value{color:var(--text-primary);font-size:17px;font-weight:700}.bw-metric-accent{color:var(--badge-color)}.bw-achievements{background:var(--surface-2);border:1px solid var(--border-2);border-radius:10px;flex-direction:column;gap:6px;padding:14px;display:flex}.bw-achievement{color:var(--badge-color);font-size:13px}.bw-thumbnail{object-fit:cover;border:1px solid var(--border-2);border-radius:12px;width:100%;max-height:200px}.bw-video-section{flex-direction:column;gap:8px;display:flex}.bw-video{background:#000;border-radius:10px;width:100%}.bw-video-actions{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.bw-download-link{color:var(--text-subtle);text-align:center;font-size:12px;text-decoration:none;display:block}.bw-share-btn{cursor:pointer;text-align:center;background:var(--badge-color);color:#fff;border:none;border-radius:10px;width:100%;padding:12px 24px;font-size:14px;font-weight:600}.bw-artifacts{background:var(--surface-2);border:1px solid var(--border-2);border-radius:10px;padding:12px 16px}.bw-artifacts-summary{color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;list-style:none}.bw-artifacts-summary::-webkit-details-marker{display:none}.bw-artifacts-list{flex-direction:column;gap:6px;margin-top:10px;display:flex}.bw-artifact-item{border-bottom:1px solid var(--surface-hover);flex-direction:column;gap:2px;padding:6px 0;display:flex}.bw-artifact-item:last-child{border-bottom:none}.bw-artifact-key{color:var(--text-muted);font-size:11px;font-weight:600}.bw-artifact-path{color:var(--text-dimmest);word-break:break-all;font-family:monospace;font-size:10px}.bw-meta{color:var(--text-dimmest);text-align:center;font-size:11px}.bw-time-estimate{color:var(--text-faint);text-align:center;margin-top:1rem;font-size:.8rem}.bw-btn{background:var(--accent);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:10px;width:100%;padding:12px 24px;font-size:14px;font-weight:600}.bw-btn-secondary{color:var(--text-dim);border:1px solid var(--border-strong);cursor:pointer;text-align:center;background:0 0;border-radius:10px;width:100%;padding:10px 20px;font-size:13px}