:root{--bg: #07060c;--panel: #11070a;--panel-2: #15080b;--panel-3: #1a090c;--accent: #ff4da6;--accent-2: #ffffff;--accent-3: #ffd6ec;--accent-4: #ff8fcf;--text: #fffdfd;--muted: rgba(255, 255, 255, .76);--stroke: rgba(255, 255, 255, .14);--stroke-2: rgba(255, 255, 255, .22)}*{box-sizing:border-box}body{margin:0;font-family:Fredoka,Space Grotesk,system-ui,-apple-system,sans-serif;background:radial-gradient(900px 600px at 12% 12%,#ff4da666,#ff4da600 60%),radial-gradient(900px 600px at 88% 18%,#ffffff24,#fff0 55%),radial-gradient(1000px 700px at 55% 95%,#ff4da638,#ff4da600 55%),radial-gradient(circle at 20% 20%,#12080a 0,#07060c 40%,#05040a 75%);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit}.app-shell{position:relative;padding:32px 20px 64px;max-width:1200px;margin:0 auto}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,#ff4da62e,#ffffff1a);border:1px solid var(--stroke);border-radius:999px;font-size:12px;letter-spacing:.4px}.hero-title{font-size:clamp(28px,5vw,46px);line-height:1.1;margin:4px 0;text-shadow:0 0 30px rgba(255,77,166,.35),0 0 55px rgba(255,255,255,.12)}.subtitle{color:var(--muted);margin:0;max-width:640px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:radial-gradient(800px 300px at 30% 0%,#ff4da629,#ff4da600 70%),radial-gradient(700px 280px at 80% 10%,#ffffff14,#fff0 65%),linear-gradient(180deg,var(--panel) 0%,var(--panel-2) 55%,var(--panel-3) 100%);border:1px solid var(--stroke);border-radius:18px;padding:18px;box-shadow:0 10px 50px #00000059}.canvas-wrapper{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;border:1px solid var(--stroke)}.canvas-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.editor-menu{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 12px;padding:10px;border-radius:14px;border:1px solid var(--stroke);background:linear-gradient(180deg,#ff4da61a,#00000038)}.control-group{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.control-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.label{font-size:12px;color:var(--muted);letter-spacing:.3px}.input,.textarea,select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--stroke);background:linear-gradient(180deg,#ffffff0d,#ffffff08);color:var(--text);outline:none}select.accessory-select,select.accessory-select option{color:var(--accent)}.input:focus,.textarea:focus,select:focus{border-color:#ff4da68c;box-shadow:0 0 0 3px #ff4da629}.textarea{min-height:80px;resize:vertical}.slider{width:100%}.btn{border:none;border-radius:12px;padding:12px 14px;font-size:14px;font-weight:600;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-4) 55%,var(--accent-2) 110%);color:#0b0a18;cursor:pointer;transition:transform .1s ease,box-shadow .2s ease;box-shadow:0 12px 44px #ff4da647,0 10px 40px #ffffff14;display:inline-flex;align-items:center;gap:8px}.btn-icon{display:inline-flex;align-items:center;justify-content:center;opacity:.95}.btn.secondary{background:linear-gradient(135deg,#ffffff1a,#ff4da614);color:var(--text);box-shadow:none}.btn:disabled{opacity:.65;cursor:not-allowed}.btn:hover:not(:disabled){transform:translateY(-1px) scale(1.01)}.btn:active:not(:disabled){transform:translateY(0) scale(.99)}.btn.inline{padding:10px 12px;font-size:13px}.status-chip{font-size:12px;color:var(--muted)}.actions-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.pill{padding:8px 12px;border-radius:999px;background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid var(--stroke);font-size:13px;cursor:pointer}.pill.active{background:linear-gradient(135deg,#ff4da642,#ffffff1f);border-color:#ff4da67a;color:#fff}.hint{font-size:12px;color:var(--muted)}.footer{margin-top:26px;color:var(--muted);font-size:13px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}@media (max-width: 960px){.grid{grid-template-columns:1fr}.header{flex-direction:column;align-items:flex-start}}