:root{--bg-void: #05070d;--bg-panel: #0d1220;--bg-panel-raised: #131a2c;--border-subtle: rgba(148, 163, 184, .14);--border-strong: rgba(148, 163, 184, .28);--accent: #38bdf8;--accent-dim: rgba(56, 189, 248, .16);--live-red: #f84c38;--text-primary: #f2f5fa;--text-secondary: #94a3b8;--text-tertiary: #5b6780;--radius-md: 10px;--radius-lg: 16px;--font-display: "Tektur", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-void);background-image:radial-gradient(ellipse 900px 500px at 15% -10%,rgba(56,189,248,.08),transparent),radial-gradient(ellipse 700px 500px at 100% 30%,rgba(168,85,247,.06),transparent);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased}button,input{font-family:inherit}.page-title{font-family:var(--font-display);font-size:26px;font-weight:700;margin:0 0 6px;letter-spacing:.3px}.page-subtitle{color:var(--text-secondary);font-size:14px;margin:0 0 28px;max-width:640px;line-height:1.5}.page-header-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.form-error{color:var(--live-red);font-size:13px;margin-top:10px}.empty-hint{color:var(--text-tertiary);font-size:13px;padding:12px 0}.app-shell{min-height:100%;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:18px 32px;border-bottom:1px solid var(--border-subtle);background:#0d122099;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}@media (max-width: 980px){.app-header{flex-direction:column;align-items:flex-start;gap:12px}}.brand{display:flex;align-items:center;gap:10px}.brand-mark{font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:1px;color:var(--bg-void);background:var(--accent);padding:5px 9px;border-radius:6px;clip-path:polygon(15% 0%,85% 0%,100% 50%,85% 100%,15% 100%,0% 50%)}.brand-name{font-family:var(--font-display);font-size:17px;letter-spacing:.5px;color:var(--text-primary)}.tab-nav{display:flex;gap:4px;background:var(--bg-panel);padding:4px;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.tab-btn{background:transparent;border:none;color:var(--text-secondary);padding:8px 16px;border-radius:7px;font-size:13px;font-weight:600;letter-spacing:.2px;cursor:pointer;transition:all .15s ease}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{background:var(--accent-dim);color:var(--accent)}.app-main{flex:1;padding:32px;max-width:1400px;margin:0 auto;width:100%}.generator-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,640px);gap:32px;align-items:start}@media (max-width: 980px){.generator-layout{grid-template-columns:1fr}}.generator-form{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:28px}.generator-preview{position:sticky;top:96px}@media (max-width: 980px){.generator-preview{position:static}}.generator-actions{display:flex;gap:12px;margin-top:24px}.btn-primary{border-radius:var(--radius-md);padding:10px 18px;font-size:13px;font-weight:700;letter-spacing:.3px;cursor:pointer;border:1px solid transparent;transition:all .15s ease}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#04121c}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-secondary{border-radius:var(--radius-md);padding:10px 18px;font-size:13px;font-weight:700;letter-spacing:.3px;cursor:pointer;border:1px solid transparent;transition:all .15s ease}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:transparent;border-color:var(--border-strong);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-secondary.download-bg{width:80%}.btn-large{padding:13px 22px;font-size:14px;flex:1}.btn-link{background:none;border:none;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;padding:0}.btn-link.danger{color:var(--live-red);margin-left:14px}.field-row{display:flex;gap:16px;margin-bottom:18px}@media (max-width: 980px){.field-row{display:block}}.field{flex:1;display:flex;flex-direction:column;gap:6px}.field-narrow{flex:0 0 160px}@media (max-width: 980px){.field{margin-bottom:1em}}.field-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px;display:block}.text-input:focus-visible{outline:none;border-color:var(--accent)}.text-input{background:var(--bg-panel-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);padding:10px 12px;font-size:14px;outline:none;transition:border-color .15s ease;width:100%}.search-input{margin-bottom:14px}.theme-swatch-grid{display:flex;flex-wrap:wrap;gap:8px;max-width:100%}.swatch-circle{width:30px;height:30px;border-radius:50%;background:var(--swatch-color);border:2px solid transparent;box-shadow:0 0 0 1px var(--border-subtle);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:transform .12s ease,box-shadow .12s ease;flex-shrink:0}.swatch-circle:hover{transform:scale(1.08)}.swatch-circle.active{border-color:var(--bg-panel);box-shadow:0 0 0 1px var(--border-subtle),0 0 0 3px var(--swatch-color)}.swatch-check{color:#fff;font-size:13px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.time-slot-selector{display:flex;gap:8px}.time-slot-btn{background:var(--bg-panel-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-mono);font-size:14px;font-weight:600;padding:10px 18px;cursor:pointer;transition:all .15s ease;flex:1;text-align:center}.time-slot-btn:hover{border-color:var(--border-strong)}.time-slot-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.shape-selector{display:flex;gap:8px;flex-wrap:wrap}.shape-option{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--bg-panel-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 12px;cursor:pointer;transition:all .15s ease;min-width:64px}.shape-option:hover{border-color:var(--border-strong)}.shape-option.active{border-color:var(--accent);background:var(--accent-dim)}.shape-option.active .shape-icon{background:var(--accent)}.shape-icon{width:26px;height:26px;background:var(--text-tertiary)}.shape-label{font-size:11px;color:var(--text-secondary)}.team-picker{margin-top:6px}.team-picker-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.team-count{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}.team-count.at-limit{color:var(--live-red)}.selected-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.selected-chip{display:flex;align-items:center;gap:6px;background:var(--accent-dim);color:var(--accent);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600}.chip-index{font-family:var(--font-mono);background:#38bdf840;border-radius:50%;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;font-size:10px}.chip-remove{background:none;border:none;color:inherit;cursor:pointer;font-size:14px;line-height:1;padding:0;opacity:.7}.chip-remove:hover{opacity:1}.team-grid{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.team-grid::-webkit-scrollbar{width:6px}.team-grid::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;max-height:320px;overflow-y:auto;padding-right:4px}@media (max-width: 980px){.team-grid{grid-template-columns:repeat(3,1fr);gap:8px}}.team-tile{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--bg-panel-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 6px;cursor:pointer;transition:all .12s ease}.team-tile:hover:not(.disabled){border-color:var(--border-strong)}.team-tile.selected{border-color:var(--accent);background:var(--accent-dim)}.team-tile.disabled{opacity:.35;cursor:not-allowed}.team-tile-logo{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#ffffff08;overflow:hidden}.team-tile-logo img{width:100%;height:100%;object-fit:contain}.team-tile-fallback{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}.team-tile-name{font-size:11px;text-align:center;line-height:1.3;color:var(--text-primary)}.team-tile-tag{font-family:var(--font-mono);font-size:9px;color:var(--text-tertiary);text-transform:uppercase}.preview-frame{position:relative;aspect-ratio:16/9;background:var(--bg-panel);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-subtle)}.preview-image{width:100%;height:100%;object-fit:contain;display:block}.preview-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-tertiary)}.preview-placeholder span{font-family:var(--font-mono);font-size:13px}.preview-placeholder p{font-size:13px;margin:0}.preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#05070d8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--text-secondary);font-size:13px;font-family:var(--font-mono)}.spinner{width:24px;height:24px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.corner{position:absolute;width:18px;height:18px;border:2px solid var(--accent);opacity:.7;z-index:2}.corner-tl{top:8px;left:8px;border-right:none;border-bottom:none}.corner-tr{top:8px;right:8px;border-left:none;border-bottom:none}.corner-bl{bottom:8px;left:8px;border-right:none;border-top:none}.corner-br{bottom:8px;right:8px;border-left:none;border-top:none}.team-table{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:scroll}.team-table-header,.team-table-row{display:grid;grid-template-columns:60px 2fr 1fr 100px 140px;align-items:center;padding:12px 20px;gap:12px}.team-table-header{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle)}.team-table-row{border-bottom:1px solid var(--border-subtle);font-size:14px}.team-table-row:last-child{border-bottom:none}.team-table-logo{width:36px;height:36px;border-radius:6px;background:#ffffff08;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);overflow:hidden}.team-table-logo img{width:100%;height:100%;object-fit:contain}.status-badge{font-family:var(--font-mono);font-size:11px;padding:3px 8px;border-radius:999px;width:fit-content;text-transform:uppercase}.status-badge.active{background:#34d39926;color:#34d399}.status-badge.inactive{background:#94a3b826;color:var(--text-tertiary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070db8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.modal-panel{background:var(--bg-panel-raised);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:28px;width:420px;max-width:90vw}.modal-title{font-family:var(--font-display);font-size:19px;margin:0 0 20px}.modal-form{display:flex;flex-direction:column;gap:4px}.modal-form .text-input{margin-bottom:14px}.logo-upload-row{display:flex;align-items:center;gap:14px;margin-bottom:14px}.logo-preview{width:48px;height:48px;object-fit:contain;border-radius:6px;background:#ffffff0a}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}