:root{--muted: #62575f;--line: #cfc5bf;--paint: #000000;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}#app{--panel-ms: 220;--floating-surface: rgb(255 253 248 / .84);display:grid;grid-template-rows:auto minmax(0,1fr);position:relative;width:100%;height:100dvh;overflow:hidden;isolation:isolate;color:var(--ink);background:#29272b}html{touch-action:pan-x pan-y}body{font-size:14px}button,input,select,summary{font:inherit}button{color:inherit;min-width:44px;min-height:44px;border:0;background:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:3px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;pointer-events:none}.defs{position:absolute;width:0;height:0;overflow:hidden}#stage{position:relative;grid-row:2;min-width:0;min-height:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}#stage:focus-visible{outline:2px solid var(--red);outline-offset:-2px}#art-plane{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;background:repeating-conic-gradient(#ccc 0 25%,#eee 0 50%) 0 0 / 16px 16px;box-shadow:0 2px 16px #0004}#art,#selection-overlay{display:block;width:100%;height:100%;pointer-events:none}#selection-overlay{position:absolute;inset:0;opacity:.3}#cursor{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;filter:drop-shadow(0 1px 1px #0009)}.cursor-ring{position:absolute;width:28px;height:28px;left:-14px;top:-14px;border:1.5px solid white;border-radius:50%;box-shadow:0 0 0 1px #211b22}.cursor-cross:before,.cursor-cross:after{content:"";position:absolute;background:#fff;box-shadow:0 0 0 .5px #211b22}.cursor-cross:before{width:42px;height:1px;left:-21px;top:-.5px}.cursor-cross:after{width:1px;height:42px;top:-21px;left:-.5px}.cursor-center{position:absolute;left:-2px;top:-2px;width:4px;height:4px;background:var(--red);border-radius:50%}.painting .cursor-ring{border-color:var(--red);box-shadow:0 0 0 1px #fff}.painting .cursor-cross:before,.painting .cursor-cross:after{background:var(--red);box-shadow:0 0 0 1px #fff}.topbar{position:relative;grid-row:1;padding:calc(5px + var(--safe-top)) max(12px,env(safe-area-inset-right)) 4px max(12px,env(safe-area-inset-left));display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px;background:var(--paper);border-bottom:1px solid #211b2240;box-shadow:0 2px 8px #0002}.editor-title{min-width:0;flex:1}.tool-code{font-size:9px;margin-bottom:1px}.editor-title h1{font-size:15px;line-height:1.4;letter-spacing:-.035em;white-space:nowrap}.file-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.file-actions button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:5px 8px;min-width:44px;min-height:44px;border-radius:6px;font-size:11px;font-weight:800}.file-actions svg{width:18px;height:18px}.glass{color:var(--ink);background:var(--white);border:1px solid #bcb3b0;box-shadow:0 2px #b1a7a0,inset 0 1px #fff,0 3px 7px #0002}.export-button,.primary{color:var(--white);background:#b82142;box-shadow:inset 0 1px #ffffff35,0 3px #701429,0 4px 8px #211b2230;border:1px solid #8f1935}.file-actions button,.quick-controls button,#tools-fab,#paint-hold,.primary{transition:background .16s ease,box-shadow .12s ease,translate .1s ease}.file-actions button:active:not(:disabled),.primary:active:not(:disabled){translate:0 2px;box-shadow:inset 0 1px 3px #211b2226,0 1px #8f7b7c}.view-controls{border:0;background:none;box-shadow:none;position:static;display:flex;align-items:center;border-radius:8px;overflow:hidden}.view-controls button{display:flex;justify-content:center;align-items:center;gap:5px;padding:0 8px;font-size:19px}.view-controls #fit-view{font-size:11px;font-variant-numeric:tabular-nums}.view-controls svg{width:16px;height:16px}.gesture-note{position:absolute;top:calc(160px + var(--safe-top));left:14px;right:14px;display:flex;gap:6px;align-items:center;color:#fffdf8df;text-shadow:0 1px 3px #000;font-size:11px;line-height:1.5;pointer-events:none}.note-line{flex:none;width:14px;height:2px;background:var(--red)}.state-note{position:absolute;z-index:4;top:calc(190px + var(--safe-top));left:50%;translate:-50% 0;max-width:calc(100% - 32px);width:max-content;padding:8px 12px;border:1px solid #fff5;border-radius:5px;background:#211b22ef;color:var(--white);font-size:12px;line-height:1.7;opacity:0;transition:opacity .16s ease;pointer-events:none}.state-note.visible{opacity:1}.state-note.error{background:#811b35f2;pointer-events:auto}.bottom-area{position:absolute;bottom:calc(var(--safe-bottom) + 10px);right:12px;width:min(400px,calc(100% - 24px));display:flex;flex-direction:column;gap:6px;padding:26px 10px 10px;pointer-events:auto}.toolbelt{display:flex;align-items:center;gap:8px;min-height:52px}.quick-controls{display:flex;align-items:stretch;min-width:0;flex:1;min-height:54px;border:1px solid #796f782d;border-radius:10px;background:#ffffff4d}.quick-controls button{display:flex;align-items:center;justify-content:center;gap:7px;padding:4px 10px;border-radius:9px}.quick-controls button[aria-expanded=true]{background:var(--ink);color:var(--white);box-shadow:inset 0 2px 4px #0005}.quick-controls button:active{box-shadow:inset 0 2px 5px #211b2238}.quick-controls svg{width:21px;height:21px}.quick-copy{display:flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:1.4}#quick-label{font-size:10px;font-weight:700}#quick-value{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}#open-color{flex-direction:column;gap:2px;min-width:46px;border-left:1px solid var(--line)}#open-color small{font-size:10px}.color-dot{display:block;width:23px;height:23px;border-radius:50%;background:var(--paint);border:2px solid var(--white);box-shadow:0 0 0 1px #827577}#tools-fab{position:relative;flex:none;width:52px;height:52px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;color:var(--white);background:linear-gradient(155deg,#493d4a,#211b22 72%);border:1px solid #827384;box-shadow:inset 0 1px 1px #fff5,inset 0 -3px 2px #0007,0 4px #110d13,0 8px 18px #0006;pointer-events:auto}#tools-fab svg{width:24px;height:24px}#tools-fab>span{font-size:11px;font-weight:800}#tools-fab .fab-expand{position:absolute;top:-3px;right:-2px;width:19px;height:19px;display:grid;place-items:center;border:1px solid #b7aba3;border-radius:50%;color:var(--ink);background:var(--white)}#tools-fab[aria-expanded=true]{background:linear-gradient(155deg,#db385a,#a71e3c);border-color:#f5748f;box-shadow:inset 0 1px 1px #fff5,inset 0 -3px 2px #70142980,0 4px #701429,0 8px 18px #0006}#tools-fab[aria-expanded=true] .fab-expand{display:none}#tools-fab:active{translate:0 3px;box-shadow:inset 0 1px 3px #0006,0 1px #110d13,0 3px 7px #0005}#paint-hold{position:static;width:96px;min-height:58px;border-radius:10px;display:grid;grid-template-columns:24px 1fr;align-content:center;align-items:center;column-gap:5px;padding:6px 8px;color:var(--white);background:linear-gradient(155deg,#c73251ec,#9e1f3bed);border:1px solid #ffbac563;box-shadow:inset 0 1px #fff6,0 3px #68182c,0 5px 10px #56122338;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#paint-hold svg{width:22px;height:22px}#paint-hold b{font-size:14px}#paint-hold small{grid-column:1/-1;font-size:9px;line-height:1.5;pointer-events:none}#paint-hold[aria-pressed=true]{translate:0 3px;color:var(--white);background:#b82142;border-color:#dc5873;box-shadow:inset 0 2px 4px #70142990,0 1px #701429,0 3px 7px #0004}.history-controls{display:flex;flex:1;background:none;border:0;border-radius:7px;box-shadow:none}.history-controls button{min-width:44px;padding-inline:7px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:44px;font-size:20px;line-height:1.1}.history-controls small{font-size:9px;line-height:1.4}.history-controls #compare{font-size:11px;font-weight:700}.history-controls [aria-pressed=true]{background:var(--ink);color:var(--white)}.utility-row{display:flex;align-items:center;gap:2px}.help-button{color:#62575f;font-size:10px;font-weight:700;padding:0 6px}.privacy-badge{font-size:10px;min-height:44px;padding:0 4px;gap:4px}.sheet{position:absolute;bottom:calc(var(--safe-bottom) + 240px);left:12px;right:12px;max-height:min(48dvh,calc(100dvh - var(--header-height,100px) - 24px));overflow:auto;overscroll-behavior:contain;padding:12px 14px;color:var(--ink);background:var(--floating-surface);border:1px solid #fff9;border-radius:14px;box-shadow:inset 0 1px #fffc,0 10px 28px #10101540;pointer-events:auto;transform-origin:bottom right;scrollbar-width:thin}.sheet[inert]{pointer-events:none}.sheet-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.sheet-header small{display:block;color:#b82142;font:800 10px/1.4 Arial,sans-serif;letter-spacing:.1em}.sheet-header h2{font:900 18px/1.4 Yu Gothic,sans-serif;margin:1px 0 0;letter-spacing:-.03em}.sheet-close{display:grid;place-items:center;flex:none;padding:0;border-radius:50%;color:var(--muted);background:transparent}.sheet-close svg{width:19px;height:19px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tool-grid button{display:flex;align-items:center;text-align:left;gap:10px;min-height:64px;padding:8px 10px;border-radius:6px;border:1px solid #cfc5bf;background:var(--white);box-shadow:0 2px #d0c3ba,inset 0 1px #fff}.tool-grid svg{width:24px;height:24px}.tool-grid span{font-size:13px;font-weight:800}.tool-grid small{display:block;margin-top:4px;font-size:10px;line-height:1.3;font-weight:400;color:var(--muted)}.tool-grid button[aria-pressed=true],.brush-choices button[aria-pressed=true],.materials button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--white);box-shadow:inset 0 -3px var(--red)}.tool-grid button[aria-pressed=true] small{color:#fffdf8c9}.sheet-note{margin:10px 0 0;font-size:11px;color:var(--muted);line-height:1.7}.stroke-card{padding:9px 10px 3px;border:1px solid var(--line);border-radius:6px;background:var(--white)}.stroke-card>div{display:flex;justify-content:space-between;font-size:12px}.stroke-card small{font-size:10px;color:var(--muted)}.stroke-card canvas{display:block;width:100%;height:55px}.range-row{display:grid;grid-template-columns:1fr auto;align-items:center;font-size:12px;font-weight:700;margin-top:6px}.range-row output{font:800 16px/1.3 Arial,sans-serif;color:#b82142}.range-row input{grid-column:1 / -1;appearance:none;width:100%;height:44px;background:none;margin:0;cursor:pointer}.range-row input::-webkit-slider-runnable-track{height:3px;background:#211b2238;border-radius:2px}.range-row input::-webkit-slider-thumb{appearance:none;width:21px;height:21px;border-radius:50%;border:3px solid var(--paper);background:var(--red);box-shadow:0 0 0 1px var(--red);margin-top:-9px}.range-row input::-moz-range-track{height:3px;background:#211b2238}.range-row input::-moz-range-thumb{width:15px;height:15px;border:3px solid var(--paper);border-radius:50%;background:var(--red)}.brush-detail summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;cursor:pointer;font-size:12px;color:var(--muted);list-style:none}.brush-detail summary::-webkit-details-marker{display:none}.brush-detail summary svg{width:17px;height:17px;transform:rotate(180deg);transition:transform .18s ease}.brush-detail[open] summary svg{transform:none}.scope-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:5px;margin-top:6px;font-size:11px;gap:6px}.scope-row>div{display:flex}.scope-row button{font-size:12px;padding-inline:12px}.scope-row [aria-pressed=true]{color:#b82142;box-shadow:inset 0 -2px var(--red)}.swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.swatches button{position:relative;height:44px;padding:0}.swatches button:before{content:"";position:absolute;inset:7px;border:1px solid #211b2238;border-radius:50%;background:var(--swatch);box-shadow:inset 0 1px 2px #0002}.swatches [aria-pressed=true]:after{content:"";position:absolute;inset:3px;border:1px solid var(--ink);border-radius:50%}.custom-color{display:flex;align-items:center;gap:8px;min-height:54px;margin-top:8px;border-top:1px solid var(--line);font-size:12px}.custom-color input{width:44px;height:44px;border:0;padding:5px;background:none}.custom-color output{margin-left:auto;font-size:12px;font-variant-numeric:tabular-nums}.materials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.materials button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:70px;padding:7px 2px;border:1px solid var(--line);border-radius:5px;background:var(--white);font-size:10px;font-weight:800}.materials img{width:31px;height:31px;border:1px solid #fff4;border-radius:2px}.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:5px}.choice-row button{border:1px solid var(--line);border-radius:5px;font-size:12px}.choice-row [aria-pressed=true]{background:var(--ink);color:var(--white);box-shadow:inset 0 -2px var(--red)}.select-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;margin:8px 0}.select-label select{min-height:44px;border:1px solid var(--line);border-radius:5px;padding:0 10px;color:var(--ink);background:var(--white)}.selection-actions{display:flex;justify-content:space-between;font-size:11px}.effect-buttons{display:flex;gap:8px}.effect-buttons button{flex:1;border:1px solid var(--line);border-radius:5px;font-size:12px}#apply-effect{background:var(--ink);color:var(--white)}#effect-status{font-size:11px;line-height:1.6;margin:8px 0;color:var(--muted)}.modal{animation:modal-enter .2s cubic-bezier(.16,1,.3,1)}.modal .sheet-header h2{font-size:18px}.primary{display:flex;justify-content:center;align-items:center;gap:8px;border-radius:5px;min-height:48px;font-size:14px;font-weight:800;padding:8px 14px}.primary svg{width:20px;height:20px}.help-list{margin:18px 0}.help-list dt{font-size:13px;font-weight:800;margin-top:14px}.help-list dd{font-size:13px;line-height:1.8;margin:4px 0 0;color:var(--muted)}.modal a{color:#a52140}#new-form{padding:16px}.new-description,.dimension-note{font-size:12px;line-height:1.7;color:var(--muted)}.canvas-dimensions{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.canvas-dimensions label{font-size:12px;font-weight:700}.canvas-dimensions label span{float:right;color:var(--muted);font-weight:400}.canvas-dimensions input,#save-edge{display:block;width:100%;min-width:0;min-height:48px;margin-top:7px;padding:8px;border:1px solid #b5a9a6;border-radius:5px;background:var(--white);color:var(--ink);font:700 18px/1.4 Arial,sans-serif}.canvas-background{display:flex;gap:10px;padding:0;margin:16px 0;border:0}.canvas-background legend,.save-formats legend,.save-sizes legend{font-size:12px;font-weight:800;margin-bottom:8px}.canvas-background label{display:flex;align-items:center;gap:7px;flex:1;min-height:48px;padding:7px;border:1px solid var(--line);background:var(--white);border-radius:5px;font-size:12px}input[type=radio]{accent-color:#b82142;width:16px;height:16px;flex-shrink:0}.background-sample{width:22px;height:22px;border:1px solid var(--line);border-radius:3px}.background-sample.white{background:#fff}.background-sample.transparent{background:repeating-conic-gradient(#ccc 0 25%,#fff 0 50%) 0 0/12px 12px}#create-canvas{width:100%}#new-error{color:#a31d3a;font-size:12px}.save-formats,.save-sizes{border:0;padding:0;margin:12px 0 20px}.save-formats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.save-formats label{display:flex;gap:5px;align-items:center;justify-content:center;min-height:62px;border:1px solid var(--line);border-radius:6px;background:var(--white);cursor:pointer}.save-formats span{display:flex;flex-direction:column;gap:4px;font:800 13px/1.2 Arial,sans-serif}.save-formats small{font:10px/1.3 Yu Gothic,sans-serif;color:var(--muted)}.save-formats label:has(:checked){border-color:#b82142;box-shadow:inset 0 -2px #b82142}.save-sizes>label{display:flex;align-items:center;gap:8px;min-height:44px;font-size:13px;cursor:pointer}.save-sizes small{color:var(--muted);margin-left:5px}.save-sizes .edge-field{margin-left:25px}#save-edge{width:128px;margin-top:0;font-size:16px}.save-result{display:flex;justify-content:space-between;align-items:center;gap:8px;border-block:1px solid var(--line);padding-block:12px;font-size:12px}.save-result output{font-weight:800;font-variant-numeric:tabular-nums}#save-status{min-height:0;margin:10px 0;font-size:12px;line-height:1.7}#save-status:empty{margin:8px 0}#save-download{width:100%}#empty-state{position:absolute;inset:40% 24px auto;color:var(--white);text-align:center;pointer-events:none;line-height:1.8}.no-image #stage,.no-image .control-float,.no-image .toolbelt{visibility:hidden}@keyframes modal-enter{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}@media(hover:hover){.sheet-close:hover,.view-controls button:hover,.history-controls button:not(:disabled):hover{background:#e9dfd5}.tool-grid button:not([aria-pressed=true]):hover{border-color:#8d777d;background:#fff}#tools-fab:hover{filter:brightness(1.12)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.canvas-meta{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;font-size:10px;line-height:1.3}#document-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted)}.canvas-facts{display:flex;align-items:center;gap:8px;white-space:nowrap;font-variant-numeric:tabular-nums}#document-kind{color:var(--muted);font-size:10px}#canvas-size{font:700 12px/1.4 Arial,sans-serif}.control-float{position:absolute;width:max-content;display:flex;align-items:center;gap:4px;padding:22px 6px 4px;border-radius:12px}.view-float{top:calc(var(--header-height,90px) + 10px);right:12px}.visibility-toggle{display:flex;align-items:center;gap:5px;padding:0 7px;box-shadow:none;border:0;border-left:1px solid #796f7840;background:none;border-radius:0;font-size:10px;font-weight:700}.visibility-toggle svg{width:18px;height:18px}.deselect-button{padding:0 12px;border:0;box-shadow:none;color:#a51c39;font-size:12px;font-weight:800}.drag-handle{width:100%;min-width:44px;height:24px;min-height:24px;padding:0;display:grid;place-items:center;color:#82706e;background:transparent;touch-action:none;cursor:grab;flex-shrink:0;border-radius:8px 8px 0 0;user-select:none;-webkit-user-select:none}.drag-handle span{width:30px;height:3px;border-radius:3px;background:#766b7280;box-shadow:0 1px #fffc;pointer-events:none}.drag-handle:hover,.drag-handle:focus-visible{background:#ffffff35}.drag-handle:active{cursor:grabbing;translate:0 0}.is-moving{z-index:5;box-shadow:0 10px 30px #0005}.sheet>.drag-handle{margin:-8px 0 2px;height:24px}.sheet{z-index:3}.direct-tools{display:flex;flex:1;min-width:0;justify-content:space-between;gap:2px}.direct-tools button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:44px;height:50px;flex:1;padding:3px;border-radius:7px;font-size:10px;font-weight:700;white-space:nowrap}.direct-tools svg{width:22px;height:22px}.direct-tools [aria-pressed=true]{color:var(--white);background:var(--ink);box-shadow:inset 0 -2px var(--red)}.brush-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:10px 0 6px}.brush-choices button{position:relative;display:grid;grid-template-columns:minmax(0,1fr);text-align:left;padding:8px 9px;border:1px solid var(--line);border-radius:6px;background:var(--white)}.brush-choices b{font-size:12px}.brush-choices small{color:var(--muted);font-size:10px}.brush-choices [aria-pressed=true] small{color:#fffdf8b8}.brush-choices canvas{display:block;width:100%;height:35px;background:var(--white);border-radius:3px;margin:5px 0}#brush-description{margin:6px 0}.reset-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.reset-actions button{font-size:13px}#reset-layout{width:100%;border:1px solid var(--line);border-radius:5px;margin-top:10px}.header-details{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;min-width:0;gap:8px}.header-details #document-name{max-width:100%}.header-details .canvas-facts{gap:6px}.header-details #canvas-size{font-size:11px}.header-details .utility-row{flex-shrink:0}.header-details .utility-row button{min-height:28px}.bottom-area{border-radius:16px}#selection-settings .selection-actions button{font-size:11px}#selection-settings .select-label{margin:4px 0}#selection-settings .selection-step{margin:4px 0 8px}.header-details .privacy-badge svg{width:15px;height:15px}.control-float,.bottom-area,.sheet{background:var(--floating-surface);backdrop-filter:blur(16px) saturate(.8);-webkit-backdrop-filter:blur(16px) saturate(.8);border:1px solid #ffffffaa;box-shadow:inset 0 1px #fff,0 7px 22px #10101536}.control-float>.drag-handle,.bottom-area>.drag-handle{position:absolute;top:0;left:calc(50% - 36px);width:72px;border:0;border-radius:0 0 6px 6px}.sheet>.drag-handle{background:none}.dock-top{display:flex;align-items:center;gap:6px;border-bottom:1px solid #796f7830;padding-bottom:4px}.dock-actions{display:flex;gap:8px;align-items:stretch;padding-top:5px;border-top:1px solid #796f7830}.selection-float{flex-shrink:0}.deselect-button{border:1px solid #a51c3940;background:#fff6;border-radius:7px;min-height:34px;font-size:11px}.hold-float{flex-shrink:0}.native-input .hold-float{display:none}.quick-controls button[aria-expanded=true]{background:#211b22e8}.zen .bottom-area,.zen .sheet,.zen .state-note,.zen .view-controls{display:none}.zen .visibility-toggle{border:0}.selection-step{margin:6px 0 12px}.selection-step-title{display:block;font-size:11px;font-weight:700;color:var(--muted);margin-bottom:6px}.selection-methods,.selection-operations{display:grid;grid-template-columns:1fr 1fr;gap:6px}.selection-methods button{display:grid;grid-template-columns:22px 1fr;gap:4px 7px;align-items:center;padding:9px;text-align:left;background:#fff7;border:1px solid var(--line);border-radius:8px}.selection-methods svg{width:21px;height:21px;grid-row:1/3}.selection-methods b{font-size:12px}.selection-methods small{font-size:10px;color:var(--muted)}.selection-methods [aria-pressed=true]{color:var(--white);background:#211b22ee;border-color:var(--ink)}.selection-methods [aria-pressed=true] small{color:#fffdf8cc}.selection-operations button{min-height:42px;font-size:12px;border:1px solid var(--line);border-radius:7px;background:#fff5}.selection-operations [aria-pressed=true]{color:#a51c39;border-color:#a51c39;background:#fbe5e9a8;font-weight:800}.selection-ready{width:100%;color:var(--white);background:#a51c39eb;border-radius:8px;font-size:13px;font-weight:700}#selection-settings .selection-actions{margin-top:8px;border-top:1px solid var(--line)}@media(min-width:600px){.topbar{padding-inline:20px}.editor-title h1{font-size:17px}.file-actions button{flex-direction:row;padding-inline:12px;gap:6px}.canvas-meta{flex-direction:row;align-items:center;gap:12px;flex:1}.header-details #document-name{max-width:45%}.bottom-area{right:20px;width:400px}.sheet{left:auto;right:20px;width:380px;max-height:calc(100dvh - var(--header-height,90px) - 24px)}}@media(max-width:359px){.editor-title h1{font-size:13px}.topbar{padding-inline:8px}.file-actions button{padding-inline:5px}.bottom-area{right:8px;width:calc(100% - 16px);padding-inline:7px}.toolbelt{gap:4px}.direct-tools button{min-width:40px;font-size:9px}.quick-controls button{padding-inline:6px}.sheet{bottom:12px;max-height:calc(100dvh - var(--header-height,90px) - 24px)}}@media(max-height:500px){.tool-code{display:none}.header-details{min-height:24px}.header-details .utility-row button{min-height:28px}.topbar{padding-block:calc(2px + var(--safe-top)) 2px}.bottom-area{right:12px;bottom:8px;width:350px}.sheet{left:12px;right:auto;bottom:8px;width:350px;max-height:calc(100dvh - var(--header-height,80px) - 16px)}.view-float{right:12px;top:calc(var(--header-height,80px) + 8px)}}