:root{--win-gray: #c0c0c0;--win-gray-light: #dfdfdf;--win-gray-dark: #808080;--win-gray-darker: #404040;--win-white: #ffffff;--win-black: #000000;--win-blue: #000080;--win-blue-mid: #0a246a;--win-blue-bright: #1084d0;--win-blue-active: #316ac5;--win-blue-text: #ffffff;--win-disabled-text: #808080;--win-highlight: #ffff80;--win-shadow: rgba(0, 0, 0, .35);--win-canvas-bg: #808080;--chrome-font: "Pixelated MS Sans Serif", "MS Sans Serif", "Microsoft Sans Serif", Tahoma, Geneva, Verdana, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:var(--chrome-font);font-size:11px;background:var(--win-gray);color:var(--win-black);-webkit-font-smoothing:none;-moz-osx-font-smoothing:auto;text-rendering:optimizeSpeed;overflow:hidden}button{font-family:inherit;font-size:inherit}*::-webkit-scrollbar{width:16px;height:16px}*::-webkit-scrollbar-track{background:linear-gradient(45deg,var(--win-gray-dark) 25%,transparent 25%) 0 0 / 2px 2px,linear-gradient(-45deg,var(--win-gray-dark) 25%,transparent 25%) 0 1px / 2px 2px,linear-gradient(45deg,transparent 75%,var(--win-gray-dark) 75%) 1px -1px / 2px 2px,linear-gradient(-45deg,transparent 75%,var(--win-gray-dark) 75%) -1px 0 / 2px 2px,var(--win-gray)}*::-webkit-scrollbar-thumb{background:var(--win-gray);border-top:1px solid var(--win-white);border-left:1px solid var(--win-white);border-right:1px solid var(--win-gray-darker);border-bottom:1px solid var(--win-gray-darker);box-shadow:inset 1px 1px 0 var(--win-gray-light),inset -1px -1px 0 var(--win-gray-dark)}*::-webkit-scrollbar-thumb:hover{background:var(--win-gray-light)}*::-webkit-scrollbar-button{background:var(--win-gray);display:block;border-top:1px solid var(--win-white);border-left:1px solid var(--win-white);border-right:1px solid var(--win-gray-darker);border-bottom:1px solid var(--win-gray-darker);box-shadow:inset 1px 1px 0 var(--win-gray-light),inset -1px -1px 0 var(--win-gray-dark);height:16px;width:16px}*::-webkit-scrollbar-button:active{border-top:1px solid var(--win-gray-darker);border-left:1px solid var(--win-gray-darker);border-right:1px solid var(--win-white);border-bottom:1px solid var(--win-white);box-shadow:inset 1px 1px 0 var(--win-gray-dark),inset -1px -1px 0 var(--win-gray-light)}*::-webkit-scrollbar-corner{background:var(--win-gray)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;margin:0;padding:0}input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--win-gray);border-top:1px solid var(--win-gray-darker);border-left:1px solid var(--win-gray-darker);border-right:1px solid var(--win-white);border-bottom:1px solid var(--win-white)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:20px;background:var(--win-gray);margin-top:-9px;border-top:1px solid var(--win-white);border-left:1px solid var(--win-white);border-right:1px solid var(--win-gray-darker);border-bottom:1px solid var(--win-gray-darker);box-shadow:inset 1px 1px 0 var(--win-gray-light),inset -1px -1px 0 var(--win-gray-dark);cursor:pointer}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;background:var(--win-white);border-top:1px solid var(--win-gray-darker);border-left:1px solid var(--win-gray-darker);border-right:1px solid var(--win-white);border-bottom:1px solid var(--win-white);box-shadow:inset 1px 1px 1px var(--win-gray-dark);margin:0;cursor:pointer;position:relative}input[type=checkbox]:checked:after{content:"✓";position:absolute;top:-2px;left:1px;font-size:12px;color:var(--win-black);font-weight:700}input[type=text],input[type=number]{font-family:inherit;font-size:11px;background:var(--win-white);border-top:1px solid var(--win-gray-darker);border-left:1px solid var(--win-gray-darker);border-right:1px solid var(--win-white);border-bottom:1px solid var(--win-white);padding:2px 4px}input[type=text]:focus,input[type=number]:focus{outline:1px dotted var(--win-black);outline-offset:-2px}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--win-gray)}.title-bar{display:flex;justify-content:space-between;align-items:center;height:22px;padding:0 2px 0 3px;flex-shrink:0;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,var(--win-blue) 0%,var(--win-blue-mid) 40%,var(--win-blue-bright) 75%,var(--win-blue-mid) 100%);color:var(--win-white)}.title-content{display:flex;align-items:center;gap:4px;font-weight:700;font-size:11px;letter-spacing:.2px;text-shadow:1px 1px 0 rgba(0,0,0,.45)}.title-icon{font-size:12px;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.4))}.window-controls{display:flex;gap:2px;align-items:center}.win-btn{width:22px;height:18px;padding:0;background:var(--win-gray);color:var(--win-black);font-family:Marlett,Webdings,system-ui,sans-serif;font-size:10px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;border-top:1px solid var(--win-white);border-left:1px solid var(--win-white);border-right:1px solid var(--win-gray-darker);border-bottom:1px solid var(--win-gray-darker);box-shadow:inset 1px 1px 0 var(--win-gray-light),inset -1px -1px 0 var(--win-gray-dark)}.win-btn:active{border-top:1px solid var(--win-gray-darker);border-left:1px solid var(--win-gray-darker);border-right:1px solid var(--win-white);border-bottom:1px solid var(--win-white);box-shadow:inset 1px 1px 0 var(--win-gray-dark),inset -1px -1px 0 var(--win-gray-light);padding-top:1px;padding-left:1px}.minimize-glyph{display:block;width:8px;height:2px;background:var(--win-black);margin-top:4px}.maximize-glyph{display:block;width:9px;height:8px;border:1px solid var(--win-black);background:transparent;box-shadow:inset 1px 1px 0 var(--win-white),inset -1px -1px 0 var(--win-gray-dark)}.close-glyph{font-family:Marlett,system-ui,sans-serif;font-size:12px;line-height:1;font-weight:700;color:var(--win-black)}.win-btn.close:active{background:var(--win-gray-dark)}.menu-bar{position:relative;display:flex;align-items:center;padding:2px 4px;background:var(--win-gray);border-bottom:1px solid var(--win-gray-dark);min-height:22px;flex-shrink:0;gap:1px}.menu-item{padding:2px 7px;background:transparent;border:1px solid transparent;cursor:pointer;color:var(--win-black);font-size:11px;line-height:1.2}.menu-item.active,.menu-item:hover{background:var(--win-blue-active);color:var(--win-blue-text);outline:1px dotted var(--win-white);outline-offset:-3px}.menu-item u{text-decoration:underline}.file-input{display:none}.dropdown{position:absolute;top:calc(100% + 1px);left:4px;background:var(--win-gray);min-width:160px;padding:2px;display:flex;flex-direction:column;gap:1px;border-top:1px solid var(--win-white);border-left:1px solid var(--win-white);border-right:1px solid var(--win-gray-darker);border-bottom:1px solid var(--win-gray-darker);box-shadow:inset 1px 1px 0 var(--win-gray-light),inset -1px -1px 0 var(--win-gray-dark),1px 1px 3px #0006;z-index:1000}.dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:3px 18px;background:transparent;border:none;color:var(--win-black);font-size:11px;text-align:left;cursor:pointer;line-height:1.2;min-height:16px}.dropdown-item:hover:not(:disabled){background:var(--win-blue-active);color:var(--win-blue-text)}.dropdown-item:disabled{color:var(--win-disabled-text);cursor:default}.dropdown-item u{text-decoration:underline}.menu-sep{height:1px;background:var(--win-gray-dark);border-bottom:1px solid var(--win-gray-light);margin:2px 1px;box-sizing:content-box}.workspace{flex:1;display:flex;overflow:hidden;min-height:0;background:var(--win-gray)}.toolbox{flex-shrink:0;display:flex;flex-direction:column;background:var(--win-gray);padding:4px;border-top:1px solid var(--win-white);border-left:1px solid var(--win-white);border-right:1px solid var(--win-gray-darker);border-bottom:1px solid var(--win-gray-darker);box-shadow:inset 1px 1px 0 var(--win-gray-light),inset -1px -1px 0 var(--win-gray-dark);overflow-y:auto}.tool-grid{display:flex;flex-direction:column;gap:3px;align-items:center}.tool-button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:40px;height:42px;font-size:11px;gap:0;padding:2px;line-height:1;cursor:pointer;background:var(--win-gray);color:var(--win-black);border-top:1px solid var(--win-white);border-left:1px solid var(--win-white);border-right:1px solid var(--win-gray-darker);border-bottom:1px solid var(--win-gray-darker)}.tool-button:hover:not(.active){background:var(--win-gray-light)}.tool-button.active{border-top:1px solid var(--win-gray-darker);border-left:1px solid var(--win-gray-darker);border-right:1px solid var(--win-white);border-bottom:1px solid var(--win-white);box-shadow:inset 1px 1px 0 var(--win-gray-dark),inset -1px -1px 0 var(--win-gray-light);background:var(--win-gray);padding:3px 1px 1px 3px}.tool-button .icon{font-size:17px;line-height:1;display:block}.tool-button .monochrome-icon{display:block;width:18px;height:18px;fill:var(--win-gray);stroke:var(--win-black);stroke-width:1.6;stroke-linecap:square;stroke-linejoin:miter}.tool-button .monochrome-icon .icon-solid{fill:var(--win-black)}.tool-button .monochrome-icon .icon-no-fill{fill:none}.tool-button .monochrome-icon .icon-fine{stroke-width:1.15}.tool-button:hover:not(.active) .monochrome-icon{fill:var(--win-gray-light)}.tool-button .label{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-top:2px;letter-spacing:.2px}.canvas-host{flex:1;overflow:auto;background:var(--win-gray);min-width:0;display:flex;flex-direction:column}.canvas-area{position:relative;overflow:hidden;width:100%;height:100%;padding:0;outline:none;background:var(--win-gray)}.canvas-scroller{position:relative;width:100%;height:100%;overflow:auto;padding:16px}.canvas-wrapper{position:absolute}.canvas-frame{display:inline-block;position:relative;background:transparent;padding:0}.canvas-text-window{position:absolute;z-index:20;box-sizing:border-box;container-type:inline-size;background:var(--win-gray);border-top:1px solid var(--win-white);border-left:1px solid var(--win-white);border-right:1px solid var(--win-gray-darker);border-bottom:1px solid var(--win-gray-darker);box-shadow:inset 1px 1px 0 var(--win-gray-light),inset -1px -1px 0 var(--win-gray-dark),2px 2px 4px #00000059}.canvas-text-editor{position:absolute;box-sizing:border-box;margin:0;resize:none;overflow:hidden;outline:none;background:var(--win-white);border-top:1px solid var(--win-gray-darker);border-left:1px solid var(--win-gray-darker);border-right:1px solid var(--win-white);border-bottom:1px solid var(--win-white);box-shadow:inset 1px 1px 0 var(--win-gray-dark);white-space:pre-wrap;overflow-wrap:break-word;font-weight:400;font-style:normal;text-align:left;caret-color:currentColor}.canvas-text-footer{position:absolute;top:calc(100% + 2px);right:-1px;left:-1px;min-width:0;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end;gap:clamp(1px,2cqw,4px);padding:clamp(2px,2cqw,5px);background:var(--win-gray);color:var(--win-black);border-top:0;border-left:1px solid var(--win-white);border-right:1px solid var(--win-gray-darker);border-bottom:1px solid var(--win-gray-darker);box-shadow:inset 1px 1px 0 var(--win-gray-light),inset -1px -1px 0 var(--win-gray-dark),2px 2px 4px #00000059}.canvas-text-actions{display:flex;justify-content:flex-end;width:100%;gap:clamp(1px,2cqw,4px)}.canvas-text-button.dialog-btn{flex:0 1 clamp(18px,42cqw,60px);width:clamp(18px,42cqw,60px);min-width:18px;padding:1px clamp(1px,3cqw,7px);font-size:clamp(8px,8cqw,11px);overflow:hidden;white-space:nowrap}.canvas-text-window.compact-actions .canvas-text-button.dialog-btn{padding:1px;font-size:0}.canvas-text-window.compact-actions .canvas-text-button:after{font-size:clamp(10px,12cqw,14px);line-height:1}.canvas-text-window.compact-actions .canvas-text-button.cancel-btn:after{content:"×"}.canvas-text-window.compact-actions .canvas-text-button.ok-btn:after{content:"✓";font-size:13px}.text-font-select{width:100%;height:22px;padding:1px 2px;font-family:inherit;font-size:11px;color:var(--win-black);background:var(--win-white);border-top:1px solid var(--win-gray-darker);border-left:1px solid var(--win-gray-darker);border-right:1px solid var(--win-white);border-bottom:1px solid var(--win-white)}#paintCanvas{background-image:linear-gradient(45deg,#d8d8d8 25%,transparent 25%),linear-gradient(-45deg,#d8d8d8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d8d8d8 75%),linear-gradient(-45deg,transparent 75%,#d8d8d8 75%);background-size:2px 2px;background-position:0 0,0 1px,1px -1px,-1px 0px;-webkit-user-select:none;user-select:none;touch-action:none;display:block;image-rendering:pixelated;image-rendering:crisp-edges;cursor:crosshair}.panel{width:220px;flex-shrink:0;display:flex;flex-direction:column;background:var(--win-gray);gap:0;overflow-y:auto}.panel>.color-box-panel,.panel>.layers-panel,.panel>.options-panel-wrapper{padding:4px;border-top:1px solid var(--win-white);border-left:1px solid var(--win-white);border-right:1px solid var(--win-gray-darker);border-bottom:1px solid var(--win-gray-darker);box-shadow:inset 1px 1px 0 var(--win-gray-light),inset -1px -1px 0 var(--win-gray-dark);background:var(--win-gray)}.panel>.color-box-panel,.panel>.options-panel-wrapper{flex-shrink:0}.panel>.layers-panel{flex:1;min-height:120px;overflow-y:auto}.color-box-panel{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.picker-cluster{display:flex;align-items:center;gap:6px}.swatch-stack{position:relative;width:38px;height:34px;flex-shrink:0}.swatch{position:absolute;width:30px;height:30px;padding:0;cursor:pointer;border-top:1px solid var(--win-white);border-left:1px solid var(--win-white);border-right:1px solid var(--win-gray-darker);border-bottom:1px solid var(--win-gray-darker);box-shadow:inset 1px 1px 0 var(--win-gray-light),inset -1px -1px 0 var(--win-gray-dark),1px 1px 0 var(--win-black)}.swatch.secondary{top:0;left:0;z-index:1}.swatch.primary{bottom:0;right:0;z-index:2}.swatch.active{outline:1px solid var(--win-black);outline-offset:1px}.picker-buttons{display:flex;flex-direction:column;gap:2px}.picker-btn{width:20px;height:14px;font-size:10px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--win-gray);color:var(--win-black);line-height:1;border-top:1px solid var(--win-white);border-left:1px solid var(--win-white);border-right:1px solid var(--win-gray-darker);border-bottom:1px solid var(--win-gray-darker);box-shadow:inset 1px 1px 0 var(--win-gray-light),inset -1px -1px 0 var(--win-gray-dark)}.picker-btn:active{border-top:1px solid var(--win-gray-darker);border-left:1px solid var(--win-gray-darker);border-right:1px solid var(--win-white);border-bottom:1px solid var(--win-white);box-shadow:inset 1px 1px 0 var(--win-gray-dark),inset -1px -1px 0 var(--win-gray-light);padding:1px 0 0 1px}.color-picker{display:flex;flex-direction:column;gap:3px;width:100%}.picker-row{display:flex;gap:4px}.sv-field{position:relative;flex:1;aspect-ratio:1;padding:0;cursor:crosshair;border-top:1px solid var(--win-gray-darker);border-left:1px solid var(--win-gray-darker);border-right:1px solid var(--win-white);border-bottom:1px solid var(--win-white);box-shadow:inset 1px 1px 0 var(--win-gray-dark),inset -1px -1px 0 var(--win-gray-light);background:var(--win-gray)}.sv-field .layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sv-field .white-grad{background:linear-gradient(to right,#fff,#fff0)}.sv-field .black-grad{background:linear-gradient(to bottom,#0000,#000)}.sv-indicator{position:absolute;width:8px;height:8px;border:1px solid white;outline:1px solid black;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-sizing:content-box}.hue-strip{position:relative;width:12px;align-self:stretch;padding:0;cursor:pointer;overflow:visible;border-top:1px solid var(--win-gray-darker);border-left:1px solid var(--win-gray-darker);border-right:1px solid var(--win-white);border-bottom:1px solid var(--win-white);box-shadow:inset 1px 1px 0 var(--win-gray-dark),inset -1px -1px 0 var(--win-gray-light);background:var(--win-gray)}.hue-rainbow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,red,#ff0,#0f0,#0ff,#00f,#f0f,red);pointer-events:none}.hue-indicator{position:absolute;left:-3px;right:-3px;height:2px;background:#fff;border-top:1px solid black;border-bottom:1px solid black;transform:translateY(-1px);pointer-events:none;box-sizing:content-box}.readouts{display:flex;gap:4px;align-items:stretch}.hex-input{flex:1;min-width:0;height:18px;font-family:Courier New,monospace;font-size:11px;padding:0 2px;color:var(--win-black);background:var(--win-white);border-top:1px solid var(--win-gray-darker);border-left:1px solid var(--win-gray-darker);border-right:1px solid var(--win-white);border-bottom:1px solid var(--win-white);box-shadow:inset 1px 1px 0 var(--win-gray-dark),inset -1px -1px 0 var(--win-gray-light);text-align:center}.hex-input:focus{outline:none}.rgb-group{display:flex;gap:2px}.rgb-input{width:24px;height:18px;font-family:Courier New,monospace;font-size:10px;padding:0 1px;color:var(--win-black);background:var(--win-white);text-align:center;border-top:1px solid var(--win-gray-darker);border-left:1px solid var(--win-gray-darker);border-right:1px solid var(--win-white);border-bottom:1px solid var(--win-white);box-shadow:inset 1px 1px 0 var(--win-gray-dark),inset -1px -1px 0 var(--win-gray-light);-moz-appearance:textfield}.rgb-input::-webkit-outer-spin-button,.rgb-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.rgb-input:focus{outline:none}.palette-grid{display:grid;grid-template-columns:repeat(14,1fr);gap:1px;padding:2px;background:var(--win-gray);border-top:1px solid var(--win-gray-darker);border-left:1px solid var(--win-gray-darker);border-right:1px solid var(--win-white);border-bottom:1px solid var(--win-white);box-shadow:inset 1px 1px 0 var(--win-gray-dark),inset -1px -1px 0 var(--win-gray-light)}.palette-swatch{aspect-ratio:1;width:100%;padding:0;border:1px solid rgba(0,0,0,.35);cursor:pointer;box-sizing:border-box}.palette-swatch:hover{outline:1px solid var(--win-white);outline-offset:-2px;box-shadow:inset 0 0 0 1px var(--win-black)}.palette-swatch:active{transform:scale(.92)}.layers-panel{display:flex;flex-direction:column;gap:4px;flex:1;min-height:0;overflow:hidden;font-size:11px}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:0 2px;flex-shrink:0}.panel-header .title{font-weight:700;font-size:11px;color:var(--win-black);letter-spacing:.2px}.header-actions{display:flex;gap:2px}.new-layer{display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;height:20px;padding:0 6px;line-height:1;color:var(--win-black);background:var(--win-gray);cursor:pointer;border-top:1px solid var(--win-white);border-left:1px solid var(--win-white);border-right:1px solid var(--win-gray-darker);border-bottom:1px solid var(--win-gray-darker);box-shadow:inset 1px 1px 0 var(--win-gray-light),inset -1px -1px 0 var(--win-gray-dark)}.new-layer:disabled{color:var(--win-disabled-text);cursor:default}.new-layer:active:not(:disabled){border-top:1px solid var(--win-gray-darker);border-left:1px solid var(--win-gray-darker);border-right:1px solid var(--win-white);border-bottom:1px solid var(--win-white);box-shadow:inset 1px 1px 0 var(--win-gray-dark),inset -1px -1px 0 var(--win-gray-light);padding:1px 0 0 1px}.layer-list{flex:1;min-height:60px;position:relative;display:flex;flex-direction:column;background:var(--win-white);padding:1px;border-top:1px solid var(--win-gray-darker);border-left:1px solid var(--win-gray-darker);border-right:1px solid var(--win-white);border-bottom:1px solid var(--win-white);box-shadow:inset 1px 1px 0 var(--win-gray-dark),inset -1px -1px 0 var(--win-gray-light);overflow-y:auto;overflow-x:hidden;touch-action:none}.layer-row{display:flex;align-items:center;gap:2px;padding:2px 3px;min-height:22px;color:var(--win-black);border:1px dotted transparent;cursor:default;-webkit-user-select:none;user-select:none;flex-shrink:0}.layer-row:hover{background:var(--win-gray-light)}.layer-row.active{background:var(--win-blue-active);color:var(--win-blue-text);outline:1px dotted var(--win-white);outline-offset:-3px}.layer-row.active button{color:var(--win-blue-text)}.layer-row button{font-size:10px;cursor:pointer;background:transparent;border:1px solid transparent;padding:0;line-height:1;color:var(--win-black);font-family:inherit}.layer-row button.name{flex:1;text-align:left;padding:2px 4px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.layer-row input.name-input{flex:1;font-family:inherit;font-size:10px;padding:1px 3px;border-top:1px solid var(--win-gray-darker);border-left:1px solid var(--win-gray-darker);border-right:1px solid var(--win-white);border-bottom:1px solid var(--win-white);background:var(--win-white);color:var(--win-black);outline:none;min-width:0}.layer-row .actions{display:flex;gap:1px}.layer-row .actions button{font-size:8px;width:16px;height:18px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--win-gray);color:var(--win-black);border-top:1px solid var(--win-white);border-left:1px solid var(--win-white);border-right:1px solid var(--win-gray-darker);border-bottom:1px solid var(--win-gray-darker);box-shadow:inset 1px 1px 0 var(--win-gray-light),inset -1px -1px 0 var(--win-gray-dark)}.layer-row.active .actions button{background:var(--win-gray-light);color:var(--win-black)}.layer-row .actions button:active{border-top:1px solid var(--win-gray-darker);border-left:1px solid var(--win-gray-darker);border-right:1px solid var(--win-white);border-bottom:1px solid var(--win-white);box-shadow:inset 1px 1px 0 var(--win-gray-dark),inset -1px -1px 0 var(--win-gray-light);padding:1px 0 0 1px}.layer-row .actions button:disabled{color:var(--win-disabled-text);cursor:default}.layer-row .actions button.delete:hover{background:#c44;color:var(--win-white)}.layer-row .opacity-slider{width:48px;margin-right:2px}.layer-row.grouped{padding-left:16px}.group-row{display:flex;align-items:center;gap:2px;min-height:22px;padding:2px 3px;background:var(--win-gray-light);border-top:1px solid var(--win-white);border-bottom:1px solid var(--win-gray-dark);flex-shrink:0;-webkit-user-select:none;user-select:none}.group-row button{font-family:inherit;font-size:10px;color:var(--win-black);cursor:pointer}.group-row button.collapse,.group-row button.name{border:0;background:transparent;padding:2px}.group-row button.name{flex:1;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.group-row input.name-input{flex:1;min-width:0}.group-row .actions{display:flex;gap:1px}.group-row .actions button{width:16px;height:18px;padding:0;font-size:8px;background:var(--win-gray);border-top:1px solid var(--win-white);border-left:1px solid var(--win-white);border-right:1px solid var(--win-gray-darker);border-bottom:1px solid var(--win-gray-darker)}.group-row button:disabled{color:var(--win-disabled-text);cursor:default}.options-panel-wrapper{display:flex;flex-direction:column;gap:4px;font-size:11px;padding:4px;flex-shrink:0}.options-label{font-weight:700;color:var(--win-black);padding:0 2px 3px;font-size:11px;letter-spacing:.2px;border-bottom:1px solid var(--win-gray-darker);box-shadow:0 1px 0 var(--win-white)}.no-options{color:var(--win-disabled-text);font-style:italic;padding:2px}.tool-options{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:flex-start;font-size:11px;padding:0;flex-shrink:0}.tool-options .control{display:flex;flex-direction:column;gap:3px;justify-content:flex-start;min-height:44px}.tool-options .control-full{flex-basis:100%;min-height:unset}.tool-options .control .label{color:var(--win-black);font-weight:700;font-size:11px;letter-spacing:.2px;min-height:14px;line-height:14px}.tool-options .row{display:flex;align-items:center;gap:4px;height:24px}.tool-options .value{min-width:36px;text-align:right;font-variant-numeric:tabular-nums;font-size:11px}.tool-options input[type=range]{width:128px}.tool-options .seg{display:flex;background:var(--win-gray);padding:1px;border-top:1px solid var(--win-gray-darker);border-left:1px solid var(--win-gray-darker);border-right:1px solid var(--win-white);border-bottom:1px solid var(--win-white);box-shadow:inset 1px 1px 0 var(--win-gray-dark),inset -1px -1px 0 var(--win-gray-light)}.tool-options .seg button{height:20px;font-size:11px;padding:0 8px;font-weight:500;line-height:1;color:var(--win-black);background:var(--win-gray);cursor:pointer;border-top:1px solid var(--win-white);border-left:1px solid var(--win-white);border-right:1px solid var(--win-gray-darker);border-bottom:1px solid var(--win-gray-darker);box-shadow:inset 1px 1px 0 var(--win-gray-light),inset -1px -1px 0 var(--win-gray-dark)}.tool-options .seg button+button{margin-left:2px}.tool-options .seg button.active{background:var(--win-gray);border-top:1px solid var(--win-gray-darker);border-left:1px solid var(--win-gray-darker);border-right:1px solid var(--win-white);border-bottom:1px solid var(--win-white);box-shadow:inset 1px 1px 0 var(--win-gray-dark),inset -1px -1px 0 var(--win-gray-light);color:var(--win-blue);font-weight:700}.tool-options .seg button:hover:not(.active){background:var(--win-gray-light)}.tool-options .seg button:active:not(.active){border-top:1px solid var(--win-gray-darker);border-left:1px solid var(--win-gray-darker);border-right:1px solid var(--win-white);border-bottom:1px solid var(--win-white);box-shadow:inset 1px 1px 0 var(--win-gray-dark),inset -1px -1px 0 var(--win-gray-light)}.tool-options .align-cross{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;align-items:center}.tool-options .align-cross button{height:20px;font-size:11px;padding:0 4px;font-weight:500;line-height:1;color:var(--win-black);background:var(--win-gray);cursor:pointer;border-top:1px solid var(--win-white);border-left:1px solid var(--win-white);border-right:1px solid var(--win-gray-darker);border-bottom:1px solid var(--win-gray-darker);box-shadow:inset 1px 1px 0 var(--win-gray-light),inset -1px -1px 0 var(--win-gray-dark)}.tool-options .align-cross button:hover{background:var(--win-gray-light)}.tool-options .align-cross button:active{border-top:1px solid var(--win-gray-darker);border-left:1px solid var(--win-gray-darker);border-right:1px solid var(--win-white);border-bottom:1px solid var(--win-white);box-shadow:inset 1px 1px 0 var(--win-gray-dark),inset -1px -1px 0 var(--win-gray-light)}.tool-options .align-cross .align-cross-center{text-align:center;font-size:11px;opacity:.5;-webkit-user-select:none;user-select:none}.tool-options .presets{display:grid;grid-template-columns:repeat(9,18px);grid-template-rows:20px;gap:0;background:var(--win-gray);padding:1px;border-top:1px solid var(--win-gray-darker);border-left:1px solid var(--win-gray-darker);border-right:1px solid var(--win-white);border-bottom:1px solid var(--win-white);box-shadow:inset 1px 1px 0 var(--win-gray-dark),inset -1px -1px 0 var(--win-gray-light)}.tool-options .preset{width:18px;height:20px;font-size:10px;padding:0;font-weight:700;color:var(--win-black);background:var(--win-gray);cursor:pointer;border-top:1px solid var(--win-white);border-left:1px solid var(--win-white);border-right:1px solid var(--win-gray-darker);border-bottom:1px solid var(--win-gray-darker);box-shadow:inset 1px 1px 0 var(--win-gray-light),inset -1px -1px 0 var(--win-gray-dark)}.tool-options .preset+.preset{margin-left:1px}.tool-options .preset.active{background:var(--win-gray);border-top:1px solid var(--win-gray-darker);border-left:1px solid var(--win-gray-darker);border-right:1px solid var(--win-white);border-bottom:1px solid var(--win-white);box-shadow:inset 1px 1px 0 var(--win-gray-dark),inset -1px -1px 0 var(--win-gray-light);color:var(--win-blue)}.tool-options .preset:hover:not(.active){background:var(--win-gray-light)}.tool-options .preset:active:not(.active){border-top:1px solid var(--win-gray-darker);border-left:1px solid var(--win-gray-darker);border-right:1px solid var(--win-white);border-bottom:1px solid var(--win-white);box-shadow:inset 1px 1px 0 var(--win-gray-dark),inset -1px -1px 0 var(--win-gray-light)}.tool-options .pattern-grid{display:grid;grid-template-columns:repeat(10,18px);grid-template-rows:20px;gap:0;background:var(--win-gray);padding:1px;border-top:1px solid var(--win-gray-darker);border-left:1px solid var(--win-gray-darker);border-right:1px solid var(--win-white);border-bottom:1px solid var(--win-white);box-shadow:inset 1px 1px 0 var(--win-gray-dark),inset -1px -1px 0 var(--win-gray-light)}.tool-options .pattern-cell{width:18px;height:20px;font-size:11px;line-height:1;color:var(--win-black);background:var(--win-gray);cursor:pointer;padding:0;border-top:1px solid var(--win-white);border-left:1px solid var(--win-white);border-right:1px solid var(--win-gray-darker);border-bottom:1px solid var(--win-gray-darker);box-shadow:inset 1px 1px 0 var(--win-gray-light),inset -1px -1px 0 var(--win-gray-dark)}.tool-options .pattern-cell+.pattern-cell{margin-left:1px}.tool-options .pattern-cell.active{background:var(--win-gray);border-top:1px solid var(--win-gray-darker);border-left:1px solid var(--win-gray-darker);border-right:1px solid var(--win-white);border-bottom:1px solid var(--win-white);box-shadow:inset 1px 1px 0 var(--win-gray-dark),inset -1px -1px 0 var(--win-gray-light);color:var(--win-blue);font-weight:700}.tool-options .pattern-cell:hover:not(.active){background:var(--win-gray-light)}.tool-options .pattern-cell:active:not(.active){border-top:1px solid var(--win-gray-darker);border-left:1px solid var(--win-gray-darker);border-right:1px solid var(--win-white);border-bottom:1px solid var(--win-white);box-shadow:inset 1px 1px 0 var(--win-gray-dark),inset -1px -1px 0 var(--win-gray-light)}.tool-options .toggle-row{display:flex;align-items:center;gap:4px;cursor:pointer;height:20px}.tool-options .toggle-label{font-size:11px;color:var(--win-black)}.status-host{flex-shrink:0;background:var(--win-gray);border-top:1px solid var(--win-gray-darker);box-shadow:inset 0 1px 0 var(--win-gray-dark)}.status-bar{display:flex;align-items:stretch;flex-shrink:0;width:100%;min-height:20px;font-size:10.5px;color:var(--win-black);background:var(--win-gray);padding:1px;gap:1px}.section{display:flex;align-items:center;gap:3px;padding:0 7px;min-height:14px;background:var(--win-gray);border-top:1px solid var(--win-gray-darker);border-left:1px solid var(--win-gray-darker);border-right:1px solid var(--win-white);border-bottom:1px solid var(--win-white);box-shadow:inset 1px 1px 0 var(--win-gray-dark),inset -1px -1px 0 var(--win-gray-light);white-space:nowrap;font-variant-numeric:tabular-nums}.section .icon{opacity:.7;font-size:9px}.section .value{font-size:10.5px}.section .value.dim{opacity:.5}.coords{min-width:110px}.size{min-width:90px}.zoom{min-width:56px}.tool{min-width:92px;font-weight:600}.grip{width:2px;background:linear-gradient(to right,var(--win-gray-darker) 0 1px,var(--win-white) 1px 2px);align-self:stretch}.spacer{flex:1;min-width:8px}.status-bar .actions{display:flex;gap:3px;padding:0 2px;align-items:center}.status-bar .action{font-size:10.5px;padding:0 7px;min-height:14px;background:var(--win-gray);color:var(--win-black);cursor:pointer;border-top:1px solid var(--win-white);border-left:1px solid var(--win-white);border-right:1px solid var(--win-gray-darker);border-bottom:1px solid var(--win-gray-darker);box-shadow:inset 1px 1px 0 var(--win-gray-light),inset -1px -1px 0 var(--win-gray-dark)}.status-bar .action:disabled{color:var(--win-disabled-text);text-shadow:1px 1px 0 var(--win-white);cursor:default}.status-bar .action:active:not(:disabled){border-top:1px solid var(--win-gray-darker);border-left:1px solid var(--win-gray-darker);border-right:1px solid var(--win-white);border-bottom:1px solid var(--win-white);box-shadow:inset 1px 1px 0 var(--win-gray-dark),inset -1px -1px 0 var(--win-gray-light);padding:1px 7px 0 8px}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:2000}.dialog-window{background:var(--win-gray);min-width:220px;padding:2px;border-top:1px solid var(--win-white);border-left:1px solid var(--win-white);border-right:1px solid var(--win-gray-darker);border-bottom:1px solid var(--win-gray-darker);box-shadow:inset 1px 1px 0 var(--win-gray-light),inset -1px -1px 0 var(--win-gray-dark),2px 2px 8px #0006}.dialog-window .title-bar{display:flex;align-items:center;background:var(--win-blue-active);color:var(--win-blue-text);padding:2px 4px;font-weight:700;font-size:11px;margin-bottom:6px;min-height:18px;background-image:none}.dialog-body{padding:4px 8px;display:flex;flex-direction:column;gap:8px}.dimension-group{display:flex;align-items:center;gap:4px}.dim-label{width:44px;text-align:right;font-size:11px}.dim-input{width:56px;height:20px}.dim-unit{font-size:11px}.anchor-fieldset{border:1px solid var(--win-gray-dark);padding:6px 8px;margin:0}.anchor-fieldset legend{font-size:11px;padding:0 4px}.anchor-grid{display:grid;grid-template-columns:repeat(3,24px);grid-template-rows:repeat(3,24px);gap:2px;justify-content:center}.anchor-cell{width:24px;height:24px;padding:0;font-size:12px;line-height:22px;text-align:center;cursor:pointer;background:var(--win-gray);color:var(--win-black);border-top:1px solid var(--win-white);border-left:1px solid var(--win-white);border-right:1px solid var(--win-gray-darker);border-bottom:1px solid var(--win-gray-darker);box-shadow:inset 1px 1px 0 var(--win-gray-light),inset -1px -1px 0 var(--win-gray-dark)}.anchor-cell.selected{border-top:1px solid var(--win-gray-darker);border-left:1px solid var(--win-gray-darker);border-right:1px solid var(--win-white);border-bottom:1px solid var(--win-white);box-shadow:inset 1px 1px 0 var(--win-gray-dark),inset -1px -1px 0 var(--win-gray-light);background:var(--win-gray)}.dialog-button-row{display:flex;justify-content:flex-end;gap:6px;padding:8px 8px 4px}.dialog-btn{min-width:60px;height:22px;padding:1px 12px;font-family:inherit;font-size:11px;cursor:pointer;background:var(--win-gray);color:var(--win-black);border-top:1px solid var(--win-white);border-left:1px solid var(--win-white);border-right:1px solid var(--win-gray-darker);border-bottom:1px solid var(--win-gray-darker);box-shadow:inset 1px 1px 0 var(--win-gray-light),inset -1px -1px 0 var(--win-gray-dark);position:relative}.dialog-btn:active{border-top:1px solid var(--win-gray-darker);border-left:1px solid var(--win-gray-darker);border-right:1px solid var(--win-white);border-bottom:1px solid var(--win-white);box-shadow:inset 1px 1px 0 var(--win-gray-dark),inset -1px -1px 0 var(--win-gray-light)}.dialog-btn.ok-btn{font-weight:700}.context-menu{background:var(--win-gray);padding:4px;border-top:1px solid var(--win-white);border-left:1px solid var(--win-white);border-right:1px solid var(--win-gray-darker);border-bottom:1px solid var(--win-gray-darker);box-shadow:inset 1px 1px 0 var(--win-gray-light),inset -1px -1px 0 var(--win-gray-dark),1px 1px 3px #0006;z-index:3000}.context-menu .tool-options{max-width:210px}