@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap";.canvas-wrapper[data-v-b44822f8]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;background:#20222a;border-radius:12px;box-shadow:inset 0 0 10px #00000080}.canvas-wrapper canvas[data-v-b44822f8]{border-radius:4px;touch-action:none;cursor:pointer}.canvas-wrapper[data-v-f51aa2f4]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;background:#20222a;border-radius:12px;box-shadow:inset 0 0 10px #00000080}.canvas-wrapper canvas[data-v-f51aa2f4]{border-radius:4px;touch-action:none}body{margin:0;font-family:Inter,sans-serif;background:#171923;color:#fcfef1}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:300px;background:#1a1d27;padding:20px;border-right:1px solid #2D313E;display:flex;flex-direction:column;gap:24px;overflow-y:auto}.sidebar .title{font-weight:700;font-size:1.5rem;letter-spacing:2px;margin:0}.sidebar .title .highlight{color:#3b82f6}.sidebar .control-group{display:flex;flex-direction:column;gap:8px}.sidebar .control-group label{font-size:.85rem;color:#8f92a1;text-transform:uppercase;letter-spacing:1px}.sidebar .control-group .toggle-group{display:flex;gap:4px;background:#20222a;border-radius:6px;padding:4px}.sidebar .control-group .toggle-group button{flex:1;border:none;background:transparent;color:#8f92a1;padding:8px;border-radius:4px;cursor:pointer;transition:all .2s}.sidebar .control-group .toggle-group button.active{background:#3b82f6;color:#fff}.sidebar .control-group .row{display:flex;gap:8px}.sidebar .control-group .row input,.sidebar .control-group .row button{flex:1;background:#20222a;border:1px solid #2D313E;color:#fcfef1;padding:8px;border-radius:4px;width:100%}.sidebar .control-group .row button{border:none;cursor:pointer}.sidebar .control-group .file-input{color:#fcfef1}.sidebar .control-group .file-input::file-selector-button{background:#2d313e;border:none;color:#fcfef1;padding:8px 12px;border-radius:4px;cursor:pointer}.sidebar .control-group .btn{padding:10px;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:all .2s}.sidebar .control-group .btn.primary{background:#2d313e;color:#fcfef1}.sidebar .control-group .btn.accent{background:#3b82f6;color:#fcfef1}.sidebar .control-group .btn.secondary{background:transparent;border:1px solid #2D313E;color:#fcfef1}.sidebar .control-group .btn.full-width{width:100%}.sidebar .control-group .btn:hover{transform:scale(1.02)}.sidebar .control-group .btn:disabled{opacity:.6;cursor:not-allowed}.sidebar .control-group .speed-value{color:#fcfef1;text-align:center;font-size:.9rem;margin-top:4px}.sidebar .control-group .info{font-size:.8rem;color:#8f92a1;margin:0;line-height:1.5}.main-content{flex:1;padding:20px;display:flex;justify-content:center;align-items:center;background:#171923}