*{box-sizing:border-box;margin:0;padding:0}body{background:#1a1a2e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;overflow:hidden}#canvas{width:100vw;height:100vh;display:block}#error{color:#fff;text-align:center;background:#dc2626e6;border-radius:12px;max-width:500px;padding:24px 40px;font-size:16px;line-height:1.5;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#settings-panel{z-index:100;color:#c8c8c8;user-select:none;background:#1e1e1e;border:1px solid #3d3d3d;border-radius:3px;width:240px;font-size:11px;position:fixed;top:12px;left:12px;overflow:hidden}#settings-panel.collapsed #settings-content,#settings-panel.collapsed .panel-hint,#settings-panel.collapsed .panel-actions,#settings-panel.hidden{display:none}.panel-header{background:#2b2b2b;border-bottom:1px solid #3d3d3d;border-radius:3px 3px 0 0;justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.panel-title{color:#e0e0e0;font-size:11px;font-weight:500}#settings-toggle{color:gray;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:14px;line-height:1}#settings-toggle:hover{color:#c8c8c8}#settings-content{background:#1e1e1e;max-height:70vh;padding:0;overflow-y:auto}#settings-content::-webkit-scrollbar{width:6px}#settings-content::-webkit-scrollbar-track{background:#1e1e1e}#settings-content::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:3px}.section{border-bottom:1px solid #3d3d3d}.section:last-of-type{border-bottom:none}.section summary{cursor:pointer;color:#b0b0b0;background:#252525;align-items:center;padding:6px 8px;font-weight:500;list-style:none;display:flex}.section summary::-webkit-details-marker{display:none}.section summary:before{content:">";color:#707070;margin-right:6px;font-size:9px;transition:transform .15s;display:inline-block}.section[open] summary:before{transform:rotate(90deg)}.section summary:hover{background:#2a2a2a}.section-content{background:#1e1e1e;padding:6px 12px 6px 8px}.setting-row{align-items:center;gap:6px;margin-bottom:6px;display:flex}.setting-row label{color:#a0a0a0;flex:0 0 60px;font-size:11px}.setting-row input[type=range]{appearance:none;cursor:pointer;background:#3d3d3d;border-radius:1px;flex:1;min-width:0;height:3px}.setting-row input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#6a9fd4;border:none;border-radius:50%;width:10px;height:10px}.setting-row input[type=range]::-moz-range-thumb{cursor:pointer;background:#6a9fd4;border:none;border-radius:50%;width:10px;height:10px}.setting-row input[type=range]:hover::-webkit-slider-thumb{background:#7eb3e8}.setting-row select{color:#c8c8c8;cursor:pointer;text-align:center;background:#2b2b2b;border:1px solid #3d3d3d;border-radius:2px;flex:1;padding:3px 6px;font-size:11px}.setting-row select option{text-align:center}.setting-row select:hover{border-color:#5a5a5a}.setting-row select:focus{border-color:#6a9fd4;outline:none}.value-display{text-align:right;color:#6a9fd4;flex:0 0 30px;font-family:Consolas,Monaco,monospace;font-size:10px}.preset-buttons{justify-content:center;gap:8px;font-size:10px;display:flex}.preset-item{color:#a0a0a0;cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}.preset-item:hover{color:#c8c8c8}.preset-item.active{color:#6a9fd4}.color-grid{grid-template-columns:1fr 1fr;gap:4px 8px;display:grid}.color-row{align-items:center;gap:6px;display:flex}.color-row label{color:#a0a0a0;flex:1;font-size:10px}.color-row input[type=color]{cursor:pointer;background:0 0;border:1px solid #3d3d3d;border-radius:2px;width:24px;height:18px;padding:0}.color-row input[type=color]::-webkit-color-swatch-wrapper{padding:1px}.color-row input[type=color]::-webkit-color-swatch{border:none;border-radius:1px}.controls-list{margin:0;padding:0;list-style:none}.controls-list li{color:#a0a0a0;padding:3px 0;font-size:10px}.controls-list li strong{color:#6a9fd4;margin-right:4px}.panel-actions{background:#252525;border-top:1px solid #3d3d3d;border-radius:0 0 3px 3px;gap:6px;padding:8px;display:flex}.panel-actions button{cursor:pointer;border:1px solid #3d3d3d;border-radius:2px;flex:1;padding:5px 10px;font-family:inherit;font-size:11px;transition:background .1s,border-color .1s}#apply-settings{color:#a8d4a8;background:#2d5a2d;border-color:#3d7a3d}#apply-settings:hover{background:#3a6f3a;border-color:#4a8f4a}#reset-settings{color:#a0a0a0;background:#2b2b2b}#reset-settings:hover{background:#353535;border-color:#5a5a5a}.panel-hint{color:#6a9fd4;text-align:left;background:#1e1e1e;border-top:1px solid #3d3d3d;padding:6px 8px;font-size:10px}details.section{background:#1e1e1e;margin:0;padding:0}