.dev-debug-line{opacity:.3;z-index:9000;pointer-events:none;width:1px;position:fixed;top:0;bottom:0}.dev-debug-line--center{background:red;left:50%}.dev-debug-line--draggable{opacity:.5;cursor:ew-resize;pointer-events:auto;background:#00f;width:3px;left:30%}.dev-debug-line--draggable:after{content:"";position:absolute;inset:0 -8px}.dev-tool{cursor:move;z-index:50;background:#0003;border:1px dashed #555;padding:10px;position:absolute;overflow:hidden}.dev-tool .dev-tool__label{color:#555;pointer-events:none;padding:2px 6px;font-size:10px;position:absolute;top:0;right:0}.dev-tool .dev-tool__resize{cursor:nwse-resize;background:linear-gradient(135deg,#0000 50%,#5559 50%);width:16px;height:16px;position:absolute;bottom:0;right:0}.dev-panel{z-index:9001;color:#ccc;background:#222;border:1px solid #555;min-width:200px;max-width:300px;padding:12px 14px;font-family:Special Elite,monospace;font-size:11px;position:fixed;top:12px;right:12px;box-shadow:0 8px 24px #00000080}.dev-panel h4{color:#666;text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px;font-size:10px}.dev-panel h4:not(:first-child){margin-top:14px}.dev-panel__row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.dev-panel__row label{white-space:nowrap;flex:0 0 90px}.dev-panel__row input[type=number]{color:#fff;background:#000;border:1px solid #555;width:52px;padding:4px 6px;font-family:inherit;font-size:11px}.dev-panel__row input[type=range]{accent-color:#555;flex:1;min-width:60px}.dev-panel__row select{color:#fff;background:#000;border:1px solid #555;flex:1;padding:4px 6px;font-family:inherit;font-size:11px}.dev-panel__value{color:#888;text-align:right;min-width:40px;font-size:10px}.dev-panel button{color:#888;cursor:pointer;background:#333;border:1px solid #555;width:100%;margin-top:10px;padding:6px;font-family:inherit;font-size:11px}.dev-panel button:hover{color:#fff;background:#444}.dev-panel textarea{color:#fff;resize:vertical;background:#000;border:1px solid #555;width:100%;min-height:60px;padding:6px;font-family:inherit;font-size:11px}.dev-panel__row--full{flex-direction:column;align-items:flex-start}.dev-panel__row--full label{margin-bottom:4px}body.hide-dev-tools .dev-tool{cursor:default;background:0 0!important;border:none!important}body.hide-dev-tools .dev-tool__label,body.hide-dev-tools .dev-tool__resize,body.hide-dev-tools .dev-panel,body.hide-dev-tools .dev-debug-line{display:none!important}
.sketch-button{cursor:pointer;color:#3a3a3a;background:#fff9;border:none;min-width:160px;padding:16px 40px;font-family:Special Elite,Courier New,monospace;font-size:16px;transition:transform .2s,box-shadow .3s;position:relative}.sketch-button:hover{transform:scale(1.02);box-shadow:0 0 10px #fff9,0 0 20px #fff6,0 0 30px #fff3}.sketch-button:active{transform:scale(.98)}.sketch-button.disabled{opacity:.5;cursor:not-allowed}.sketch-button__text{z-index:1;letter-spacing:.5px;position:relative}.sketch-button__border{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.sketch-button__path{stroke-dasharray:1000;stroke-dashoffset:1000px;stroke:#3a3a3a;animation:.8s forwards sketch-draw}.sketch-button:hover .sketch-button__path{stroke-width:2px}@keyframes sketch-draw{to{stroke-dashoffset:0}}.mode-selector{top:var(--mode-selector-top,50%);left:var(--mode-selector-left,50%);z-index:10000;opacity:1;flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:opacity .8s;display:flex;position:fixed;transform:translate(-50%,-50%)}.mode-selector.hidden{opacity:0;pointer-events:none}.mode-selector__title{color:#3a3a3a;opacity:0;margin-bottom:10px;font-family:Special Elite,Courier New,monospace;font-size:14px;animation:.6s .3s forwards fade-in}.mode-selector__buttons{gap:30px;display:flex}.mode-selector__buttons .sketch-button{opacity:0}.mode-selector__buttons .sketch-button:first-child{animation:.6s .5s forwards fade-in}.mode-selector__buttons .sketch-button:nth-child(2){animation:.6s .7s forwards fade-in}.mode-selector__hint{color:#3a3a3a;opacity:0;margin-top:20px;font-family:Special Elite,Courier New,monospace;font-size:12px;font-style:italic;animation:.6s .9s forwards fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}