@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Oswald:wght@500;700&family=Playfair+Display:wght@700;900&family=Anton&family=Space+Mono:wght@700&family=Dancing+Script:wght@700&display=swap";:root{--bg: #08090c;--panel: #101319;--panel-2: #161a22;--border: #232a35;--text: #eaf0f7;--muted: #8593a4;--accent: #7c5cff;--accent-2: #22d3a6;--hot: #ff4d6d;--danger: #ff6b6b;--radius: 14px;--radius-sm: 9px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1100px 760px at 8% -12%,#1a1233 0%,transparent 58%),radial-gradient(900px 700px at 96% 108%,#06231f 0%,transparent 60%),var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.app{max-width:1040px;margin:0 auto;padding:30px 18px 90px;display:flex;flex-direction:column;gap:18px}.hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 0 8px}.brand{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.brand-icon{width:54px;height:54px;border-radius:13px;box-shadow:0 6px 20px #0000008c,0 0 0 1px var(--border);cursor:pointer;transition:transform .14s ease,box-shadow .14s ease}.brand-icon:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 10px 26px #7c5cff66,0 0 0 1px var(--accent)}.brand-text{display:flex;flex-direction:column;gap:2px}.logo{font-size:34px;font-weight:900;letter-spacing:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{color:var(--muted);font-size:13px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:10px}.label{font-size:11px;font-weight:800;letter-spacing:.8px;color:var(--muted);text-transform:uppercase}.mini{font-size:11px;color:var(--muted);font-weight:600}.hint{color:var(--muted);font-size:12px}.error{color:var(--danger);font-size:13px}.row{display:flex;align-items:center}.row.between{justify-content:space-between}.row.gap{gap:10px}.row.wrap{flex-wrap:wrap}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-wrap{display:flex;flex-direction:column;gap:4px}.field,.filter,.textarea{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-size:14px;outline:none;font-family:inherit;width:100%}.filter{width:150px;padding:7px 10px;font-size:13px}.textarea{line-height:1.5;resize:vertical;min-height:100px}.textarea.short{min-height:74px}.field:focus,.textarea:focus,.filter:focus{border-color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent)}.check{font-size:13px;color:var(--muted);cursor:pointer}.check input{accent-color:var(--accent)}.swatch{width:40px;height:32px;padding:0;border:1px solid var(--border);border-radius:7px;background:none;cursor:pointer}.mode-switch{display:flex;border:1px solid var(--border);border-radius:999px;overflow:hidden}.mode-switch button{background:transparent;color:var(--muted);border:0;padding:6px 16px;font-size:11px;font-weight:800;letter-spacing:1px;cursor:pointer}.mode-switch button.on{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#08090c}button{font-family:inherit}.primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#08090c;border:0;border-radius:10px;padding:13px 22px;font-size:14px;font-weight:900;letter-spacing:.6px;cursor:pointer}.primary:disabled{opacity:.5;cursor:default}.primary.sm{padding:8px 14px;font-size:12px}.primary.block{width:100%}.ghost{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:9px 14px;font-size:13px;cursor:pointer}.ghost.sm{padding:7px 12px;font-size:12px}.ghost:hover{border-color:var(--accent)}.link{background:none;border:0;color:var(--accent-2);font-size:12px;font-weight:700;cursor:pointer;padding:4px 2px}.link:disabled{color:var(--muted);cursor:default}.link.danger{color:var(--danger)}.pill{display:inline-flex;align-items:center;gap:7px;background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700;cursor:pointer}.pill:hover{border-color:var(--accent)}.pill-ico{font-size:13px}.photo-row{gap:12px}.photo-thumb{width:62px;height:62px;object-fit:cover;border-radius:10px;border:1px solid var(--border)}.groups{display:flex;flex-direction:column;gap:14px;margin-top:4px}.group-name{margin:0 0 7px;font-size:11px;font-weight:800;letter-spacing:.8px;color:var(--accent-2);text-transform:uppercase}.chips{display:flex;flex-wrap:wrap;gap:7px}.selected-row{display:flex;flex-wrap:wrap;gap:7px;padding:8px;background:var(--panel-2);border-radius:var(--radius-sm);border:1px solid var(--border)}.chip{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:6px 12px;font-size:11.5px;font-weight:700;letter-spacing:.3px;cursor:pointer;transition:all .11s ease}.chip:hover:not(.disabled){border-color:var(--accent)}.chip.active{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#08090c;border-color:transparent}.chip.disabled{opacity:.35;cursor:default}.chip.sm{padding:5px 10px;font-size:11px}.action-row{align-items:center;flex-direction:row;gap:14px;flex-wrap:wrap}.options{display:flex;flex-direction:column;gap:12px}.option{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:9px}.option:hover{border-color:#33405233}.option-head{display:flex;align-items:center;gap:12px}.rank{width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:var(--border);color:var(--muted);font-size:11px;font-weight:900;display:grid;place-items:center}.option-title{font-size:24px;font-weight:900;letter-spacing:-.3px;line-height:1.15;flex:1}.risk{font-size:9.5px;font-weight:900;letter-spacing:1px;padding:4px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.risk.safe{color:var(--accent-2);border-color:#1f6b58}.risk.bold{color:var(--hot);border-color:#6b1f33}.angle{font-size:12px;font-weight:700;color:var(--accent-2);letter-spacing:.3px}.why{font-size:13.5px;line-height:1.55;color:#c3cddb}.devices{display:flex;flex-wrap:wrap;gap:6px}.device{font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);background:var(--panel);border:1px solid var(--border);border-radius:5px;padding:3px 7px}.palette-strip{display:flex;align-items:center;gap:6px}.palette-strip span{width:26px;height:14px;border-radius:4px;display:inline-block}.art-mood{width:auto!important;height:auto!important;font-size:11px;color:var(--muted);font-style:italic;margin-left:4px}.saved-list{display:flex;flex-direction:column;gap:9px}.saved-item{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 13px}.saved-title{font-size:16px;font-weight:800}.studio-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040508db;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:60;display:flex;align-items:flex-start;justify-content:center;padding:22px;overflow-y:auto}.studio{background:var(--panel);border:1px solid var(--border);border-radius:18px;width:100%;max-width:1120px;padding:18px;display:flex;flex-direction:column;gap:14px}.studio-head{align-items:flex-start}.studio-title{font-size:22px;font-weight:900;margin-top:2px}.studio-body{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px}.studio-canvas{display:flex;flex-direction:column;gap:10px;min-width:0}.cover-canvas{width:100%;height:auto;aspect-ratio:1/1;border-radius:10px;border:1px solid var(--border);background:#000;display:block}.studio-exports{gap:8px}.studio-controls{display:flex;flex-direction:column;gap:12px}.ctl{display:flex;flex-direction:column;gap:6px}.art-concept{font-size:12.5px;line-height:1.5;color:var(--muted);background:var(--panel-2);border:1px solid var(--border);border-radius:9px;padding:10px;font-style:italic}.intro{position:fixed;top:0;right:0;bottom:0;left:0;background:#08090c;z-index:90;display:grid;place-items:center;cursor:pointer;transition:opacity .55s ease}.intro.fade{opacity:0;pointer-events:none}.intro-inner{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px;text-align:center}.intro-logo{font-size:46px;font-weight:900;letter-spacing:5px;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.intro-line{font-size:13px;color:#c3cddb;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.intro-key{font-size:10px;font-weight:900;letter-spacing:1px;color:var(--muted)}.intro-sep{color:var(--border)}.intro-cycle{font-size:20px;font-weight:900;letter-spacing:2px;color:var(--accent-2);min-height:28px}.intro-locked{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;min-height:28px}.intro-working{font-size:12px;color:var(--muted);letter-spacing:1px}.intro-title{font-size:42px;font-weight:900;letter-spacing:-.5px;min-height:52px}.intro-sub{font-size:11px;color:var(--muted);letter-spacing:1.6px;text-transform:uppercase}.caret{display:inline-block;width:3px;height:34px;background:var(--accent-2);margin-left:5px;vertical-align:-5px;animation:blink .62s steps(1) infinite}@keyframes blink{50%{opacity:0}}.intro-skip{position:absolute;bottom:26px;font-size:11px;color:var(--muted);letter-spacing:1.4px}.foot{color:var(--muted);font-size:11.5px;text-align:center;padding-top:6px}@media (max-width: 900px){.studio-body,.grid-2{grid-template-columns:1fr}}@media (max-width: 560px){.logo{font-size:27px}.option-title{font-size:20px}.filter{width:110px}}.keyvault{background:var(--panel);border:1px solid var(--border);border-radius:18px;width:100%;max-width:560px;padding:20px;display:flex;flex-direction:column;gap:14px;margin-top:6vh}.kv-sub{font-size:13px;color:var(--muted);margin-top:3px}.kv-note{font-size:12.5px;line-height:1.55;color:#c3cddb;background:var(--panel-2);border:1px solid var(--border);border-left:3px solid var(--accent-2);border-radius:9px;padding:11px 13px}.keyvault a{color:var(--accent-2)}.field.bad{border-color:var(--danger)}.req{font-weight:600;color:var(--accent-2);text-transform:none;letter-spacing:0}.opt{font-weight:600;color:var(--muted);text-transform:none;letter-spacing:0}.needs-key{border-color:var(--accent);color:var(--text);box-shadow:0 0 0 1px var(--accent) inset}.keybanner{background:linear-gradient(90deg,#7c5cff29,#22d3a61a);border:1px solid var(--accent);border-radius:var(--radius);padding:14px 16px;font-size:13.5px;line-height:1.55;color:var(--text);cursor:pointer;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.keybanner:hover{background:linear-gradient(90deg,#7c5cff3d,#22d3a629)}.keybanner-cta{font-weight:800;color:var(--accent-2);white-space:nowrap}