@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#0a0a0a;font-family:Inter,-apple-system,system-ui,sans-serif}#canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1}.attribution{position:fixed;bottom:8px;right:12px;font:10px/1 Inter,-apple-system,system-ui,sans-serif;letter-spacing:.02em;opacity:.3;color:#e0e0e0;z-index:5;pointer-events:none;-webkit-user-select:none;user-select:none;transition:color .3s ease}body.light-bg .attribution{color:#1a1a1a}.panel{position:fixed;top:16px;right:16px;bottom:16px;width:320px;z-index:10;background:#0c0c0cc7;backdrop-filter:blur(40px) saturate(150%);-webkit-backdrop-filter:blur(40px) saturate(150%);border:1px solid rgba(255,255,255,.06);border-radius:16px;display:flex;flex-direction:column;font-family:Inter,-apple-system,system-ui,sans-serif;color:#ffffffe0;overflow:hidden;transition:width .3s cubic-bezier(.4,0,.2,1),bottom .3s cubic-bezier(.4,0,.2,1)}.panel.collapsed{width:auto;bottom:auto}.panel.collapsed .panel-body{display:none}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px 14px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.panel-title{font-size:11px;font-weight:600;letter-spacing:.12em;color:#ffffff80}.panel-toggle{background:none;border:none;color:#fff6;font-size:16px;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background .2s,color .2s}.panel-toggle:hover{background:#ffffff14;color:#ffffffb3}.panel-body{flex:1;overflow-y:auto;padding:8px 20px 20px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.panel-body::-webkit-scrollbar{width:4px}.panel-body::-webkit-scrollbar-track{background:transparent}.panel-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.panel-section{margin-top:16px}.section-title{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ffffff59;margin-bottom:10px}.preset-select{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#ffffffd9;font-family:inherit;font-size:13px;padding:8px 12px;cursor:pointer;outline:none;transition:border-color .2s;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='rgba(255,255,255,0.4)' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.preset-select:hover{border-color:#ffffff26}.preset-select:focus{border-color:#ffffff40}.preset-select option{background:#1a1a1a;color:#e0e0e0}.preset-select optgroup{background:#1a1a1a;color:#fff6;font-style:normal}.slider-row{display:grid;grid-template-columns:1fr auto;gap:4px 0;margin-bottom:10px}.slider-row label{font-size:12px;color:#fff9}.slider-row .slider-value{font-size:11px;font-family:JetBrains Mono,SF Mono,monospace;color:#fff6;text-align:right}.slider-row input[type=range]{grid-column:1 / -1;width:100%;height:4px;-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:2px;outline:none;margin-top:2px}.slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#ffffffd9;cursor:pointer;border:none;box-shadow:0 1px 4px #0006;transition:transform .15s ease}.slider-row input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider-row input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#ffffffd9;cursor:pointer;border:none;box-shadow:0 1px 4px #0006}.color-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.color-row label{font-size:12px;color:#fff9;width:80px;flex-shrink:0}.color-row input[type=color]{-webkit-appearance:none;appearance:none;width:28px;height:28px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:none;cursor:pointer;padding:2px}.color-row input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-row input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.color-row .hex-value{font-size:11px;font-family:JetBrains Mono,SF Mono,monospace;color:#ffffff59}.panel-actions{display:flex;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.btn-export{flex:1;padding:10px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#ffffffd9;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s}.btn-export:hover{background:#ffffff26;border-color:#fff3}.btn-reset{padding:10px 14px;background:none;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#ffffff73;font-family:inherit;font-size:13px;cursor:pointer;transition:background .2s,color .2s}.btn-reset:hover{background:#ffffff0d;color:#ffffffa6}.export-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.export-modal{background:#141414f2;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px;width:380px;max-width:90vw;color:#ffffffe0}.export-modal h3{font-size:16px;font-weight:500;margin-bottom:16px}.export-modal p{font-size:13px;color:#ffffff80;line-height:1.5;margin-bottom:20px}.export-field{display:flex;align-items:center;gap:8px;margin-bottom:12px}.export-field label{font-size:12px;color:#ffffff80;width:90px;flex-shrink:0}.export-field input[type=number]{width:80px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fffc;font-family:JetBrains Mono,SF Mono,monospace;font-size:12px;padding:6px 8px;outline:none}.export-field input[type=number]:focus{border-color:#ffffff40}.export-field span{color:#ffffff4d;font-size:13px}.export-checkbox{display:flex;align-items:center;gap:8px;margin-bottom:20px}.export-checkbox input[type=checkbox]{accent-color:rgba(255,255,255,.6)}.export-checkbox label{font-size:12px;color:#fff9;cursor:pointer}.export-actions{display:flex;gap:8px}.export-actions button{flex:1;padding:10px 16px;border-radius:8px;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.export-actions .btn-download{background:#ffffff1f;border:1px solid rgba(255,255,255,.15);color:#ffffffd9}.export-actions .btn-download:hover{background:#ffffff2e}.export-actions .btn-copy{background:none;border:1px solid rgba(255,255,255,.08);color:#fff9}.export-actions .btn-copy:hover{background:#ffffff0d;color:#fffc}@media(max-width:1024px){.panel{transform:translate(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.panel.collapsed{transform:translate(calc(100% + 16px));bottom:16px;width:320px}}@media(max-width:768px){.panel{inset:auto 0 0;width:100%;max-height:55vh;border-radius:16px 16px 0 0;border-bottom:none}.panel.collapsed{max-height:48px;width:100%;bottom:0}}