:root{--fws-bg:#0a0a0a;--fws-text:#e2e8f0;--fws-text-muted:#94a3b8;--fws-border:#94a3b81f;--fws-primary:#ff6b35;--fws-primary-rgb:255, 107, 53;--fws-panel-bg:#0a0a0aeb;--fws-btn-bg:#94a3b81a;--fws-btn-hover:#94a3b833;--fws-slider-track:#94a3b833;--fws-slider-thumb:var(--fws-primary);--fws-finale:#f44;--fws-finale-rgb:255, 68, 68}._fws-container{width:100%;height:100%;min-height:100vh;background:var(--fws-bg);cursor:crosshair;min-height:100dvh;position:relative;overflow:hidden}._fws-canvas{width:100%;height:100%;display:block;position:absolute;top:0;left:0}._fws-hint{z-index:5;color:#fff9;white-space:nowrap;pointer-events:none;letter-spacing:.05em;font-size:1.125rem;font-weight:500;transition:opacity .5s;position:absolute;top:50%;left:50%}._fws-hint._fws-hidden{opacity:0;pointer-events:none}._fws-finale-toggle{z-index:20;background:var(--fws-panel-bg);border-style:solid;border-width:1px;border-color:var(--fws-border);width:40px;height:40px;color:var(--fws-text-muted);cursor:pointer;-webkit-backdrop-filter:blur(8px);opacity:0;border-radius:8px;justify-content:center;align-items:center;transition:opacity .3s,background .2s,color .2s;display:flex;position:absolute;top:1rem;right:3.75rem}._fws-container:hover ._fws-finale-toggle,._fws-finale-toggle._fws-visible{opacity:1}._fws-finale-toggle:hover{color:var(--fws-text);background:var(--fws-btn-hover)}._fws-finale-toggle._fws-finale-active{color:#fff;background:#ff323280;border-color:#ff505099}._fws-finale-toggle svg{width:16px;height:16px}._fws-settings-toggle{z-index:20;background:var(--fws-panel-bg);border-style:solid;border-width:1px;border-color:var(--fws-border);width:40px;height:40px;color:var(--fws-text-muted);cursor:pointer;-webkit-backdrop-filter:blur(8px);opacity:0;border-radius:8px;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;top:1rem;right:1rem}._fws-container:hover ._fws-settings-toggle,._fws-settings-toggle._fws-visible{opacity:1}._fws-settings-toggle:hover{color:var(--fws-text);background:var(--fws-btn-hover)}._fws-settings-toggle svg{width:18px;height:18px}@media (max-width:768px){._fws-hint{font-size:.9375rem}._fws-finale-toggle,._fws-settings-toggle{opacity:1}}._fws-panel{z-index:30;width:300px;max-height:calc(100vh - 2rem);background:var(--fws-panel-bg);border-style:solid;border-width:1px;border-color:var(--fws-border);-webkit-backdrop-filter:blur(12px);border-radius:12px;max-height:calc(100dvh - 2rem);position:absolute;top:1rem;right:1rem;overflow-y:auto}._fws-panel-header{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--fws-border);justify-content:space-between;align-items:center;padding:.875rem 1rem;display:flex}._fws-panel-title{color:var(--fws-text);font-size:.875rem;font-weight:600}._fws-panel-close{width:28px;height:28px;color:var(--fws-text-muted);cursor:pointer;background:0 0;border:0 solid #0000;border-radius:6px;justify-content:center;align-items:center;display:flex}._fws-panel-close:hover{color:var(--fws-text);background:var(--fws-btn-hover)}._fws-panel-body{flex-direction:column;gap:1rem;padding:1rem;display:flex}._fws-control-group{flex-direction:column;gap:.5rem;display:flex}._fws-control-row{flex-direction:row;justify-content:space-between;align-items:center}._fws-label{color:var(--fws-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}._fws-option-group{flex-wrap:wrap;gap:.375rem;display:flex}._fws-option-btn{background:var(--fws-btn-bg);border-style:solid;border-width:1px;border-color:var(--fws-border);color:var(--fws-text-muted);cursor:pointer;border-radius:6px;padding:.3rem .625rem;font-size:.75rem;font-weight:500}._fws-option-btn:hover{background:var(--fws-btn-hover);color:var(--fws-text)}._fws-option-btn._fws-option-active{background:rgba(var(--fws-primary-rgb), .15);border-color:rgba(var(--fws-primary-rgb), .4);color:var(--fws-primary)}._fws-slider{-webkit-appearance:none;appearance:none;background:var(--fws-slider-track);border-radius:2px;outline:none;width:100%;height:4px}._fws-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--fws-slider-thumb);cursor:pointer;width:16px;height:16px;box-shadow:0 0 6px rgba(var(--fws-primary-rgb), .4);border-radius:50%}._fws-slider::-moz-range-thumb{background:var(--fws-slider-thumb);cursor:pointer;width:16px;height:16px;box-shadow:0 0 6px rgba(var(--fws-primary-rgb), .4);border-width:0;border-radius:50%}._fws-slider-labels{color:var(--fws-text-muted);justify-content:space-between;font-size:.6875rem;display:flex}._fws-switch{flex-shrink:0;width:40px;height:22px;position:relative}._fws-switch input{opacity:0;width:0;height:0}._fws-switch-slider{cursor:pointer;background:var(--fws-btn-bg);border-radius:11px;transition:background .2s;position:absolute;top:0;bottom:0;left:0;right:0}._fws-switch-slider:before{content:"";background:var(--fws-text-muted);border-radius:50%;width:16px;height:16px;transition:left .2s,background .2s;position:absolute;bottom:3px;left:3px}._fws-switch input:checked+._fws-switch-slider{background:rgba(var(--fws-primary-rgb), .2)}._fws-switch input:checked+._fws-switch-slider:before{background:var(--fws-primary);left:21px}._fws-finale-btn{background:rgba(var(--fws-finale-rgb), .15);border-style:solid;border-width:1px;border-color:rgba(var(--fws-finale-rgb), .3);width:100%;color:var(--fws-finale);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem;font-size:.8125rem;font-weight:600;display:flex}._fws-finale-btn:hover{background:rgba(var(--fws-finale-rgb), .25)}._fws-finale-btn._fws-finale-active{background:rgba(var(--fws-finale-rgb), .3);box-shadow:0 0 12px rgba(var(--fws-finale-rgb), .3)}._fws-finale-btn svg{width:14px;height:14px}._fws-reset-btn{background:var(--fws-btn-bg);border-style:solid;border-width:1px;border-color:var(--fws-border);width:100%;color:var(--fws-text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem;font-size:.8125rem;font-weight:500;display:flex}._fws-reset-btn:hover{background:var(--fws-btn-hover);color:var(--fws-text)}._fws-reset-btn svg{width:14px;height:14px}@media (max-width:480px){._fws-panel{width:calc(100vw - 2rem);right:1rem}}