:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--ink:#292b29;--muted:#858780;--line:#e4e5df;--paper:#fcfcf9;--orange:#e66a39;--soft:#fdf0e8}*{box-sizing:border-box}[hidden]{display:none!important}body{font:13px var(--font-ui);color:var(--ink);background:var(--paper);margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}button,input,select{border:1px solid var(--line);background:#fff;border-radius:6px}button{padding:8px 11px}button:hover{background:#f2f3ee}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.primary:hover{background:#44483f}.accent{background:var(--orange);border-color:var(--orange);color:#fff}.accent:hover{background:#ce5829}.logo{letter-spacing:-1px;align-items:center;gap:8px;font-size:20px;font-weight:750;line-height:1;display:flex}.mark{width:28px;height:28px}.tag{color:var(--muted);letter-spacing:0;border-left:1px solid var(--line);padding-left:22px;font-size:12px}.app{grid-template-rows:48px 1fr 44px;grid-template-columns:minmax(250px,1fr) 268px;height:100dvh;display:grid}.toolstrip{border-right:1px solid var(--line);align-items:center;gap:var(--space-2);background:var(--paper);flex-direction:column;grid-row:1/4;padding-top:12px;display:flex}.tool{background:0 0;border:0;width:40px;height:40px;padding:10px;position:relative}.tool svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.tool.active{color:var(--orange);background:var(--soft)}.tool:hover:after{content:attr(aria-label);color:#fff;white-space:nowrap;z-index:20;background:#292b29;border-radius:5px;padding:7px 10px;font-size:11px;position:absolute;top:6px;left:47px}.tool-divider{background:var(--line);width:24px;height:1px;margin:7px 0}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:0 20px;display:flex}.topbar .group{align-items:center;gap:8px;display:flex}.topbar button{background:0 0;font-size:12px}.subtle{color:var(--muted);font-size:11px}.workspace{background:#eceee8;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.workspace:before{content:"";opacity:.5;background-image:radial-gradient(#c7cbc1 .7px,#0000 .7px);background-size:12px 12px;position:absolute;inset:0}.canvas-wrap{touch-action:none;background-color:#fff;background-image:conic-gradient(#f2f3ef 25%,transparent 0 50%,#f2f3ef 0 75%,transparent 0);background-size:16px 16px;flex:none;position:relative;box-shadow:0 8px 34px #29362016}.canvas-wrap canvas{width:100%;height:100%;image-rendering:pixelated;pointer-events:none;position:absolute;inset:0}.canvas-wrap svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.canvas-label{font:10px var(--font-mono);color:#808577;white-space:nowrap;letter-spacing:1px;position:absolute;bottom:calc(100% + 12px);left:0}.floating-hint{padding:var(--space-2) var(--space-3);white-space:nowrap;color:#71756a;pointer-events:none;background:#fcfcf9ee;border:1px solid #dde0d6;border-radius:7px;font-size:11px;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #292b2905}.floating-hint b{color:#454a3e;font-weight:500}.statusbar{padding:0 var(--space-4);border-top:1px solid var(--line);color:#808477;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;font-size:11px;display:grid}.statusbar>*{white-space:nowrap;grid-row:1}.statusbar>:first-child{grid-column:1;justify-self:start}.statusbar #nodeInfo{padding-right:var(--space-3);text-overflow:ellipsis;grid-column:1;justify-self:end;min-width:0;max-width:100%;overflow:hidden}.statusbar #position{text-align:center;grid-column:2}.statusbar #shapeCount{grid-column:3;justify-self:end}@media (width<=1100px){.statusbar:has(#nodeInfo:not(:empty))>:first-child{display:none}}.statusbar .dot{background:#6d8b4e;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}aside{border-left:1px solid var(--line);background:var(--paper);grid-area:1/2/4;overflow:auto}.section{padding:var(--space-5) var(--space-5);border-bottom:1px solid var(--line)}.section-title{letter-spacing:.8px;text-transform:uppercase;margin-bottom:var(--space-4);justify-content:space-between;align-items:center;font-size:11px;font-weight:650;display:flex}.section-title small{color:var(--muted);text-transform:none;letter-spacing:0;font-size:10px;font-weight:400}.dimensions{text-align:center;grid-template-columns:1fr 18px 1fr;align-items:center;gap:8px;display:grid}.dimensions label{border:1px solid var(--line);color:#94988d;background:#fff;border-radius:6px;align-items:center;gap:8px;padding:7px 9px;font-size:11px;display:flex}.dimensions input{border:0;outline:0;width:100%;min-width:0;padding:0;font-size:12px}.section p{color:#858a7b;margin:12px 0 0;font-size:11px;line-height:1.7}.field{color:#6d7266;justify-content:space-between;align-items:center;margin:13px 0;font-size:12px;display:flex}.field input[type=number]{width:62px;padding:5px 6px}.color-field{border:1px solid var(--line);background:#fff;border-radius:5px;align-items:center;gap:8px;padding:4px 7px;display:flex}.color-field input{cursor:pointer;background:0 0;border:0;width:23px;height:23px;padding:0}.color-field span{font:10px var(--font-mono)}.palette{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.swatch{aspect-ratio:1;border:2px solid #0000;border-radius:4px;padding:0;box-shadow:inset 0 0 0 1px #00000009}.swatch.selected{outline:1px solid var(--ink);outline-offset:2px}.layer{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2);margin:3px calc(var(--space-2) * -1);cursor:pointer;border:1px solid #0000;border-radius:6px;display:flex}.layer-thumb{background:#fff;border:1px solid #d4d7cd;border-radius:4px;place-items:center;width:25px;height:25px;font-size:14px;display:grid}.layer-name{flex:1;font-size:12px}.layer button{color:#8b9083;background:0 0;border:0;padding:2px;font-size:13px}.layer.hidden .layer-name{opacity:.5;text-decoration:line-through}.mini-actions{gap:6px;margin-top:12px;display:flex}.mini-actions button{flex:1;padding:6px;font-size:11px}.empty{color:var(--muted);padding:12px 0;font-size:12px;line-height:1.7}#shapeProps h3{margin:0 0 var(--space-3);font-size:13px}.check{color:#7a8073;align-items:center;gap:6px;font-size:11px;display:flex}input[type=checkbox]{accent-color:var(--orange)}.learn{color:#959a8e;margin-top:10px;font-size:11px;line-height:1.8}.kbd{color:#747a6b;border:1px solid #dfe2d8;border-bottom:2px solid #d4d8cb;border-radius:3px;padding:1px 4px;font-size:10px}dialog{border:1px solid var(--line);width:min(440px,94vw);color:var(--ink);border-radius:14px;padding:0;box-shadow:0 25px 90px #0002}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#252b264d}.modal-head{padding:var(--space-6) var(--space-7) var(--space-4);justify-content:space-between;align-items:center;display:flex}.modal-head h2{letter-spacing:-.7px;margin:0;font-size:21px}.modal-head button{background:0 0;border:0;padding:0;font-size:20px}.modal-body{padding:0 var(--space-7) var(--space-6)}.modal-body p{color:#808675;font-size:13px;line-height:1.7}.modal-body label{font-size:12px}.modal-body select,.modal-body input[type=number]{width:100%;margin:7px 0 15px;padding:10px}.modal-body .row{gap:12px;display:flex}.modal-body .row>*{flex:1;min-width:0}.modal-body .primary{width:100%;margin-top:14px;padding:12px}.preset-row{gap:6px;margin:18px 0;display:flex}.preset-row button{flex:1;padding:9px 3px;font-size:11px}.toast{color:var(--ink);padding:var(--space-3) var(--space-4);z-index:100;background:#fbfcf8;border:1px solid #dce2d4;border-radius:7px;font-size:12px;position:fixed;bottom:56px;left:50%;transform:translate(-50%);box-shadow:0 5px 25px #0002}.hidden{display:none!important}input[type=range]{accent-color:var(--orange);width:110px}.mobile-label{display:none}#gridToggle.on{color:var(--orange);background:var(--soft)}@media (width<=1000px){.tag{display:none}.app{grid-template-columns:minmax(200px,1fr) 235px}.section{padding:var(--space-4) var(--space-4)}.floating-hint{padding:8px;font-size:10px}}@media (width<=700px){.logo{font-size:18px}.mark{width:22px;height:22px}.app{grid-template-rows:44px minmax(280px,1fr) 30px 220px;grid-template-columns:48px 1fr;height:100dvh}.toolstrip{padding-top:var(--space-1);grid-row:1/4;gap:3px}.tool{width:36px;height:36px;padding:8px}.topbar{padding:0 var(--space-2)}.topbar .subtle{display:none}.statusbar{padding:0 8px;font-size:10px}aside{border-top:1px solid var(--line);border-left:0;grid-area:4/1/auto/3;display:flex;overflow-x:auto}.section{border-right:1px solid var(--line);min-width:220px;padding:var(--space-4);border-bottom:0}.section-title{margin-bottom:12px}.floating-hint{bottom:var(--space-2);white-space:normal;text-align:center;max-width:95%}.learn,.tool:hover:after{display:none}}.gradient-controls{border-top:1px solid var(--line)}.gradient-controls select,.fill-mode{max-width:132px;padding:6px;font-size:11px}.gradient-colors{justify-content:space-between;align-items:center;gap:7px;margin:12px 0;display:flex}.gradient-colors .color-field{gap:4px;padding:4px}.gradient-colors button{background:0 0;border:0;padding:5px}.gradient-preview{width:100%;height:36px;image-rendering:pixelated;border:1px solid var(--line);border-radius:4px;display:block}.gradient-note{font-size:10px!important;line-height:1.6!important}.range-field{align-items:center;gap:6px;display:flex}.range-field input[type=range]{width:83px}.range-field output{font:10px var(--font-mono);text-align:right;min-width:29px}.gradient-controls .field{margin:12px 0}button{justify-content:center;align-items:center;gap:7px;display:inline-flex}button svg{pointer-events:none;flex:none}.icon-btn{color:#70786a;background:0 0;border:0;border-radius:5px;width:28px;min-width:28px;height:28px;padding:5px;line-height:1}.icon-btn:hover{color:var(--ink);background:#e9ede2}.toolstrip{padding:var(--space-2) 0;scrollbar-width:thin;gap:2px;overflow-y:auto}.tool{flex:none;width:37px;height:37px;min-height:37px;padding:9px}.tool svg{stroke-width:1.7px;width:19px;height:19px}.tool:hover:after{display:none}.toolstrip .active{background:var(--soft);color:var(--orange)}.topbar{padding:0 var(--space-3);gap:8px}.toolbar-option{color:#8b9184;align-items:center;gap:5px;margin-left:8px;font-size:10px;display:flex}.toolbar-option select{background:#f0f2eb;border:0;padding:5px 7px;font-size:11px}.toolbar-option input{width:40px;padding:3px 4px;font-size:11px}.workspace{touch-action:none;-webkit-user-select:none;user-select:none;isolation:isolate;min-width:0;display:block}.workspace:before{z-index:-1;pointer-events:none}#scene{transform-origin:0 0;width:0;height:0;position:absolute;top:0;left:0}.artboard{touch-action:none;background-color:#fff;background-image:conic-gradient(#f2f3ef 25%,transparent 0 50%,#f2f3ef 0 75%,transparent 0);background-size:2px 2px;position:absolute;box-shadow:0 3px 10px #29362012}.artboard.active-board,.artboard.board-selected{outline:none}.artboard canvas{width:100%;height:100%;image-rendering:pixelated;pointer-events:none;position:absolute;inset:0}.board-label{bottom:calc(100% + 7px * var(--inv));transform:scale(var(--inv));transform-origin:0 100%;letter-spacing:.3px;white-space:nowrap;color:#79806f;cursor:move;background:0 0;border:0;min-height:16px;padding:2px 0;font-size:11px;position:absolute;left:0}.board-selected .board-label{color:var(--orange)}.board-label:hover{color:var(--orange);background:0 0}#worldOverlay{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}#worldOverlay .handle{pointer-events:all;cursor:crosshair}.floating-hint{z-index:4;bottom:var(--space-4);white-space:normal;text-align:center;max-width:90%;box-shadow:none;font-size:10px;line-height:1.6}.board-name{border:1px solid var(--line);background:#fff;width:100%;margin-bottom:12px;padding:8px 9px;font-size:12px;display:block}.section{padding:var(--space-4)}.section-title{margin-bottom:var(--space-3)}.layer-section{padding-bottom:var(--space-3)}.layer-actions{padding:var(--space-1) 0 var(--space-2);border-bottom:1px solid var(--line);margin-bottom:var(--space-2);gap:3px;display:flex}.action-divider{background:var(--line);width:1px;margin:4px 1px}.layer{padding:var(--space-1) var(--space-1);gap:var(--space-1);margin:2px calc(var(--space-2) * -1);align-items:center;min-height:34px}.layer>.icon-btn{width:22px;min-width:22px;height:22px;padding:3px}.layer>.icon-btn svg{width:13px;height:13px}.layer.board{background:#f0f2eb;margin-top:8px;font-weight:600}.layer.board.selected{background:#edf1e6}.layer.group{padding-left:12px}.layer.shape{padding-left:28px}.layer.shape.nested{padding-left:40px}.layer-name{white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:18px;overflow:hidden}.layer-icon{color:#7d8970;display:flex}.layer.muted{opacity:.5}.rename{width:100%;min-width:30px;padding:3px;font-size:11px}.layer.selected{background:#edf1e6;border-color:#dce4d0}.palette-footer{color:var(--muted);justify-content:space-between;align-items:center;margin-top:12px;font-size:10px;display:flex}#paintChip{width:22px;height:22px;box-shadow:0 0 0 1px var(--line);border:3px solid #fff;padding:0}.gradient-colors{flex-wrap:wrap;gap:3px}.gradient-colors .color-field{gap:3px}.gradient-colors .color-field span{font-size:9px}.gradient-colors .color-field input{width:18px}.gradient-colors .pick-btn{width:20px;min-width:20px;height:23px;padding:3px}.gradient-colors #swapGradient{width:22px;padding:3px}.field .pick-btn{width:24px;min-width:24px;margin-left:4px}.field .color-field{margin-left:auto}.field input[type=number]{width:66px}#polygonGeometry{border-bottom:1px solid var(--line);margin-bottom:10px;padding-bottom:10px}#multiNote{margin:0 0 10px}.export-options select{width:100%;padding:8px;font-size:12px}#exportTarget{max-width:158px;padding:6px;font-size:11px}#exportFormat{flex:1;min-width:0}#downloadBtn{width:100%;margin-top:13px;padding:10px;font-size:12px}#exportSection.highlight{background:var(--soft)}#exportInfo{overflow-wrap:anywhere;font-size:10px;line-height:1.7}.statusbar{padding:0 var(--space-3);gap:8px;font-size:10px}.palette-edit-row{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding:7px 0;display:flex}.palette-edit-row input[type=color]{width:36px;height:30px;padding:2px}.palette-edit-row input:not([type=color]){min-width:0;font:12px var(--font-mono);flex:1;padding:7px}#paletteEditor{max-height:320px;overflow-y:auto}.palette-editor-actions{gap:8px;margin-top:16px;display:flex}.palette-editor-actions button{flex:1;font-size:11px}.modal-head button{width:26px;height:26px}.learn{font-size:10px}.tag{font-size:11px}@media (width<=1100px){.app{grid-template-columns:minmax(250px,1fr) 270px}.tag{display:none}.section{padding:16px}.topbar .toolbar-option:last-child{display:none}.topbar{padding:0 8px}.gradient-colors .pick-btn{width:19px;min-width:19px}.gradient-colors .color-field span{font-size:8px}}@media (width<=760px){.app{grid-template-rows:44px minmax(270px,1fr) 30px 250px;grid-template-columns:44px 1fr}.toolstrip{grid-row:1/4}.tool{width:34px;height:34px;min-height:34px;padding:7px}.toolstrip{padding-top:var(--space-1)}aside{border-top:1px solid var(--line);border-left:0;grid-area:4/1/auto/3;display:flex;overflow-x:auto}.section{border-right:1px solid var(--line);width:260px;min-width:260px;max-height:250px;padding:var(--space-3);border-bottom:0;flex:none;overflow-y:auto}.layer-section{width:290px;min-width:290px}.topbar #toolName{display:none}.topbar .toolbar-option{margin-left:0}.topbar>.group{gap:1px}.toolbar-option select{max-width:74px}.topbar #gridToggle span{display:none}.topbar #fitBtn{font-size:10px}.app{height:100dvh}.statusbar{padding:0 8px;font-size:9px}.statusbar #position,.statusbar #nodeInfo{display:none}.floating-hint{padding:var(--space-2) var(--space-2);bottom:var(--space-2);font-size:9px}.learn{display:none}}.toolbar-divider{background:var(--line);flex:none;width:24px;min-height:1px;margin:6px 0}.transform-grid{grid-template-columns:1fr 1fr;gap:9px;margin:10px 0;display:grid}.transform-grid label{color:#7f8775;border:1px solid var(--line);background:#fff;border-radius:5px;align-items:center;gap:6px;padding:7px 9px;font-size:10px;display:flex}.transform-grid input{background:0 0;border:0;outline:none;width:100%;min-width:0;padding:0;font-size:12px}.transform-effects label{flex-direction:column;align-items:flex-start;gap:7px}.transform-effects input{font-size:12px}#individualDetails{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}#individualDetails summary{cursor:pointer;color:#7b846f;font-size:11px}.individual-row{grid-template-columns:1fr 1fr;gap:6px;margin-top:12px;display:grid}.individual-row>span{white-space:nowrap;text-overflow:ellipsis;grid-column:1/3;font-size:11px;overflow:hidden}.individual-row label{color:#7f8775;align-items:center;gap:5px;font-size:9px;display:flex}.individual-row input{width:100%;min-width:0;padding:5px;font-size:11px}.copy-export{width:100%;margin-top:8px;padding:9px;font-size:12px}#copySource{border:1px solid var(--line);width:100%;height:220px;font:11px var(--font-mono);border-radius:5px;padding:10px}.context-menu{z-index:1000;background:var(--paper);padding:var(--space-1);border:1px solid #dce0d5;border-radius:9px;width:230px;position:fixed;box-shadow:0 12px 40px #29362026}.context-action{width:100%;padding:var(--space-2) var(--space-2);background:0 0;border:0;border-radius:5px;justify-content:flex-start;font-size:12px;display:flex}.context-action span{text-align:left;flex:1}.context-action kbd{font:9px var(--font-ui);color:#959d8c}.context-action:disabled{opacity:.35}.context-action:hover{background:#edf1e6}.toolstrip{scrollbar-width:none}.toolstrip::-webkit-scrollbar{display:none}aside{flex-direction:column;min-height:0;display:flex;overflow:hidden!important}.section{border-bottom:1px solid var(--line);flex:none;min-height:0;padding:0 16px}.section>.section-title{cursor:pointer;-webkit-user-select:none;user-select:none;gap:var(--space-1);min-height:36px;margin:0;font-size:10px}.section:not(.layer-section)>.section-title:before{content:"›";color:#a0a891;font-size:15px;transition:transform .15s}.section:not(.collapsed):not(.layer-section)>.section-title:before{transform:rotate(90deg)}.section>.section-title>small,.section>.section-title>button{margin-left:auto}.section-body{padding:3px 0 var(--space-3)}.section.collapsed>.section-body{display:none}.section-body .field{margin:9px 0}.section-body>p{margin-top:8px}.section-body .board-name{margin-bottom:8px}.section-body .gradient-note{font-size:9px!important;line-height:1.5!important}.section-body .transform-grid{margin:6px 0}.layer-section{flex-direction:column;flex:1;min-height:110px;padding-bottom:8px;display:flex}.layer-section>.section-title{cursor:default;min-height:36px}.layer-actions{padding:0 0 var(--space-1);margin-bottom:var(--space-1);flex:none;gap:2px}.boolean-actions{border-bottom:1px solid var(--line);flex:none;gap:5px;padding-bottom:6px;display:flex}.boolean-actions button{color:#7c8871;background:0 0;width:33.33%;height:26px;padding:4px}.boolean-actions button:hover{background:var(--soft);color:var(--orange)}#layers{-webkit-user-select:none;user-select:none;min-height:0;padding:0 var(--space-1);margin:0 calc(var(--space-1) * -1);scrollbar-width:thin;scrollbar-color:#cdd3c4 transparent;flex:1;overflow:hidden auto}.layer-section>p{margin:var(--space-1) 0 0;flex:none;font-size:9px;line-height:1.4}.live-marker{background:var(--orange);vertical-align:middle;border-radius:1px;width:9px;min-width:9px;height:5px;margin-right:1px;display:inline-block}.clip-indicator{color:#a1aa95;align-items:center;display:flex}.layer.is-clipped{padding-left:32px}.layer.nested.is-clipped{padding-left:44px}.gradient-editor-btn,.clip-action,.individual-open{background:#f8faf5;border-color:#e0e5d7;width:100%;margin:5px 0;padding:7px;font-size:11px}.gradient-editor-btn{color:var(--orange)}#gradientDialog .field input[type=number]{width:70px;margin:0;padding:6px}#gradientDialog .gradient-controls{border:0;padding:0}#gradientDialog{width:min(420px,94vw)}#gradientDialog .modal-body,#individualDialog .modal-body{max-height:70dvh;overflow:auto}#individualDetails{border:1px solid var(--line);margin:8px 0 0;padding:7px;font-size:11px}.help-wrap{align-items:center;margin-left:4px;display:flex;position:relative}.help-popover{width:325px;padding:var(--space-4) var(--space-5);background:var(--paper);border:1px solid var(--line);z-index:1100;color:#7a8470;border-radius:9px;font-size:11px;line-height:1.95;display:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 35px #29362025}.help-popover:before{content:"";height:15px;position:absolute;top:-14px;left:0;right:0}.help-wrap:hover .help-popover,.help-wrap:focus-within .help-popover,.help-wrap.help-open .help-popover{display:block}.help-popover h3{margin:0 0 var(--space-2);color:var(--ink);font-size:12px;font-weight:600}.help-popover p{margin:0}.help-popover kbd{font:10px var(--font-ui);color:#5b6751;background:#fff;border:1px solid #dfe5d6;border-radius:3px;padding:1px 4px}.help-rule{background:var(--line);height:1px;margin:10px 0}.help-popover .live-marker{margin-right:4px}.context-menu{max-height:min(520px,90dvh);overflow-y:auto}.topbar{z-index:10;position:relative}.tool:disabled{opacity:.25}.topbar>.group{gap:3px}#transformSection .section-body>.gradient-note{display:none}#polygonGeometry .field{margin:7px 0}.copy-export,#downloadBtn{margin-top:7px;padding:7px}#exportInfo{margin-top:var(--space-2);font-size:9px}.export-options{margin-top:6px}#exportSection .field{margin:5px 0}.palette-footer{margin-top:8px}.palette{gap:5px}.palette .swatch{max-height:24px}#shapeProps .section-body{padding-bottom:var(--space-2)}.layer-actions .icon-btn{height:26px}@media (width<=760px){aside{display:flex;flex-direction:column!important;overflow:hidden!important}.app{grid-template-rows:44px minmax(230px,1fr) 30px 290px}.section{width:auto;min-width:0;max-height:none;padding:0 var(--space-3);border-right:0;overflow:visible!important}.section:not(.layer-section)>.section-title{min-height:28px}.layer-section{flex:1;min-height:75px}.section-body{z-index:50;width:270px;max-height:calc(100dvh - 380px);padding:var(--space-3);background:var(--paper);border:1px solid var(--line);border-radius:8px;position:fixed;bottom:302px;right:12px;overflow-y:auto;box-shadow:0 6px 25px #0002}.section.collapsed>.section-body,.layer-section>p{display:none}.help-popover{width:min(320px,85vw);max-height:70dvh;right:-2px;overflow:auto}.help-wrap{margin-left:0}.topbar #fitAllBtn{display:none}.topbar .group{gap:0}.layer-actions{margin-bottom:2px}.layer-section .section-title{min-height:28px}.boolean-actions{padding-bottom:3px}.layer-section>.section-title small{margin-right:4px}}.app{grid-template-columns:minmax(260px,1fr) 328px}aside{flex-direction:column;display:flex;overflow:hidden!important}.section{flex:none;padding:0 12px}.section>.section-title{text-transform:none;letter-spacing:0;cursor:default;min-height:25px;font-size:11px;font-weight:600}.section:not(.layer-section)>.section-title:before{display:none!important}.section-body,.section.collapsed>.section-body{padding:0 0 var(--space-1);display:block!important}.section-title>small{font-size:9px}.section-body .field{min-height:23px;margin:4px 0;font-size:11px}.section-body input,.section-body select{font-size:11px}.section-body .board-name{height:25px;margin-bottom:4px;padding:4px 7px}.dimensions{grid-template-columns:1fr 10px 1fr;gap:5px}.dimensions label{padding:4px 7px}.position-fields{margin-top:4px}.position-fields label{padding:3px 7px}#artboardSection .section-body>.field{min-height:20px;margin-top:3px}#artboardSection .section-body>.gradient-note{display:none}.transform-grid{gap:5px;margin:3px 0!important}.transform-grid label{padding:4px 6px}.transform-effects label{white-space:nowrap;flex-direction:row;align-items:center;gap:6px;font-size:9px}.transform-effects input{text-align:right;min-width:25px;font-size:11px}.transform-grid input{font-size:11px}.individual-open{margin:3px 0 0!important;padding:4px!important;font-size:10px!important}.palette{grid-template-columns:repeat(8,1fr);gap:4px}.palette .swatch{border-radius:3px;height:16px;max-height:16px}.palette-footer{margin-top:4px;font-size:9px}#paintChip{width:17px;height:17px}.layer-section{flex:1;min-height:95px;padding-bottom:4px}#layers{flex:1;min-height:0;overflow-y:auto}.layer-section>p{display:none}.layer-actions{gap:4px;margin-bottom:3px;padding:0 0 3px}.layer-actions .icon-btn{width:25px;min-width:25px;height:23px}.boolean-actions{gap:4px;padding-bottom:3px}.boolean-actions button{height:23px}.layer{border-radius:4px;gap:4px;min-height:29px;margin:1px 0;position:relative;padding:4px 3px!important;padding-left:calc(4px + var(--depth,0) * 14px)!important}.layer.board{margin-top:var(--space-1);padding-left:3px!important}.layer .layer-name{min-width:0;font-size:11px}.layer .layer-icon{flex:none}.layer.mask-child:before{content:"";left:calc(3px + var(--depth,0) * 14px);border-left:1px solid #d5dccb;position:absolute;top:0;bottom:0}.layer.mask-child{padding-left:calc(13px + var(--depth,0) * 14px)!important}.mask-tag{color:#849476;margin-left:auto;font-size:9px}.layer>.mask-tag+.live-marker{margin-left:3px}.layer>.icon-btn:last-child{margin-left:0}.layer>.layer-name+.icon-btn:last-child{margin-left:auto}.live-marker{border-radius:2px;width:7px;min-width:7px;height:7px;margin-right:2px}.layer.group .layer-icon{color:#859476}.layer[draggable=true]{cursor:grab}.layer.dragging{opacity:.35}.layer.drop-before:after,.layer.drop-after:after{content:"";border-top:2px solid var(--orange);z-index:3;position:absolute;left:0;right:0}.layer.drop-before:after{top:-2px}.layer.drop-after:after{bottom:-2px}.layer.drop-inside{outline:2px solid var(--orange);outline-offset:-2px;background:var(--soft)}.paint-heading{justify-content:space-between;align-items:center;min-height:23px;font-size:11px;display:flex}.paint-heading>div{gap:2px;display:flex}.paint-heading .icon-btn{width:23px;min-width:23px;height:22px;padding:3px}.paint-color-row{align-items:center;gap:6px;margin:0 0 3px;display:flex}.paint-color-row .color-field{flex:1;gap:5px;min-width:0;padding:3px 5px;display:flex}.paint-color-row .color-field input[type=color]{border:0;width:22px;height:20px;padding:0}.color-field .hex-input{background:0 0;min-width:0;width:100%!important;height:20px!important;font:10px var(--font-mono)!important;border:0!important;padding:0!important}.paint-color-row .pick-btn{width:25px;height:23px;padding:4px}.paint-controls>.field{justify-content:space-between;align-items:center;min-height:23px;margin:2px 0;display:flex}.paint-controls>.field select{max-width:150px;padding:3px 5px}.paint-controls>.field input[type=number]{width:65px;padding:3px 5px}.paint-divider{background:var(--line);height:1px;margin:6px 0 3px}.add-paint{width:100%;min-height:22px;margin-bottom:3px;padding:4px;font-size:10px}.gradient-editor-btn,.clip-action{min-height:23px;margin:3px 0;padding:4px;font-size:10px}#cornerRow{border-top:1px solid var(--line);margin-top:5px;padding-top:4px}#cornerRadius{width:65px;padding:3px 5px}#polygonGeometry{margin-bottom:3px;padding-bottom:3px}#polygonGeometry .field{min-height:23px;margin:2px 0;font-size:11px}#polygonGeometry input{padding:3px 5px}#multiNote{display:none}#noSelection{padding:5px 0;font-size:11px}.export-options{gap:5px;margin-top:3px;display:flex}.export-options select{padding:4px 6px}.export-options label{width:60px}#exportSection #exportTarget{max-width:175px;padding:3px 5px}#exportInfo{margin:3px 0 0;font-size:9px;line-height:1.5}#exportSection #downloadBtn,#exportSection #copyExportBtn{gap:4px;width:calc(50% - 3px);min-height:26px;margin-top:4px;padding:6px 4px;font-size:10px;display:inline-flex}#exportSection #copyExportBtn{margin-left:2px}.menu-divider{background:var(--line);height:1px;margin:5px 3px}.context-menu{max-height:min(620px,90dvh)}.context-action{padding:var(--space-2) var(--space-2)}.section-body>.gradient-note,#fillEnabled{display:none}@media (height<=1000px) and (width>=761px){.section>.section-title{min-height:22px}.section-body{padding-bottom:3px}.section-body .field{min-height:21px}.position-fields,#paletteSection .palette-footer{display:none}.palette .swatch{height:13px;max-height:13px}.paint-heading{min-height:21px}.paint-divider{margin:3px 0}.layer-section{min-height:75px}#individualDetails{margin-top:2px!important}.layer-actions .icon-btn,.boolean-actions button{height:21px}}@media (width<=1100px) and (width>=761px){.app{grid-template-columns:minmax(220px,1fr) 310px}}@media (width<=760px){.app{grid-template-rows:44px minmax(220px,1fr) 30px 330px;grid-template-columns:44px 1fr}aside{grid-template-rows:auto 1fr auto;grid-template-columns:1fr 1fr;gap:0;display:grid!important}.section{width:auto;min-width:0;padding:0 8px}.section>.section-title{min-height:23px}.section-body{width:auto!important;max-height:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0 0 4px!important;position:static!important;overflow:visible!important}#artboardSection{grid-area:1/1}#transformSection{grid-area:1/2}#shapeProps{grid-area:2/1;overflow-y:auto!important}#paletteSection{display:none}#sideSection4{grid-area:2/2;min-height:0}#exportSection{grid-area:3/1/auto/3}#exportSection .section-title{display:none}#exportSection .section-body{gap:var(--space-1);align-items:center;display:flex!important}#exportTargetRow{display:none!important}#exportInfo{display:none}.export-options{flex:1}#exportSection #downloadBtn,#exportSection #copyExportBtn{flex:1;width:auto;margin:0;font-size:9px}.layer-section>.section-title{min-height:23px}.layer-actions{gap:0}.layer-actions .icon-btn{width:22px;min-width:22px}.boolean-actions{gap:2px}.dimensions label{padding:3px 5px}.position-fields{display:none}.paint-heading{min-height:22px}.paint-controls>.field select{max-width:110px}.gradient-editor-btn,.clip-action{font-size:9px}}#artboardSection .position-fields{display:none}#artboardSection .board-name{float:left;width:43%;height:24px;margin-right:2%}#artboardSection .dimensions:not(.position-fields){float:right;width:55%;height:24px}#artboardSection .section-body>.field{clear:both;padding-top:3px}#artboardSection.board-active .position-fields{clear:both;width:100%;margin-top:3px;display:grid}.paint-controls{grid-template-columns:minmax(0,1fr) 112px;align-items:center;column-gap:6px;display:grid}.paint-controls>.paint-color-row{grid-area:1/1;margin:0}.paint-controls>.field{grid-area:1/2;min-width:0;margin:0}.paint-controls>.field>label,.paint-controls>.field>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.paint-controls>.field select{width:100%;max-width:none!important;padding:4px!important}.paint-controls>.gradient-editor-btn{grid-area:2/1/auto/3}.paint-controls#strokeControls{grid-template-columns:minmax(0,1fr) 62px}.paint-controls#strokeControls>.field input{width:100%!important;padding:4px!important}.paint-controls .paint-color-row .color-field{min-width:0}#paletteSection .section-title #paintChip{width:17px;min-width:17px;height:17px;margin-left:4px}#paletteSection .palette{scrollbar-width:thin;grid-template-rows:repeat(2,16px);grid-template-columns:none;grid-auto-columns:calc(12.5% - 3.5px);grid-auto-flow:column;gap:4px;padding-bottom:3px;overflow-x:auto}#paletteSection .swatch{width:100%;height:16px;min-height:16px;max-height:16px}.section-body .color-field .hex-input{font-size:10px!important}#shapeProps .section-title{min-height:25px}.paint-heading{min-height:23px}.paint-heading .icon-btn{height:22px}.rename{-webkit-user-select:text;user-select:text}#layers{scrollbar-gutter:stable}@media (width>=761px){aside>.section{padding-left:var(--space-4);padding-right:var(--space-4)}aside>.section>.section-title{min-height:34px}aside>.section>.section-body{padding:0 0 var(--space-3)}aside .section-body .field{min-height:26px;margin:7px 0}aside .section-body input,aside .section-body select{font-size:12px}.transform-grid{gap:8px;margin:5px 0!important}.transform-grid label{padding:6px 8px}.transform-effects label{font-size:10px}.transform-effects input{font-size:12px}.dimensions label{padding:6px 8px}#artboardSection .board-name{height:29px;padding:6px 8px}#artboardSection .dimensions:not(.position-fields){height:29px}#artboardSection .section-body>.field{margin-top:6px}#shapeProps .section-title{min-height:34px}.paint-heading{min-height:27px;font-size:12px}.paint-heading .icon-btn{width:26px;height:26px}.paint-color-row .color-field{min-height:30px;padding:5px 6px}.paint-color-row .pick-btn{height:28px}.paint-controls{column-gap:8px}.paint-controls>.field{margin:0!important}.paint-controls>.field select,.paint-controls#strokeControls>.field input{padding:6px!important}.section-body .paint-divider{margin:10px 0 5px}.clip-action,.gradient-editor-btn{min-height:29px;margin:8px 0 0;padding:7px;font-size:11px}.individual-open{margin-top:5px!important;padding:6px!important;font-size:11px!important}.layer-section{flex:1;min-height:150px;max-height:min(450px,46dvh);padding-bottom:8px}#layers{flex:1;min-height:0;max-height:min(360px,36dvh);overflow-y:auto}.layer-actions{padding-bottom:var(--space-1);margin-bottom:var(--space-1)}.layer-actions .icon-btn{width:27px;height:27px}.boolean-actions{padding-bottom:6px}.boolean-actions button{height:26px}#exportSection{margin-top:auto}.export-options{gap:8px;margin-top:7px}.export-options select{padding:6px 8px}#exportSection #exportTarget{padding:5px 7px}#exportInfo{margin-top:var(--space-1);font-size:10px}#exportSection #downloadBtn,#exportSection #copyExportBtn{min-height:31px;margin-top:8px;padding:8px 5px;font-size:11px}}#strokeGeometry{margin-top:7px}#strokeGeometry #polygonGeometry{border:0;margin:0;padding:0}#strokeGeometry #polygonGeometry .field{min-height:26px;margin:7px 0;font-size:12px}#strokeGeometry #cornerRow{border:0;min-height:26px;margin:7px 0;padding:0}#strokeGeometry input,#strokeGeometry #cornerRadius{width:68px;padding:5px 7px}.layer:not(.board){gap:var(--space-1);border-radius:4px;min-height:32px;margin:0;padding:var(--space-1) var(--space-1)!important;padding-left:calc(46px + var(--depth,0)*20px)!important}.layer .layer-disclosure{left:calc(24px + var(--depth,0)*20px);width:18px;min-width:18px;height:22px;padding:2px;position:absolute;top:50%;transform:translateY(-50%)}.layer.board{min-height:34px;margin-top:var(--space-1)}.layer.mask-child:before,.layer.mask-base:before{display:none!important}.layer>.clip-guide{pointer-events:none;border-left:1.5px solid #a9b29c;width:0;position:absolute;top:-1px;bottom:-1px}.layer>.clip-base-arrow{pointer-events:none;border-bottom:1.5px solid #a9b29c;border-left:1.5px solid #a9b29c;border-bottom-left-radius:4px;width:15px;height:calc(50% + 1px);position:absolute;top:-1px}.clip-base-arrow:after{content:"";border-top:1.5px solid #a9b29c;border-right:1.5px solid #a9b29c;width:6px;height:6px;position:absolute;bottom:-3.7px;right:0;transform:rotate(45deg)}.layer .rename{border-color:var(--orange);-webkit-user-select:text;user-select:text;flex:1;width:0;min-width:0;height:23px;padding:2px 5px;font-size:11px}.layer.renaming{cursor:default}.layer>.live-marker,.layer>.clip-guide+.icon-btn:last-child{margin-left:auto}.layer .layer-icon{min-width:15px}.layer>.layer-name{flex:1}.layer>.mask-tag{flex:none;margin-left:0}.board-label.editing-name{background:var(--paper);cursor:text;padding:0}.board-rename{border-color:var(--orange);height:26px;width:180px!important;padding:4px 6px!important;font-size:11px!important}#paletteSection.floating-palette{z-index:8;background:var(--paper);touch-action:none;border:1px solid #dce2d4;border-radius:9px;width:258px;min-width:0;max-width:calc(100% - 16px);max-height:none;position:absolute;overflow:hidden;box-shadow:0 5px 20px #29362018;padding:0!important;display:block!important}#paletteSection.floating-palette>.section-title{height:37px;min-height:37px;padding:0 var(--space-2);gap:var(--space-1);cursor:grab;text-transform:none;letter-spacing:0;-webkit-user-select:none;user-select:none;margin:0;font-size:12px}#paletteSection.floating-palette>.section-title:before{display:none!important}#paletteSection.floating-palette .section-title #paletteConfig{margin-left:auto}#paletteSection.floating-palette .section-title #paintChip{width:19px;min-width:19px;height:19px;margin-left:0}#paletteSection.floating-palette .section-title #paletteCollapse{width:25px;min-width:25px;height:26px;margin-left:0}#paletteSection.floating-palette>.section-body{width:auto!important;max-height:none!important;box-shadow:none!important;padding:0 var(--space-3) var(--space-3)!important;border:0!important;display:block!important;position:static!important;overflow:visible!important}#paletteSection.floating-palette .palette{grid-template-rows:none;grid-template-columns:repeat(8,1fr);grid-auto-columns:auto;grid-auto-flow:row;gap:5px;padding:0;display:grid;overflow-x:visible}#paletteSection.floating-palette .swatch{border-radius:4px;width:100%;height:22px;min-height:22px;max-height:22px}#paletteSection.floating-palette .palette-footer{margin-top:var(--space-2);font-size:10px;display:flex}#paletteSection.floating-palette.palette-collapsed>.section-body{display:none!important}#paletteSection.floating-palette.palette-moving{box-shadow:0 9px 26px #29362029}#paletteSection.palette-moving>.section-title{cursor:grabbing}@media (height<=820px) and (width>=761px){aside>.section>.section-title,#shapeProps .section-title{min-height:27px}aside>.section>.section-body{padding-bottom:var(--space-2)}.transform-grid label{padding:4px 7px}.transform-grid{margin:3px 0!important}.paint-heading{min-height:23px}.paint-color-row .color-field{min-height:26px;padding:3px 5px}.section-body .paint-divider{margin:6px 0 3px}.paint-controls>.field select,.paint-controls#strokeControls>.field input{padding:4px!important}#strokeGeometry{margin-top:3px}#strokeGeometry #polygonGeometry .field,#strokeGeometry #cornerRow{min-height:23px;margin:4px 0}.clip-action,.gradient-editor-btn{min-height:24px;margin-top:5px;padding:4px}.layer-section{min-height:110px}.layer-actions{margin-bottom:3px;padding-bottom:3px}.layer-actions .icon-btn,.boolean-actions button{height:23px}#exportInfo{margin-top:3px;font-size:9px}#exportSection #downloadBtn,#exportSection #copyExportBtn{min-height:27px;margin-top:5px;padding:5px}}@media (width<=760px){#layers{max-height:215px;overflow-y:auto}.layer:not(.board){padding-left:calc(30px + var(--depth,0)*20px)!important}.layer .layer-disclosure{left:calc(8px + var(--depth,0)*20px)}#paletteSection.floating-palette{width:228px}#paletteSection.floating-palette>.section-title{height:33px;min-height:33px}.floating-palette .palette .swatch{height:19px;min-height:19px}#strokeGeometry #polygonGeometry .field,#strokeGeometry #cornerRow{min-height:22px;margin:3px 0}}@media (width>=761px){.layer-section{min-height:210px}#exportSection>.section-title{min-height:29px}#exportSection .section-body{padding-bottom:8px}#exportSection .field{min-height:24px;margin:4px 0}.export-options{margin-top:4px}.export-options select{padding:5px 7px}#exportInfo{margin-top:4px;font-size:9px;line-height:1.4}#exportSection #downloadBtn,#exportSection #copyExportBtn{min-height:29px;margin-top:6px;padding:6px 4px}#artboardSection>.section-title{min-height:30px}}@media (height<=820px) and (width>=761px){.layer-section{min-height:145px}#exportSection>.section-title{min-height:25px}#exportSection .section-body{padding-bottom:var(--space-1)}#exportSection #downloadBtn,#exportSection #copyExportBtn{min-height:25px;margin-top:4px;padding:4px}}@media (width<=760px){.layer>.clip-guide,.layer>.clip-base-arrow{margin-left:-16px}}@media (width>=761px){aside{--appearance-height:240px}aside>.section{padding:0 var(--space-4);min-height:0}aside>.section>.section-title,#shapeProps>.section-title{flex:none;min-height:30px}aside>.section>.section-body{padding-bottom:12px}#shapeProps{flex-direction:column;flex:0 0 var(--appearance-height);height:var(--appearance-height);min-height:var(--appearance-height);max-height:var(--appearance-height);display:flex}#shapeProps>.section-body{scrollbar-width:thin;scrollbar-gutter:stable;flex:1;min-height:0;margin-right:-4px;padding-right:4px;overflow:hidden auto}#sideSection4.layer-section{min-height:115px;max-height:none;padding-bottom:var(--space-2);flex:1 1 0}#layers{flex:1 1 0;min-height:0;max-height:none;overflow-y:auto}.layer-actions{margin-bottom:var(--space-1);padding-bottom:var(--space-1)}.layer-actions .icon-btn{height:26px}.boolean-actions{padding-bottom:5px}.boolean-actions button{height:25px}#exportSection{flex:none;margin-top:0;padding-bottom:0}#exportSection>.section-body{padding-bottom:16px!important}#exportSection>.section-title{min-height:30px}#exportTargetRow{min-height:32px;margin:0 0 8px}#exportSection #exportTarget{max-width:185px;height:32px;min-height:32px}.export-options{gap:8px;margin-top:0}.export-options label{width:68px}.export-options select{height:32px}#exportInfo{margin:var(--space-1) 0 0;font-size:9px;line-height:1.4}#exportSection #downloadBtn,#exportSection #copyExportBtn{height:32px;min-height:32px;margin-top:8px;padding:0 5px;font-size:11px}}.artboard-main-grid{grid-template-columns:minmax(0,1.65fr) repeat(2,minmax(0,1fr));gap:8px;display:grid}.artboard-main-grid label,#artboardSection .position-fields label,#transformSection .transform-grid label{color:var(--muted);background:0 0;border:0;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:5px;min-width:0;padding:0;font-size:10px;font-weight:400;display:flex}#artboardSection #boardName,#artboardSection .artboard-main-grid input,#artboardSection .position-fields input,#transformSection .transform-grid input{float:none;border:1px solid var(--line);width:100%;min-width:0;height:32px;color:var(--ink);text-align:left;background:#fff;border-radius:5px;margin:0;padding:5px 8px;font-size:12px;display:block}#artboardSection .section-body>.field{min-height:22px;margin:7px 0 0;padding-top:0}#artboardSection .position-fields{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}#artboardSection .position-fields>span{display:none}#transformSection .transform-grid{gap:8px;margin:0 0 8px!important}#transformSection .transform-grid:last-of-type{margin-bottom:0!important}#transformSection .transform-effects label{flex-direction:column;align-items:stretch;font-size:10px}#transformSection .transform-effects input{text-align:left;font-size:12px}#individualDetails{height:32px;min-height:32px;margin-top:8px!important;padding:0 8px!important}#fillControls.paint-controls,#strokeControls.paint-controls{flex-direction:column;align-items:stretch;gap:8px;display:flex}#fillControls>.paint-color-row,#strokeControls>.paint-color-row{gap:8px;width:100%;margin:0}.paint-color-row .color-field{height:32px;min-height:32px;padding:5px 7px}.paint-color-row .pick-btn{width:28px;min-width:28px;height:32px}#fillControls>.field,#strokeControls>.field{justify-content:space-between;align-items:center;gap:12px;min-height:32px;display:flex;margin:0!important}#fillControls>.field>label,#strokeControls>.field>span{clip-path:none;white-space:normal;width:auto;height:auto;color:var(--muted);font-size:11px;position:static;overflow:visible}#fillControls>.field #fillMode{height:32px;min-height:32px;width:150px!important;max-width:150px!important}#strokeControls>.field #strokeWidth{height:32px;min-height:32px;font-size:12px;width:100px!important;padding:5px 8px!important}.paint-heading{min-height:27px;font-size:11px}.section-body .paint-divider{margin:10px 0 5px}#shapeProps .add-paint,#shapeProps .clip-action,#shapeProps .gradient-editor-btn{box-sizing:border-box;width:100%;height:32px;min-height:32px;margin:0;padding:0 8px;font-size:11px}#shapeProps .clip-action{margin-top:10px}#shapeProps .gradient-editor-btn{margin-top:0}#strokeGeometry{border-top:1px solid var(--line);margin-top:10px;padding-top:8px}#strokeGeometry[hidden]{display:none!important}#strokeGeometry #polygonGeometry .field,#strokeGeometry #cornerRow{min-height:32px;color:var(--muted);border:0;justify-content:space-between;align-items:center;margin:0 0 8px;padding:0;font-size:11px;display:flex}#strokeGeometry #cornerRow:last-child{margin-bottom:0}#strokeGeometry input,#strokeGeometry #cornerRadius{width:100px;height:32px;padding:5px 8px;font-size:12px}body select{appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2377806e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px 14px}body .section .paint-controls>.field select,body #exportSection #exportTarget,body #exportSection select,body dialog select,body .toolbar-option select{padding-right:31px!important}body .toolbar-option select{background-color:#f0f2eb;background-position:right 7px center;padding-right:25px!important}body .section .paint-controls>.field select{padding-left:8px!important}.layer>.clip-base-arrow{width:26px}#paletteSection.floating-palette .swatch-ghost{color:#8b967f;box-shadow:none;border:1px dashed #cbd3c0;padding:2px;background:0 0!important}#paletteSection.floating-palette .swatch-ghost:hover{color:var(--orange);border-color:var(--orange);background:var(--soft)!important}#paletteSection.floating-palette .swatch-ghost:disabled{opacity:.4}#paletteAddPopover{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--line);color:var(--muted);font-size:11px}#paletteAddPopover>label{margin-bottom:6px;display:block}.new-palette-color{gap:7px;display:flex}.new-palette-color input[type=color]{width:35px;height:32px;padding:2px}.new-palette-color input[type=text]{min-width:0;height:32px;font:11px var(--font-mono);flex:1;padding:5px 8px}.palette-add-actions{gap:8px;margin-top:8px;display:flex}.palette-add-actions button{flex:1;height:32px;font-size:11px}@media (height<=1000px) and (width>=761px){aside{--appearance-height:190px}aside>.section{padding-left:16px;padding-right:16px}aside>.section>.section-title,#shapeProps>.section-title{min-height:26px}aside>.section>.section-body{padding-bottom:8px}#artboardSection #boardName,#artboardSection .artboard-main-grid input,#artboardSection .position-fields input,#transformSection .transform-grid input{height:28px}.artboard-main-grid label,#transformSection .transform-grid label{gap:3px;font-size:9px}#transformSection .transform-grid{gap:7px;margin-bottom:6px!important}#exportSection>.section-body{padding-bottom:12px!important}#exportSection #exportTarget,.export-options select,#exportSection #downloadBtn,#exportSection #copyExportBtn{height:30px;min-height:30px}#sideSection4.layer-section{min-height:105px}.layer-actions{margin-bottom:3px;padding-bottom:3px}.layer-actions .icon-btn{height:23px}.boolean-actions{padding-bottom:3px}.boolean-actions button{height:23px}}@media (height<=720px) and (width>=761px){aside{--appearance-height:175px}#artboardSection .section-body>.field{min-height:20px;margin-top:4px}.layer-section>.section-title{min-height:24px}.section-title>small{font-size:9px}#exportInfo{display:none}#individualDetails{height:27px;min-height:27px;margin-top:5px!important;padding:0 5px!important}}@media (width<=760px){#shapeProps{flex-direction:column;display:flex!important;overflow:hidden!important}#shapeProps>.section-body{flex:1;min-height:0;overflow-y:auto!important}#layers{max-height:none}#fillControls>.field #fillMode{width:108px!important}#strokeControls>.field #strokeWidth,#strokeGeometry input,#strokeGeometry #cornerRadius{width:70px!important}.artboard-main-grid{grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));gap:5px}#artboardSection #boardName,#artboardSection .artboard-main-grid input,#transformSection .transform-grid input{height:27px;padding:4px 5px;font-size:10px}.artboard-main-grid label,#transformSection .transform-grid label{gap:3px;font-size:9px}#transformSection .transform-grid{gap:5px;margin-bottom:5px!important}#fillControls>.field>label,#strokeControls>.field>span{font-size:10px}#exportSection>.section-body{padding-bottom:8px!important}#paletteAddPopover{font-size:10px}}#shapeProps{--merged-control:30px;--merged-color:38px;--merged-label:11px;--merged-gap:6px;--merged-title:30px;--merged-transform:47px;--merged-geometry:57px;--merged-paint:122px;--merged-action:32px;--merged-bottom:12px;padding:0 var(--space-4);flex-direction:column;flex:0 0 var(--merged-appearance-height,420px)!important;height:var(--merged-appearance-height,420px)!important;min-height:var(--merged-appearance-height,420px)!important;max-height:var(--merged-appearance-height,420px)!important;display:flex!important;overflow:visible!important}#shapeProps>.section-title{height:var(--merged-title);min-height:var(--merged-title);gap:var(--space-1);margin:0}#shapeProps .section-title #shapeType{text-overflow:ellipsis;white-space:nowrap;max-width:135px;margin-left:auto;overflow:hidden}#shapeProps #individualDetails{width:24px;min-width:24px;height:24px;color:var(--muted);background:0 0;border:0;flex:none;min-height:24px!important;margin:0!important;padding:3px!important}#shapeProps>.section-body{scrollbar-gutter:auto;margin:0;height:auto!important;max-height:none!important;padding:0 0 var(--merged-bottom)!important;flex:none!important;display:block!important;overflow:visible!important}#shapeProps #transformSection{height:var(--merged-transform);min-height:var(--merged-transform);border:0;margin:0 0 12px;padding:0;display:block!important}#transformSection>.section-body{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0!important;display:grid!important;overflow:visible!important}#transformSection .transform-grid,#transformSection .transform-effects{display:contents!important}#transformSection .transform-grid label{white-space:nowrap;background:0 0;border:0;flex-direction:column;align-items:stretch;gap:4px;padding:0;font-size:10px;font-weight:400;display:flex}#transformSection .transform-grid input{height:var(--merged-control);border:1px solid var(--line);text-align:left;border-radius:5px;width:100%;min-width:0;padding:4px 6px;font-size:11px}#transformSection .transform-grid input:disabled{color:#a4aa9e;background:#f3f4ef;border-color:#e7e9e1}#transformSection .section-body>.gradient-note,#selectionTransformName{display:none!important}#paintColumns{border-top:1px solid var(--line);height:calc(var(--merged-paint) + 9px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding-top:8px;display:grid;position:relative}#paintColumns:before{content:"";border-left:1px solid var(--line);position:absolute;top:8px;bottom:0;left:50%}.paint-pane{grid-template-rows:24px var(--merged-color) 48px;row-gap:var(--merged-gap);min-width:0;height:var(--merged-paint);display:grid}#shapeProps .paint-heading{grid-row:1;gap:2px;height:24px;min-height:0;font-size:11px}#shapeProps .paint-heading>div{gap:0}#shapeProps .paint-heading .icon-btn{width:20px;min-width:20px;height:24px;padding:3px}#shapeProps #fillControls,#shapeProps #strokeControls{display:contents!important}#shapeProps #fillControls[hidden],#shapeProps #strokeControls[hidden]{display:none!important}#shapeProps .paint-color-row{width:100%;height:var(--merged-color);grid-row:2;margin:0}#shapeProps .color-field{width:100%;height:var(--merged-color);min-height:var(--merged-color);border:1px solid var(--line);background:#fff;border-radius:5px;flex:none;align-items:center;gap:4px;min-width:0;padding:5px 6px;display:flex}#shapeProps .color-field input[type=color]{aspect-ratio:1;cursor:pointer;border:0;border-radius:2px;flex:none;min-width:24px;padding:0;width:24px!important;height:24px!important}#shapeProps .color-field input[type=color]::-webkit-color-swatch-wrapper{padding:0}#shapeProps .color-field input[type=color]::-webkit-color-swatch{border:1px solid #00000014;border-radius:2px}#shapeProps .color-field input[type=color]::-moz-color-swatch{border:1px solid #00000014;border-radius:2px}#shapeProps .color-field .hex-input{cursor:text;flex:1;min-width:0;width:0!important;height:22px!important;padding:0!important;font-size:9px!important}#shapeProps .color-field .pick-btn{background:0 0;border:0;flex:none;width:20px;min-width:20px;height:24px;margin:0;padding:3px}#shapeProps .paint-controls>.field{flex-direction:column;grid-row:3;justify-content:flex-start;align-items:stretch;gap:4px;height:48px;display:flex;position:relative;min-height:48px!important;margin:0!important}#shapeProps .paint-controls>.field>label,#shapeProps .paint-controls>.field>span{clip-path:none;white-space:nowrap;width:auto;height:14px;color:var(--muted);font-size:10px;line-height:14px;display:block;position:static;overflow:visible}#shapeProps #fillMode,#shapeProps #strokeWidth{height:var(--merged-control);min-height:var(--merged-control);font-size:11px;width:100%!important;max-width:none!important;padding:4px 7px!important}body #shapeProps #fillMode{background-position:right 7px center;padding-right:25px!important}#shapeProps #editGradientBtn{width:19px;min-width:19px;height:18px;min-height:18px;color:var(--orange);background:0 0;border:0;margin:0;padding:2px;position:absolute;top:-2px;right:0}#shapeProps .add-paint{height:var(--merged-action);min-height:var(--merged-action);grid-row:2;align-self:start;margin:0;padding:0 5px;font-size:10px}#geometrySlot{height:var(--merged-geometry);min-height:var(--merged-geometry);border-top:1px solid var(--line);margin-top:8px;padding-top:8px}#shapeProps #strokeGeometry{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0;padding:0;display:grid}#shapeProps #strokeGeometry[hidden]{display:none!important}#shapeProps #polygonGeometry{display:contents!important}#shapeProps #polygonGeometry[hidden]{display:none!important}#shapeProps #strokeGeometry .field{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:4px;height:48px;min-height:48px;margin:0;padding:0;font-size:10px;display:flex}#shapeProps #strokeGeometry .field label{white-space:nowrap;height:14px;font-size:10px;line-height:14px}#shapeProps #strokeGeometry input,#shapeProps #strokeGeometry #cornerRadius{height:var(--merged-control);padding:4px 6px;font-size:11px;width:100%!important}#shapeProps #noSelection{color:var(--muted);margin:-2px 0 0;padding:0 0 12px;font-size:11px}#shapeProps[data-appearance-measure]{z-index:-1;visibility:hidden!important;pointer-events:none!important;flex:none!important;height:auto!important;min-height:0!important;max-height:none!important;position:fixed!important;top:0!important;left:-10000px!important}#shapeProps[data-appearance-measure]>.section-body{flex:none!important;height:auto!important}body button:focus,body input:focus,body select:focus,body textarea:focus,body [tabindex]:focus{box-shadow:none;outline:none!important}body.keyboard-navigation button:focus,body.keyboard-navigation input:focus,body.keyboard-navigation select:focus,body.keyboard-navigation textarea:focus,body.keyboard-navigation [tabindex]:focus{outline-offset:2px;outline:2px solid var(--orange)!important}body .rename,body .board-rename{border-color:var(--line)}#layers>.layer.board{background:0 0;border-color:#0000}#layers>.layer.board:not(.active-artboard){color:#7e8774}#layers>.layer.selected:not(.board){background:#edf1e6;border-color:#0000 #d7dfcc;border-radius:0}#layers>.layer.selected.selection-start{border-top-color:#d7dfcc;border-top-left-radius:5px;border-top-right-radius:5px}#layers>.layer.selected.selection-end{border-bottom-color:#d7dfcc;border-bottom-right-radius:5px;border-bottom-left-radius:5px}.boolean-actions{display:none!important}#sideSection4.layer-section{flex:1 1 0;min-height:110px;max-height:none!important}#layers{flex:1 1 0;min-height:0;max-height:none!important}.workspace:before{opacity:1;background-image:radial-gradient(circle,#c0c8b982 1.3px,#0000 1.5px);background-size:28px 28px;background-position:var(--dot-pan-x,0px) var(--dot-pan-y,0px)}#pixelCursor{z-index:6;pointer-events:none;border-radius:0;position:absolute;box-shadow:0 0 0 1px #252d2680,0 0 0 2px #ffffff75}.floating-palette{cursor:default}#worldOverlay .handle{cursor:inherit}@media (height<=1000px) and (width>=761px){#shapeProps{--merged-control:24px;--merged-color:30px;--merged-title:24px;--merged-gap:4px;--merged-transform:38px;--merged-geometry:47px;--merged-paint:98px;--merged-action:24px;--merged-bottom:8px;padding:0 16px}#shapeProps #transformSection{margin-bottom:8px}#transformSection .transform-grid label{gap:3px;font-size:9px}#transformSection .transform-grid input{padding:3px 5px;font-size:10px}#paintColumns{height:calc(var(--merged-paint) + 7px);padding-top:6px}.paint-pane{grid-template-rows:20px var(--merged-color) 40px}#shapeProps .paint-heading{height:20px;font-size:10px}#shapeProps .paint-heading .icon-btn{width:18px;min-width:18px;height:20px}#shapeProps .color-field{gap:3px;padding:3px 4px}#shapeProps .color-field input[type=color]{min-width:20px;width:20px!important;height:20px!important}#shapeProps .color-field .hex-input{font-size:9px!important}#shapeProps .color-field .pick-btn{width:18px;min-width:18px;height:22px}#shapeProps .paint-controls>.field{gap:3px;height:40px;min-height:40px!important}#shapeProps .paint-controls>.field>label,#shapeProps .paint-controls>.field>span{height:13px;font-size:9px;line-height:13px}#geometrySlot{margin-top:6px;padding-top:6px}#shapeProps #strokeGeometry .field{gap:3px;height:40px;min-height:40px}#shapeProps #strokeGeometry .field label{height:13px;font-size:9px;line-height:13px}#exportSection #exportTarget,.export-options select,#exportSection #downloadBtn,#exportSection #copyExportBtn{height:28px;min-height:28px}#exportSection>.section-title{min-height:24px}#exportSection>.section-body{padding-bottom:var(--space-2)!important}#exportTargetRow{min-height:28px;margin-bottom:6px}#exportSection #downloadBtn,#exportSection #copyExportBtn{margin-top:6px}#artboardSection #boardName,#artboardSection .artboard-main-grid input,#artboardSection .position-fields input{height:26px}#artboardSection>.section-title{min-height:24px}}@media (width<=760px){.app{grid-template-rows:44px minmax(280px,45dvh) 30px auto;height:auto;min-height:100dvh}aside{grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr;display:grid!important;overflow:visible!important}#artboardSection{grid-area:1/1/auto/3}#shapeProps{--merged-control:28px;--merged-color:36px;--merged-transform:45px;--merged-paint:120px;--merged-geometry:55px;--merged-action:30px;grid-area:2/1/auto/3;padding:0 16px}#shapeProps>.section-body{overflow:visible!important}#sideSection4{grid-area:3/1/auto/3;height:240px;min-height:240px!important;max-height:240px!important}#exportSection{grid-area:4/1/auto/3}.paint-pane{grid-template-rows:24px var(--merged-color) 48px}.artboard-main-grid{grid-template-columns:2fr 1fr 1fr}#layers{max-height:none}}#shapeProps .paint-pane{grid-template-columns:minmax(0,1fr)}#shapeProps .paint-pane>.paint-heading,#shapeProps .paint-controls>.paint-color-row,#shapeProps .paint-controls>.field,#shapeProps .paint-pane>.add-paint{grid-column:1!important}body #shapeProps #fillControls>.field #fillMode,body #shapeProps #strokeControls>.field #strokeWidth{min-width:0;width:100%!important;max-width:100%!important;padding:4px 7px!important}body #shapeProps #fillControls>.field #fillMode{padding-right:25px!important}#transformSection.section{--merged-control:30px;height:91px;min-height:91px;max-height:91px;padding:0 var(--space-4) var(--space-3);border-bottom:1px solid var(--line);flex:0 0 91px;margin:0;display:block!important}#transformSection>.section-title{gap:var(--space-1);cursor:default;height:30px;min-height:30px;margin:0;font-size:11px;font-weight:600;display:flex}#transformSection #selectionTransformName{color:var(--muted);margin-left:auto;font-size:9px;font-weight:400;display:inline!important}#transformSection>.section-body{height:48px;min-height:48px;padding:0!important}#transformSection>.section-title #individualDetails{width:24px;min-width:24px;height:24px;color:var(--muted);background:0 0;border:0;flex:none;min-height:24px!important;margin:0!important;padding:3px!important}#shapeProps #paintColumns{border-top:0;flex-direction:column;gap:10px;height:auto;min-height:0;padding-top:0;display:flex}#paintColumns:before{display:none}#shapeProps .paint-pane{grid-template-columns:minmax(0,1fr);grid-template-rows:24px var(--merged-color) 32px;row-gap:6px;height:106px;min-height:106px;display:grid}#shapeProps #strokePane{border-top:1px solid var(--line);height:117px;min-height:117px;padding-top:10px}#shapeProps .paint-controls>.field{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;height:32px;display:flex;min-height:32px!important}#shapeProps .paint-controls>.field>label,#shapeProps .paint-controls>.field>span{flex:none;height:auto;font-size:11px;line-height:16px}body #shapeProps #fillControls>.field #fillMode{flex:none;height:32px;min-height:32px;width:150px!important;max-width:150px!important}body #shapeProps #strokeControls>.field #strokeWidth{flex:none;height:32px;min-height:32px;width:100px!important;max-width:100px!important}#shapeProps #editGradientBtn{top:7px;left:58px;right:auto}#shapeProps #cornerRow{grid-column:1}#shapeProps #polygonGeometry .field:first-child{grid-column:2}#shapeProps #innerRadiusRow{grid-column:3}@media (height<=1000px) and (width>=761px){#transformSection.section{--merged-control:24px;flex-basis:71px;height:71px;min-height:71px;max-height:71px;padding:0 16px 8px}#transformSection>.section-title{height:24px;min-height:24px}#transformSection>.section-body{height:38px;min-height:38px}#shapeProps .paint-pane{grid-template-rows:20px var(--merged-color) 24px;row-gap:4px;height:82px;min-height:82px}#shapeProps #strokePane{height:91px;min-height:91px;padding-top:8px}#shapeProps #paintColumns{gap:8px}#shapeProps .paint-controls>.field{height:24px;min-height:24px!important}#shapeProps .paint-controls>.field>label,#shapeProps .paint-controls>.field>span{font-size:10px}body #shapeProps #fillControls>.field #fillMode,body #shapeProps #strokeControls>.field #strokeWidth{height:24px;min-height:24px}#shapeProps #editGradientBtn{top:3px}#sideSection4.layer-section{min-height:80px}}@media (width<=760px){aside{grid-template-rows:auto auto auto auto auto}#artboardSection{grid-row:1}#transformSection.section{grid-area:2/1/auto/3;width:auto;padding-left:16px;padding-right:16px}#shapeProps{grid-row:3}#sideSection4{grid-row:4}#exportSection{grid-row:5}#shapeProps .paint-pane{grid-template-rows:24px var(--merged-color) 32px;height:104px;min-height:104px}#shapeProps #strokePane{height:115px;min-height:115px}#shapeProps .paint-controls>.field{height:32px;min-height:32px!important}}body #shapeProps .color-field .hex-input{line-height:1.4;font-family:inherit!important;font-size:11px!important}#geometrySlot:has(>#strokeGeometry[hidden]){border-top-color:#0000}.floating-reference{z-index:12;cursor:default;width:320px;max-width:calc(100% - 16px);color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:none;background:#fbfcf8;border:1px solid #dce2d4;border-radius:10px;font-size:11px;position:absolute;overflow:hidden;box-shadow:0 8px 28px #25351b16}#referenceHandle{height:36px;padding:0 var(--space-2) 0 var(--space-3);cursor:grab;align-items:center;gap:3px;font-size:12px;font-weight:600;display:flex}#referenceHandle.dragging{cursor:grabbing}#referenceHandle>span{margin-right:auto}#referenceWindow .icon-btn{color:#7b8673;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;width:25px;min-width:25px;height:25px;min-height:25px;padding:4px;display:inline-flex}#referenceWindow .icon-btn:hover{color:#30372b;background:#edf0e6}#referenceWindow button{cursor:pointer}#referenceBody[hidden],#referenceWindow [hidden]{display:none!important}#referenceViewport{border-block:1px solid var(--line);touch-action:none;background-color:#eef0e9;background-image:radial-gradient(circle,#cbd2c2 1px,#0000 1px);background-size:16px 16px;height:204px;position:relative;overflow:hidden;outline-offset:-3px!important}#referenceViewport.has-reference{cursor:grab}#referenceViewport.panning{cursor:grabbing}#referenceViewport.drop-reference{box-shadow:inset 0 0 0 2px var(--orange)}#referenceImage{transform-origin:0 0;pointer-events:none;-webkit-user-select:none;user-select:none;image-rendering:auto;max-width:none;max-height:none;position:absolute;top:0;left:0}#referenceEmpty{justify-content:center;align-items:center;gap:var(--space-2);text-align:center;padding:var(--space-3);color:#8a9380;flex-direction:column;font-size:11px;display:flex;position:absolute;inset:0}#referenceEmpty strong{color:#59644e;font-size:12px;font-weight:500}#referenceEmpty .reference-empty-icon{color:#9faa94;margin-bottom:2px;display:flex}#referenceChoose{color:#49563e;background:#fbfcf8;border:1px solid #d6decc;border-radius:5px;height:32px;margin-top:5px;padding:0 12px;font-size:11px}#referenceToolbar{height:35px;padding:3px var(--space-2);border-bottom:1px solid var(--line);align-items:center;gap:2px;display:flex}#referenceName{text-overflow:ellipsis;white-space:nowrap;color:#7b8673;flex:1;min-width:0;margin-right:5px;font-size:10px;overflow:hidden}#referenceZoom{text-align:center;font-variant-numeric:tabular-nums;color:#5f6b54;width:36px;font-size:10px}.reference-divider{border-left:1px solid var(--line);height:14px;margin:0 3px}#referenceThumbnails{gap:var(--space-1);padding:var(--space-2) var(--space-2);scrollbar-width:thin;align-items:center;height:48px;display:flex;overflow-x:auto}#referenceWindow .reference-thumbnail{border:1px solid var(--line);background:#eef0e9;border-radius:4px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;padding:2px;display:flex;overflow:hidden}#referenceWindow .reference-thumbnail.active{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange)}.reference-thumbnail img{object-fit:contain;pointer-events:none;max-width:100%;max-height:100%}@media (height<=1000px) and (width>=761px){body #shapeProps .color-field .hex-input{font-size:10px!important}}@media (width<=760px){aside{grid-template-rows:auto auto auto auto}#transformSection.section{grid-row:1}#shapeProps{grid-row:2}#sideSection4{grid-row:3}#exportSection{grid-row:4}.floating-reference{width:280px}#referenceViewport{height:170px}}#referenceViewport{background:#fff}#referenceName{background-color:#0000;border:0;flex:1;width:0;min-width:0;height:25px;padding:2px 20px 2px 2px;font-family:inherit;font-size:10px}#referenceToolbar{border-top:0;border-bottom:0;border-radius:0 0 10px 10px}#layers>.layer.board.active-artboard{background:#f6f7f2;border-color:#e7ebdf}#layers>.layer.selected:not(.board){background:#e7ecdf}.floating-brushes{z-index:12;width:242px;max-width:calc(100% - 16px);color:var(--ink);cursor:default;-webkit-user-select:none;user-select:none;touch-action:none;background:#fbfcf8;border:1px solid #dce2d4;border-radius:10px;font-size:11px;position:absolute;overflow:hidden;box-shadow:0 8px 28px #25351b16}#brushHandle{height:36px;padding:0 var(--space-2) 0 var(--space-3);cursor:grab;align-items:center;gap:3px;font-size:12px;font-weight:600;display:flex}#brushHandle>span{margin-right:auto}#brushWindow .icon-btn{color:#7b8673;background:0 0;border:0;width:25px;min-width:25px;height:25px;min-height:25px;padding:4px}#brushWindow [hidden]{display:none!important}#brushList{gap:var(--space-1);scrollbar-width:thin;max-height:204px;padding:0 var(--space-3) var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow-y:auto}#brushWindow .brush-choice{color:#7b8673;cursor:pointer;background:#fff;border:1px solid #e0e5d9;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;height:59px;padding:3px;font-size:10px;display:flex}#brushWindow .brush-choice span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}#brushWindow .brush-choice.active{color:#96593b;background:#fff4ed;border-color:#e88860}#brushWindow .brush-choice canvas{width:48px;height:30px;image-rendering:pixelated;pointer-events:none}#brushFields{padding:var(--space-2) var(--space-3) var(--space-3);border-top:1px solid var(--line);gap:var(--space-2);flex-direction:column;display:flex}.brush-setting{align-items:center;gap:var(--space-1);color:#7b8673;grid-template-columns:1fr 62px;font-size:11px;display:grid}.brush-setting input[type=number]{width:62px;height:26px;min-height:26px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:5px;padding:3px 6px;font:11px inherit}.brush-setting input[type=range]{width:100%;height:13px;accent-color:var(--orange);cursor:pointer;grid-column:1/3;margin:0;padding:0}#brushWindow button:hover{background:#edf0e6}#brushWindow .brush-choice.active:hover{background:#fff0e6}#tools{scrollbar-width:none;overflow-y:auto}#brushFields input[type=range]{appearance:none;box-shadow:none;background:0 0;border:0}#brushFields input[type=range]::-webkit-slider-runnable-track{background:#dce3d3;border-radius:3px;height:3px}#brushFields input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--orange);width:11px;height:11px;box-shadow:0 0 0 1px var(--orange);border:2px solid #fbfcf8;border-radius:50%;margin-top:-4px}#brushFields input[type=range]::-moz-range-track{background:#dce3d3;border-radius:3px;height:3px}#brushFields input[type=range]::-moz-range-thumb{background:var(--orange);border:1px solid #fbfcf8;border-radius:50%;width:8px;height:8px}#sideSection4.layer-section{background:var(--paper)}#layers{background:#f0f2eb;border-radius:5px}#brushWindow[hidden]{display:none!important}#brushFields input[type=range]::-webkit-slider-thumb{box-shadow:none;border:0;width:11px;height:11px;margin-top:-4px}#brushFields input[type=range]::-moz-range-thumb{box-shadow:none;border:0;width:11px;height:11px}#pixelCursor{box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}#pixelCursor svg{pointer-events:none;display:block;overflow:visible}.brush-context-menu{z-index:100;width:170px;min-width:170px}.brush-context-menu .context-action{width:100%;font-size:12px}#brushRenameDialog{width:340px}#brushRenameName{width:100%;margin:8px 0 16px}.brush-rename-actions{justify-content:flex-end;gap:8px;display:flex}.brush-rename-actions button{height:32px;padding:0 12px;font-size:12px}#brushRemove{display:none!important}#sideSection4 .layer-actions{border-bottom:0}#shapeProps #strokePane,#geometrySlot{border-top:0}#shapeProps #strokeGeometry .field label{color:var(--ink);font-size:11px;font-weight:400}#brushList{scrollbar-gutter:stable;max-height:135px;overflow-y:auto}#brushWindow[data-mode=eraser] #brushColorField{display:none}#brushColorField{color:#7b8673;flex-direction:column;gap:6px;font-size:11px;display:flex}.brush-color-field{border:1px solid var(--line);height:30px;padding:var(--space-1) var(--space-1);align-items:center;gap:var(--space-2);background:#fff;border-radius:5px;display:flex}.brush-color-field input[type=color]{background:0 0;border:0;width:20px;min-width:20px;height:20px;padding:0}.brush-color-field input[type=color]::-webkit-color-swatch-wrapper{padding:0}.brush-color-field input[type=color]::-webkit-color-swatch{border:0;border-radius:2px}#brushColorHex{width:100%;min-width:0;height:22px;color:var(--ink);background:0 0;border:0;padding:0;font:11px inherit}#appTooltip{z-index:1500;width:max-content;max-width:min(280px,100vw - 16px);padding:var(--space-4) var(--space-5);background:var(--paper);border:1px solid var(--line);color:#7a8470;pointer-events:none;border-radius:9px;font-size:11px;line-height:1.95;position:fixed;box-shadow:0 10px 35px #29362025}#appTooltip[hidden]{display:none!important}#appTooltip h3{color:var(--ink);margin:0 0 var(--space-2);font-size:12px;font-weight:600;line-height:1.5}#appTooltip h3:only-child{margin-bottom:0}#appTooltip p{margin:0 0 var(--space-2)}#appTooltip kbd{font:10px var(--font-ui);color:#5b6751;background:#fff;border:1px solid #dfe5d6;border-radius:3px;padding:2px 5px}@media (height<=1000px) and (width>=761px){#shapeProps #strokeGeometry .field label{font-size:10px}}#layers{scrollbar-gutter:auto;scrollbar-width:auto;padding:0 var(--space-1)}#layers.has-overflow{padding-right:0}#layers::-webkit-scrollbar{width:5px}#layers::-webkit-scrollbar-track{background:0 0}#layers::-webkit-scrollbar-thumb{background:#cdd3c4;border-radius:5px}#layers>.layer.board{box-sizing:border-box;width:100%;max-width:none;margin-left:0;margin-right:0}#exportTargetRow{margin-bottom:10px!important}.export-options{gap:var(--space-2)!important}.export-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}#exportSection .export-actions>#copyExportBtn,#exportSection .export-actions>#downloadBtn{width:100%;min-width:0;margin:0!important}body #selectionMode{color:#6d7266;border:1px solid var(--line);appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2377806e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px 14px;border-radius:6px;min-width:112px;height:32px;font-size:11px;padding:5px 31px 5px 7px!important}#selectionOptions,#sampleOptions{margin-left:8px}@media (width<=760px){.export-actions{flex:1;margin-top:0}}#layers,#layers.has-overflow{scrollbar-width:none;padding:0 var(--space-1)}#layers::-webkit-scrollbar{display:none}#sideSection4{position:relative}#layerScrollRail{z-index:3;cursor:default;border-radius:4px;width:4px;position:absolute}#layerScrollRail[hidden]{display:none!important}#layerScrollThumb{background:#cdd3c4;border-radius:4px;width:4px;min-height:24px;position:absolute;left:0}#layerScrollRail:hover #layerScrollThumb{background:#aab59d}#layers,#layers.has-overflow{scrollbar-width:thin;scrollbar-gutter:stable;padding:0 var(--space-1)}#layers::-webkit-scrollbar{width:auto;display:block}#layers>.layer.board{width:auto}#layerScrollRail{display:none!important}aside>.section>.section-title{line-height:14px;height:auto!important;min-height:0!important;padding:var(--space-4) 0!important}#transformSection.section{flex-basis:111px;height:111px;min-height:111px;max-height:111px}#shapeProps>.section-title{padding:var(--space-4) 0!important}#exportSection>.section-body{padding-bottom:40px!important}.drag-grip{color:#9ca78f;pointer-events:none;flex:none;margin-right:2px}#paletteHandle,#referenceHandle,#brushHandle,#stampHandle{gap:var(--space-1)}#referenceResize{color:#a2ab9a;cursor:nwse-resize;touch-action:none;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;bottom:2px;right:2px}#referenceResize svg{pointer-events:none}#referenceWindow:has(#referenceBody[hidden]) #referenceResize{display:none}#referenceToolbar{padding-right:var(--space-5)}.layer.mirror-axis>.layer-icon{color:#9163c9}#stampWindow[hidden]{display:none!important}#stampHandle{height:36px;padding:0 var(--space-2) 0 var(--space-3);cursor:grab;align-items:center;font-size:12px;font-weight:600;display:flex}#stampHandle>span{margin-right:auto}#stampWindow .icon-btn{color:#7b8673;background:0 0;border:0;width:25px;min-width:25px;height:25px;min-height:25px;padding:4px}#stampWindow [hidden]{display:none!important}#stampList{gap:var(--space-1);padding:0 var(--space-3) 0;margin-bottom:var(--space-3);scrollbar-width:thin;grid-template-columns:repeat(3,minmax(0,1fr));max-height:124px;display:grid;overflow-y:auto}#stampWindow .brush-choice{cursor:pointer;color:#7b8673;background:#fff;border:1px solid #e0e5d9;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;height:59px;padding:3px;font-size:10px;display:flex}#stampWindow .brush-choice.active{color:#96593b;background:#fff4ed;border-color:#e88860}#stampWindow .brush-choice canvas{max-width:44px;max-height:29px;image-rendering:pixelated}#stampWindow .brush-choice span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}#stampFields{padding:var(--space-2) var(--space-3) var(--space-3);border-top:1px solid var(--line);gap:var(--space-2);flex-direction:column;display:flex}#stampFields input[type=range]{appearance:none;box-shadow:none;background:0 0;border:0}#stampFields input[type=range]::-webkit-slider-runnable-track{background:#dce3d3;border-radius:3px;height:3px}#stampFields input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--orange);border:0;border-radius:50%;width:11px;height:11px;margin-top:-4px}#stampFields input[type=range]::-moz-range-track{background:#dce3d3;height:3px}#stampFields input[type=range]::-moz-range-thumb{background:var(--orange);border:0;width:11px;height:11px}@media (height<=1000px) and (width>=761px){aside>.section>.section-title,#shapeProps>.section-title{padding:16px 0!important}#transformSection.section{flex-basis:93px;height:93px;min-height:93px;max-height:93px}}#shapeProps>.section-title{line-height:14px;height:auto!important;min-height:0!important}.mirror-axis-tag{color:#9163c9}@media (width>=761px){.app{grid-template-columns:minmax(260px,1fr) var(--sidebar-w,328px)}.toolstrip{grid-template-columns:repeat(2,32px);place-content:start center;gap:2px;padding:8px 0;display:grid}.toolstrip .tool{width:32px;height:32px;min-height:32px;padding:7px}.toolstrip .tool svg{width:18px;height:18px}.toolstrip .toolbar-divider{grid-column:1/-1;align-self:center;width:auto;height:1px;min-height:1px;margin:5px 8px}}@media (width<=1100px) and (width>=761px){.app{grid-template-columns:minmax(220px,1fr) var(--sidebar-w,310px)}}#exportSection.floating-export{z-index:8;background:var(--paper);touch-action:none;cursor:default;border:1px solid #dce2d4;border-radius:9px;flex:none;width:258px;min-width:0;max-width:calc(100% - 16px);position:absolute;overflow:hidden;box-shadow:0 5px 20px #29362018;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;display:block!important}#exportSection.floating-export>.section-title{height:37px;padding:0 var(--space-2);align-items:center;gap:var(--space-1);cursor:grab;text-transform:none;letter-spacing:0;-webkit-user-select:none;user-select:none;margin:0;font-size:12px;font-weight:600;min-height:37px!important;display:flex!important}#exportSection.floating-export>.section-title:before{display:none!important}#exportSection.floating-export>.section-title>span{margin-right:auto}#exportSection.floating-export #exportCollapse{width:25px;min-width:25px;height:26px}#exportSection.floating-export.export-moving{box-shadow:0 9px 26px #29362029}#exportSection.floating-export.export-moving>.section-title{cursor:grabbing}#exportSection.floating-export>.section-body{width:auto!important;max-height:none!important;box-shadow:none!important;border:0!important;padding:0 12px 12px!important;display:block!important;position:static!important;overflow:visible!important}#exportSection.floating-export.export-collapsed>.section-body{display:none!important}#exportSection.floating-export #exportTargetRow:not([hidden]){margin:0 0 8px;display:flex!important}#exportSection.floating-export #exportTargetRow[hidden]{display:none!important}#exportSection.floating-export .export-options{flex:none}#exportSection.floating-export #exportInfo{margin:var(--space-2) 0 0;display:block}#gradientPanel{z-index:30;background:var(--paper);border:1px solid #dce2d4;border-radius:9px;width:258px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);position:fixed;overflow:auto;box-shadow:0 8px 28px #29362026}#gradientPanel[hidden]{display:none}#gradientPanelHead{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;align-items:center;gap:5px;height:37px;padding:0 6px 0 12px;font-size:12px;font-weight:600;display:flex}#gradientPanelHead.dragging{cursor:grabbing}#gradientPanelHead>span{margin-right:auto}#gradientPanel .gradient-panel-body{padding:0 var(--space-3)}#gradientPanel .gradient-controls{border:0;margin:0;padding:0}#gradientPanel .field input[type=number]{width:70px;margin:0}#gradientPanel .gradient-note{margin:8px 0 0}body #gradientPanel select{padding-right:31px!important}#gradientPanel .gradient-colors{display:none!important}#gradientPicker{border-bottom:1px solid var(--line);margin-bottom:4px;padding-bottom:12px}#gradientPicker .gp-head{align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);display:flex}#gradientPicker .gp-head select{flex:1;height:30px;font-size:12px}#gradientPicker #swapGradient{border:1px solid var(--line);width:30px;height:30px;color:var(--ink);background:0 0;border-radius:5px;padding:0;font-size:14px}#gradientPicker .gp-bar{margin:0 0 12px;padding:0 11px;position:relative}#gradientPanel #gradientPicker .gradient-preview{border-radius:4px;width:100%;height:22px;margin:0}#gradientPicker .gp-stop{cursor:pointer;border:2px solid #fff;border-radius:4px;width:22px;min-width:0;height:22px;margin:0;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #29362040,0 1px 4px #29362033}#gradientPicker .gp-stop[data-stop=start]{left:11px}#gradientPicker .gp-stop[data-stop=end]{left:calc(100% - 11px)}#gradientPicker .gp-stop.selected{box-shadow:0 0 0 2px var(--orange),0 1px 4px #29362033}#gradientPicker .gp-sv{cursor:crosshair;touch-action:none;outline-offset:2px;border-radius:6px;height:168px;position:relative;overflow:visible}#gradientPicker .gp-sv canvas{border-radius:6px;width:100%;height:100%;display:block}#gradientPicker .gp-knob{pointer-events:none;border:2.5px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0005,0 1px 3px #0005}#gradientPicker .gp-hue{cursor:pointer;touch-action:none;outline-offset:3px;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:6px;height:12px;margin:12px 0;position:relative}#gradientPicker .gp-hue .gp-knob{top:50%}#gradientPicker .gp-row{align-items:center;gap:var(--space-2);display:flex}#gradientPicker .gp-row .icon-btn{border:1px solid var(--line);border-radius:5px;width:32px;min-width:32px;height:32px;padding:6px}#gradientPicker #gradientHex{min-width:0;height:32px;font:12px var(--font-mono);text-transform:uppercase;flex:1;padding:4px 8px}#gradientPicker .gp-swatches{margin-top:var(--space-2);grid-template-columns:repeat(8,1fr);gap:4px;display:grid}#gradientPicker .gp-swatches button{cursor:pointer;border:1px solid #0002;border-radius:3px;min-width:0;height:18px;margin:0;padding:0}#gradientPicker .gp-swatches button:hover{box-shadow:0 0 0 2px var(--soft)}#gradientPicker .gradient-preview{display:none!important}#gradientPicker .gp-track{cursor:copy;border:1px solid #0002;border-radius:4px;height:22px}#gradientPicker .gp-stop{touch-action:none;cursor:grab}#gradientPicker .gp-stop.pulled,#gradientPicker .gp-row .icon-btn:disabled{opacity:.35}#gradientPicker .gp-row #gradientRemoveStop{color:#70786a;background:0 0}#gradientPicker .gp-row #gradientRemoveStop:disabled{opacity:.75;cursor:not-allowed}#gradientPicker .gp-row #gradientRemoveStop:not(:disabled):hover{color:var(--ink);background:#edf1e6}body #shapeProps #editGradientBtn{border:1px solid var(--line);background:var(--paper);color:#5d6656;border-radius:5px;width:24px;min-width:24px;height:24px;min-height:24px;padding:3px;top:1px;left:54px}body #shapeProps #editGradientBtn:not([hidden]){justify-content:center;align-items:center;display:inline-flex}body #shapeProps #editGradientBtn:hover{color:var(--ink);background:var(--soft)}body #shapeProps #editGradientBtn.active{color:var(--ink);border-color:#b9c3ab;background:var(--soft)!important}body #shapeProps .paint-pane{grid-template-rows:auto auto!important;grid-template-columns:minmax(0,1fr) 128px!important;align-content:start!important;gap:5px 8px!important;height:auto!important;min-height:0!important;max-height:none!important;display:grid!important}body #shapeProps .paint-pane>.paint-heading{display:contents!important}body #shapeProps .paint-pane>.paint-heading>span{align-self:center;align-items:center;min-height:24px;display:flex;grid-area:1/1!important}body #shapeProps .paint-pane>.paint-heading>div{align-items:center;gap:2px;min-height:24px;grid-area:1/2!important;display:flex!important}body #shapeProps .paint-pane .paint-sublabel{font-size:inherit;font-weight:inherit;color:inherit;white-space:nowrap;margin-right:auto}:is(body #shapeProps .paint-pane:has(>.paint-controls[hidden]) .paint-sublabel,body #shapeProps .paint-pane:has(>.paint-controls.hidden) .paint-sublabel){visibility:hidden}body #shapeProps .paint-pane>.paint-controls:not([hidden]):not(.hidden){display:contents!important}body #shapeProps .paint-pane>.paint-controls[hidden],body #shapeProps .paint-pane>.paint-controls.hidden{display:none!important}body #shapeProps .paint-pane .paint-color-row{grid-area:2/1!important;height:32px!important;min-height:32px!important;margin:0!important;padding:0!important}body #shapeProps .paint-pane .paint-controls>.field{position:relative;grid-area:2/2!important;height:32px!important;min-height:32px!important;margin:0!important;padding:0!important;display:block!important}body #shapeProps .paint-pane .paint-controls>.field>label,body #shapeProps .paint-pane .paint-controls>.field>span{clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}body #shapeProps #fillPane #fillControls>.field #fillMode,body #shapeProps #strokePane #strokeControls>.field #strokeWidth{box-sizing:border-box;width:100%!important;min-width:0!important;max-width:none!important;height:32px!important;min-height:32px!important;margin:0!important;font-size:11px!important}body #shapeProps .paint-pane .color-field{box-sizing:border-box;height:32px!important;min-height:32px!important;max-height:32px!important;margin:0!important}body #shapeProps .paint-pane>.add-paint{grid-area:2/1/auto/-1!important}body #shapeProps #fillStops{display:none}body #shapeProps #fillPane:has(#editGradientBtn:not([hidden])) #fillStops{scrollbar-width:none;flex:1;align-items:center;gap:3px;min-width:0;display:flex;overflow-x:auto}body #shapeProps #fillPane:has(#editGradientBtn:not([hidden])) :is(#fillColor,#fillHex,.pick-btn){display:none!important}body #shapeProps #fillStops::-webkit-scrollbar{display:none}body #shapeProps #fillStops button{cursor:pointer;border:1px solid #0003;border-radius:4px;flex:none;width:20px;min-width:0;height:20px;min-height:0;margin:0;padding:0}body #shapeProps #fillStops button:hover{box-shadow:0 0 0 2px var(--soft)}body #shapeProps #fillStops button.selected{box-shadow:0 0 0 2px var(--orange)}body #shapeProps .color-field #editGradientBtn{color:#5d6656;background:0 0;flex:none;border:0!important;width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;margin:0 0 0 auto!important;padding:3px!important;position:static!important}body #shapeProps .color-field #editGradientBtn:hover,body #shapeProps .color-field #editGradientBtn.active{color:var(--ink);background:var(--soft)!important}body #shapeProps .paint-pane .color-field input[type=color]{background:0 0;flex:none;border:0!important;border-radius:4px!important;width:20px!important;min-width:20px!important;height:20px!important;min-height:20px!important;padding:0!important}body #shapeProps .paint-pane .color-field input[type=color]::-webkit-color-swatch-wrapper{padding:0}body #shapeProps .paint-pane .color-field input[type=color]::-webkit-color-swatch{border:1px solid #0003;border-radius:4px}body #shapeProps .paint-pane .color-field input[type=color]::-moz-color-swatch{border:1px solid #0003;border-radius:4px}body #shapeProps .paint-pane #fillStops button{border-radius:4px;width:20px!important;height:20px!important}body #shapeProps #fillPane .color-field #editGradientBtn{color:#70786a;background:0 0!important}body #shapeProps #fillPane .color-field #editGradientBtn:hover,body #shapeProps #fillPane .color-field #editGradientBtn.active{color:var(--ink);background:0 0!important}body #shapeProps #fillStops button.selected,body #shapeProps #fillStops button:hover{box-shadow:none}body #shapeProps #fillStops button:hover{border-color:#0006}#paletteSection.floating-palette .palette{justify-content:space-between;grid-template-columns:repeat(8,20px)!important;gap:7px 0!important}#paletteSection.floating-palette .swatch{border:1px solid #0003;border-radius:4px!important;width:20px!important;min-width:0!important;height:20px!important;min-height:20px!important;max-height:20px!important;padding:0!important}#paletteSection.floating-palette .swatch-ghost{border:1px dashed #cbd3c0}#gradientPicker .gp-swatches{justify-content:space-between;grid-template-columns:repeat(8,20px)!important;gap:7px 0!important}#gradientPicker .gp-swatches button{border:1px solid #0003!important;border-radius:4px!important;width:20px!important;height:20px!important}#gradientPicker .gp-swatches button:hover{box-shadow:none;border-color:#0006!important}.hsv-picker{margin:2px 0 10px}.hsv-picker .gp-sv{cursor:crosshair;touch-action:none;outline-offset:2px;border-radius:6px;height:120px;position:relative;overflow:visible}.hsv-picker .gp-sv canvas{border-radius:6px;width:100%;height:100%;display:block}.hsv-picker .gp-knob{pointer-events:none;border:2.5px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0005,0 1px 3px #0005}.hsv-picker .gp-hue{cursor:pointer;touch-action:none;outline-offset:3px;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:6px;height:12px;margin:12px 0 0;position:relative}.hsv-picker .gp-hue .gp-knob{top:50%}#paletteAddPopover .new-palette-color{align-items:center}#paletteAddPopover #newPaletteColor{display:none}#paletteAddPopover .new-color-preview{border:1px solid #0003;border-radius:4px;flex:none;width:20px;height:20px;margin:0 2px 0 6px}#appTooltip{padding:var(--space-3) var(--space-4)!important}.section-title small,#transformSection #selectionTransformName,#shapeType,#layerTotal,#boardTotal{display:none!important}#gradientPanel .slider-setting{align-items:center;gap:var(--space-1);grid-template-columns:1fr 62px;margin:12px 0;display:grid!important}#gradientPanel .slider-setting[hidden]{display:none!important}#gradientPanel .slider-setting>label,#gradientPanel .field>label{color:#7b8673;font-size:11px}#gradientPanel .slider-setting input[type=number]{height:32px;min-height:32px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:5px;margin:0;padding:3px 6px;font-size:11px;width:62px!important}#gradientPanel .slider-setting input[type=range]{cursor:pointer;appearance:none;width:100%;height:13px;box-shadow:none;background:0 0;border:0;grid-column:1/3;margin:0;padding:0}#gradientPanel .slider-setting input[type=range]::-webkit-slider-runnable-track{background:#dce3d3;border-radius:3px;height:3px}#gradientPanel .slider-setting input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--orange);border:0;border-radius:50%;width:11px;height:11px;margin-top:-4px}#gradientPanel .slider-setting input[type=range]::-moz-range-track{background:#dce3d3;border-radius:3px;height:3px}#gradientPanel .slider-setting input[type=range]::-moz-range-thumb{background:var(--orange);border:0;border-radius:50%;width:11px;height:11px}#gradientPanel .slider-setting output{display:none}#paletteEditor{margin:0 calc(var(--space-3) * -1);padding:var(--space-3) var(--space-3) 0}#paletteEditor .hsv-picker{margin:0 0 10px}#paletteEditor .palette-edit-hex{border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:6px;height:32px;padding:0 8px;display:flex}#paletteEditor .new-color-preview{border:1px solid #0003;border-radius:4px;flex:none;width:20px;height:20px}#paletteEditor #paletteHex{min-width:0;height:28px;font:11px var(--font-mono);text-transform:uppercase;background:0 0;border:0;flex:1;padding:0}#paletteSection.floating-palette .palette-footer{margin-top:8px}#swatchMenu{width:170px}.ruler{z-index:6;color:#8b9384;--ruler-band:#e9ede3;--ruler-mark:#e66a39;--ruler-guide:#1aa3c8;cursor:default;background:#f6f7f2;border-bottom:1px solid #dfe3d8;font-family:inherit;position:absolute}.ruler[hidden]{display:none}#rulerTop{cursor:ns-resize;top:0;left:0}#rulerLeft{cursor:ew-resize;top:20px;left:0}#rulerCorner{z-index:7;border-right:1px solid #dfe3d8;width:20px;height:20px;top:0;left:0}#worldOverlay .guide-line{stroke:#1aa3c8;stroke-width:1px}#worldOverlay .guide-line.selected{stroke:#0b6f8c;stroke-width:2px}#worldOverlay .guide-label{fill:#0b6f8c;paint-order:stroke;stroke:#fff;stroke-width:3px;font-size:10px;font-weight:600}.brush-choice .brush-rename{border:1px solid var(--orange);width:100%;min-width:0;height:17px;color:var(--ink);font:inherit;text-align:center;background:#fff;border-radius:3px;outline:none;margin:0;padding:0 3px;font-size:10px}#brushWindow .brush-toggle{color:#7b8673;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:11px;display:flex}#brushWindow[data-mode=eraser] .brush-toggle{display:none}#brushWindow #brushList{max-height:206px}#brushWindow .brush-toggle{position:relative}#brushWindow #brushSmoothing{opacity:0;cursor:pointer;border:0;width:30px;height:18px;margin:-9px 0 0;padding:0;position:absolute;top:50%;right:0}#brushWindow .bt-track{pointer-events:none;background:#cfd6c7;border-radius:9px;flex:none;width:30px;height:18px;transition:background .15s;display:block;position:relative}#brushWindow .bt-knob{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}#brushWindow #brushSmoothing:checked+.bt-track{background:var(--orange)}#brushWindow #brushSmoothing:checked+.bt-track .bt-knob{transform:translate(12px)}#brushWindow #brushSmoothing:focus-visible+.bt-track{outline:2px solid var(--orange);outline-offset:2px}@media (prefers-reduced-motion:reduce){#brushWindow .bt-track,#brushWindow .bt-knob{transition:none}}#individualDetails{display:none!important}#layers .layer-icon.layer-thumb{background:#fff repeating-conic-gradient(#e3e7de 0 25%,#fff 0 50%) 0 0/6px 6px;border:1px solid #d5dbcd;border-radius:3px;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;padding:0;overflow:hidden}#layers .layer-icon.layer-thumb img{width:100%;height:100%;image-rendering:pixelated;display:block}.pixel-ants{animation:.6s linear infinite antsMarch}@keyframes antsMarch{to{stroke-dashoffset:-8px}}@media (prefers-reduced-motion:reduce){.pixel-ants{animation:none}}body #contextMenu.context-menu{max-height:none!important;overflow:visible!important}body #contextMenu.context-menu.compact .context-action{height:24px;min-height:0;padding-top:0;padding-bottom:0}body #contextMenu.context-menu.compact .menu-divider{margin:3px}body #contextMenu.context-menu.compact-2 .context-action{height:20px;font-size:11px}body #contextMenu.context-menu.compact-2 .menu-divider{margin:2px 3px}@media (width<=1359px){.topbar #gridToggle span{display:none}}.suggest-toast{z-index:120;align-items:center;gap:var(--space-2);width:max-content;max-width:min(540px,100vw - 32px);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);color:var(--ink);background:#fbfcf8;border:1px solid #dce2d4;border-radius:10px;font-size:12px;animation:.18s ease-out suggestIn;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #29362026}.suggest-toast[hidden]{display:none}.suggest-toast .st-icon{background:var(--soft);width:30px;height:30px;color:var(--orange);border-radius:8px;flex:none;place-items:center;display:grid}.suggest-toast .st-text{flex-direction:column;gap:2px;min-width:0;display:flex}.suggest-toast .st-text strong{font-size:12px;font-weight:600}.suggest-toast .st-text span{color:#61655c;font-size:11px}.suggest-toast .st-cta{border:1px solid var(--orange);background:var(--orange);color:#fff;white-space:nowrap;cursor:pointer;border-radius:6px;flex:none;height:30px;padding:0 12px;font-size:11px;font-weight:600}.suggest-toast .st-cta:hover{background:#ce5829;border-color:#ce5829}.suggest-toast .st-cta:focus-visible,.suggest-toast .st-close:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.suggest-toast .st-close{color:#70786a;flex:none;place-items:center;width:26px;height:26px;padding:0;display:grid}@keyframes suggestIn{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.suggest-toast{animation:none}}body #transformSection>.section-body{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))!important}body #transformSection.section{flex:none;height:auto;min-height:0;max-height:none}body #transformSection>.section-body{height:auto;min-height:0}body #transformSection .transform-grid label>span{color:var(--ink);font-size:11px;font-weight:400}body #transformSection.section{padding-bottom:var(--space-5)}@media (height<=1000px) and (width>=761px){body #transformSection .transform-grid label{gap:10px}body #transformSection.section{padding-bottom:var(--space-4)}body #transformSection .transform-grid label>span{font-size:10px}}#hint.floating-hint{display:none!important}body #shapeProps .paint-pane>.add-paint{font-size:11px}@media (height<=1000px) and (width>=761px){body #shapeProps .paint-pane>.add-paint{font-size:10px}}html.theme-switching :not(#themeToggle):not(#themeToggle *),html.theme-switching :before,html.theme-switching :after{transition:none!important}.topbar{position:relative}.topbar #themeToggle.theme-switch{margin:0 calc(var(--space-2) - 3px);cursor:pointer;background:#eef0ea;border:1px solid #dfe2d9;border-radius:6px;flex:none;align-items:center;width:56px;height:28px;padding:0;display:flex;position:relative}.topbar #themeToggle.theme-switch:hover{background:#e8ebe3;border-color:#cdd2c5}.topbar #themeToggle.theme-switch:focus-visible{outline:2px solid var(--orange);outline-offset:2px}#themeToggle .ts-knob{background:var(--paper);border-radius:4px;width:24px;height:24px;transition:transform .18s;position:absolute;top:1px;left:1px;box-shadow:0 1px 3px #2936202e}#themeToggle[aria-checked=true] .ts-knob{transform:translate(28px)}.topbar #themeToggle.theme-switch{justify-content:space-between;gap:0;padding:0 1px}#themeToggle .ts-icon{z-index:1;color:#8a9083;flex:none;place-items:center;width:24px;height:24px;transition:color .18s;display:grid;position:relative}#themeToggle[aria-checked=false] .ts-sun,#themeToggle[aria-checked=true] .ts-moon{color:var(--orange)}@media (prefers-reduced-motion:reduce){#themeToggle .ts-knob,#themeToggle .ts-icon{transition:none}}body #shapeProps .paint-pane .color-field input[type=color].mixed-fill::-webkit-color-swatch{background:#fff url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' shape-rendering='crispEdges'><rect x='3' y='3' width='1' height='1' fill='%233b342e'/><rect x='6' y='3' width='1' height='1' fill='%233b342e'/><rect x='3' y='4' width='1' height='1' fill='%233b342e'/><rect x='6' y='4' width='1' height='1' fill='%233b342e'/><rect x='2' y='6' width='1' height='1' fill='%233b342e'/><rect x='7' y='6' width='1' height='1' fill='%233b342e'/><rect x='3' y='7' width='1' height='1' fill='%233b342e'/><rect x='4' y='7' width='1' height='1' fill='%233b342e'/><rect x='5' y='7' width='1' height='1' fill='%233b342e'/><rect x='6' y='7' width='1' height='1' fill='%233b342e'/></svg>") 50%/100% 100% no-repeat!important}body #shapeProps .paint-pane .color-field input[type=color].mixed-fill::-moz-color-swatch{background:#fff url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' shape-rendering='crispEdges'><rect x='3' y='3' width='1' height='1' fill='%233b342e'/><rect x='6' y='3' width='1' height='1' fill='%233b342e'/><rect x='3' y='4' width='1' height='1' fill='%233b342e'/><rect x='6' y='4' width='1' height='1' fill='%233b342e'/><rect x='2' y='6' width='1' height='1' fill='%233b342e'/><rect x='7' y='6' width='1' height='1' fill='%233b342e'/><rect x='3' y='7' width='1' height='1' fill='%233b342e'/><rect x='4' y='7' width='1' height='1' fill='%233b342e'/><rect x='5' y='7' width='1' height='1' fill='%233b342e'/><rect x='6' y='7' width='1' height='1' fill='%233b342e'/></svg>") 50%/100% 100% no-repeat!important}.help-popover{width:350px;max-height:min(640px,100dvh - 72px);overflow-y:auto}.help-popover h4{color:var(--ink);margin:12px 0 3px;font-size:11px;font-weight:600}.help-popover h3+h4{margin-top:4px}#colorPopover{z-index:1200;background:var(--paper);border:1px solid #dce2d4;border-radius:10px;width:244px;padding:12px;position:fixed;box-shadow:0 12px 40px #29362026}#colorPopover[hidden]{display:none}#colorPopover .hsv-picker{margin:0}#colorPopover .color-pop-swatches{grid-template-columns:repeat(8,20px);justify-content:space-between;gap:7px 0;margin-top:12px;display:grid}#colorPopover .color-pop-swatches button{cursor:pointer;border:1px solid #0003;border-radius:4px;width:20px;min-width:0;height:20px;min-height:0;margin:0;padding:0}#colorPopover .color-pop-swatches button:hover{border-color:#0006}#colorPopover .color-pop-swatches button.selected{outline:1px solid var(--ink);outline-offset:2px}body aside #sideSection4.layer-section{padding-bottom:36px!important}#paletteSection .section-title #paletteConfig,#paletteSection .section-title #paintChip{display:none!important}#paletteSection.floating-palette>.section-title{justify-content:flex-start!important}#paletteSection.floating-palette .section-title #paletteCollapse{margin-left:auto!important}#textWindow[hidden],#shapeProps.board-paint #strokePane,#shapeProps.board-paint #geometrySlot,#shapeProps.board-paint #multiNote{display:none!important}#referenceWindow:has(#referenceBody[hidden]){width:258px!important}#textHandle{height:36px;padding:0 var(--space-2) 0 var(--space-3);align-items:center;gap:var(--space-1);cursor:default;font-size:12px;font-weight:600;display:flex}#textHandle.dragging{cursor:grabbing}#textHandle>span{margin-right:auto}#textWindow .icon-btn{color:#7b8673;background:0 0;border:0;width:25px;min-width:25px;height:25px;min-height:25px;padding:4px}#textWindow .icon-btn:hover{background:#edf0e6}#textFields{padding:var(--space-2) var(--space-3) var(--space-3);border-top:1px solid var(--line);gap:var(--space-2);flex-direction:column;display:flex}#textFields .text-content{gap:var(--space-1);color:#7b8673;flex-direction:column;font-size:11px;display:flex}#textContent{resize:vertical;border:1px solid var(--line);width:100%;min-height:52px;max-height:160px;color:var(--ink);font:12px var(--font-mono);box-sizing:border-box;-webkit-user-select:text;user-select:text;background:#fff;border-radius:5px;margin:0;padding:7px 8px;display:block}#textContent:disabled{color:var(--muted);background:#f4f6f0}#textFields .text-corners{color:#7b8673;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}#textFields .text-corners .seg{border:1px solid var(--line);background:#fff;border-radius:6px;gap:2px;padding:2px;display:flex}#textWindow #textFields .text-corners button{color:#7b8673;cursor:pointer;background:0 0;border:0;border-radius:4px;height:24px;padding:0 10px;font-size:11px}#textWindow #textFields .text-corners button:hover{background:#edf0e6}#textWindow #textFields .text-corners button[aria-pressed=true]{background:var(--soft);color:var(--ink);font-weight:600}#textFields input[type=range]{appearance:none;box-shadow:none;background:0 0;border:0}#textFields input[type=range]::-webkit-slider-runnable-track{background:#dce3d3;border-radius:3px;height:3px}#textFields input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--orange);border:0;border-radius:50%;width:11px;height:11px;margin-top:-4px}#textFields input[type=range]::-moz-range-track{background:#dce3d3;border-radius:3px;height:3px}#textFields input[type=range]::-moz-range-thumb{background:var(--orange);border:0;border-radius:50%;width:11px;height:11px}#gradientPicker .gp-alpha{background:repeating-conic-gradient(#dfe3d8 0 25%,#fff 0 50%) 0 0/8px 8px;cursor:pointer;touch-action:none;outline-offset:3px;border-radius:6px;height:12px;margin:0 0 12px;position:relative}#gradientPicker .gp-alpha-fill{border-radius:6px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0001}#gradientPicker .gp-alpha .gp-knob{top:50%}#gradientPicker #gradientOpacity{text-align:left;flex:none;width:58px;height:32px;padding:4px 8px;font-size:12px}#gradientPicker .gp-opacity{flex:none;align-items:center;display:flex;position:relative}#gradientPanel .soft-alpha-row{color:#7b8673;cursor:pointer;align-items:center;gap:8px;margin:12px 0 0;font-size:11px;display:flex}#gradientPanel .soft-alpha-row[hidden]{display:none}#gradientPanel .soft-alpha-row input{accent-color:var(--orange);margin:0}#paletteEditor .palette-edit-hex{padding:0 4px 0 5px}#paletteEditor .pick-btn{color:#70786a;background:0 0;border:0;border-radius:5px;flex:none;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;margin:0;padding:4px;display:inline-flex}#paletteEditor .pick-btn:hover{color:var(--ink)}#paletteSection .palette-footer{display:none!important}#selectMenu{width:auto;max-width:300px;max-height:min(360px,70dvh);padding:4px;overflow-y:auto}#selectMenu[hidden]{display:none}#selectMenu .select-option{align-items:center;gap:var(--space-2);min-height:30px;padding:var(--space-1) var(--space-2);white-space:nowrap;font-size:12px}#selectMenu .select-option svg{color:var(--ink);flex:none}#selectMenu .select-option[aria-selected=true]{font-weight:600}#selectMenu .select-option:focus-visible{background:#edf1e6;outline:none}#swatchMenu[hidden]{display:none}#editGradientBtn.active{border-radius:4px;background:var(--soft)!important}#worldOverlay .gradient-handle{cursor:move}#appTooltip .tip-head{justify-content:flex-start;align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);display:flex}#appTooltip .tip-head:only-child{margin-bottom:0}#appTooltip .tip-head h3{margin:0}#appTooltip .tip-head kbd{line-height:1.4}#stampList{grid-template-columns:repeat(auto-fill,minmax(66px,1fr))}#stampResize{color:#a2ab9a;cursor:nwse-resize;touch-action:none;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;bottom:2px;right:2px}#stampResize svg{pointer-events:none}#stampWindow:has(#stampBody[hidden]) #stampResize{display:none}.swatch-drag{z-index:2000;pointer-events:none;border:2px solid #fff;border-radius:50%;width:30px;height:30px;margin:-15px 0 0 -15px;position:fixed;box-shadow:0 0 0 1px #0003,0 6px 18px #0004}body.swatch-dragging,body.swatch-dragging *{cursor:copy!important}.swatch-drag-pixel{z-index:2001;pointer-events:none;mix-blend-mode:difference;outline:1px solid #fff;position:fixed}body.swatch-over-canvas .swatch-drag{border-width:1.5px;width:16px;height:16px;margin:10px 0 0 10px}body.swatch-dragging.swatch-over-canvas,body.swatch-dragging.swatch-over-canvas *{cursor:none!important}.layer .layer-lock{opacity:0;transition:opacity .12s}.layer:hover .layer-lock,.layer:focus-within .layer-lock,.layer .layer-lock:focus-visible,.layer .layer-lock.on{opacity:1}.layer .layer-lock.inherited{opacity:.4}.layer .layer-lock.on{color:var(--ink)}.topbar button{height:28px;padding:0 var(--space-2);gap:var(--space-2)}.topbar .icon-btn{width:28px;min-width:28px;height:28px;padding:var(--space-1)}.topbar #fitBtn{min-width:56px}@media (width<=1359px){.topbar #gridToggle,.topbar #rulerToggle{width:28px;min-width:28px;padding:0}}@media (width<=760px){.topbar button,.topbar .icon-btn,.topbar #gridToggle,.topbar #rulerToggle{height:24px}.topbar .icon-btn{width:24px;min-width:24px;padding:var(--space-1)}.topbar #gridToggle,.topbar #rulerToggle{width:24px;min-width:24px;padding:0}.topbar #fitBtn{min-width:44px;padding:0 var(--space-1)}}:root{--sidebar-min:calc(var(--space-8) * 10);--sidebar-max:calc(var(--space-8) * 15)}#sidebarResize{display:none}@media (width>=761px){aside{position:relative}#sidebarResize{z-index:5;cursor:ew-resize;touch-action:none;width:6px;display:block;position:absolute;top:0;bottom:0;left:0}#sidebarResize:after{content:"";background:var(--orange);opacity:0;width:2px;transition:opacity .12s;position:absolute;top:0;bottom:0;left:0}#sidebarResize:hover:after,#sidebarResize:focus-visible:after,body.sidebar-resizing #sidebarResize:after{opacity:1}#sidebarResize:focus-visible{outline:none}body.sidebar-resizing,body.sidebar-resizing *{-webkit-user-select:none;user-select:none;cursor:ew-resize!important}}#brushFields input[type=range],#stampFields input[type=range],#textFields input[type=range],#gradientPanel .slider-setting input[type=range]{will-change:transform}input:is([type=text],[type=number],[type=search],:not([type])):not(#docTitle):not(.layer *):not(.board-label *):not(.color-field *):not(.brush-color-field *):not(.palette-edit-hex *):not(.new-palette-color *):not(.auth-fields *),select,.brush-color-field{height:32px!important;min-height:32px!important}#gradientPicker #swapGradient{width:32px;height:32px}.topbar #gridToggle+#rulerToggle{margin-left:calc(var(--space-2) - 3px)}label,label>span,.paint-heading>span,.paint-sublabel,.text-corners>span{font-size:12px!important}#brushFields label input,#stampFields label input,#textFields label input{font-size:11px}@media (width<=760px){.topbar #themeToggle.theme-switch{margin:0 var(--space-2)}}.section-title{font-size:12px!important}@media (width<=1000px) and (width>=761px){.topbar #toolName{display:none}body #selectionMode{min-width:80px}.topbar{padding:0 var(--space-2)}}#transformSection #alignGroup{grid-column:1/-1;justify-content:space-between;align-items:center;gap:0;display:flex}#transformSection #alignGroup button{place-items:center;width:32px;min-width:32px;height:32px;padding:0;display:grid}#alignGroup{gap:var(--space-1)}#alignGroup .align-divider{background:var(--line);width:1px;height:16px;margin:0 var(--space-1)}#alignGroup button:disabled{opacity:.25;cursor:default}#alignGroup button:disabled:hover{background:0 0}@media (width<=760px){#alignGroup{display:none}}.topbar{grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr);display:grid}.topbar button{white-space:nowrap}.topbar>.group:first-child{grid-column:1;justify-self:start}.topbar>.group:last-child{grid-column:3;justify-self:end}#appearanceResize{display:none}@media (width>=761px){body #shapeProps:not([data-appearance-measure]){position:relative;flex:0 0 var(--appearance-panel-height,var(--merged-appearance-height,420px))!important;height:var(--appearance-panel-height,var(--merged-appearance-height,420px))!important;min-height:0!important;max-height:none!important;overflow:hidden!important}body #shapeProps:not([data-appearance-measure])>.section-body{scrollbar-width:thin;scrollbar-gutter:stable;flex:auto!important;min-height:0!important;overflow:hidden auto!important}#appearanceResize{z-index:6;cursor:ns-resize;touch-action:none;height:6px;display:block;position:absolute;bottom:0;left:0;right:0}#appearanceResize:after{content:"";background:var(--orange);opacity:0;height:2px;transition:opacity .12s;position:absolute;bottom:0;left:0;right:0}#appearanceResize:hover:after,#appearanceResize:focus-visible:after,body.appearance-resizing #appearanceResize:after{opacity:1}#appearanceResize:focus-visible{outline:none}body.appearance-resizing,body.appearance-resizing *{-webkit-user-select:none;user-select:none;cursor:ns-resize!important}}#transformResize{display:none}@media (width>=761px){body #transformSection.section:not([data-transform-measure]){flex-direction:column;position:relative;flex:0 0 var(--transform-panel-height,auto)!important;height:var(--transform-panel-height,auto)!important;min-height:0!important;max-height:none!important;display:flex!important;overflow:hidden!important}body #transformSection:not([data-transform-measure])>.section-title{flex:none}body #transformSection:not([data-transform-measure])>.section-body{scrollbar-width:thin;scrollbar-gutter:stable;align-content:start;flex:auto!important;min-height:0!important;overflow:hidden auto!important}#transformResize{z-index:6;cursor:ns-resize;touch-action:none;height:6px;display:block;position:absolute;bottom:0;left:0;right:0}#transformResize:after{content:"";background:var(--orange);opacity:0;height:2px;transition:opacity .12s;position:absolute;bottom:0;left:0;right:0}#transformResize:hover:after,#transformResize:focus-visible:after,body.transform-resizing #transformResize:after{opacity:1}#transformResize:focus-visible{outline:none}body.transform-resizing,body.transform-resizing *{-webkit-user-select:none;user-select:none;cursor:ns-resize!important}}body #shapeProps .color-field .hex-input{min-width:7ch!important}@media (width>=761px){body #transformSection.transform-compact:not([data-transform-measure]){padding-bottom:var(--space-4)}body #transformSection.transform-compact:not([data-transform-measure])>.section-body{grid-template-columns:repeat(4,minmax(0,1fr))!important}}body #shapeProps #strokePane{padding-top:0}.layer-effects-divider{width:1px;height:16px;margin:0 var(--space-1);background:var(--line);flex:none;align-self:center}#effectsBtn,.layer .layer-fx{letter-spacing:-1px;font-size:13px;font-style:italic;font-weight:650}.layer .layer-fx{width:24px;min-width:24px;color:var(--orange);flex:none;padding:2px}.layer .layer-fx.effects-disabled{color:var(--muted)}#effectsPanel{z-index:31;background:var(--paper);border:1px solid #dce2d4;border-radius:9px;width:280px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);position:fixed;overflow:auto;box-shadow:0 8px 28px #29362026}#effectsPanel[hidden]{display:none}#effectsPanelHead{align-items:center;gap:var(--space-1);height:37px;padding:0 6px 0 var(--space-3);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;font-size:12px;font-weight:600;display:flex}#effectsPanelHead.dragging{cursor:grabbing}#effectsPanelHead>span{margin-right:auto}#effectsPanelHead button,.effect-actions button{width:24px;height:24px;min-height:24px;color:var(--muted);background:0 0;border:0;place-items:center;padding:3px;display:grid}#effectsPanelHead button:hover,.effect-actions button:hover{background:var(--soft);color:var(--ink)}.effects-panel-body{padding:0 var(--space-3) var(--space-3)}.effects-empty{margin:0 0 var(--space-3);color:var(--muted);font-size:11px}.effects-stack{gap:var(--space-2);flex-direction:column;display:flex}.effect-card{border:1px solid var(--line);border-radius:6px;min-width:0}.effect-card>summary{align-items:center;gap:var(--space-1);padding:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:11px;list-style:none;display:flex}.effect-card>summary::-webkit-details-marker{display:none}.effect-chevron svg{transform:rotate(-90deg)}.effect-card[open] .effect-chevron svg{transform:rotate(0)}.effect-card>summary>span{white-space:nowrap;flex:1}.effect-actions{align-items:center;gap:0;display:flex}.effect-actions button{width:22px}.effect-controls{min-width:0;padding:0 var(--space-2) var(--space-2);border:0;margin:0}.effect-controls:disabled{opacity:.5}.effect-setting{align-items:center;gap:var(--space-1);margin:var(--space-2) 0;grid-template-columns:minmax(0,1fr) 62px;display:grid}.effect-setting>label,.effect-color>label{color:var(--muted);font-size:11px}.effect-setting input[type=number]{border:1px solid var(--line);background:#fff;border-radius:5px;width:62px;height:32px;min-height:32px;margin:0;padding:3px 6px;font-size:11px}.effect-setting input[type=range]{cursor:pointer;appearance:none;width:100%;height:13px;box-shadow:none;background:0 0;border:0;grid-column:1/-1;margin:0;padding:0}.effect-setting input[type=range]::-webkit-slider-runnable-track{background:#dce3d3;border-radius:3px;height:3px}.effect-setting input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--orange);border:0;border-radius:50%;width:11px;height:11px;margin-top:-4px}.effect-setting input[type=range]::-moz-range-track{background:#dce3d3;border-radius:3px;height:3px}.effect-setting input[type=range]::-moz-range-thumb{background:var(--orange);border:0;border-radius:50%;width:11px;height:11px}.effect-color{gap:var(--space-2);margin:var(--space-3) 0;flex-direction:column;align-items:stretch;display:flex}#effectsPanel .effect-shadow-field{background:#fff;gap:4px;width:100%;min-width:0;height:32px;padding:4px 7px}#effectsPanel .effect-shadow-field input[type=color]{cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;width:20px;min-width:20px;height:20px;padding:0}#effectsPanel .effect-shadow-field input[type=color]::-webkit-color-swatch-wrapper{padding:0}#effectsPanel .effect-shadow-field input[type=color]::-webkit-color-swatch{border:1px solid #0003;border-radius:4px}#effectsPanel .effect-shadow-field input[type=color]::-moz-color-swatch{border:1px solid #0003;border-radius:4px}#effectsPanel .effect-shadow-field .hex-input{background:0 0;border:0;flex:1;width:0;min-width:0;height:22px;padding:0;font-size:11px}#effectsPanel .effect-shadow-field .pick-btn{width:24px;min-width:24px;height:24px;color:var(--muted);background:0 0;border:0;flex:none;place-items:center;padding:3px;display:grid}#effectsPanel #addLayerEffect{width:100%;height:32px;margin-top:var(--space-3);padding:4px 31px 4px 8px;font-size:11px}.effects-note{color:var(--muted);margin:var(--space-2) 0 0;font-size:10px;line-height:1.5}:root{--effect-checker:repeating-conic-gradient(#dfe3d8 0 25%,#fff 0 50%) 0 0/8px 8px}.effect-card>summary .effect-grip,.effect-drag-preview .effect-grip{width:16px;min-width:16px;height:24px;color:var(--muted);cursor:grab;touch-action:none;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.effect-grip .drag-grip{background:radial-gradient(circle,currentColor 1px,#0000 1px) 0 0/4px 4px;width:8px;height:12px;margin:0;display:block}.effect-card.effect-dragging{opacity:.35}.effect-drop-marker{background:var(--orange);border-radius:1px;flex:none;height:2px}body.effect-reordering,body.effect-reordering *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.effect-drag-preview{z-index:1400;align-items:center;gap:var(--space-1);padding:var(--space-2);background:var(--paper);border:1px solid var(--line);pointer-events:none;border-radius:6px;font-size:11px;display:flex;position:fixed;box-shadow:0 4px 16px #0003}.effect-drag-preview>span{flex:1}.effect-grip:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.effect-setting input.effect-visual-range{height:16px}.effect-setting input.effect-visual-range::-webkit-slider-runnable-track{background:var(--effect-track);border-radius:6px;height:12px}.effect-setting input.effect-visual-range::-webkit-slider-thumb{background:var(--effect-knob);border:2.5px solid #fff;border-radius:50%;width:14px;height:14px;margin-top:-1px;box-shadow:0 0 0 1px #0005,0 1px 3px #0005}.effect-setting input.effect-visual-range::-moz-range-track{background:var(--effect-track);border-radius:6px;height:12px}.effect-setting input.effect-visual-range::-moz-range-thumb{box-sizing:border-box;background:var(--effect-knob);border:2.5px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 1px #0005,0 1px 3px #0005}.effect-shadow-controls{column-gap:var(--space-2);row-gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.effect-shadow-controls>.effect-field,.effect-shadow-controls>.effect-color{align-items:stretch;gap:var(--space-2);flex-direction:column;min-width:0;margin:0;display:flex}.effect-shadow-controls>.effect-field input[type=number]{width:100%}.effect-shadow-controls>.effect-field>label,.effect-shadow-controls>.effect-color>label{line-height:14px}.effect-shadow-controls>[data-setting=opacity]{grid-column:1/-1;margin:0}:root{--color-field-padding:5px 6px;--color-field-gap:4px;--color-field-hex-size:11px;--color-field-pick-width:20px;--color-field-pick-height:24px}@media (height<=1000px) and (width>=761px){:root{--color-field-padding:3px 4px;--color-field-gap:3px;--color-field-hex-size:10px;--color-field-pick-width:18px;--color-field-pick-height:22px}}body :is(#shapeProps,#effectsPanel) .color-field{box-sizing:border-box;height:32px!important;min-height:32px!important;max-height:32px!important;padding:var(--color-field-padding)!important;gap:var(--color-field-gap)!important}body :is(#shapeProps,#effectsPanel) .color-field input[type=color]{border:0;border-radius:4px;flex:none;padding:0;width:20px!important;min-width:20px!important;height:20px!important}body :is(#shapeProps,#effectsPanel) .color-field .hex-input{cursor:text;background:0 0;flex:1;line-height:1.4;width:0!important;min-width:7ch!important;height:22px!important;font-family:inherit!important;font-size:var(--color-field-hex-size)!important;border:0!important;padding:0!important}body :is(#shapeProps,#effectsPanel) .color-field .pick-btn{width:var(--color-field-pick-width);min-width:var(--color-field-pick-width);height:var(--color-field-pick-height);background:0 0;border:0;border-radius:5px;flex:none;justify-content:center;align-items:center;margin:0;padding:3px;display:inline-flex}.effect-setting.effect-slider-only{margin:var(--space-3) 0;display:block}.effect-slider-only input[type=range]{display:block}.effect-controls>:last-child{margin-bottom:0}.effect-card:is([data-effect=shadow],[data-effect=colorShift])>.effect-controls{padding-bottom:calc(var(--space-2) - 2px)}.effect-card[data-effect=colorShift] .effect-controls>:first-child{margin-top:0}input[type=range]{--slider-knob-size:11px}input.effect-visual-range{--slider-knob-size:14px}body #shapeProps #strokeGeometry .field{height:auto;min-height:0}body #geometrySlot{height:auto}body #shapeProps>.section-body{padding-bottom:var(--space-4)!important}body #shapeProps #strokeGeometry .field label{height:auto;line-height:normal}body #transformSection .transform-grid label{gap:var(--space-2)}@media (height<=1000px) and (width>=761px){body #transformSection .transform-grid label{gap:var(--space-2)}}body #shapeProps #strokeGeometry .field{gap:var(--space-2)}body #shapeProps .paint-pane{row-gap:var(--space-1)!important}body #brushColorField,body #textFields .text-content{gap:var(--space-2)}#newDialog .row label{gap:var(--space-2);flex-direction:column;display:flex}#newDialog .row label input{margin-top:0}.app-menu-wrap{flex:none;display:flex;position:relative}.topbar.menu-open{z-index:1000}.topbar .app-menu{top:calc(100% + var(--space-2));width:200px;max-height:none;position:absolute;left:0}.topbar .app-menu .context-action{width:100%;min-width:0;height:32px;padding:0 var(--space-2);gap:var(--space-2);color:var(--ink);justify-content:flex-start;font-size:12px}#appMenuBtn[aria-expanded=true]{background:var(--soft);color:var(--orange)}.statusbar .status-tool{align-items:center;gap:var(--space-2);min-width:0;display:flex}.statusbar #toolName{color:var(--ink);white-space:nowrap;font-size:12px;font-weight:600}body .statusbar .toolbar-option{margin-left:0}.statusbar .status-right{justify-self:end;align-items:center;gap:var(--space-2);grid-column:3;min-width:0;display:flex}.statusbar .status-sep{background:var(--line);width:1px;height:12px}.statusbar .status-save{color:var(--muted);text-overflow:ellipsis;overflow:hidden}.topbar .doc-name{margin-left:var(--space-2);align-items:center;min-width:0;display:flex}.topbar #docName,body .topbar #docTitle{max-width:240px;height:28px;min-height:0;padding:0 var(--space-2);font:inherit;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;border:1px solid #0000;border-radius:6px;font-size:13px;font-weight:600;line-height:26px;overflow:hidden}.topbar #docName{cursor:default;-webkit-user-select:none;user-select:none}.topbar #docName:hover{border-color:var(--line)}body .topbar #docTitle{field-sizing:content;background:var(--paper);border-color:var(--orange);outline:0;width:auto;min-width:64px}body .topbar>.group:first-child{gap:0}@media (width>=761px){.app{position:relative}.app>.topbar{grid-area:1/1}.app>.workspace{grid-area:2/1}.app>.statusbar{grid-area:3/1}.app>.toolstrip{z-index:8;top:var(--space-4);left:var(--space-4);width:80px;max-height:calc(100% - var(--space-8));border:1px solid var(--line);border-radius:10px;grid-area:2/1/3/2;position:absolute;box-shadow:0 8px 28px #25351b16}.app.rulers-on>.toolstrip{top:calc(20px + var(--space-4));left:calc(20px + var(--space-4));max-height:calc(100% - 20px - var(--space-8))}}.toolstrip .logo{grid-column:1/-1;justify-content:center;height:36px;margin:13px 0 20px}.toolstrip .mark{width:36px;height:36px}.topbar #appMenuBtn{border:1px solid var(--line);color:var(--ink);border-radius:6px}.topbar .app-menu{width:240px}.app-menu-row{height:40px;padding:0 var(--space-2);color:var(--ink);justify-content:space-between;align-items:center;font-size:12px;display:flex}.topbar .app-menu #themeToggle.theme-switch{margin:0}.topbar .help-wrap{margin-left:calc(var(--space-2) - 3px)}.app-menu-label{align-items:center;gap:var(--space-2);display:flex}.app-menu-label>#menuThemeIcon{display:flex}:root{--font-ui:"Urbanist",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}body input[type=number],body output,body .topbar #fitBtn,body .statusbar #position,body .ruler{font-family:var(--font-mono)}body #shapeProps .paint-pane>.paint-heading>span{padding-bottom:var(--space-1);box-sizing:border-box;align-items:flex-end}body #shapeProps .paint-heading .paint-sublabel{margin-bottom:var(--space-1);align-self:flex-end}body .statusbar :is(#selectionMode,#bucketSample,#wandMode){width:auto;min-width:0;height:28px!important;min-height:28px!important;padding:0 var(--space-2)!important;background-image:none!important}.help-popover h3{font-size:16px;font-weight:650;line-height:1.25}#layers .layer.cube-face-off{opacity:.4;cursor:default}#layers .layer.cube-face-off:hover{background:0 0}#layers .layer.cube-face-off button:disabled{cursor:default;pointer-events:none}body #cubeFields .cube-angles{gap:var(--space-2);grid-template-columns:1fr;align-items:start;display:grid}#cubeFields .cube-angle-fields{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}#cubeFields .cube-angle-fields label{align-items:center;gap:var(--space-1);min-width:0;color:var(--muted);font-size:11px;display:flex}body #cubeFields .cube-angle-fields input{flex:1;width:100%;min-width:0;font-size:10px;height:28px!important;min-height:28px!important;padding:0 2px!important}#cubeFields .cube-reset{width:100%;height:32px;margin-top:var(--space-1);border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:6px;font-size:12px}#cubeFields .cube-reset:hover:not(:disabled){background:var(--soft);color:var(--orange)}#cubeFields .cube-reset:disabled{opacity:.4;cursor:default}#workspace.cube-ring-hover,#workspace.cube-ring-hover *{cursor:grab!important}#workspace.cube-ring-drag,#workspace.cube-ring-drag *{cursor:grabbing!important}#cubeFields .cube-angle-fields label{align-items:stretch;gap:var(--space-2);flex-direction:column}#cubeFields .cube-angle-fields label>span{font-size:12px;font-weight:600}#cubeFields .cube-angle-fields .axis-x>span{color:#e5484d}#cubeFields .cube-angle-fields .axis-y>span{color:#2f9e44}#cubeFields .cube-angle-fields .axis-z>span{color:#3e63dd}body #cubeFields .cube-angle-fields input{font-size:11px;height:32px!important;min-height:32px!important;padding:0 var(--space-2)!important}#cubeWindow .brush-toggle{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:var(--space-2);color:#7b8673;cursor:pointer;display:flex;position:relative}#cubeWindow #cubeGizmo{opacity:0;cursor:pointer;border:0;width:30px;height:18px;margin:-9px 0 0;padding:0;position:absolute;top:50%;right:0}#cubeWindow .bt-track{pointer-events:none;background:#cfd6c7;border-radius:9px;flex:none;width:30px;height:18px;transition:background .15s;display:block;position:relative}#cubeWindow .bt-knob{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}#cubeWindow #cubeGizmo:checked+.bt-track{background:var(--orange)}#cubeWindow #cubeGizmo:checked+.bt-track .bt-knob{transform:translate(12px)}#cubeWindow #cubeGizmo:focus-visible+.bt-track{outline:2px solid var(--orange);outline-offset:2px}@media (prefers-reduced-motion:reduce){#cubeWindow .bt-track,#cubeWindow .bt-knob{transition:none}}.topbar #rulerToggle+#previewToggle,.topbar #previewToggle+#referenceToggle{margin-left:calc(var(--space-2) - 3px)}#previewCanvas{transform-origin:0 0;image-rendering:pixelated;background-color:#fff;background-image:conic-gradient(#e8e8e3 25%,#fff 0 50%,#e8e8e3 0 75%,#fff 0);background-size:2px 2px;position:absolute;top:0;left:0}#previewViewport{cursor:grab}#previewToolbar #previewName{min-width:0;padding-left:var(--space-1);text-overflow:ellipsis;white-space:nowrap;color:var(--muted);flex:1;font-size:11px;overflow:hidden}#paletteSection.floating-palette .section-title #paletteLock{border-radius:5px;width:25px;min-width:25px;height:25px;padding:4px;margin-left:auto!important}#paletteSection.floating-palette .section-title #paletteLock+#paletteCollapse{margin-left:0!important}#paletteSection #paletteLock.on{color:var(--orange)}#paletteSection.palette-locked #paletteEditor{display:none!important}#workspace.skew-x,#workspace.skew-x *{cursor:ew-resize!important}#workspace.skew-y,#workspace.skew-y *{cursor:ns-resize!important}dialog .modal-head{padding:var(--space-6) var(--space-6) 0}dialog .modal-head h2{line-height:28px}dialog .modal-head button{place-items:center;width:28px;height:28px;display:grid}dialog .modal-body{padding:var(--space-2) var(--space-6) var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}dialog .modal-body p{margin:0;line-height:20px}dialog .modal-body .preset-row{gap:var(--space-2);margin:0}dialog .modal-body .preset-row button{height:32px;padding:0 var(--space-1)}dialog .modal-body .row{gap:var(--space-3)}dialog .modal-body label{gap:var(--space-2);flex-direction:column;display:flex}dialog .modal-body select,dialog .modal-body input[type=number],dialog .modal-body textarea{margin:0}dialog .modal-body .primary{padding:0 var(--space-4);height:32px;margin:0}#newFileDialog .new-file-actions{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}#newFileDialog .new-file-actions button{width:100%;padding:0 var(--space-2);height:32px;margin:0}.auth-screen{--auth-bg:#eceee8;--auth-card:#fcfcf9;--auth-line:#dfe1da;--auth-field:#fff;--auth-ink:#292b29;--auth-muted:#6f716b;--auth-error:#c0392b;--auth-cta:#e66a39;--auth-cta-hover:#d65c2c;--auth-shadow:0 16px 48px #25351b1f;padding:var(--space-4);background:var(--auth-bg);color:var(--auth-ink);font:13px var(--font-ui)}html[data-theme=dark] .auth-screen{--auth-bg:#101114;--auth-card:#23262d;--auth-line:#36393f;--auth-field:#191b1f;--auth-ink:#e8eaed;--auth-muted:#979ca5;--auth-error:#ff8f85;--auth-cta-hover:#f07b4c;--auth-shadow:0 16px 48px #00000080}.auth-card{box-sizing:border-box;gap:var(--space-6);width:min(380px,100%);padding:var(--space-8);background:var(--auth-card);border:1px solid var(--auth-line);box-shadow:var(--auth-shadow);border-radius:16px;flex-direction:column;display:flex}.auth-head{text-align:center;flex-direction:column;align-items:center;display:flex}.auth-head-text{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}#signInScreen:not([hidden]){justify-content:center;align-items:center;gap:var(--space-6);flex-direction:column;display:flex}.auth-brand{align-items:center;gap:var(--space-2);letter-spacing:-.5px;color:var(--auth-ink);font-size:24px;font-weight:700;line-height:1;display:flex}.auth-brand img{width:28px;height:28px;display:block}.auth-credit{color:var(--auth-muted);font-size:12px}.auth-head h1{color:var(--auth-ink);margin:0;font-size:22px;font-weight:700;line-height:1.2}.auth-sub{color:var(--auth-muted);overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.5}.auth-sub strong{color:var(--auth-ink);font-weight:700}.auth-fields{gap:var(--space-4);flex-direction:column;display:flex}.auth-fields label{gap:var(--space-2);color:var(--auth-muted);flex-direction:column;font-size:12px;font-weight:600;display:flex}.auth-fields input{box-sizing:border-box;width:100%;height:36px;padding:0 var(--space-3);border:1px solid var(--auth-line);background:var(--auth-field);color:var(--auth-ink);font:13px var(--font-ui);border-radius:8px}.auth-fields input:focus{border-color:var(--auth-cta);outline:none}.auth-fields input[type=password]{font:16px Verdana,var(--font-ui);letter-spacing:.1em}.auth-fields input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--auth-field) inset;-webkit-text-fill-color:var(--auth-ink);caret-color:var(--auth-ink);border-color:var(--auth-line);transition:background-color 600000s,color 600000s}.auth-fields input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--auth-field) inset;-webkit-text-fill-color:var(--auth-ink);caret-color:var(--auth-ink);border-color:var(--auth-line);transition:background-color 600000s,color 600000s}.auth-fields input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--auth-field) inset;border-color:var(--auth-cta)}#authForgotRow{margin-top:calc(var(--space-2) * -1);text-align:right}#authForgot{color:var(--auth-muted);font-weight:500}#authForgot:hover{color:var(--auth-ink)}#clerk-captcha:empty{display:none}.auth-actions{gap:var(--space-3);flex-direction:column;display:flex}#authSubmit{width:100%;height:36px;padding:0 var(--space-4);background:var(--auth-cta);color:#fff;font:600 13px var(--font-ui);border:0;border-radius:8px}#authSubmit:hover:not(:disabled){background:var(--auth-cta-hover)}#authSubmit:disabled{opacity:.6;cursor:default}.auth-note{color:var(--auth-muted);text-align:center;overflow-wrap:anywhere;margin:0;font-size:12px}.auth-link,.auth-link:hover{color:var(--auth-cta);font:inherit;background:0 0;border:0;border-radius:0;padding:0;font-weight:600;display:inline}.auth-link:hover{text-decoration:underline}.auth-error{color:var(--auth-error);text-align:center;margin:0;font-size:12px;line-height:1.4}.auth-password{display:block;position:relative}.auth-fields .auth-password input{padding-right:36px}.auth-eye,.auth-eye:hover{width:36px;height:36px;color:var(--auth-muted);background:0 0;border:0;padding:0;position:absolute;top:0;right:0}.auth-eye:hover{color:var(--auth-ink)}.auth-eye .eye-closed,.auth-eye[aria-pressed=true] .eye-open{display:none}.auth-eye[aria-pressed=true] .eye-closed{display:block}.auth-otp{gap:var(--space-2);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.auth-fields .otp-box{text-align:center;height:48px;font:400 20px var(--font-mono);padding:0}#authSubmit.is-success,#authSubmit.is-success:disabled{opacity:1;background:var(--auth-cta);animation:.35s ease-out auth-pop}.auth-tick{stroke-dasharray:1;stroke-dashoffset:1px;animation:.45s cubic-bezier(.65,0,.35,1) .1s forwards auth-tick}@keyframes auth-tick{to{stroke-dashoffset:0}}@keyframes auth-pop{50%{transform:scale(1.03)}}@media (prefers-reduced-motion:reduce){#authSubmit.is-success{animation:none}.auth-tick{stroke-dashoffset:0;animation:none}}#pendingScreen:not([hidden]){justify-content:center;align-items:center;gap:var(--space-6);flex-direction:column;display:flex}#pendingScreen .auth-card{gap:var(--space-5)}.pending-status{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--auth-line);background:var(--auth-field);color:var(--auth-muted);border-radius:8px;margin:0;font-size:12px;line-height:1.5;display:flex}.pending-dot{background:var(--auth-cta);border-radius:50%;flex:none;width:8px;height:8px;margin-top:5px;animation:2s ease-in-out infinite pending-pulse}@keyframes pending-pulse{50%{opacity:.3}}.auth-note strong{color:var(--auth-ink);font-weight:700}@media (prefers-reduced-motion:reduce){.pending-dot{animation:none}}.topbar #appMenuBtn{background:0 0;border-color:#0000;place-items:center;padding:0;display:grid;position:relative}.topbar #appMenuBtn>*{grid-area:1/1;place-items:center;transition:opacity .15s,transform .15s;display:grid}#appMenuBtn .menu-logo{width:24px;height:24px}#appMenuBtn .menu-burger{opacity:0;transform:scale(.85)}.topbar #appMenuBtn:is(:hover,:focus-visible,[aria-expanded=true]){border-color:var(--line)}#appMenuBtn:is(:hover,:focus-visible,[aria-expanded=true]) .menu-logo{opacity:0;transform:scale(.85)}#appMenuBtn:is(:hover,:focus-visible,[aria-expanded=true]) .menu-burger{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.topbar #appMenuBtn>*{transition:none}}.help-popover .help-section{border-top:1px solid var(--line)}.help-popover .help-section:last-child{margin-bottom:calc(var(--space-2) * -1)}.help-popover summary{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:600;line-height:1.4;list-style:none;display:flex}.help-popover summary::-webkit-details-marker{display:none}.help-popover summary:after{content:"";border-bottom:1.5px solid #7a8470;border-right:1.5px solid #7a8470;flex:none;width:6px;height:6px;margin-right:3px;transition:transform .15s;transform:translateY(-2px)rotate(45deg)}.help-popover details[open]>summary:after{transform:translateY(2px)rotate(-135deg)}.help-popover summary:hover{color:var(--orange)}.help-popover summary:focus-visible{outline:2px solid var(--orange);outline-offset:2px;border-radius:3px}.help-popover .help-section p{padding-bottom:var(--space-3)}@media (prefers-reduced-motion:reduce){.help-popover summary:after{transition:none}}.toolstrip .tool.has-options{position:relative}.toolstrip .tool.has-options:before{content:"";opacity:.6;pointer-events:none;border-bottom:4px solid;border-left:4px solid #0000;position:absolute;bottom:3px;right:3px}.tool-options-menu{width:200px}.tool-options-menu .context-action{align-items:center;gap:var(--space-2)}.tool-options-menu .context-action svg{flex:none}.tool-options-menu .context-action[aria-checked=true]{color:var(--orange)}