:root{color-scheme:dark;--bg: #1e1e20;--panel: #2a2a2d;--panel-raised: #333337;--border: #3d3d42;--text: #e2e2e6;--text-muted: #9a9aa2;--accent: #5b8def;--on-accent: #fff;--invalid: #d9534f;--swatch-edge: rgb(0 0 0 / 70%);--swatch-inner-edge: rgb(255 255 255 / 55%);--marker: #fff;--marker-shadow: rgb(0 0 0 / 65%);--default-foreground: #000;--default-background: #fff;--shadow-popover: 0 6px 20px rgb(0 0 0 / 45%);--cursor-line: #fff;--cursor-halo: rgb(0 0 0 / 55%);--crop-shade: rgb(0 0 0 / 50%);--crop-grid: rgb(255 255 255 / 75%);--crop-grid-halo: rgb(0 0 0 / 25%);--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 12px;--space-6: 16px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--font-size-xs: 10px;--font-size-sm: 11px;--font-size-md: 12px;--font-size-base: 13px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:var(--font-size-base);color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}button{font:inherit;color:var(--text);background:var(--panel-raised);border:1px solid var(--border);border-radius:4px;padding:3px 9px;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){border-color:#fff}button.danger{background:#b3403a;border-color:#b3403a;color:#fff}button.danger:hover:not(:disabled){border-color:#fff}.app{display:grid;grid-template-rows:auto auto 1fr auto;grid-template-columns:minmax(0,1fr);height:100%}.toolbar{display:flex;align-items:center;gap:16px;padding:6px 12px;background:var(--panel);border-bottom:1px solid var(--border);user-select:none}.app-title{font-weight:600;letter-spacing:.02em}.toolbar-group{display:flex;align-items:center;gap:6px}.zoom-indicator{min-width:52px;text-align:center;font-variant-numeric:tabular-nums}.tool-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:30px;height:26px;padding:0;-webkit-touch-callout:none}.tool-key{position:absolute;right:2px;bottom:0;font-size:8px;line-height:1.2;color:var(--text-muted)}.tool-button[aria-pressed=true],.segmented button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.tool-button[aria-pressed=true] .tool-key{color:#fff}.tool-group-mark{position:absolute;top:0;right:0;width:10px;height:10px;color:var(--text-muted)}.tool-group-mark:after{content:"";position:absolute;top:2px;right:2px;width:5px;height:5px;background:currentColor;clip-path:polygon(0 0,100% 0,100% 100%)}.tool-button[aria-pressed=true] .tool-group-mark{color:#fff}.segmented{gap:0}.segmented button{border-radius:0}.segmented button+button{margin-left:-1px}.segmented button:hover,.segmented button:focus-visible{position:relative;z-index:1}.segmented button:first-child{border-radius:4px 0 0 4px}.segmented button:last-child{border-radius:0 4px 4px 0}.tool-options{display:flex;align-items:center;gap:16px;min-height:34px;padding:3px 12px;background:var(--panel);border-bottom:1px solid var(--border);user-select:none}.tool-options-name{min-width:140px;color:var(--text-muted)}.tool-options-hint{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:12px}.status-bar{display:flex;gap:24px;padding:3px 12px;background:var(--panel);border-top:1px solid var(--border);font-size:12px;user-select:none}.status-item{display:flex;gap:6px}.status-label{color:var(--text-muted)}.status-value{min-width:90px;font-variant-numeric:tabular-nums}.status-message{margin-left:auto;font-variant-numeric:tabular-nums}.workspace{display:grid;grid-template-columns:1fr auto;min-height:0}.viewport{position:relative;min-width:0;min-height:0;overflow:hidden}.viewport-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}.viewport-overlay{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.sidebar{display:flex;flex-direction:column;width:300px;min-height:0;background:var(--panel);border-left:1px solid var(--border)}.panel-title{margin:0;padding:8px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border)}.layers-panel{display:flex;flex-direction:column;flex:1;min-height:0}.layer-list{flex:1;min-height:0;overflow-y:auto;list-style:none;margin:0;padding:0}.layer-list.is-reordering,.layer-list.is-reordering *{cursor:grabbing}.layer{display:flex;align-items:center;gap:8px;padding:8px 12px 8px 10px;border-bottom:1px solid var(--border);border-left:2px solid transparent;user-select:none;touch-action:none}.layer.is-active{background:color-mix(in srgb,var(--accent) 18%,var(--panel));border-left-color:var(--accent)}.layer.is-dragging{opacity:.5}.layer.drop-before{box-shadow:inset 0 2px 0 var(--accent)}.layer.drop-after{box-shadow:inset 0 -2px 0 var(--accent)}.layer.is-hidden .layer-name{color:var(--text-muted)}.layer.is-floating .layer-name{font-style:italic}.visibility-toggle{display:grid;place-items:center;width:26px;height:26px;padding:0;flex:none}.layer-thumbnail{display:grid;place-items:center;width:64px;height:40px;flex:none}.layer-thumbnail canvas{display:block;max-width:100%;max-height:100%;outline:1px solid var(--border)}.layer-body{display:grid;gap:4px;flex:1;min-width:0}.layer-name{display:block;width:100%;min-width:0;height:26px;padding:0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;background:none;border-color:transparent;cursor:default}.layer-name:hover:not(:disabled){border-color:transparent}.layer-name-input{width:100%;min-width:0;height:26px;padding:0 4px;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--accent);border-radius:4px}.layer-name-input[aria-invalid=true]{border-color:#d9534f}.layer-opacity{display:grid;grid-template-columns:auto 1fr 38px;align-items:center;gap:6px;color:var(--text-muted);font-size:12px}.layer-opacity input{width:100%;min-width:0;accent-color:var(--accent)}.layer-opacity output{text-align:right;font-variant-numeric:tabular-nums;color:var(--text)}.layer-actions{display:flex;justify-content:flex-end;gap:4px;padding:6px 8px;border-top:1px solid var(--border)}.layer-actions button{display:grid;place-items:center;width:28px;height:26px;padding:0}.app.busy,.app.busy *{cursor:progress}.drop-hint{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;pointer-events:none;background:#00000059;outline:3px dashed var(--accent);outline-offset:-12px}.drop-hint-label{padding:var(--space-5) var(--space-6);font-size:15px;font-weight:600;background:var(--panel);border:1px solid var(--accent);border-radius:var(--radius-md);box-shadow:var(--shadow-popover)}.menu{position:relative}.menu-trigger[aria-expanded=true]{border-color:var(--accent)}.menu-list{position:absolute;top:calc(100% + 4px);left:0;z-index:10;display:grid;min-width:250px;padding:4px;background:var(--panel-raised);border:1px solid var(--border);border-radius:6px;box-shadow:0 6px 20px #00000073}.menu-item{display:flex;justify-content:space-between;gap:24px;width:100%;padding:5px 10px;text-align:left;background:transparent;border:1px solid transparent}.menu-item:hover:not([aria-disabled=true]),.menu-item:focus-visible{background:var(--accent);border-color:var(--accent);color:#fff;outline:none}.menu-item[aria-disabled=true]{color:var(--text-muted);cursor:default}.menu-item[aria-disabled=true]:focus-visible{background:transparent;color:var(--text-muted)}.menu-shortcut{font:inherit;color:inherit;opacity:.7}.menu-check{display:inline-block;width:1.25em}.menu-icon{display:inline-block;width:16px;height:16px;margin-right:8px;vertical-align:-3px}.menu-separator{height:1px;margin:4px 6px;background:var(--border)}.menu-sub{position:relative;display:grid}.menu-list.submenu{top:-5px;left:100%;min-width:220px}.menu-item[aria-expanded=true]:not([aria-disabled=true]){background:var(--accent);border-color:var(--accent);color:#fff}.menu-submark{opacity:.7}.context-menu{position:fixed;z-index:20;min-width:200px}.document-name{display:flex;align-items:center;gap:6px;min-width:0;margin-left:auto;color:var(--text-muted)}.document-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dirty-marker{color:var(--accent);font-size:11px}.dialog{width:min(380px,calc(100vw - 32px));padding:16px 20px;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 40px #0000008c}.dialog::backdrop{background:#00000073}.dialog-title{margin:0 0 14px;font-size:15px;font-weight:600}.dialog-text{margin:0 0 16px;line-height:1.45;overflow-wrap:anywhere}.dialog-form{display:grid;gap:14px}.dialog-form .dialog-text{margin:0}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.dialog-actions button{min-width:76px;padding:5px 12px}.size-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.size-fields.swappable{grid-template-columns:1fr auto 1fr;align-items:end;column-gap:8px}.swap-button{grid-area:1 / 2;display:grid;place-items:center;width:26px;height:calc(1lh + 10px);padding:0}.field{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:6px;row-gap:4px}.field>label{grid-column:1 / -1;color:var(--text-muted)}.field input{width:100%;min-width:0;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:4px 6px}.field input[aria-invalid=true]{border-color:#d9534f}.unit{color:var(--text-muted)}.choice-group{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;border:0}.choice-group legend{width:100%;margin-bottom:6px;padding:0;color:var(--text-muted)}.choice-group label{display:flex;align-items:center;gap:6px}.choice-group input{margin:0;accent-color:var(--accent)}.range-field{display:grid;grid-template-columns:auto 1fr 42px;align-items:center;gap:8px}.range-field label{color:var(--text-muted)}.range-field input{width:100%;min-width:0;accent-color:var(--accent)}.range-field output{text-align:right;font-variant-numeric:tabular-nums}.field-hint{margin:0;color:var(--text-muted);font-size:12px;line-height:1.4}.field-hint[role=alert]{color:#e8827f}.check-field{display:flex;align-items:center;justify-self:start;gap:6px}.check-field input{margin:0;accent-color:var(--accent)}.anchor-field{margin:0;padding:0;border:0}.anchor-field legend{margin-bottom:6px;padding:0;color:var(--text-muted)}.anchor-grid{display:grid;grid-template-columns:repeat(3,22px);gap:3px}.anchor-grid input{appearance:none;width:22px;height:22px;margin:0;background:var(--bg);border:1px solid var(--border);border-radius:3px;cursor:pointer}.anchor-grid input:hover{border-color:var(--text-muted)}.anchor-grid input:checked{background:var(--accent);border-color:var(--accent)}.fill-contents{display:grid;grid-template-columns:1fr 1fr}.fill-swatch{flex:none;width:14px;height:14px;border:1px solid var(--swatch-edge);border-radius:var(--radius-xs);box-shadow:inset 0 0 0 1px var(--swatch-inner-edge)}.fill-custom{display:flex;align-items:center;gap:6px}.fill-color{width:28px;height:18px;padding:0;background:none;border:1px solid var(--swatch-edge);border-radius:var(--radius-xs);cursor:pointer}.fill-color::-webkit-color-swatch-wrapper{padding:0}.fill-color::-webkit-color-swatch{border:0}.fill-color::-moz-color-swatch{border:0}.color-swatches{position:relative;display:flex;align-items:center;gap:var(--space-2)}.swatch-stack{position:relative;width:30px;height:26px}.swatch{position:absolute;width:18px;height:16px;padding:0;border:1px solid var(--swatch-edge);border-radius:var(--radius-xs);box-shadow:inset 0 0 0 1px var(--swatch-inner-edge)}.swatch-foreground{top:0;left:0;z-index:1}.swatch-background{right:0;bottom:0}.swatch[aria-expanded=true]{border-color:var(--accent)}.swatch-actions{display:grid;gap:var(--space-1)}.swatch-action{display:grid;place-items:center;width:16px;height:12px;padding:0;color:var(--text-muted);border-radius:var(--radius-xs)}.default-foreground,.default-background{stroke:var(--text-muted);stroke-width:1}.default-foreground{fill:var(--default-foreground)}.default-background{fill:var(--default-background)}.color-picker{position:absolute;top:calc(100% + var(--space-3));left:0;z-index:10;display:grid;grid-template-columns:160px 16px 104px;gap:var(--space-4);padding:var(--space-4);background:var(--panel-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-popover);font-size:var(--font-size-md)}.color-sv,.color-hue{position:relative;height:160px;border-radius:var(--radius-xs);cursor:crosshair;touch-action:none}.color-sv:focus-visible,.color-hue:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.color-sv canvas,.color-hue canvas{display:block;width:100%;height:100%;border-radius:inherit}.color-sv-marker{position:absolute;width:10px;height:10px;border:2px solid var(--marker);border-radius:50%;box-shadow:0 0 0 1px var(--marker-shadow),inset 0 0 0 1px var(--marker-shadow);transform:translate(-50%,-50%);pointer-events:none}.color-hue-marker{position:absolute;left:calc(-1 * var(--space-1));right:calc(-1 * var(--space-1));height:6px;border:2px solid var(--marker);border-radius:var(--radius-xs);box-shadow:0 0 0 1px var(--marker-shadow);transform:translateY(-50%);pointer-events:none}.color-picker-fields{display:grid;align-content:start;gap:var(--space-3)}.color-compare{display:grid;grid-template-rows:22px 22px;border:1px solid var(--swatch-edge);border-radius:var(--radius-xs);overflow:hidden}.color-compare-original{padding:0;border:0;border-radius:0}.color-compare-original:focus-visible{outline-offset:-2px}.color-field{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:var(--space-2);color:var(--text-muted)}.color-field input{width:100%;min-width:0;padding:var(--space-1) var(--space-2);font:inherit;font-variant-numeric:tabular-nums;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.color-field input[aria-invalid=true]{border-color:var(--invalid)}.options-field{display:flex;align-items:center;gap:var(--space-3);white-space:nowrap}.options-label{color:var(--text-muted);font-size:var(--font-size-md)}.options-slider{width:96px;margin:0;accent-color:var(--accent)}.options-number{width:52px;padding:var(--space-1) var(--space-2);font:inherit;font-size:var(--font-size-md);font-variant-numeric:tabular-nums;text-align:right;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.options-number[aria-invalid=true]{border-color:var(--invalid)}.options-number-wide{width:68px}.options-select{padding:var(--space-1) var(--space-2);font:inherit;font-size:var(--font-size-md);color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.options-icon-button{display:grid;place-items:center;width:28px;height:24px;padding:0}.options-unit{color:var(--text-muted);font-size:var(--font-size-md)}.options-toggle[aria-pressed=true]{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}