:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;width:100%;margin:0;padding:0}body{display:block;overflow:hidden}#root{max-width:none;margin:0;padding:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}:root{--bg: #0b0f19;--panel: rgba(255, 255, 255, .06);--panel2: rgba(255, 255, 255, .09);--stroke: rgba(255, 255, 255, .1);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .65);--muted2: rgba(255, 255, 255, .45);--accent: #7c5cff;--accent2: #3dd6ff;--radius: 16px;--shadow: 0 10px 40px rgba(0,0,0,.35)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1000px 700px at 20% 20%,rgba(124,92,255,.2),transparent 60%),radial-gradient(900px 700px at 80% 10%,rgba(61,214,255,.15),transparent 55%),radial-gradient(900px 700px at 60% 90%,rgba(124,92,255,.1),transparent 60%),var(--bg);color:var(--text);overflow:hidden}.app{height:100%;display:grid;grid-template-columns:320px 1fr 320px;gap:16px;padding:16px}.card{background:var(--panel);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--stroke);background:linear-gradient(180deg,rgba(255,255,255,.08),transparent)}.brand{display:flex;flex-direction:column;gap:2px}.brand h1{margin:0;font-size:14px;letter-spacing:.2px;font-weight:700}.brand span{font-size:12px;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid var(--stroke);background:#ffffff0f;color:var(--muted);font-size:12px}.main{display:grid;grid-template-rows:auto 1fr}.toolbar{display:flex;gap:10px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--stroke)}.select,.input{height:36px;border-radius:12px;border:1px solid var(--stroke);background:#ffffff0f;color:var(--text);padding:0 10px;outline:none}.select{min-width:220px}.input{width:100%}.btn{height:36px;padding:0 12px;border-radius:12px;border:1px solid var(--stroke);background:#ffffff0f;color:var(--text);cursor:pointer;transition:transform .05s ease,background .15s ease,border-color .15s ease}.btn:hover{background:#ffffff1a;border-color:#ffffff2e}.btn:active{transform:translateY(1px)}.btnPrimary{border:none;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#0b0f19;font-weight:700}.btnPrimary:hover{filter:brightness(1.03)}.canvasWrap{display:flex;justify-content:center;align-items:center;padding:18px}.hint{color:var(--muted);font-size:12px}.divider{height:1px;background:var(--stroke);margin:12px 0}.kbd{font-size:11px;color:var(--muted);border:1px solid var(--stroke);background:#ffffff0f;padding:2px 6px;border-radius:8px}