html,body{margin:0;padding:0;overflow:hidden;width:100%;height:100%;position:fixed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#000;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:crosshair}#viewport{display:block;width:100%;height:100%;background-color:#000;cursor:crosshair;touch-action:none}#overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}#spinner{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:10000;background:#00000080}#spinner>div{width:60px;height:60px;border:8px solid #333;border-top:8px solid #eaeaea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#title-bar{position:fixed;top:0;left:0;width:100%;height:40px;display:flex;justify-content:center;align-items:center;z-index:5000;-webkit-app-region:drag;background-color:transparent}#title-bar img{height:24px;width:24px;padding:4px;background-color:#eee;border-radius:50%;opacity:1;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}#title-bar:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto}.capacitor-app #title-bar{display:none}:root{--circular-bg: #1a1a1a;--circular-panel: #2d2d2d;--circular-border: #444444;--circular-text: #dcdcdc;--circular-accent: #b0b0b0;--circular-active-bg: #b0b0b0;--circular-active-text: #000000;--circular-radius: 4px;--popup-text-primary: #ccc;--popup-text-secondary: #999;--popup-text-muted: #777;--popup-status-warning: #aaa;--popup-status-info: #999;--popup-status-success: #aaa;--popup-status-error: #999;--popup-btn-confirm: rgba(160, 160, 160, .2);--popup-btn-danger: rgba(160, 160, 160, .2);--drawer-panel-width: clamp(90px, 18vmin, 130px);--panel-width: var(--drawer-panel-width);--button-width: 100%;--knob-wrapper-width: clamp(28px, 6vmin, 36px);--knob-size: clamp(24px, 4.8vmin, 32px);--nav-circle-size: clamp(24px, 4vmin, 32px);--color-swatch-size: 18px;--panel-gap: 6px;--panel-padding: 1px;--panel-margin: 1px;--panel-inset: 10px;--panel-inset-desktop: 50px;--tab-bar-height: 44px}#touch-ui-container{position:absolute;top:calc(env(safe-area-inset-top) + 10px);left:0;width:100%;height:calc(100% - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 10px);pointer-events:none;font-family:Noto Sans,sans-serif;color:var(--circular-text);z-index:100;display:flex;flex-direction:column;justify-content:space-between;padding-top:4px;padding-left:calc(4px + env(safe-area-inset-left));padding-right:calc(4px + env(safe-area-inset-right));padding-bottom:4px;box-sizing:border-box;user-select:none;-webkit-user-select:none;overflow:visible}.touch-block{box-sizing:border-box;pointer-events:auto;background:var(--circular-panel);border:1px solid var(--circular-border);border-radius:var(--circular-radius);padding:var(--panel-padding);margin:var(--panel-margin);box-shadow:0 2px 4px #0000004d;position:relative;transition:max-height .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1) .2s;max-height:80vh;overflow:visible;display:flex;flex-direction:column;min-height:0;flex-shrink:1;width:var(--drawer-panel-width)}.touch-block.collapsed{transition:transform .3s cubic-bezier(.4,0,.2,1),max-height .3s cubic-bezier(.4,0,.2,1) .2s;max-height:48px!important}.touch-btn{box-sizing:border-box;background:#3a3a3a;border:1px solid var(--circular-border);outline:none;border-radius:var(--circular-radius);color:var(--circular-text);font-family:inherit;font-size:clamp(10px,1.2vmin,11px);font-weight:400;padding:clamp(3px,.6vmin,6px);margin:0;cursor:pointer;text-transform:none;min-width:38px;text-align:center;display:flex;align-items:center;justify-content:flex-start;gap:5px;width:var(--panel-width);min-height:clamp(28px,3.5vmin,36px);transition:background .1s,color .1s}.touch-btn:hover{background:#4a4a4a}.touch-btn:active,.touch-btn.active{background:var(--circular-active-bg);color:var(--circular-active-text);border-color:var(--circular-active-bg)}.touch-btn:disabled,.touch-btn.disabled{opacity:.3;pointer-events:none;cursor:not-allowed;color:#dcdcdc66}.touch-btn.active:disabled,.touch-btn.active.disabled{opacity:.5;background:#50505099;color:#b4b4b4cc;border:1px dashed rgba(120,120,120,.6)}.touch-btn i{font-size:clamp(9px,1.1vmin,12px);width:clamp(12px,1.8vmin,14px);text-align:center}.circular-knob-wrapper{display:flex;flex-direction:column;align-items:center;gap:2px;margin:2px;width:var(--knob-wrapper-width);position:relative}.circular-knob-wrapper:disabled,.circular-knob-wrapper.disabled{opacity:.3;pointer-events:none;cursor:not-allowed}.circular-knob-inner{position:relative;display:flex;justify-content:center;align-items:center}.circular-knob-svg{width:var(--knob-size);height:var(--knob-size);cursor:ns-resize;touch-action:none}.circular-knob-track{fill:none;stroke:#111;stroke-width:4}.circular-knob-value{fill:none;stroke:var(--circular-accent);stroke-width:4;stroke-linecap:round}.circular-knob-label{margin-top:4px;font-size:9px;font-weight:700;color:var(--circular-text);text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.circular-knob-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;color:#888;pointer-events:none;display:flex;align-items:center;justify-content:center}.tamga-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.tamga-icon-wrapper svg.tamga-icon,.circular-knob-icon svg.tamga-icon{width:1em;height:1em;vertical-align:middle}.touch-btn .tamga-icon-wrapper{width:clamp(12px,1.8vmin,14px);height:clamp(12px,1.8vmin,14px)}.touch-btn .tamga-icon-wrapper svg.tamga-icon{width:clamp(9px,1.1vmin,12px);height:clamp(9px,1.1vmin,12px)}.circular-knob-icon svg.tamga-icon{width:12px;height:12px}.nav-circle .tamga-icon-wrapper svg.tamga-icon{width:18px;height:18px}.swatch-toggle-label .tamga-icon-wrapper{width:clamp(12px,1.8vmin,14px);height:clamp(12px,1.8vmin,14px)}.swatch-toggle-label .tamga-icon-wrapper svg.tamga-icon{width:clamp(9px,1.1vmin,12px);height:clamp(9px,1.1vmin,12px)}.modal-close-btn .tamga-icon-wrapper svg.tamga-icon{width:14px;height:14px}.panel-content>div{width:100%;box-sizing:border-box}.quick-color-btn{width:32px!important;height:32px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:32px!important;margin:0!important;flex-shrink:0}.color-swatch{width:var(--color-swatch-size);height:var(--color-swatch-size);border-radius:50%;border:1px solid rgba(255,255,255,.3)}.ui-separator{height:5px;width:100%;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:5px;box-sizing:border-box}.full-width-btn{width:100%!important}.touch-select{width:100%!important;padding:8px!important;background:#333!important;color:#fff!important;border:1px solid #555!important;border-radius:4px!important;box-sizing:border-box!important}.touch-input{padding:8px!important;background:#333!important;color:#fff!important;border:1px solid #555!important;border-radius:4px!important;box-sizing:border-box!important;font-size:14px!important;font-family:inherit!important;-moz-appearance:textfield!important}.touch-input::-webkit-outer-spin-button,.touch-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.touch-input:focus{outline:none!important;border-color:#777!important}.touch-input::placeholder{color:#888!important}.ui-panel-column{position:absolute;display:flex;flex-direction:column;gap:var(--panel-gap);pointer-events:none;overflow:visible}.ui-tools-column{position:absolute;top:var(--panel-inset);left:var(--panel-inset);bottom:calc(var(--panel-inset) + var(--tab-bar-height));display:flex;flex-direction:column;gap:var(--panel-gap);pointer-events:none;overflow:visible}.desktop-app .ui-tools-column{top:var(--panel-inset-desktop)}.ui-brushes-panel,.ui-ink-panel,.ui-actions-panel,.ui-form-tools-panel,.ui-paint-panel,.ui-pose-tools-panel,.ui-light-panel,.ui-render-panel{display:flex;flex-direction:column;max-height:60%;pointer-events:auto;min-height:0;flex-shrink:1;overflow:visible}.ui-actions-panel{max-height:50%;flex-shrink:0}.panel-content{overflow-y:auto;overflow-x:hidden;flex:1 1 auto;min-height:0;max-height:100%;display:flex;flex-direction:column;width:100%;gap:2px;align-items:stretch;position:relative;background:linear-gradient(to bottom,var(--circular-panel) 0%,var(--circular-panel) calc(100% - 40px),rgba(45,45,45,.5) 100%);background-attachment:local;padding:2px;box-sizing:border-box}.panel-content::-webkit-scrollbar{width:4px}.panel-content::-webkit-scrollbar-track{background:transparent}.panel-content::-webkit-scrollbar-thumb{background:var(--circular-border);border-radius:2px}.panel-content::-webkit-scrollbar-thumb:hover{background:var(--circular-accent)}.ui-right-column{position:absolute;top:var(--panel-inset);right:var(--panel-inset);bottom:calc(var(--panel-inset) + var(--tab-bar-height));display:flex;flex-direction:column;gap:var(--panel-gap);pointer-events:none;overflow:visible}.desktop-app .ui-right-column{top:var(--panel-inset-desktop)}.ui-nav-history-panel{position:relative;top:auto;right:auto;bottom:auto;max-height:60%;overflow:visible;display:flex;flex-direction:column;gap:var(--panel-gap);pointer-events:auto;align-items:stretch;flex-shrink:0}.ui-tab-controls-panel{position:relative;display:flex;flex-direction:column;gap:var(--panel-gap);pointer-events:auto;align-items:stretch;flex:0 1 auto;min-height:0;max-height:60%;overflow:visible}.ui-tab-controls-panel:empty,.ui-tab-controls-panel.panel-empty{display:none}.ui-nav-history-panel:not(.ui-right-column .ui-nav-history-panel){position:absolute;top:var(--panel-inset);right:var(--panel-inset);bottom:auto;max-height:calc(100% - 64px)}.desktop-app .ui-nav-history-panel:not(.ui-right-column .ui-nav-history-panel){top:var(--panel-inset-desktop)}.left-handed .ui-tools-column{left:auto;right:var(--panel-inset)}.left-handed .ui-right-column{right:auto;left:var(--panel-inset)}.left-handed .ui-nav-history-panel:not(.ui-right-column .ui-nav-history-panel){right:auto;left:var(--panel-inset)}.brush-btn{text-align:left;width:var(--panel-width)}.hidden{display:none!important}.nav-controls-container{display:flex;flex-direction:column;gap:3px;margin-top:4px;justify-content:center;align-items:center}.nav-circle{width:var(--nav-circle-size);height:var(--nav-circle-size);border-radius:50%;border:1px solid var(--circular-border);outline:none;background:#3a3a3a;color:var(--circular-text);display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none}.nav-circle:hover{background:#4a4a4a}.nav-circle:active,.nav-circle.active{background:var(--circular-active-bg);color:var(--circular-active-text);border-color:var(--circular-active-bg)}.nav-circle:disabled,.nav-circle.disabled{opacity:.3;pointer-events:none;cursor:not-allowed}.nav-circle i{font-size:18px}.drawer-toggle{position:absolute;width:24px;height:48px;background:var(--circular-panel);border:1px solid var(--circular-border);outline:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;color:var(--circular-text);pointer-events:auto;top:0;flex-shrink:0;transition:background .2s}.drawer-toggle:hover{background:#4a4a4a}.dock-left .drawer-toggle{right:auto;left:100%;margin-left:-1px;border-left:none;border-radius:0 8px 8px 0}.dock-right .drawer-toggle{left:auto;right:100%;margin-right:-1px;border-right:none;border-radius:8px 0 0 8px}.ui-tools-column,.ui-nav-history-panel{transition:transform .3s cubic-bezier(.4,0,.2,1);transform:scale(var(--ui-scale, 1))}.ui-tools-column{transform-origin:top left}.ui-nav-history-panel{transform-origin:top right}.dock-left .touch-block.collapsed,.touch-block.collapsed.dock-left{transform:translate(-105%)}.dock-right .touch-block.collapsed,.touch-block.collapsed.dock-right{transform:translate(105%)}.ui-nav-history-panel.collapsed.dock-left{transform:scale(var(--ui-scale, 1)) translate(-105%)}.ui-nav-history-panel.collapsed.dock-right{transform:scale(var(--ui-scale, 1)) translate(105%)}.touch-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1000;display:flex;align-items:flex-start;justify-content:center;pointer-events:auto;padding-top:max(40px,calc(env(safe-area-inset-top,0px) + 10px))}.touch-modal{background:var(--circular-panel);border:1px solid var(--circular-border);border-bottom:none;border-radius:0;padding:10px 10px 0;min-width:300px;max-width:90%;max-height:80%;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 12px #00000080;color:var(--circular-text);animation:slideDown .25s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.touch-modal-lip{position:relative;display:flex;align-items:center;justify-content:center;gap:0;width:100%;height:28px;margin:0;cursor:grab;color:var(--circular-text);font-size:14px;background:var(--circular-panel);border-radius:0 0 12px 12px;overflow:visible;touch-action:none;user-select:none}.touch-modal-lip:active{cursor:grabbing}.modal-handle{flex:1;display:flex;align-items:center;justify-content:center;gap:3px;height:100%;cursor:grab}.modal-handle:active{cursor:grabbing}.modal-grip-line{width:3px;height:12px;background:var(--circular-text);opacity:.3;border-radius:1px}.modal-handle:hover .modal-grip-line{opacity:.5}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;cursor:pointer;opacity:.7}.modal-close-btn:hover{opacity:1}.touch-modal-content{overflow-y:auto;display:flex;flex-direction:column;gap:6px}.touch-modal-row{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;padding:4px 0}.scene-header-row{display:flex;gap:8px;margin-bottom:12px}.scene-header-btn{flex:1;min-height:44px}.scene-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch}.scene-list::-webkit-scrollbar{width:4px}.scene-list::-webkit-scrollbar-track{background:transparent}.scene-list::-webkit-scrollbar-thumb{background:var(--circular-border);border-radius:2px}.scene-list::-webkit-scrollbar-thumb:hover{background:var(--circular-accent)}.scene-mesh-row{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;background:var(--popup-item-bg, rgba(255, 255, 255, .05));transition:background .15s ease;touch-action:pan-y}.scene-mesh-row.active{background:var(--popup-item-active, rgba(255, 255, 255, .15))}.scene-mesh-row.dragging{opacity:.5;background:var(--popup-item-bg, rgba(255, 255, 255, .05))}.scene-mesh-row.drag-over{background:#b0b0b04d}.scene-row-handle{display:flex;align-items:center;justify-content:center;gap:2px;width:20px;height:32px;flex-shrink:0;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.scene-row-handle:active{cursor:grabbing}.scene-grip-line{width:2px;height:10px;background:var(--circular-text);opacity:.3;border-radius:1px;pointer-events:none}.scene-row-handle:hover .scene-grip-line{opacity:.5}.scene-drag-clone{opacity:.9;box-shadow:0 4px 12px #0000004d}.scene-mesh-select{display:flex;align-items:center;gap:10px;flex:1;cursor:pointer;min-height:32px}.scene-radio{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--popup-text-muted, rgba(255, 255, 255, .5))}.scene-mesh-row.active .scene-radio{color:var(--circular-accent, #b0b0b0)}.scene-mesh-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-mesh-row.active .scene-mesh-name{font-weight:600}.scene-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;border:none;border-radius:8px;background:transparent;color:var(--popup-text-muted, rgba(255, 255, 255, .4));cursor:pointer;transition:all .15s ease}.scene-icon-btn:hover{background:#ffffff1a}.scene-icon-btn.active{color:var(--popup-text, #fff)}.scene-actions-label{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--popup-text-muted, rgba(255, 255, 255, .5));margin-bottom:8px;letter-spacing:.5px}.scene-actions-row{display:flex;gap:8px;margin-bottom:8px}.scene-action-btn{flex:1;min-height:44px;font-size:12px}.scene-action-btn.danger{color:var(--popup-text-primary, #ccc)}.scene-action-btn.danger:hover{background:#a0a0a033}.touch-modal-label{flex:1;font-size:12px}.capacitor-app #touch-ui-container{top:calc(env(safe-area-inset-top) + 10px);height:calc(100% - env(safe-area-inset-top) - 10px)}@media(max-width:1024px){body:not(.desktop-app) #touch-ui-container{top:calc(env(safe-area-inset-top) + 10px)!important;height:calc(100% - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 10px)!important}}.desktop-app .touch-btn{font-size:11px;padding:3px 6px;min-width:32px;width:130px;min-height:26px;gap:5px}.desktop-app .ui-nav-history-panel,.desktop-app .ui-tools-column{gap:2px}.desktop-app .nav-controls-container{margin-top:2px;gap:2px}.desktop-app .touch-block{padding:2px;width:130px}.desktop-app .circular-knob-wrapper{width:clamp(28px,6vmin,36px)}.desktop-app .circular-knob-svg{width:32px;height:32px}.desktop-app .circular-knob-icon{font-size:14px}.desktop-app .nav-circle{width:32px;height:32px}.desktop-app .nav-circle i{font-size:14px}.desktop-app .drawer-toggle{width:16px;height:32px}.ui-tab-bar{position:absolute;bottom:0;left:0;width:100%;height:44px;background:transparent;display:flex;justify-content:center;align-items:flex-start;pointer-events:auto;z-index:1000;padding-bottom:0;box-sizing:border-box;overflow:visible;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.tab-bar-stats{position:absolute;left:12px;height:44px;display:flex;align-items:center;font-family:Noto Sans,sans-serif;font-size:9px;font-weight:500;color:#fff0;pointer-events:none;user-select:none;-webkit-user-select:none;z-index:2;transition:opacity .3s ease}@media(max-width:780px){.tab-bar-stats,.tab-bar-brand{opacity:0;pointer-events:none}}.tab-bar-brand{position:absolute;right:12px;height:44px;display:flex;align-items:center;font-family:Noto Sans,sans-serif;font-size:9px;font-weight:500;color:#fff0;pointer-events:none;user-select:none;-webkit-user-select:none;z-index:2;transition:opacity .3s ease}.tab-btn{background:transparent;color:#b0b0b0;border:none;outline:none;border-radius:0;padding:0 16px;height:44px;font-family:Noto Sans,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:color .2s;min-width:80px;display:flex;align-items:center;justify-content:center;position:relative;pointer-events:auto;z-index:2}.tab-btn:hover{color:#999;background:transparent}.tab-btn.active{background:transparent;color:#b0b0b0;border-radius:0;margin-top:0;height:34px;border:none;z-index:1;overflow:visible;background-image:radial-gradient(circle at top right,transparent 9px,#141414 9.2px),radial-gradient(circle at top left,transparent 9px,#141414 9.2px);background-position:bottom left,bottom right;background-size:9px 9px;background-repeat:no-repeat;box-shadow:0 34px #141414,0 68px #141414,0 102px #141414;text-shadow:0 1px 2px rgba(0,0,0,.5)}.tab-btn.active:before{content:"";position:absolute;top:0;right:100%;width:100vw;height:100vh;background:#141414;border-top-right-radius:20px;z-index:2}.tab-btn.active:after{content:"";position:absolute;top:0;left:100%;width:100vw;height:100vh;background:#141414;border-top-left-radius:20px;z-index:2}#touch-ui-container{padding-bottom:44px}.paint-right-controls,.ink-right-controls,.pose-right-controls,.ui-light-controls,.sculpting-controls,.subdivision-controls{width:100%;box-sizing:border-box;min-width:0;display:flex;flex-direction:column;gap:2px;align-items:stretch}.panel-content>.paint-right-controls,.panel-content>.ink-right-controls,.panel-content>.pose-right-controls,.panel-content>.ui-light-controls,.panel-content>.sculpting-controls,.panel-content>.subdivision-controls{width:100%}.paint-right-controls>div,.ink-right-controls>div,.pose-right-controls>div,.ui-light-controls>div{width:100%}.slider-row{display:flex;gap:2px;justify-content:center;align-items:center;width:100%}.ui-form-panel,.ui-pose-panel{width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:2px;align-items:stretch}.swatch-toggle-row{width:100%}.swatch-toggle-btn{width:var(--panel-width);display:flex;align-items:center;justify-content:flex-start;text-align:left;padding:clamp(3px,.6vmin,6px) clamp(6px,1vmin,10px);gap:5px}.swatch-toggle-label{flex:1;display:flex;align-items:center;gap:5px;cursor:pointer;min-width:0}.swatch-toggle-label i{font-size:clamp(9px,1.1vmin,12px);width:clamp(12px,1.8vmin,14px);text-align:center;flex-shrink:0}.swatch-toggle-label span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.swatch-toggle-bubble{width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.6);cursor:pointer;flex-shrink:0;margin-left:auto;margin-right:6px;transition:opacity .2s,background-color .2s;position:relative}.swatch-toggle-bubble:before{content:"";position:absolute;inset:-10px}.swatch-toggle-bubble.disabled{opacity:.4;cursor:pointer}.swatch-toggle-btn:not(.active) .swatch-toggle-bubble{opacity:.4}.desktop-app .swatch-toggle-btn{width:130px;padding:3px 6px;gap:5px}.desktop-app .swatch-toggle-bubble{width:12px;height:12px}#pattern-editor-container{position:absolute;top:0;right:0;width:40%;height:100%;background:#1e1e1ef2;border-left:1px solid #444;border-right:none;display:none;z-index:90;box-shadow:-5px 0 15px #00000080;transition:width .3s ease,right .3s ease}#pattern-editor-container.visible{display:block}#pattern-editor-container.collapsed{width:0px;border-left:none}#pattern-editor-container.collapsed .pattern-editor-header,#pattern-editor-container.collapsed .pattern-editor-canvas-container{display:none}.pattern-editor-collapse-handle{position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:20px;height:60px;background:#333;border:1px solid #444;border-right:none;border-radius:8px 0 0 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#aaa;z-index:101}.pattern-editor-header{height:30px;background:#222;border-bottom:1px solid #444;display:flex;align-items:center;padding:0 10px;font-size:12px;color:#aaa;font-weight:700;justify-content:space-between;overflow:hidden}.pattern-editor-header-title{white-space:nowrap}.pattern-editor-close-btn{background:none;border:none;color:#aaa;cursor:pointer;padding:0 5px}.pattern-editor-canvas-container{position:relative;width:100%;height:calc(100% - 30px);overflow:hidden;display:block}.pattern-editor-canvas{width:100%;height:100%;cursor:crosshair}.touch-radio{display:flex;align-items:center;gap:6px;cursor:pointer;color:var(--popup-text-primary);font-size:12px}.touch-radio input[type=radio]{appearance:none;-webkit-appearance:none;width:14px;height:14px;border:1px solid var(--circular-border);border-radius:50%;background:var(--circular-bg);cursor:pointer;position:relative;flex-shrink:0}.touch-radio input[type=radio]:checked{border-color:var(--circular-accent)}.touch-radio input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:var(--circular-accent)}.touch-radio input[type=radio]:hover{border-color:var(--circular-accent)}.touch-checkbox{display:flex;align-items:center;gap:6px;cursor:pointer;color:var(--popup-text-primary);font-size:12px}.touch-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;width:14px;height:14px;border:1px solid var(--circular-border);border-radius:3px;background:var(--circular-bg);cursor:pointer;position:relative;flex-shrink:0}.touch-checkbox input[type=checkbox]:checked{border-color:var(--circular-accent);background:var(--circular-accent)}.touch-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;top:1px;left:4px;width:4px;height:7px;border:solid var(--circular-active-text);border-width:0 2px 2px 0;transform:rotate(45deg)}.touch-checkbox input[type=checkbox]:hover{border-color:var(--circular-accent)}.popup-text{font-size:12px;line-height:1.4;color:var(--popup-text-primary)}.popup-text-secondary{font-size:11px;color:var(--popup-text-secondary)}.popup-text-muted{font-size:11px;color:var(--popup-text-muted);font-style:italic}.popup-text-warning{color:var(--popup-status-warning)}.popup-text-info{color:var(--popup-status-info)}.popup-text-success{color:var(--popup-status-success)}.popup-text-error{color:var(--popup-status-error)}.popup-info-box{font-size:11px;color:var(--popup-text-secondary);padding:8px;background:#ffffff0d;border-radius:4px;margin-bottom:12px}.popup-btn-row{display:flex;gap:8px;margin-top:8px}.popup-btn-row .touch-btn{flex:1}.touch-btn.btn-confirm{background:var(--popup-btn-confirm)}.touch-btn.btn-danger{background:var(--popup-btn-danger)}.touch-alert-content{display:flex;flex-direction:column;gap:12px;min-width:250px;max-width:350px}.touch-alert-message{font-size:13px;line-height:1.5;color:var(--popup-text-primary);text-align:center;padding:8px 0}.recovery-popup-content{min-width:300px;max-width:400px;padding:24px 20px;display:flex;flex-direction:column;align-items:center;gap:16px}.recovery-subtitle{font-size:12px;color:var(--popup-text-muted);text-transform:uppercase;letter-spacing:2px;margin-top:-12px;margin-bottom:8px}.recovery-alert{display:flex;align-items:center;gap:10px;background:#ffffff0d;border:1px solid var(--circular-border);border-radius:var(--circular-radius);padding:10px 12px;width:100%;box-sizing:border-box}.recovery-icon{display:flex;align-items:center;justify-content:center;color:var(--popup-status-warning)}.recovery-icon svg{width:20px;height:20px}.recovery-text{flex:1;display:flex;flex-direction:column;gap:2px}.recovery-message{font-size:12px;color:var(--popup-text-primary);font-weight:500}.recovery-timestamp{font-size:10px;color:var(--popup-text-muted)}.recovery-btn{padding:6px 12px;font-size:11px}.recovery-dismiss{padding:6px 12px;font-size:11px;background:transparent;opacity:.5}.recovery-dismiss:hover{opacity:1;background:#ffffff1a}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-cyrillic-ext-400-normal-BjDhGU6t.woff2) format("woff2"),url(./noto-sans-cyrillic-ext-400-normal-d9FrwbiD.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-cyrillic-400-normal-CHP_ranX.woff2) format("woff2"),url(./noto-sans-cyrillic-400-normal-BDYvNhAR.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-devanagari-400-normal-C3FccbrF.woff2) format("woff2"),url(./noto-sans-devanagari-400-normal-g9fsM2jL.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-greek-ext-400-normal-i2oSBwXz.woff2) format("woff2"),url(./noto-sans-greek-ext-400-normal-L11LEhi4.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-greek-400-normal-DCESwnT1.woff2) format("woff2"),url(./noto-sans-greek-400-normal-Be2BcUUc.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-vietnamese-400-normal-D2wP-Vm-.woff2) format("woff2"),url(./noto-sans-vietnamese-400-normal-C3Al4sv4.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-latin-ext-400-normal-CVf-LbaS.woff2) format("woff2"),url(./noto-sans-latin-ext-400-normal-CNh9dRW_.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-latin-400-normal-BTkUljjl.woff2) format("woff2"),url(./noto-sans-latin-400-normal-DPpKfCgK.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}