:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#18181c;--bg-panel:#222228;--bg-raised:#2c2c34;--canvas-surround:#3a3a3a;--line:#34343c;--text:#eceaf2;--text-dim:#a7a4b3;--accent:#b69cf0;--accent-strong:#7452cc;--accent-soft:#b69cf029;--on-accent:#18181c;--ok:#5cc8a1;--warn:#f2b84b;--danger:#f2667a;--radius-panel:10px;--radius-control:8px;--hit:44px;--font-ui:Inter, system-ui, -apple-system, "Segoe UI", "Noto Sans", sans-serif;--motion-fast:.12s;--motion:.2s;--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-app:#ebeaf0;--bg-panel:#f4f3f7;--bg-raised:#fff;--line:#d9d7e0;--text:#1c1b22;--text-dim:#5d5a68;--accent:#7452cc;--accent-soft:#7452cc1f;--on-accent:#fff}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion:0s}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg-app);color:var(--text);font:14px/1.45 var(--font-ui);-webkit-font-smoothing:antialiased}@media (pointer:coarse){body{font-size:15px}}.shell{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.shell :is(input,textarea,[contenteditable],dialog,[role=alert],.hud dd,.selectable){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.shell dialog :is(button,[role=tab],summary){-webkit-user-select:none;user-select:none}.shell{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr);height:100dvh;display:grid}.shell>.topbar{grid-row:1}.shell>.notices{grid-row:2}.shell>.stage{grid-row:3}.topbar{padding-block:max(8px, env(safe-area-inset-top)) 8px;background:var(--bg-panel);border-block-end:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-inline:16px;display:flex}.wordmark{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:700}.wordmark span{color:var(--accent)}.topbar-end{align-items:center;gap:8px;display:flex}.pill{background:var(--accent-soft);color:var(--text);border-radius:999px;padding:4px 10px;font-size:12px}.pill-danger{background:color-mix(in srgb, var(--danger) 20%, transparent)}.icon-btn{min-width:var(--hit);min-height:var(--hit);border:1px solid var(--line);color:var(--text);cursor:pointer;transition:transform var(--motion-fast) var(--ease-spring);background:0 0;border-radius:999px;font-size:18px}.icon-btn:active{transform:scale(.92)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stage{background:var(--canvas-surround);min-height:0;position:relative;overflow:hidden}.stage:focus{outline:none}.gpu-canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.gpu-canvas:active{cursor:grabbing}.stage-note,.stage-error{border-radius:var(--radius-control);background:var(--bg-panel);color:var(--text);margin:0;padding:8px 12px;position:absolute;inset-block-start:16px;inset-inline-start:16px}.stage-error{border:1px solid var(--danger)}.panel{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-panel);width:min(320px,100% - 32px);padding:10px 14px;position:absolute;inset-inline-end:16px;box-shadow:0 8px 24px #0000004d}.panel summary{cursor:pointer;color:var(--accent);align-items:center;min-height:28px;font-size:13px;font-weight:600;display:flex}.panel[open] summary{margin-block-end:8px}.layers{max-height:calc(100% - 96px);inset-block-start:16px;overflow:auto}.hud{max-height:calc(100% - 32px);inset-block-end:16px;overflow:auto}.hud dl{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 12px;margin:0 0 10px;font-size:13px;display:grid}.hud dt{color:var(--text-dim)}.hud dd{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:0}.hud .perf{border-block-end:1px solid var(--line);margin-block-end:10px;padding-block-end:10px}.hud .perf h3{color:var(--text);margin:4px 0 8px;font-size:13px;font-weight:600}.hud .perf dl{grid-template-columns:minmax(0,1fr) auto}.hud .perf dd{white-space:nowrap;text-align:end;unicode-bidi:plaintext}.hint{color:var(--text-dim);margin:0 0 10px;font-size:12px}.btn-primary,.btn-secondary{width:100%;min-height:var(--hit);border-radius:var(--radius-control);font:600 14px var(--font-ui);cursor:pointer}.btn-primary{background:var(--accent);color:var(--on-accent);border:0}.btn-secondary{border:1px solid var(--line);color:var(--text);background:0 0;margin-block-start:8px}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:progress}.result{font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:13px}.result.fail{color:var(--danger)}.gpu-errors{color:var(--danger);overflow-wrap:anywhere;margin:0 0 10px;padding-inline-start:18px;font-size:12px}.switch-gl{justify-content:center;align-items:center;margin:0 0 10px;text-decoration:none;display:flex}.brushes{width:min(260px,100% - 32px);inset-block-start:16px;inset-inline:16px auto}.brush-grid{grid-template-columns:1fr 1fr;gap:6px;margin-block-end:10px;display:grid}.brush-chip{border-radius:var(--radius-control);border:1px solid var(--line);min-height:40px;color:var(--text);font:500 13px var(--font-ui);cursor:pointer;transition:background var(--motion-fast), border-color var(--motion-fast);background:0 0}.brush-chip.selected{background:var(--accent-soft);border-color:var(--accent)}.field{grid-template-columns:70px 1fr auto;align-items:center;gap:8px;margin-block-end:8px;font-size:13px;display:grid}.field>span{color:var(--text-dim)}.field output{font-variant-numeric:tabular-nums;text-align:end;min-width:48px}.field input[type=range]{width:100%;accent-color:var(--accent);min-height:32px}.field input[type=color]{border:1px solid var(--line);border-radius:var(--radius-control);background:0 0;grid-column:span 2;width:100%;height:32px;padding:2px}.field select{border-radius:var(--radius-control);background:var(--bg-raised);min-height:36px;color:var(--text);border:1px solid var(--line);font:inherit;grid-column:span 2;padding:0 8px}.topbar-start{align-items:center;gap:12px;min-width:0;display:flex}.topbar-btn{width:auto;min-height:36px;margin:0;padding-inline:14px}.doc-name{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.link-btn{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;min-height:32px;padding:4px;text-decoration:underline}.notices{background:var(--bg-app);border-block-end:1px solid var(--line);flex-direction:column;align-items:center;gap:6px;padding:6px 8px;display:flex}.notices:not(:has(.banner,.pwa-toast)){display:none}.banner{border-radius:var(--radius-control);background:var(--bg-panel);border:1px solid var(--accent);flex-wrap:wrap;align-items:center;gap:4px 8px;width:min(720px,100%);padding:6px 12px;font-size:13px;display:flex}.banner .link-btn{margin-inline-start:auto}.banner-danger{border-color:var(--danger)}.stage-notice{border-radius:var(--radius-control);background:var(--bg-panel);border:1px solid var(--warn);z-index:4;align-items:center;gap:8px;margin:0;padding:8px 12px;display:flex;position:absolute;inset-block-end:16px;inset-inline-start:50%;transform:translate(-50%)}.gallery-layer{background:var(--bg-app);z-index:6;padding:24px 16px;position:absolute;inset:0;overflow:auto}.gallery{max-width:1100px;margin:0 auto}.gallery-head{justify-content:space-between;align-items:center;gap:16px;margin-block-end:16px;display:flex}.gallery-head h2{margin:0;font-size:20px}.gallery-new{width:auto;padding-inline:18px}.gallery-empty{color:var(--text-dim);text-align:center;padding:48px 0}.gallery-error{color:var(--danger)}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.gallery-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-panel);gap:8px;padding:10px;display:grid}.gallery-thumb{aspect-ratio:4/3;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--canvas-surround);cursor:pointer;width:100%;transition:transform var(--motion-fast) var(--ease-spring);place-items:center;padding:0;display:grid;overflow:hidden}.gallery-thumb:hover{transform:scale(1.02)}.gallery-thumb img{object-fit:contain;max-width:100%;max-height:100%}.gallery-thumb-empty{aspect-ratio:1;background:var(--bg-raised);border-radius:8px;width:40%}.gallery-meta{gap:2px;min-width:0;display:grid}.gallery-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.gallery-meta .hint{margin:0}.gallery-actions{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.gallery-actions .btn-secondary{min-height:36px;margin:0;padding:0 4px;font-size:12px}.danger{color:var(--danger)}.btn-primary.danger{background:var(--danger);color:var(--on-accent)}.modal{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--bg-panel);color:var(--text);width:min(440px,100% - 32px);padding:18px 20px;box-shadow:0 16px 48px #00000073}.modal::backdrop{background:#00000080}.modal h3{margin:0 0 14px;font-size:16px}.modal-actions{justify-content:flex-end;gap:8px;margin-block-start:16px;display:flex}.modal-actions button{width:auto;margin:0;padding-inline:16px}.field-stack{gap:4px;margin-block-end:10px;font-size:13px;display:grid}.field-stack>span{color:var(--text-dim)}.field-stack input,.field input[type=text]{border-radius:var(--radius-control);border:1px solid var(--line);background:var(--bg-raised);min-height:36px;color:var(--text);font:inherit;width:100%;padding:0 10px}.field-stack input[aria-invalid=true]{border-color:var(--danger)}.field-error{color:var(--danger);margin:0 0 10px;font-size:12px}.preset-list{border:0;gap:4px;margin:0 0 12px;padding:0;display:grid}.preset-list legend{color:var(--text-dim);margin-block-end:6px;padding:0;font-size:13px}.preset{border-radius:var(--radius-control);cursor:pointer;align-items:center;gap:10px;min-height:36px;padding:0 8px;display:flex}.preset:hover{background:var(--bg-raised)}.preset input{accent-color:var(--accent);width:18px;height:18px}.size-row{grid-template-columns:1fr auto 1fr;align-items:end;gap:8px;display:grid}.size-row .icon-btn{margin-block-end:10px}.layer-toolbar{flex-wrap:wrap;gap:4px;margin-block-end:8px;display:flex}.layer-tool{border-radius:var(--radius-control);border:1px solid var(--line);min-width:34px;min-height:34px;color:var(--text);cursor:pointer;background:0 0;font-size:15px}.layer-tool:hover:not(:disabled){background:var(--bg-raised)}.layer-tool:disabled{opacity:.4;cursor:default}.layer-status{color:var(--warn);margin:0 0 8px;font-size:12px}.layer-list{touch-action:none;gap:2px;margin:0;padding:0;list-style:none;display:grid}.layer-row{min-height:var(--hit);border-radius:var(--radius-control);border-block:2px solid #0000;align-items:center;gap:4px;display:flex}.layer-row:hover{background:var(--bg-raised)}.layer-row.active{background:var(--accent-soft)}.layer-row.hidden .layer-title,.layer-row.hidden .thumb-canvas{opacity:.45}.layer-row.dragging{opacity:.5}.layer-row.drop-above{border-block-start-color:var(--accent)}.layer-row.drop-below{border-block-end-color:var(--accent)}.layer-row.drop-into{outline:2px solid var(--accent);outline-offset:-2px}.layer-indent{flex:none;width:24px}.layer-mini{width:24px;min-height:32px;color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;padding:0;font-size:13px}.layer-mini:hover{color:var(--text)}.layer-eye[aria-pressed=true]{color:var(--accent)}.layer-drag{cursor:grab;letter-spacing:-2px}.layer-clip{color:var(--accent);flex:none;font-size:14px}.layer-thumb{cursor:pointer;border:1px solid var(--line);background:repeating-conic-gradient(#fff 0 25%, #e4e4e8 0 50%) 0 0 / 8px 8px;border-radius:4px;flex:none;place-items:center;width:40px;height:32px;padding:0;display:grid;overflow:hidden}.layer-thumb.target{border:2px solid var(--accent)}.layer-thumb.mask{background:#000}.layer-thumb.mask.off{opacity:.5}.layer-folder{color:var(--text);background:var(--bg-raised);place-items:center;width:100%;height:100%;font-size:18px;display:grid}.thumb-canvas{max-width:100%;max-height:100%;display:block}.layer-name{text-align:start;min-width:0;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;padding:4px 6px;display:grid}.layer-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.layer-meta{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.layer-props{border-block-start:1px solid var(--line);margin-block-start:8px;padding-block-start:10px}.layer-props .field input[type=text]{grid-column:span 2}.toggles,.mask-actions{gap:2px;margin-block:6px;display:grid}.check{cursor:pointer;align-items:center;gap:8px;min-height:32px;font-size:13px;display:flex}.check input{width:18px;height:18px;accent-color:var(--accent)}.workspace{position:absolute;inset:0}.gpu-canvas.cursor-crosshair,.gpu-canvas.cursor-paint{cursor:crosshair}.gpu-canvas.cursor-move{cursor:move}.gpu-canvas.cursor-hand{cursor:grab}.gpu-canvas.cursor-hand:active{cursor:grabbing}.gpu-canvas.cursor-eyedropper{cursor:cell}.gpu-canvas.cursor-crosshair:active,.gpu-canvas.cursor-paint:active,.gpu-canvas.cursor-move:active,.gpu-canvas.cursor-eyedropper:active{cursor:inherit}.options-bar{z-index:3;background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-panel);flex-wrap:wrap;align-items:center;gap:6px 12px;min-height:44px;max-height:96px;padding:4px 12px;font-size:13px;display:flex;position:absolute;inset-block-start:8px;inset-inline:8px;overflow-y:auto}.opt-title{color:var(--accent);white-space:nowrap;font-weight:600}.opt-num,.opt-select,.opt-check{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.opt-num>span:first-child,.opt-select>span,.opt-check>span{color:var(--text-dim)}.opt-num input[type=range]{width:110px;accent-color:var(--accent);min-height:28px}.opt-num input[type=number],.filter-row input[type=number]{border:1px solid var(--line);background:var(--bg-raised);width:64px;min-height:30px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;border-radius:6px;padding:0 6px}.opt-num output{font-variant-numeric:tabular-nums;min-width:40px}.opt-unit{color:var(--text-dim);font-size:12px}.opt-select select,.filter-row select{background:var(--bg-raised);min-height:30px;color:var(--text);border:1px solid var(--line);font:inherit;border-radius:6px;padding:0 6px}.opt-check input{width:18px;height:18px;accent-color:var(--accent)}.opt-btn{border:1px solid var(--line);min-height:32px;color:var(--text);font:500 13px var(--font-ui);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;padding:0 12px}.opt-btn:hover{background:var(--bg-raised)}.opt-btn.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.opt-commit{gap:6px;margin-inline-start:auto;display:inline-flex}.opt-hint{color:var(--text-dim);font-size:12px}.segmented{border:1px solid var(--line);border-radius:999px;display:inline-flex;overflow:hidden}.segmented button{min-height:30px;color:var(--text);font:500 12px var(--font-ui);cursor:pointer;background:0 0;border:0;padding:0 10px}.segmented button+button{border-inline-start:1px solid var(--line)}.segmented button.on{background:var(--accent-soft);color:var(--text);box-shadow:inset 0 -2px 0 var(--accent)}@media (pointer:coarse){.segmented button,.opt-btn{min-height:40px}}.toolbar{z-index:3;background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-panel);flex-direction:column;gap:2px;max-height:calc(100% - 72px);padding:4px;display:flex;position:absolute;inset-block-start:64px;inset-inline-start:8px;overflow-y:auto}.tool-btn{width:40px;height:40px;color:var(--text-dim);cursor:pointer;transition:transform var(--motion-fast) var(--ease-spring), background var(--motion-fast);background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:relative}@media (pointer:coarse){.tool-btn{width:44px;height:44px}}.tool-btn:hover{background:var(--bg-raised);color:var(--text)}.tool-btn.active{background:var(--accent-soft);color:var(--accent)}.tool-btn:active{transform:scale(.92)}.tool-more{opacity:.7;border-block-end:5px solid;border-inline-start:5px solid #0000;width:0;height:0;position:absolute;inset-block-end:4px;inset-inline-end:4px}:root[dir=rtl] .tool-more{border-inline-start:5px solid #0000}.brushes{max-height:calc(100% - 140px);inset-block-start:64px;inset-inline-start:64px;overflow:auto}.hud{max-height:calc(100% - 80px);inset-inline:64px auto}.hud>summary{z-index:1;background:var(--bg-panel);margin-block-start:-10px;padding-block-start:10px;position:sticky;inset-block-start:-10px}.side-panels{z-index:2;pointer-events:none;flex-direction:column;gap:8px;width:min(320px,100% - 32px);display:flex;position:absolute;inset-block:64px 8px;inset-inline-end:8px;overflow:hidden}.side-panels>.panel{overscroll-behavior:contain;pointer-events:auto;flex:0 auto;width:auto;min-height:48px;max-height:none;position:static;overflow:auto}.side-panels>.panel[open]{min-height:160px}.toolbar-history{border-block-end:1px solid var(--line);flex-direction:column;gap:2px;margin-block-end:2px;padding-block-end:4px;display:flex}.tool-btn:disabled{opacity:.35;cursor:default}.tool-btn:disabled:hover{color:var(--text-dim);background:0 0}.dock{display:none}.dock-swatch{border:2px solid var(--text);border-radius:50%;width:24px;height:24px;box-shadow:0 0 0 1px #0006}.menubar-slot{min-width:0;display:flex}.menubar{gap:2px;display:flex}.menu{position:relative}.menu-top{min-height:32px;color:var(--text);font:500 13px var(--font-ui);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 10px}.menu-top:hover,.menu-top[aria-expanded=true]{background:var(--bg-raised)}@media (pointer:coarse){.menu-top{min-height:40px}}.menu-popup{z-index:20;background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-panel);min-width:240px;max-height:70vh;padding:4px;position:absolute;inset-block-start:calc(100% + 4px);inset-inline-start:0;overflow-y:auto;box-shadow:0 12px 32px #0006}.menu-group.sep{border-block-start:1px solid var(--line);margin-block-start:4px;padding-block-start:4px}.menu-heading{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;padding:4px 10px 2px;font-size:11px;font-weight:600}.menu-item{width:100%;min-height:32px;color:var(--text);font:13px var(--font-ui);text-align:start;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;padding:0 10px;display:flex}.menu-item:hover:not(:disabled),.menu-item:focus-visible{background:var(--accent-soft)}.menu-item:disabled{color:var(--text-dim);opacity:.6;cursor:default}@media (pointer:coarse){.menu-item{min-height:44px}}kbd{font:11px var(--font-ui);color:var(--text-dim);border:1px solid var(--line);background:var(--bg-panel);white-space:nowrap;direction:ltr;unicode-bidi:isolate;border-radius:4px;padding:1px 5px}.brush-actions{grid-template-columns:1fr 1fr;gap:6px;margin-block-end:8px;display:grid}.brush-actions .btn-secondary{min-height:36px;margin:0;font-size:12px}.brush-library{gap:8px;margin-block-end:8px;display:grid}.brush-category h4{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin:4px 0;font-size:11px;font-weight:600}.brush-row{border-radius:var(--radius-control);width:100%;min-height:40px;color:var(--text);font:13px var(--font-ui);text-align:start;cursor:pointer;background:0 0;border:1px solid #0000;grid-template-columns:96px 1fr;align-items:center;gap:8px;padding:4px;display:grid}.brush-row:hover{background:var(--bg-raised)}.brush-row.selected{background:var(--accent-soft);border-color:var(--accent)}.brush-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brush-preview{background:#f4f3f7;border-radius:6px;display:block}.brush-settings-preview{place-items:center;margin-block-end:12px;display:grid}.brush-settings{width:min(520px,100% - 32px)}.filter-dialog{width:min(420px,100% - 32px);margin-block-start:72px;margin-inline-end:16px}.filter-dialog::backdrop{background:0 0}.filter-controls{gap:6px;max-height:55vh;margin-block-end:10px;display:grid;overflow-y:auto}.filter-row{grid-template-columns:minmax(110px,1fr) 2fr auto 28px;align-items:center;gap:8px;font-size:13px;display:grid}.filter-row>span:first-child{color:var(--text-dim)}.filter-row input[type=range]{width:100%;accent-color:var(--accent);min-height:28px}.filter-row input[type=color]{border:1px solid var(--line);background:0 0;border-radius:6px;width:48px;height:30px;padding:2px}.filter-row input[type=file]{font:inherit;color:var(--text);grid-column:span 3}.shortcuts-dialog{width:min(860px,100% - 32px)}.shortcuts-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px 24px;max-height:60vh;display:grid;overflow-y:auto}.shortcuts-grid h4{color:var(--accent);margin:0 0 6px;font-size:12px}.shortcuts-grid dl{grid-template-columns:1fr auto;gap:4px 12px;margin:0;font-size:13px;display:grid}.shortcuts-grid dd{justify-content:flex-end;gap:3px;margin:0;display:flex}.fidelity-dialog{width:min(720px,100% - 32px)}.fidelity-summary{flex-wrap:wrap;gap:6px 16px;margin:0 0 10px;padding:0;font-size:13px;list-style:none;display:flex}.fidelity-items{border:1px solid var(--line);border-radius:var(--radius-control);max-height:45vh;overflow:auto}.fidelity-items table{border-collapse:collapse;width:100%;font-size:12px}.fidelity-items th,.fidelity-items td{text-align:start;border-block-end:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere;padding:4px 8px}.fidelity-items th{background:var(--bg-panel);color:var(--text-dim);font-weight:600;position:sticky;inset-block-start:0}.fid-preserved{color:var(--ok)}.fid-approximated{color:var(--warn)}.fid-dropped,.fid-rasterised{color:var(--danger)}.fidelity-items td:not(:first-child){color:var(--text)}.tabs{border-block-end:1px solid var(--line);gap:2px;margin-block-end:8px;display:flex}.tabs button{min-height:32px;color:var(--text-dim);font:500 12px var(--font-ui);cursor:pointer;background:0 0;border:0;border-block-end:2px solid #0000;flex:1}.tabs button.on{color:var(--text);border-block-end-color:var(--accent)}@media (pointer:coarse){.tabs button{min-height:44px}}.loupe{z-index:4;pointer-events:none;border:3px solid #fff;border-radius:50%;width:56px;height:56px;position:absolute;transform:translate(-50%,calc(-100% - 24px));box-shadow:0 0 0 1px #000,0 6px 16px #0006}.shortcuts-grid dd{flex-wrap:wrap;align-items:flex-start}.shortcuts-grid dt{align-self:start}.key-or{color:var(--text-dim);padding-inline:2px;font-size:11px}.fidelity-items td:first-child,.fidelity-items th{white-space:nowrap}.fidelity-items td:nth-child(3){overflow-wrap:normal;word-break:normal}.gallery-buttons{flex-wrap:wrap;gap:8px;display:flex}.gallery-buttons button{width:auto;margin:0;padding-inline:18px}.gallery-drop-hint{margin:-8px 0 16px}.gallery-dropping{outline:2px dashed var(--accent);outline-offset:8px;border-radius:var(--radius-panel)}.export-dialog{width:min(480px,100% - 32px)}.export-formats,.export-options{border:0;gap:4px;min-width:0;margin:0 0 12px;padding:0;display:grid}.export-formats legend,.export-options legend{color:var(--text-dim);margin-block-end:6px;padding:0;font-size:13px}.radio-row,.check-row{border-radius:var(--radius-control);cursor:pointer;align-items:center;gap:10px;min-height:36px;padding:0 8px;display:flex}.radio-row:hover,.check-row:hover{background:var(--bg-raised)}.radio-row input,.check-row input{accent-color:var(--accent);flex:none;width:18px;height:18px}.radio-row .hint{margin:0 0 0 auto;font-size:12px}.field-row{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;align-items:center;gap:10px;min-height:36px;padding:0 8px;font-size:13px;display:grid}.field-row select,.field-row input[type=range]{width:100%;min-height:32px}.field-row select{border-radius:var(--radius-control);border:1px solid var(--line);background:var(--bg-raised);color:var(--text);font:inherit;padding:0 8px}.field-row input[type=range]{accent-color:var(--accent)}.field-row output{text-align:end;font-variant-numeric:tabular-nums;min-width:3ch}.export-options .hint{margin:0 8px 4px;font-size:12px}.settings-dialog{width:min(480px,100% - 32px);max-height:calc(100dvh - 32px);overflow:auto}.settings-section{border-block-start:1px solid var(--line);padding-block:12px 4px}.settings-section:first-of-type{border-block-start:0;padding-block-start:0}.settings-section h4{margin:0 0 8px;font-size:14px}.settings-section p{margin:0 0 8px;font-size:13px}.settings-section select,.settings-section input[type=email]{border-radius:var(--radius-control);border:1px solid var(--line);background:var(--bg-raised);min-height:36px;color:var(--text);font:inherit;width:100%;padding:0 10px}.pen-presets,.pen-row{flex-wrap:wrap;gap:6px;margin-block-end:10px;display:flex}.pen-row{align-items:center}.pen-chip{min-height:var(--hit);min-width:var(--hit);border:1px solid var(--line);color:var(--text);font:500 13px var(--font-ui);cursor:pointer;background:0 0;border-radius:999px;padding:0 14px}.pen-chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}.pen-chip:disabled{opacity:.45;cursor:default}.pen-graph{grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);place-items:center;margin-block-end:8px;display:grid}.pen-axis{color:var(--text-dim);font-size:11px}.pen-axis-y{writing-mode:vertical-rl;transform:rotate(180deg)}.pen-axis-x{grid-column:2}.pen-plot{width:min(100%,300px);padding:22px}.pen-plot-area{aspect-ratio:1;touch-action:none;cursor:crosshair;background:var(--bg-raised);border:1px solid var(--line);border-radius:4px;position:relative}.pen-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pen-svg path{fill:none;vector-effect:non-scaling-stroke}.pen-grid{stroke:var(--line);stroke-width:1px}.pen-diagonal{stroke:var(--text-dim);stroke-width:1px;stroke-dasharray:3 4;opacity:.6}.pen-line{stroke:var(--accent);stroke-width:2.5px}.pen-point{width:var(--hit);height:var(--hit);cursor:grab;touch-action:none;border-radius:50%;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.pen-point:focus-visible{outline-offset:-6px}.pen-dot{background:var(--bg-panel);border:2px solid var(--accent);width:14px;height:14px;transition:transform var(--motion-fast) ease-out;border-radius:50%}.pen-point.selected .pen-dot{background:var(--accent);transform:scale(1.15)}.pen-live{background:var(--text);pointer-events:none;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute}.pen-slider{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) 5ch;align-items:center;gap:10px;font-size:13px;display:grid}.pen-slider>span{color:var(--text)}.pen-slider input[type=range]{width:100%;min-height:var(--hit);accent-color:var(--accent)}.pen-slider output,.pen-meter-row output{text-align:end;font-variant-numeric:tabular-nums;unicode-bidi:plaintext}.pen-settings .hint{margin-block:0 10px}.pen-meter{gap:6px;margin-block:4px 10px;display:grid}.pen-meter-row{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) 5ch;align-items:center;gap:10px;font-size:13px;display:grid}.pen-meter-track{background:var(--bg-raised);border:1px solid var(--line);border-radius:999px;height:8px;overflow:hidden}.pen-meter-fill{background:var(--accent);height:100%}.pen-pad-label{margin-inline-end:auto;font-size:13px;font-weight:600}.pen-pad{border-radius:var(--radius-control);border:1px dashed var(--line);background:var(--bg-raised);width:100%;height:140px;color:var(--text);touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:block}.plan-row{align-items:center;gap:10px;display:flex}.plan-badge{border:1px solid var(--line);border-radius:999px;align-items:center;min-height:24px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.pro-badge{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:700}.upsell{border-radius:var(--radius-control);background:var(--accent-soft);gap:4px;margin-block:8px;padding:10px 12px;display:grid}.upsell p{margin:0}.upsell .link-btn{justify-self:start;padding-inline:0}:lang(ur){font-family:"Noto Nastaliq Urdu", "Jameel Noori Nastaleeq", "Urdu Typesetting", var(--font-ui);line-height:1.9}@media (max-width:1099.98px),(max-height:499.98px){.workspace .brushes,.workspace .side-panels>.panel{display:none}.workspace[data-sheet=brushes] .brushes,.workspace[data-sheet=layers] .side-panels>.layers,.workspace[data-sheet=colour] .side-panels>.colour-panel{animation:sheet-in var(--motion-fast,.12s) ease-out;display:block}.side-panels{display:contents}.side-panels>.panel{z-index:4;position:absolute}.hud{display:none}.workspace.debug-hud .hud{display:block}.dock{z-index:5;gap:4px;display:flex}.dock-group{gap:2px;display:flex}.dock .tool-btn{width:var(--hit);height:var(--hit)}.dock .tool-btn.active{background:var(--accent-soft);color:var(--accent)}}@keyframes sheet-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.workspace .panel{animation:none!important}}@media (min-width:700px) and (max-width:1099.98px) and (min-height:500px){.dock{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-panel);flex-direction:column;padding:4px;position:absolute;inset-block-start:64px;inset-inline-end:8px}.dock-group{flex-direction:column}.dock-phone{display:none}.brushes{width:min(300px,100% - 140px);max-height:calc(100% - 80px);inset-block-start:64px;inset-inline-start:64px}.side-panels>.panel{width:min(360px,100% - 140px);max-height:calc(100% - 80px);inset-block-start:64px;inset-inline-end:64px}.workspace.debug-hud .hud{inset-block-end:8px}}@media (max-width:699.98px),(max-height:499.98px){.workspace{--dock-h:calc(56px + env(safe-area-inset-bottom))}.dock{min-height:var(--dock-h);padding:6px max(8px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));background:var(--bg-panel);border-block-start:1px solid var(--line);justify-content:space-between;align-items:center;position:absolute;inset-block-end:0;inset-inline:0}.dock-group:last-child{gap:4px}.toolbar{display:none}.workspace[data-sheet=tools] .toolbar{inset-inline:0;inset-block:auto var(--dock-h);max-height:60%;animation:sheet-in var(--motion-fast,.12s) ease-out;border-radius:16px 16px 0 0;flex-flow:wrap;justify-content:center;gap:6px;padding:10px;display:flex}.toolbar-history{display:none}.tool-btn{width:var(--hit);height:var(--hit)}.options-bar{border-radius:0 0 var(--radius-panel) var(--radius-panel);max-height:50%;padding:8px 12px;display:none;inset-block-start:0;inset-inline:0}.workspace[data-sheet=options] .options-bar,.workspace.floating .options-bar{display:flex}.opt-num input[type=range]{width:min(160px,40vw)}.opt-num input[type=number],.opt-select select,.opt-btn{min-height:var(--hit)}.brushes,.side-panels>.panel{inset-inline:0;inset-block:auto var(--dock-h);width:auto;max-height:min(65%,560px);padding-inline:max(14px, env(safe-area-inset-left)) max(14px, env(safe-area-inset-right));border-block-end:0;border-radius:16px 16px 0 0;overflow:auto}.brush-row,.layer-tool{min-height:var(--hit)}.layer-tool{min-width:var(--hit)}.workspace.debug-hud .hud{width:min(320px,100% - 16px);inset-block-end:calc(var(--dock-h) + 8px);inset-inline-start:8px}.stage-notice{max-width:calc(100% - 16px);inset-block-end:calc(var(--dock-h) + 8px)}.topbar{padding-inline:max(8px, env(safe-area-inset-left)) max(8px, env(safe-area-inset-right));gap:6px}.topbar.has-doc .wordmark,.topbar.has-doc .doc-name,.topbar.has-doc .pill,.topbar.has-doc .theme-btn{display:none}.topbar-start{flex:1;gap:6px}.topbar-btn{min-height:var(--hit);padding-inline:10px}.menubar-slot{scrollbar-width:none;flex:1;overflow-x:auto}.menu-top{min-height:var(--hit);padding:0 8px}.menu-popup{min-width:0;max-height:calc(100dvh - 140px);position:fixed;inset-block-start:calc(max(8px, env(safe-area-inset-top)) + 60px);inset-inline:8px}.menu-item{min-height:var(--hit)}}.pwa-stack{flex-direction:column;align-items:center;gap:6px;inline-size:100%;display:flex}.pwa-stack:not(:has(.pwa-toast)){display:none}.pwa-toast{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--bg-raised);inline-size:min(720px,100%);color:var(--text);animation:pwa-in var(--motion) var(--ease-spring);flex-wrap:wrap;align-items:center;gap:6px 12px;padding:6px 8px 6px 12px;font-size:13px;display:flex}.pwa-toast-quiet{background:var(--bg-panel);color:var(--text-dim)}.pwa-text{flex-direction:column;flex:200px;gap:2px;min-inline-size:0;display:flex}.pwa-text span{color:var(--text-dim)}.pwa-actions{gap:8px;display:flex}.pwa-btn{min-block-size:var(--hit);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text);font:inherit;cursor:pointer;background:0 0;padding-inline:14px}.pwa-btn-primary{background:var(--accent);color:var(--on-accent);border-color:#0000;font-weight:600}.pwa-btn:disabled{opacity:.6;cursor:progress}.pwa-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes pwa-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.pwa-toast{animation:none}}.cp,.hm,.pl{overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr)}.cp{gap:12px;min-width:0;display:grid}.cp-checker{background-image:repeating-conic-gradient(#fff 0 25%, #d9d8de 0 50%);background-size:12px 12px}.cp-wheel{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;max-width:280px;margin-inline:auto;position:relative}.cp-ring{cursor:crosshair;border-radius:50%;position:absolute;inset:0;overflow:hidden;-webkit-mask:radial-gradient(farthest-side,#0000 calc(78% - 1px),#000 78%);mask:radial-gradient(farthest-side,#0000 calc(78% - 1px),#000 78%)}.cp-ring:focus-visible{outline:none}.cp-wheel:has(.cp-ring:focus-visible) .cp-ring-thumb{outline:2px solid var(--accent);outline-offset:3px}.cp-square{cursor:crosshair;background:linear-gradient(to top, #000, #0000), linear-gradient(to right, #fff, var(--cp-hue));border-radius:4px;position:absolute;inset:24%}.cp-thumb{pointer-events:none;border:2px solid #fff;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;box-shadow:0 0 0 1px #0000008c,inset 0 0 0 1px #00000059}.cp-ring-thumb{width:26px;height:26px;margin:-13px 0 0 -13px}.cp-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cp-compare{min-height:var(--hit);border:1px solid var(--line);border-radius:999px;flex:1 0 88px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.cp-compare>*{min-height:var(--hit);border:0;padding:0;position:relative}.cp-compare>*>span{position:absolute;inset:0}.cp-prev{cursor:pointer}.cp-prev:focus-visible{outline-offset:-3px}.cp-eyedrop[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.cp-eyedrop-note{color:var(--text-dim);margin:0;font-size:12px}.cp-sample{border-radius:var(--radius-control);background:var(--bg-raised);min-width:0;max-width:100%;min-height:36px;color:var(--text);border:1px solid var(--line);font:inherit;flex:100px;padding:0 8px}.cp-modes{background:var(--bg-raised);border-radius:999px;justify-self:start;gap:2px;padding:2px;display:inline-flex}.cp-mode{min-width:56px;min-height:36px;color:var(--text-dim);font:600 13px var(--font-ui);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 12px}.cp-mode[aria-pressed=true]{background:var(--accent-soft);color:var(--text)}.cp-sliders{gap:2px;display:grid}.cp-slider{grid-template-columns:minmax(22px,auto) minmax(0,1fr) 64px;align-items:center;gap:8px;display:grid}.cp-slider>span{color:var(--text-dim);text-align:center;font-size:13px;font-weight:600}.cp-range{appearance:none;width:100%;height:var(--hit);cursor:pointer;touch-action:none;background:0 0;margin:0}.cp-range::-webkit-slider-runnable-track{background:var(--track);border-radius:7px;height:14px;box-shadow:inset 0 0 0 1px #00000040}.cp-range::-moz-range-track{background:var(--track);border-radius:7px;height:14px;box-shadow:inset 0 0 0 1px #00000040}.cp-range::-webkit-slider-thumb{appearance:none;background:var(--thumb,#fff);border:3px solid #fff;border-radius:50%;width:24px;height:24px;margin-top:-5px;box-shadow:0 0 0 1px #00000080}.cp-range::-moz-range-thumb{background:var(--thumb,#fff);border:3px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 1px #00000080}.cp-range:focus-visible{outline:none}.cp-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1px #00000080, 0 0 0 4px var(--accent)}.cp-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 1px #00000080, 0 0 0 4px var(--accent)}.cp-num,.cp-hex{border-radius:var(--radius-control);border:1px solid var(--line);background:var(--bg-raised);width:100%;min-height:36px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;text-align:end;padding:0 8px}output.cp-num{justify-content:flex-end;align-items:center;display:flex}.cp-hex{text-align:start;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.cp-hex[aria-invalid=true]{border-color:var(--danger)}.cp-hex-row{grid-template-columns:auto 1fr;align-items:center;gap:8px;font-size:13px;display:grid}.cp-hex-row>span{color:var(--text-dim)}.cp-error{color:var(--danger);margin:0;font-size:12px}.cp-label{color:var(--text-dim);margin:0;font-size:12px;font-weight:600}.cp-grid{grid-template-columns:repeat(auto-fill, minmax(var(--hit), 1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.cp-grid>li{display:grid;position:relative}.cp-swatch{min-width:var(--hit);min-height:var(--hit);aspect-ratio:1;border:1px solid var(--line);border-radius:var(--radius-control);cursor:pointer;transition:transform var(--motion-fast) var(--ease-spring);padding:0;position:relative;overflow:hidden}.cp-swatch>span{pointer-events:none;position:absolute;inset:0}.cp-swatch:active{transform:scale(.94)}.cp-swatch.selected{box-shadow:0 0 0 2px var(--bg-panel), 0 0 0 4px var(--accent)}.cp-swatch.add{color:var(--text);background:0 0;border-style:dashed;font-size:22px}.cp-empty{color:var(--text-dim);margin:0;font-size:12px}.hm{gap:10px;min-width:0;display:grid}.hm-wheel{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;max-width:280px;margin-inline:auto;position:relative}.hm-disc{cursor:crosshair;border-radius:50%;position:absolute;inset:0;overflow:hidden}.hue-canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hm-shade{pointer-events:none;background:#000;border-radius:50%;position:absolute;inset:0}.hm-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hm-lines line{stroke:#ffffffd9;stroke-width:1.5px;vector-effect:non-scaling-stroke}.hm-point{width:var(--hit);height:var(--hit);margin:calc(var(--hit) / -2) 0 0 calc(var(--hit) / -2);cursor:grab;touch-action:none;background:0 0;border:0;border-radius:50%;padding:0;position:absolute}.hm-point>span{border:2px solid #fff;border-radius:50%;position:absolute;inset:11px;box-shadow:0 0 0 1px #0000008c}.hm-point.base>span{border-width:3px;inset:8px}.hm-point.active>span{box-shadow:0 0 0 1px #0000008c, 0 0 0 4px var(--accent)}.hm-point:focus-visible{outline:none}.hm-point:focus-visible>span{outline:2px solid var(--accent);outline-offset:3px}.hm-point:active{cursor:grabbing}.pl{gap:10px;min-width:0;display:grid}.pl-bar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pl-bar select,.pl-bar input[type=text]{min-width:0;min-height:var(--hit);border-radius:var(--radius-control);border:1px solid var(--line);background:var(--bg-raised);color:var(--text);font:inherit;flex:140px;padding:0 10px}.pl-tool{min-width:var(--hit);min-height:var(--hit);border-radius:var(--radius-control);border:1px solid var(--line);color:var(--text);font:500 13px var(--font-ui);cursor:pointer;background:0 0;padding:0 10px}.pl-tool:hover:not(:disabled){background:var(--bg-raised)}.pl-tool:disabled{opacity:.4;cursor:default}.pl-tool[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}.pl-tool.danger{color:var(--danger)}.pl-confirm{border:1px solid var(--danger);border-radius:var(--radius-control);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.pl-grid.arranging{touch-action:none}.pl-grid .cp-swatch{touch-action:manipulation}.pl-grid.arranging .cp-swatch{cursor:grab}.pl-grid .dragging{opacity:.4}.pl-grid .drop-before:before,.pl-grid .drop-after:after{content:"";background:var(--accent);z-index:1;border-radius:2px;width:3px;position:absolute;inset-block:2px}.pl-grid .drop-before:before{inset-inline-start:-4px}.pl-grid .drop-after:after{inset-inline-end:-4px}.pl-grid.arranging{gap:16px;padding-block-start:14px;padding-inline-end:14px}.pl-remove{border:1px solid var(--line);background:var(--bg-raised);width:24px;height:24px;color:var(--text);cursor:pointer;z-index:2;border-radius:50%;padding:0;font-size:13px;line-height:1;position:absolute;inset-block-start:-8px;inset-inline-end:-8px}.pl-remove:before{content:"";position:absolute;inset-block:-6px 0;inset-inline:0 -6px}.pl-status{color:var(--text-dim);min-height:1em;margin:0;font-size:12px}.pl-status.error{color:var(--danger)}.pl-report{color:var(--text-dim);font-size:12px}.pl-report summary{cursor:pointer;align-items:center;min-height:32px;display:flex}.pl-report ul{margin:4px 0 0;padding-inline-start:18px}.pl-io{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pl-io select{min-width:0;min-height:var(--hit);border-radius:var(--radius-control);border:1px solid var(--line);background:var(--bg-raised);color:var(--text);font:inherit;flex:160px;padding:0 8px}.pl-file{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.cp-swatch,.cp-swatch:active{transition:none;transform:none}}