@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@500;700&family=Space+Grotesk:wght@400;500;700&display=swap";:root{font-family:Space Grotesk,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0d1117}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,#0d1117,#010409)}:root{--vscode-bg: #0d1117;--vscode-bg-elev-1: #161b22;--vscode-bg-elev-2: #1c2128;--vscode-border: #30363d;--vscode-text: #c9d1d9;--vscode-text-muted: #8b949e;--vscode-accent: #8957e5;--vscode-accent-hover: #a371f7;--vscode-danger: #f14c4c}.app-shell{min-height:100vh;color:var(--vscode-text);background:radial-gradient(1200px 640px at 10% -12%,rgba(137,87,229,.18),transparent 55%),radial-gradient(980px 580px at 94% 4%,rgba(163,113,247,.1),transparent 50%),linear-gradient(180deg,#0d1117,#010409);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif}.header{padding:.95rem 1.4rem;display:flex;justify-content:space-between;align-items:center;gap:1.1rem;border-bottom:1px solid var(--vscode-border);background:#0d1117eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header h1{margin:0;font-size:clamp(1.35rem,2.2vw,2rem)}.eyebrow{margin:.2rem 0 0;color:var(--vscode-text-muted);font-size:1rem}.brand{display:flex;align-items:center;gap:.8rem}.brand-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#1f2937,#161b22);border:1px solid var(--vscode-border);color:#c9d1d9;box-shadow:0 6px 20px #01040959}.brand-icon svg{display:block}.layout{max-width:1420px;margin:0 auto;padding:1.2rem;display:grid;gap:1.5rem;grid-template-columns:1.1fr 1fr}.panel{border-radius:18px;border:1px solid var(--vscode-border);background:linear-gradient(180deg,#161b22f0,#0d1117f5);box-shadow:0 12px 30px #01040973;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.25rem}.controls{display:flex;flex-direction:column;gap:1.1rem}.stepper{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.step-chip{border:1px solid transparent;background:transparent;color:var(--vscode-text-muted);border-radius:12px;padding:.55rem .72rem;font-size:1rem;display:inline-flex;align-items:center;gap:.55rem;transition:border-color .12s ease,background .12s ease}.step-chip:hover{border-color:var(--vscode-border);background:#1c2128d1}.step-chip.active{background:#2f81f726;border-color:var(--vscode-accent);color:var(--vscode-text)}.step-dot{width:32px;height:32px;border-radius:50%;background:var(--vscode-bg-elev-1);border:1px solid var(--vscode-border);display:inline-grid;place-items:center;font-weight:700;color:var(--vscode-text-muted)}.step-dot.done,.step-chip.active .step-dot{background:linear-gradient(180deg,#8957e5,#6e40c9);border-color:var(--vscode-accent-hover);color:#fff}.section-block h2{margin:0;font-size:2.5rem}.section-description{margin:.6rem 0 1.25rem;color:var(--vscode-text-muted);font-size:1.08rem}.section-block h3{margin:.45rem 0 .65rem;font-size:1.05rem;color:var(--vscode-text);font-weight:600}.grid-cards{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.format-groups{display:grid;gap:1rem}.format-group{display:grid;gap:.55rem}.format-group h3{margin:0;font-size:.96rem;color:var(--vscode-text-muted);letter-spacing:.02em;text-transform:uppercase}.format-grid-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.card-option{text-align:left;border:1px solid var(--vscode-border);border-radius:14px;background:var(--vscode-bg-elev-2);color:var(--vscode-text);padding:.8rem;display:flex;flex-direction:column;gap:.38rem;transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease}.card-option:hover{border-color:var(--vscode-accent)}.card-option small{color:var(--vscode-text-muted)}.card-option.selected{border-color:var(--vscode-accent);box-shadow:0 0 0 1px var(--vscode-accent) inset,0 0 22px #2f81f733}.swatch-row{display:flex;gap:.35rem}.swatch-row span{width:20px;height:20px;border-radius:999px;border:1px solid rgba(240,246,252,.4)}.form-grid{margin-top:.9rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.form-grid.single{grid-template-columns:1fr}label{display:flex;flex-direction:column;gap:.34rem;font-size:.95rem;color:var(--vscode-text)}.label-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.label-row small{color:var(--vscode-text-muted);font-size:.78rem;font-weight:500}input,select,textarea,button{font:inherit}input,select,textarea{border-radius:12px;border:1px solid var(--vscode-border);background:#0d1117f5;color:var(--vscode-text);padding:.58rem .72rem;transition:border-color .12s ease,box-shadow .12s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--vscode-accent);box-shadow:0 0 0 1px var(--vscode-accent)}input[type=file]{padding:.4rem}button{border-radius:12px;border:1px solid var(--vscode-border);background:linear-gradient(180deg,#21262de6,#161b22f2);color:var(--vscode-text);padding:.55rem .85rem;cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}button:hover:not(:disabled){transform:translateY(-1px);border-color:var(--vscode-accent)}button:disabled{opacity:.55;cursor:not-allowed}button.primary{border-color:var(--vscode-accent);background:linear-gradient(90deg,#6e40c9,#8957e5);color:#fff;box-shadow:0 8px 24px #8957e54d}button.primary:hover:not(:disabled){background:linear-gradient(90deg,#8957e5,#a371f7)}button.danger{border-color:var(--vscode-danger);color:#ffb7b7}.stack{margin-top:.85rem;display:grid;gap:.8rem}.speaker-card{border:1px solid var(--vscode-border);border-radius:14px;padding:.85rem;display:grid;gap:.62rem;grid-template-columns:1fr 1fr;background:var(--vscode-bg-elev-2)}.speaker-card button{grid-column:1 / -1;justify-self:flex-end}.logos-grid{margin-top:.8rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.7rem}.logo-tile{border:1px solid var(--vscode-border);border-radius:14px;padding:.5rem;display:grid;gap:.5rem;background:var(--vscode-bg-elev-2)}.logo-tile img{width:100%;height:70px;object-fit:contain;background:var(--vscode-bg);border-radius:6px}.export-panel{display:grid;gap:.9rem}.export-types{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.export-type{padding:.95rem;border-radius:14px;border:1px solid var(--vscode-border);background:var(--vscode-bg-elev-2);display:grid;gap:.3rem;text-align:left}.export-type strong{font-size:1.9rem;line-height:1}.export-type span{color:var(--vscode-text-muted)}.export-type em{font-style:normal;color:var(--vscode-accent);font-size:1.1rem}.export-type.selected{border-color:var(--vscode-accent);box-shadow:0 0 0 1px var(--vscode-accent) inset}.resolution-toggle{width:100%;padding:1rem;border-radius:14px;border:1px solid var(--vscode-border);background:var(--vscode-bg-elev-2);display:flex;align-items:center;justify-content:space-between;gap:1rem}.resolution-toggle>div{display:grid;text-align:left;gap:.22rem}.resolution-toggle span{color:var(--vscode-text-muted)}.switch{width:42px;height:24px;border-radius:999px;background:#465578b3;padding:3px}.switch>span{width:18px;height:18px;background:#d0d0d0;border-radius:50%;display:block;transition:transform .15s ease}.switch.on{background:var(--vscode-accent)}.switch.on>span{transform:translate(18px)}.resolution-card{border:1px solid var(--vscode-border);background:#161b22db;border-radius:14px;padding:1rem;display:grid;gap:.35rem}.resolution-card p,.resolution-card span{margin:0;color:var(--vscode-text-muted)}.resolution-card strong{font-size:2rem;line-height:1.1}.wizard-actions{margin-top:auto;display:flex;justify-content:space-between;padding-top:.5rem}.preview h2{margin-top:0;margin-bottom:.35rem;font-size:1.65rem}.preview p{margin-top:0;color:var(--vscode-text-muted);font-size:.98rem}.canvas-wrap{width:100%;border-radius:16px;border:1px solid var(--vscode-border);overflow:hidden;background:#010409;box-shadow:inset 0 1px #c9d1d914}.canvas-wrap canvas{width:100%;height:100%;display:block}.speaker-preview-block{margin-top:1rem;display:grid;gap:.7rem}.speaker-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.65rem}.speaker-preview-item{border:1px solid var(--vscode-border);border-radius:12px;padding:.5rem;background:var(--vscode-bg-elev-2);display:grid;gap:.45rem}.speaker-preview-item img{width:100%;border-radius:8px;border:1px solid var(--vscode-border);background:var(--vscode-bg)}.speaker-preview-item strong{font-size:.9rem;line-height:1.2}.history-block{margin-top:1rem;display:grid;gap:.7rem}.history-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.history-header h3{margin:0;font-size:1.05rem;color:var(--vscode-text)}.history-empty{margin:0;color:var(--vscode-text-muted)}.history-list{display:grid;gap:.65rem;max-height:300px;overflow:auto;padding-right:.2rem}.history-item{border:1px solid var(--vscode-border);border-radius:12px;padding:.55rem;background:var(--vscode-bg-elev-2);display:grid;grid-template-columns:110px 1fr auto;gap:.65rem;align-items:center}.history-item img{width:110px;height:62px;object-fit:cover;border-radius:8px;border:1px solid var(--vscode-border);background:var(--vscode-bg)}.history-meta{display:grid;gap:.2rem}.history-meta strong{font-size:.92rem}.history-meta span{color:var(--vscode-text-muted);font-size:.82rem}.history-actions{display:grid;gap:.38rem}.warning{margin:.6rem 0 0;color:#f6bc5b}.error{margin:0;color:#ff9eaa}@media(max-width:980px){.header{padding:.9rem}.layout{grid-template-columns:1fr;padding:.9rem}.section-block h2{font-size:1.85rem}.export-types,.speaker-card,.history-item{grid-template-columns:1fr}.history-item img{width:100%;height:auto;aspect-ratio:16 / 9}.history-actions{grid-template-columns:1fr 1fr}}@media(max-width:640px){.format-grid-pair{grid-template-columns:1fr}}