*{box-sizing:border-box}body{margin:0;background:#0b1220;color:#edf2fa;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.container{max-width:1220px;margin:auto;padding:36px 22px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.eyebrow{color:#4be0af;font-size:12px;font-weight:800;letter-spacing:2px}h1{font-size:38px;margin:4px 0}h2{margin:0 0 8px;font-size:22px}p{margin:0 0 20px;color:#b5c1d3}.layout{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.panel{background:#162238;border:1px solid #30415b;border-radius:17px;padding:26px}.notice{background:#253d45;color:#b7f7e0;padding:13px 18px;border-radius:10px;margin-bottom:22px}.items{margin-top:20px}.item{display:flex;align-items:center;gap:14px;border-bottom:1px solid #30415b;padding:14px 0}.item:last-child{border:0}.swatch{height:50px;width:50px;border-radius:10px;flex:none}.grow{flex:1;min-width:0}small{display:block;color:#a8b9cd;margin-top:3px}button{background:#43d8a6;color:#06231b;border:0;border-radius:9px;padding:11px 16px;font-weight:800;cursor:pointer}button.selected{background:#1b8267;color:white}.subtle{background:#2b3a50;color:#edf2fa}.clear{margin-top:15px}.muted{color:#a8b9cd}label{display:block;margin:20px 0 12px}input{display:block;width:100%;padding:13px;border-radius:8px;border:1px solid #50627d;background:#0b1220;color:#fff;margin-top:8px}.preview{margin-top:22px;background:linear-gradient(140deg,#303e58,#101827);aspect-ratio:16/9;border:1px solid #44556b;border-radius:12px;overflow:hidden}.preview iframe{border:0;width:100%;height:100%}.login{max-width:440px;margin:60px auto}.error{color:#ffb3b3}@media(max-width:850px){.layout{grid-template-columns:1fr}header{align-items:start}.item{flex-wrap:wrap}}