:root{--ui-font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ui-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ui-text-xs: 11px;--ui-text-sm: 12px;--ui-text-md: 13px;--ui-text-action: 13.5px;--ui-weight-normal: 400;--ui-weight-medium: 500;--ui-weight-semibold: 600;--ui-radius-bar: 12px;--ui-radius-btn: 8px;--ui-radius-pop: 10px;--ui-radius-item: 6px;--ui-control-height: 34px;--ui-control-height-sm: 26px;--ui-input-height: 32px;--ui-input-height-sm: 28px;--ui-motion-fast: .12s;--ui-motion-press: .08s;--ui-motion-popup: .14s;--ui-motion-switch: .16s}:root,:root[data-theme=light]{color-scheme:light;--ui-page: #fff;--ui-bg: #fff;--ui-subtle: #f7f7f7;--ui-hover: #f2f2f2;--ui-fg-strong: #1a1a1a;--ui-fg: #404040;--ui-muted: #707070;--ui-border: #e5e5e5;--ui-border-strong: #a3a3a3;--ui-accent: #1a1a1a;--ui-accent-weak: #ededed;--ui-action: #1a1a1a;--ui-action-hover: #333;--ui-on-action: #fff;--ui-on-action-muted: #d9d9d9;--ui-danger: #1a1a1a;--ui-success: #404040;--ui-warning: #404040;--ui-switch-track: #a3a3a3;--ui-switch-thumb: #fff;--ui-scrim: rgba(0, 0, 0, .45);--ui-shadow-bar: 0 4px 16px rgba(0, 0, 0, .06);--ui-shadow-pop: 0 8px 28px rgba(0, 0, 0, .14);--ui-shadow-card: 0 1px 3px rgba(0, 0, 0, .05);--ui-shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .1);--ui-shadow-modal: 0 20px 60px rgba(0, 0, 0, .3);--ui-shadow-thumb: 0 1px 3px rgba(0, 0, 0, .22)}:root[data-theme=dark]{color-scheme:dark;--ui-page: #141414;--ui-bg: #202020;--ui-subtle: #262626;--ui-hover: #303030;--ui-fg-strong: #f5f5f5;--ui-fg: #dedede;--ui-muted: #ababab;--ui-border: #3d3d3d;--ui-border-strong: #777;--ui-accent: #f5f5f5;--ui-accent-weak: #363636;--ui-action: #f5f5f5;--ui-action-hover: #d9d9d9;--ui-on-action: #1a1a1a;--ui-on-action-muted: #404040;--ui-danger: #f5f5f5;--ui-success: #dedede;--ui-warning: #dedede;--ui-switch-track: #777;--ui-switch-thumb: #202020;--ui-scrim: rgba(0, 0, 0, .65);--ui-shadow-bar: 0 4px 16px rgba(0, 0, 0, .24);--ui-shadow-pop: 0 8px 28px rgba(0, 0, 0, .4);--ui-shadow-card: 0 1px 3px rgba(0, 0, 0, .2);--ui-shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .4);--ui-shadow-modal: 0 20px 60px rgba(0, 0, 0, .6);--ui-shadow-thumb: 0 1px 3px rgba(0, 0, 0, .4)}:root{accent-color:var(--ui-accent);--editor-ink: #1a1a1a;--editor-handle: #fff;--editor-selection: rgba(0, 0, 0, .06)}html,body,#root{font-family:var(--ui-font);background:var(--ui-page);color:var(--ui-fg-strong)}@font-face{font-family:Shantell Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/shantell-sans-cyrillic-ext-400-normal-CmnrvRWX.woff2) format("woff2"),url(/assets/shantell-sans-cyrillic-ext-400-normal-CRITSbCX.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Shantell Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/shantell-sans-cyrillic-400-normal-Cp5KOPMv.woff2) format("woff2"),url(/assets/shantell-sans-cyrillic-400-normal-yzKE5QnF.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Shantell Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/shantell-sans-vietnamese-400-normal-CRDTjqOo.woff2) format("woff2"),url(/assets/shantell-sans-vietnamese-400-normal-BGbVhMdP.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Shantell Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/shantell-sans-latin-ext-400-normal-Dvojt9UL.woff2) format("woff2"),url(/assets/shantell-sans-latin-ext-400-normal-CtgLysDE.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Shantell Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/shantell-sans-latin-400-normal-CcMlhG-a.woff2) format("woff2"),url(/assets/shantell-sans-latin-400-normal-p77rJlyL.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Shantell Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/shantell-sans-cyrillic-ext-700-normal-xPkvIMXo.woff2) format("woff2"),url(/assets/shantell-sans-cyrillic-ext-700-normal-BrN0m2Ld.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Shantell Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/shantell-sans-cyrillic-700-normal-bouRVOKJ.woff2) format("woff2"),url(/assets/shantell-sans-cyrillic-700-normal-U68ojpP8.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Shantell Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/shantell-sans-vietnamese-700-normal-CZ4YbZEq.woff2) format("woff2"),url(/assets/shantell-sans-vietnamese-700-normal-DcHbpatw.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Shantell Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/shantell-sans-latin-ext-700-normal-C6y5wZH8.woff2) format("woff2"),url(/assets/shantell-sans-latin-ext-700-normal-BXH1RhCW.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Shantell Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/shantell-sans-latin-700-normal-BSvnZVBi.woff2) format("woff2"),url(/assets/shantell-sans-latin-700-normal-DtULRhId.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.ui-btn,.ui-iconbtn,.ui-select-trigger,.ui-select-item,.ui-menu-item,.ui-menu-popup,.ui-input,.ui-switch,.ui-zoom-label{box-sizing:border-box}.ui-bar{display:flex;align-items:center;gap:4px;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-bar);box-shadow:var(--ui-shadow-bar);padding:6px;font-family:var(--ui-font)}.ui-bar--vertical{flex-direction:column}.ui-sep{width:1px;height:22px;background:var(--ui-border);margin:0 3px;flex-shrink:0}.ui-sep--h{width:22px;height:1px;margin:3px 0}.ui-iconbtn{display:grid;place-items:center;width:var(--ui-control-height);height:var(--ui-control-height);border-radius:var(--ui-radius-btn);border:none;background:transparent;color:var(--ui-fg);cursor:pointer;padding:0;font-family:var(--ui-font);transition:background var(--ui-motion-fast),color var(--ui-motion-fast),transform var(--ui-motion-press) ease;-webkit-user-select:none;user-select:none}.ui-iconbtn:hover{background:var(--ui-hover)}.ui-iconbtn>*{transition:transform var(--ui-motion-fast) ease;pointer-events:none}.ui-iconbtn:hover:not(:disabled)>*{transform:scale(1.18)}.ui-iconbtn:active:not(:disabled){transform:scale(.9)}.ui-iconbtn:focus-visible{outline:2px solid var(--ui-accent);outline-offset:1px}.ui-iconbtn.is-active,.ui-iconbtn[data-pressed]{background:var(--ui-action);color:var(--ui-on-action)}.ui-iconbtn:disabled{opacity:.35;cursor:default}.ui-iconbtn--wide{width:auto;padding:0 12px;font:var(--ui-weight-semibold) var(--ui-text-sm) var(--ui-font)}.ui-iconbtn--primary{background:var(--ui-action);color:var(--ui-on-action)}.ui-iconbtn--primary:hover:not(:disabled){background:var(--ui-action-hover)}.ui-iconbtn--accent{color:var(--ui-muted)}.ui-iconbtn--accent:hover,.ui-iconbtn--accent.is-active,.ui-iconbtn--accent[data-pressed]{background:var(--ui-accent-weak);color:var(--ui-accent)}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--ui-control-height);padding:0 14px;border-radius:var(--ui-radius-btn);border:1px solid var(--ui-border);background:var(--ui-bg);color:var(--ui-fg);font:var(--ui-weight-semibold) var(--ui-text-action) var(--ui-font);cursor:pointer;white-space:nowrap;transition:background var(--ui-motion-fast),border-color var(--ui-motion-fast),opacity var(--ui-motion-fast),transform var(--ui-motion-press) ease}.ui-btn:hover{background:var(--ui-hover)}.ui-btn:active:not(:disabled){transform:scale(.96)}.ui-btn:focus-visible{outline:2px solid var(--ui-accent);outline-offset:1px}.ui-btn:disabled{opacity:.4;cursor:default}.ui-btn--primary{background:var(--ui-action);border-color:var(--ui-action);color:var(--ui-on-action)}.ui-btn--primary:hover{background:var(--ui-action-hover)}.ui-btn--ghost{border-color:transparent;background:transparent}.ui-btn--ghost:hover{background:var(--ui-hover)}.ui-btn--danger{border-color:transparent;background:transparent;color:var(--ui-danger)}.ui-btn--danger:hover{background:var(--ui-hover)}.ui-swatch{width:22px;height:22px;border-radius:50%;cursor:pointer;border:2px solid var(--ui-bg);outline:1px solid var(--ui-border);padding:0;transition:transform .1s}.ui-swatch:hover{transform:scale(1.12)}.ui-swatch.is-active{border-color:var(--ui-on-action);outline:2px solid var(--ui-accent)}.ui-select-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:6px;height:var(--ui-control-height);min-width:56px;padding:0 8px 0 10px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-btn);background:var(--ui-bg);color:var(--ui-fg-strong);font:var(--ui-weight-medium) var(--ui-text-md) var(--ui-font);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color var(--ui-motion-fast),background var(--ui-motion-fast)}.ui-select-trigger:hover{background:var(--ui-hover)}.ui-select-trigger[data-popup-open]{border-color:var(--ui-accent)}.ui-select-trigger:focus-visible{outline:2px solid var(--ui-accent);outline-offset:1px}.ui-select-trigger--sm{height:var(--ui-control-height-sm);font-size:var(--ui-text-xs);padding:0 4px 0 6px;min-width:48px;gap:3px}.ui-select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-select-icon{display:inline-flex;color:var(--ui-muted);flex-shrink:0}.ui-select-popup{min-width:var(--anchor-width);max-height:var(--available-height);box-sizing:border-box;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-pop);box-shadow:var(--ui-shadow-pop);padding:5px;font-family:var(--ui-font);overflow-y:auto;transform-origin:var(--transform-origin);transition:opacity var(--ui-motion-popup),transform var(--ui-motion-popup);z-index:80}.ui-select-item{display:flex;align-items:center;gap:8px;padding:7px 10px 7px 9px;border-radius:var(--ui-radius-item);font-size:var(--ui-text-md);color:var(--ui-fg);cursor:pointer;outline:none;-webkit-user-select:none;user-select:none}.ui-select-item[data-highlighted]{background:var(--ui-hover)}.ui-select-item[data-selected]{color:var(--ui-accent);font-weight:600}.ui-select-item-text{flex:1;min-width:0}.ui-select-check{display:inline-flex;color:var(--ui-accent);flex-shrink:0}.ui-menu-popup{min-width:168px;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-pop);box-shadow:var(--ui-shadow-pop);padding:5px;font-family:var(--ui-font);transform-origin:var(--transform-origin);transition:opacity var(--ui-motion-popup),transform var(--ui-motion-popup);z-index:80}.ui-menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:8px 12px;border-radius:var(--ui-radius-item);font-size:var(--ui-text-action);color:var(--ui-fg-strong);cursor:pointer;outline:none;border:none;background:transparent;text-align:left;-webkit-user-select:none;user-select:none}.ui-menu-item[data-highlighted]{background:var(--ui-hover)}.ui-menu-item--danger{color:var(--ui-danger)}.ui-menu-item--danger[data-highlighted]{background:var(--ui-hover)}.ui-menu-item__icon{display:inline-flex;color:var(--ui-muted)}.ui-menu-item--danger .ui-menu-item__icon{color:var(--ui-danger)}.ui-menu-sep{height:1px;background:var(--ui-border);margin:5px 6px}.ui-switch{position:relative;display:inline-flex;align-items:center;width:40px;height:24px;padding:0;border:none;border-radius:999px;background:var(--ui-switch-track);cursor:pointer;flex-shrink:0;transition:background var(--ui-motion-switch)}.ui-switch[data-checked]{background:var(--ui-action)}.ui-switch:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}.ui-switch:disabled{opacity:.4;cursor:default}.ui-switch-thumb{display:block;width:20px;height:20px;margin:0 2px;border-radius:50%;background:var(--ui-switch-thumb);box-shadow:var(--ui-shadow-thumb);transition:transform var(--ui-motion-switch)}.ui-switch[data-checked] .ui-switch-thumb{transform:translate(16px)}.ui-input{width:100%;height:var(--ui-input-height);padding:0 10px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-btn);background:var(--ui-bg);color:var(--ui-fg-strong);font:var(--ui-weight-normal) var(--ui-text-md) var(--ui-font);outline:none;transition:border-color var(--ui-motion-fast),box-shadow var(--ui-motion-fast)}.ui-input::placeholder{color:var(--ui-muted)}.ui-input:focus{border-color:var(--ui-accent);box-shadow:0 0 0 3px var(--ui-accent-weak)}.ui-input--sm{height:var(--ui-input-height-sm);font-size:var(--ui-text-xs);border-radius:var(--ui-radius-item)}.ui-input--has-icon{padding-left:30px}.ui-input-wrap{position:relative;display:inline-flex;align-items:center;width:100%}.ui-input-icon{position:absolute;left:9px;display:inline-flex;color:var(--ui-muted);pointer-events:none}.ui-zoom-label{height:var(--ui-control-height);padding:0 8px;border:none;border-radius:var(--ui-radius-btn);background:transparent;color:var(--ui-fg);cursor:pointer;font:var(--ui-weight-medium) var(--ui-text-sm) var(--ui-font);font-variant-numeric:tabular-nums;transition:background var(--ui-motion-fast)}.ui-zoom-label:hover{background:var(--ui-hover)}.ui-tooltip{background:var(--ui-action);color:var(--ui-on-action);font:var(--ui-weight-medium) var(--ui-text-sm) var(--ui-font);padding:5px 9px;border-radius:7px;box-shadow:var(--ui-shadow-pop);transform-origin:var(--transform-origin);transition:opacity var(--ui-motion-fast),transform var(--ui-motion-fast);z-index:90}.ui-select-popup[data-starting-style],.ui-select-popup[data-ending-style],.ui-menu-popup[data-starting-style],.ui-menu-popup[data-ending-style],.ui-tooltip[data-starting-style],.ui-tooltip[data-ending-style]{opacity:0;transform:scale(.96)}.canvas-appearance-popup{width:min(320px,calc(100vw - 32px));box-sizing:border-box;padding:18px;background:var(--ui-bg);color:var(--ui-fg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-pop);box-shadow:var(--ui-shadow-pop);font:var(--ui-weight-normal) var(--ui-text-md) var(--ui-font)}.canvas-appearance-title{margin:0;font-size:16px;color:var(--ui-fg-strong)}.canvas-appearance-description{margin:6px 0 16px;color:var(--ui-muted);font-size:var(--ui-text-sm);line-height:1.5}.canvas-appearance-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0}.canvas-background-swatch{width:32px;height:32px;padding:2px;flex-shrink:0;border:1px solid var(--ui-border);border-radius:var(--ui-radius-item);background:var(--ui-bg);cursor:pointer}.canvas-appearance-preview{display:grid;place-items:center;min-height:88px;padding:12px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-item);font-size:18px;text-align:center}.canvas-appearance-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:16px}
