@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--font-main:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-primary:#07090e;--bg-secondary:#0d121f;--bg-card:#101726b8;--bg-card-hover:#162035d9;--bg-input:#0d121fd9;--bg-subtle:#ffffff0a;--bg-active:#6366f126;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--border-subtle:#ffffff14;--border-medium:#ffffff24;--border-focus:#6366f1;--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--accent-tertiary:#ec4899;--accent-cyan:#06b6d4;--accent-emerald:#10b981;--accent-amber:#f59e0b;--gradient-brand:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%);--gradient-glow:radial-gradient(circle at 50% 0%, #6366f12e, transparent 70%);--gradient-card:linear-gradient(180deg, #ffffff08 0%, #fff0 100%);--shadow-sm:0 2px 8px #00000040;--shadow-md:0 8px 24px #00000059;--shadow-lg:0 20px 40px #00000073;--shadow-glow:0 0 35px #6366f14d;--shadow-emerald-glow:0 0 35px #10b98140;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-spring:.4s cubic-bezier(.175, .885, .32, 1.275)}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-card:#ffffffd9;--bg-card-hover:#f8fafcf2;--bg-input:#f1f5f9;--bg-subtle:#0000000a;--bg-active:#6366f11f;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--border-subtle:#00000014;--border-medium:#00000024;--border-focus:#6366f1;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 8px 24px #0f172a14;--shadow-lg:0 20px 40px #0f172a1f;--shadow-glow:0 0 35px #6366f126;--shadow-emerald-glow:0 0 35px #10b98126;--gradient-glow:radial-gradient(circle at 50% 0%, #6366f11a, transparent 70%);--gradient-card:linear-gradient(180deg, #fffc 0%, #fff6 100%)}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);scroll-behavior:smooth;height:100%}body{background-color:var(--bg-primary);min-height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 15% 15%,#6366f11f 0,#0000 55%),radial-gradient(at 85% 10%,#ec489914 0,#0000 50%),radial-gradient(at 50% 80%,#06b6d414 0,#0000 60%);background-attachment:fixed;flex-direction:column;line-height:1.5;display:flex}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.025em;font-weight:700}p{color:var(--text-secondary)}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal)}.glass-card:hover{border-color:var(--border-medium)}.gradient-text{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.925rem;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--gradient-brand);color:#fff;border:1px solid #ffffff26;box-shadow:0 4px 18px #6366f159}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #6366f180}.btn-secondary{background:var(--bg-subtle);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-medium);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-subtle);color:var(--text-primary)}.btn-icon{border-radius:var(--radius-md);width:40px;height:40px;padding:0}.btn-sm{border-radius:var(--radius-sm);padding:6px 12px;font-size:.825rem}.btn-lg{border-radius:var(--radius-lg);padding:14px 26px;font-size:1.05rem}.badge{border-radius:var(--radius-full);background:var(--bg-subtle);border:1px solid var(--border-subtle);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-brand{color:#818cf8;background:#6366f11f;border-color:#6366f14d}.badge-success{color:#34d399;background:#10b9811f;border-color:#10b9814d}.input-label{color:var(--text-secondary);margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.input-field{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);outline:none;padding:11px 14px;font-size:.925rem}.input-field:focus{border-color:var(--border-focus);background:var(--bg-secondary);box-shadow:0 0 0 3px #6366f140}textarea.input-field{resize:vertical;min-height:80px;line-height:1.5}.slider-container{flex-direction:column;gap:8px;display:flex}.slider-header{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.slider-value{font-family:var(--font-mono);color:var(--accent-primary);background:var(--bg-subtle);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);padding:2px 8px;font-weight:600}.range-slider{appearance:none;border-radius:var(--radius-full);background:var(--border-subtle);cursor:pointer;width:100%;height:6px;transition:background var(--transition-fast);outline:none}.range-slider::-webkit-slider-thumb{appearance:none;border:2px solid var(--accent-primary);cursor:pointer;width:18px;height:18px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);background:#fff;border-radius:50%;box-shadow:0 2px 6px #0000004d}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.18);box-shadow:0 0 12px #6366f180}.segmented-control{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);gap:4px;padding:4px;display:flex}.segmented-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.segmented-btn.active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle)}.segmented-btn:hover:not(.active){color:var(--text-primary);background:#ffffff08}.chips-grid{flex-wrap:wrap;gap:6px;display:flex}.chip-btn{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--bg-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:5px 11px;font-size:.8rem;font-weight:500;display:inline-flex}.chip-btn:hover{border-color:var(--border-medium);background:var(--bg-card-hover);color:var(--text-primary);transform:translateY(-1px)}.chip-btn.active{border-color:var(--accent-primary);background:var(--bg-active);color:var(--accent-primary);font-weight:600}.color-picker-row{align-items:center;gap:12px;display:flex}.color-input-wrapper{border-radius:var(--radius-md);border:2px solid var(--border-subtle);cursor:pointer;width:44px;height:44px;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast), transform var(--transition-fast);flex-shrink:0;position:relative;overflow:hidden}.color-input-wrapper:hover{border-color:var(--border-medium);transform:scale(1.05)}.native-color-picker{cursor:pointer;background:0 0;border:none;width:64px;height:64px;position:absolute;top:-10px;left:-10px}.color-swatches{flex-wrap:wrap;gap:6px;display:flex}.swatch-btn{cursor:pointer;width:26px;height:26px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:2px solid #fff3;border-radius:50%;padding:0}.swatch-btn:hover{transform:scale(1.2);box-shadow:0 0 10px #ffffff4d}.swatch-btn.active{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--bg-primary), 0 0 0 4px var(--accent-primary)}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;max-width:380px;display:flex;position:fixed;bottom:24px;right:24px}.toast{pointer-events:auto;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--text-primary);align-items:center;gap:12px;padding:12px 18px;font-size:.9rem;animation:.25s cubic-bezier(.16,1,.3,1) forwards slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media print{body{color:#000!important;background:#fff!important}header,footer,.controls-panel,.no-print,.toast-container,.tabs-container{display:none!important}.print-only-container{flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:20px;display:flex!important}.print-only-container svg{max-width:90vw!important;max-height:80vh!important}}