*{box-sizing:border-box}body{color:#f8fafc;background:#020617;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,textarea,input{font:inherit}button{cursor:pointer;color:#082f49;background:#67e8f9;border:0;border-radius:16px;padding:11px 16px;font-weight:700;transition:transform .15s,opacity .15s}button:hover{transform:translateY(-1px)}button.secondary{color:#0f172a;background:#e2e8f0}button.ghost{color:#e2e8f0;background:0 0;padding:8px 10px}button.danger{color:#fff;background:#dc2626;width:100%}.page{min-height:100vh;padding:28px}.shell{max-width:1320px;margin:0 auto}.hero{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.badge{color:#cffafe;background:#22d3ee1f;border:1px solid #22d3ee59;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:14px;display:inline-flex}h1{letter-spacing:-.04em;max-width:760px;margin:18px 0 10px;font-size:clamp(32px,5vw,56px);line-height:1.05}h2{margin:0;font-size:22px}p{margin:0}.hero p{color:#cbd5e1;max-width:760px;line-height:1.7}code{color:#a5f3fc;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.actions{flex-wrap:wrap;gap:10px;display:flex}.layout{grid-template-columns:420px minmax(0,1fr);gap:20px;display:grid}.card{background:#0f172ad9;border:1px solid #1e293b;border-radius:28px;overflow:hidden;box-shadow:0 24px 80px #0000004d}.panel{padding:20px}.card-title,.preview-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.preview-header{border-bottom:1px solid #1e293b;padding:18px 20px}.preview-header p{color:#94a3b8;margin-top:4px;font-size:14px}textarea{resize:vertical;color:#ecfeff;background:#020617;border:1px solid #334155;border-radius:18px;outline:none;width:100%;height:290px;margin-top:18px;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;line-height:1.7}textarea:focus{box-shadow:0 0 0 4px #22d3ee40}.control-box,.help{background:#0206178c;border:1px solid #1e293b;border-radius:18px;margin-top:16px;padding:16px}.control-box label{color:#cbd5e1;margin-bottom:10px;font-size:14px;display:block}input[type=range]{width:100%}.check-row{background:#0f172a;border-radius:12px;justify-content:space-between;align-items:center;margin-top:12px;padding:10px 12px;display:flex!important}.danger{margin-top:16px}.help{color:#cbd5e1;font-size:14px;line-height:1.7}.help p+p{margin-top:8px}.svg-wrap{background:#020617;padding:16px;overflow:auto}svg{background:#fff;border-radius:18px;display:block}.empty{color:#94a3b8;border:1px dashed #334155;border-radius:18px;justify-content:center;align-items:center;min-height:320px;display:flex}@media (width<=980px){.hero{flex-direction:column;align-items:flex-start}.layout{grid-template-columns:1fr}}