@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-DQukG94-.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:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2) format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2) format("woff2"),url(/assets/inter-greek-ext-400-normal-KugGGMne.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-B4URO6DV.woff2) format("woff2"),url(/assets/inter-greek-400-normal-q2sYcFCs.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.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:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2) format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.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:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.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:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-ext-600-normal-Dfes3d0z.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-600-normal-Bcila6Z-.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:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal-CWCymEST.woff2) format("woff2"),url(/assets/inter-cyrillic-600-normal-4D_pXhcN.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-ext-600-normal-DRtmH8MT.woff2) format("woff2"),url(/assets/inter-greek-ext-600-normal-B8X0CLgF.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-600-normal-plRanbMR.woff2) format("woff2"),url(/assets/inter-greek-600-normal-BZpKdvQh.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2) format("woff2"),url(/assets/inter-vietnamese-600-normal-BuLX-rYi.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:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2) format("woff2"),url(/assets/inter-latin-ext-600-normal-CIVaiw4L.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:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.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:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-ext-700-normal-BjwYoWNd.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-700-normal-LO58E6JB.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:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-700-normal-CjBOestx.woff2) format("woff2"),url(/assets/inter-cyrillic-700-normal-DrXBdSj3.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-ext-700-normal-qfdV9bQt.woff2) format("woff2"),url(/assets/inter-greek-ext-700-normal-BoQ6DsYi.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-700-normal-C3JjAnD8.woff2) format("woff2"),url(/assets/inter-greek-700-normal-BUv2fZ6O.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-vietnamese-700-normal-DlLaEgI2.woff2) format("woff2"),url(/assets/inter-vietnamese-700-normal-BZaoP0fm.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:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-ext-700-normal-Ca8adRJv.woff2) format("woff2"),url(/assets/inter-latin-ext-700-normal-TidjK2hL.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:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.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:Inter;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-italic-CsfrDhJx.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-400-italic-xTUDxVF8.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:Inter;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-italic-CIUtULAL.woff2) format("woff2"),url(/assets/inter-cyrillic-400-italic-DsJ3McxZ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-italic-DgljI1UR.woff2) format("woff2"),url(/assets/inter-greek-ext-400-italic-ByZcx49q.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-italic-SVIaMW7s.woff2) format("woff2"),url(/assets/inter-greek-400-italic-C1OpWafJ.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-italic-Ceaj4WUo.woff2) format("woff2"),url(/assets/inter-vietnamese-400-italic-E-DnQMHp.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:Inter;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-italic-CGFCRmTM.woff2) format("woff2"),url(/assets/inter-latin-ext-400-italic-DpQ6ZOoA.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:Inter;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-italic-D1l0FflY.woff2) format("woff2"),url(/assets/inter-latin-400-italic-BmFrN47l.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:Inter;font-style:italic;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-ext-600-italic-La-to8Sa.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-600-italic-B1EMsN4Z.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:Inter;font-style:italic;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-italic-BMNGqOVE.woff2) format("woff2"),url(/assets/inter-cyrillic-600-italic-BS21fWqq.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:italic;font-display:swap;font-weight:600;src:url(/assets/inter-greek-ext-600-italic-BxS-O1qG.woff2) format("woff2"),url(/assets/inter-greek-ext-600-italic-DCFZv-xn.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:italic;font-display:swap;font-weight:600;src:url(/assets/inter-greek-600-italic-MPI_Frmw.woff2) format("woff2"),url(/assets/inter-greek-600-italic-4pupcZ4S.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:italic;font-display:swap;font-weight:600;src:url(/assets/inter-vietnamese-600-italic-BuG6-S9s.woff2) format("woff2"),url(/assets/inter-vietnamese-600-italic-CKjJHBAp.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:Inter;font-style:italic;font-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-italic-4pxPPAsx.woff2) format("woff2"),url(/assets/inter-latin-ext-600-italic-DgI6rDWk.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:Inter;font-style:italic;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-italic-BJYrns_i.woff2) format("woff2"),url(/assets/inter-latin-600-italic-CIYS91tl.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:Inter;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-ext-700-italic-GPRkb3xU.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-700-italic-D3fKamtN.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:Inter;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-700-italic-Ppu1tTPz.woff2) format("woff2"),url(/assets/inter-cyrillic-700-italic-CZrx1Xve.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/inter-greek-ext-700-italic-5m0CTrl1.woff2) format("woff2"),url(/assets/inter-greek-ext-700-italic-CO97m7Jb.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/inter-greek-700-italic-D5vwbaZX.woff2) format("woff2"),url(/assets/inter-greek-700-italic-bD6OVWQz.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/inter-vietnamese-700-italic-BbJv01XC.woff2) format("woff2"),url(/assets/inter-vietnamese-700-italic-BF_6wm_E.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:Inter;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/inter-latin-ext-700-italic-DtYkv-XI.woff2) format("woff2"),url(/assets/inter-latin-ext-700-italic-sscBbOod.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:Inter;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-italic-BsEzapPQ.woff2) format("woff2"),url(/assets/inter-latin-700-italic-QsoQop6F.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}:where(.opensketch-app)[data-opensketch-theme=light]{--shell-bg: #eee7db;--shell-card: #fffaf0;--shell-raised: #fffdf6;--shell-border: #d5c8b7;--shell-border-strong: #c5b6a4;--shell-text: #29251f;--shell-muted: #766c61;--shell-faint: #9a8d7e;--shell-accent: #c65a24;--shell-accent-strong: #a4481b;--shell-accent-soft: #f7e2d3;--shell-on-accent: #ffffff;--shell-danger: #b84c38;--shell-input: color-mix(in srgb, var(--shell-card) 92%, var(--shell-bg));--shell-canvas: color-mix(in srgb, var(--shell-bg) 82%, var(--shell-border));--shell-row: color-mix(in srgb, var(--shell-card) 90%, var(--shell-bg));--shell-focus: color-mix(in srgb, var(--shell-accent) 18%, var(--shell-card));--font-sans: "Avenir Next", Avenir, Inter, "Helvetica Neue", sans-serif;--motion-ui: .16s cubic-bezier(.2, .7, .2, 1);--motion-panel: .22s cubic-bezier(.2, .7, .2, 1);color-scheme:light}:is(.opensketch-app,[data-suite-ui=opensketch])[data-opensketch-mode=standalone],:is(.opensketch-app,[data-suite-ui=opensketch])[data-opensketch-mode=opensuite]{font-family:var(--font-sans);color:var(--shell-text);background:var(--shell-bg);font-synthesis:none;text-rendering:optimizeLegibility;--ink: var(--shell-text);--ink-soft: var(--shell-muted);--panel: var(--shell-card);--panel-raised: var(--shell-raised);--workspace: var(--shell-canvas);--line: var(--shell-border);--line-dark: var(--shell-border-strong);--teal: var(--shell-accent);--teal-dark: var(--shell-accent-strong);--teal-pale: var(--shell-accent-soft);--ochre: var(--shell-accent);--danger: var(--shell-danger);--shadow: 0 16px 50px color-mix(in srgb, var(--shell-text) 13%, transparent);--motion-sidebar-hover: .34s cubic-bezier(.22, 1, .36, 1);--motion-disclosure: .22s cubic-bezier(.22, 1, .36, 1);interpolate-size:allow-keywords}:is(.opensketch-app,[data-suite-ui=opensketch]){--shell-bg: var(--suite-bg-shell, var(--suite-color-shell, #eee7db));--shell-card: var(--suite-bg-surface, var(--suite-color-surface, #fffaf0));--shell-raised: var(--suite-bg-surface-raised, var(--suite-color-surface-raised, #fffdf8));--shell-border: var(--suite-border, var(--suite-color-border, #cfc3b4));--shell-border-strong: var(--suite-border-strong, var(--suite-color-border-strong, #ab9b8a));--shell-text: var(--suite-text-main, var(--suite-color-text, #29251f));--shell-muted: var(--suite-text-muted, var(--suite-color-text-muted, #766c61));--shell-faint: var(--suite-text-faint, var(--suite-color-text-placeholder, #9a8d7e));--shell-accent: var(--suite-accent, var(--suite-color-accent, #b84f1e));--shell-accent-strong: var(--suite-accent-hover, var(--suite-color-accent-hover, #aa4819));--shell-accent-soft: var(--suite-accent-soft, var(--suite-color-accent-soft, #f4d8c6));--shell-on-accent: var(--suite-text-on-accent, var(--suite-color-text-on-accent, #fffaf0));--shell-danger: var(--suite-semantic-danger, var(--suite-color-danger, #a13e34));--shell-input: var( --suite-bg-input, var(--suite-color-input, color-mix(in srgb, var(--shell-card) 92%, var(--shell-bg))) );--shell-canvas: var( --suite-bg-workspace, color-mix(in srgb, var(--shell-bg) 82%, var(--shell-border)) );--shell-row: var(--suite-bg-subtle, var(--suite-color-subtle, #e7ded1));--shell-focus: var( --suite-focus, var(--suite-color-focus, color-mix(in srgb, var(--shell-accent) 18%, var(--shell-card))) );--font-sans: var( --suite-font-app, var(--suite-font-family-app, Inter, "Avenir Next", Avenir, "Helvetica Neue", sans-serif) );--motion-ui: var(--suite-motion-normal, .16s cubic-bezier(.2, .7, .2, 1));--motion-panel: var(--suite-motion-slow, .22s cubic-bezier(.2, .7, .2, 1));--opensketch-control-normal: var( --suite-control-normal, var(--suite-control-height-normal, 36px) );--opensketch-control-compact: var( --suite-control-compact, var(--suite-control-height-compact, 30px) );--opensketch-radius-control: var(--suite-radius-control, 7px);--opensketch-radius-card: var(--suite-radius-card, 9px);--opensketch-radius-dialog: var(--suite-radius-dialog, 10px);--opensketch-border-width: var(--suite-border-width, 1px);--opensketch-space-control-gap: var(--suite-space-control-gap, 8px);font-family:var(--font-sans);color-scheme:light}:is(.opensketch-app,[data-suite-ui=opensketch])[data-opensketch-theme=dark]{--shell-bg: var(--suite-bg-shell, var(--suite-color-shell, #1d1916));--shell-card: var(--suite-bg-surface, var(--suite-color-surface, #2a241f));--shell-raised: var(--suite-bg-surface-raised, var(--suite-color-surface-raised, #322a24));--shell-border: var(--suite-border, var(--suite-color-border, #56493e));--shell-border-strong: var(--suite-border-strong, var(--suite-color-border-strong, #766558));--shell-text: var(--suite-text-main, var(--suite-color-text, #f6eee5));--shell-muted: var(--suite-text-muted, var(--suite-color-text-muted, #c4b5a7));--shell-faint: var(--suite-text-faint, var(--suite-color-text-placeholder, #9e8c7d));--shell-accent: var(--suite-accent, var(--suite-color-accent, #ff9654));--shell-accent-strong: var(--suite-accent-hover, var(--suite-color-accent-hover, #ffad77));--shell-accent-soft: var(--suite-accent-soft, var(--suite-color-accent-soft, #5a321f));--shell-on-accent: var(--suite-text-on-accent, var(--suite-color-text-on-accent, #1d1916));--shell-danger: var(--suite-semantic-danger, var(--suite-color-danger, #ff9589));--shell-row: var(--suite-bg-subtle, var(--suite-color-subtle, #393029));color-scheme:dark}:is(.opensketch-app,[data-suite-ui=opensketch])[data-opensketch-density=compact]{--opensketch-control-normal: var( --suite-control-compact, var(--suite-control-height-compact, 30px) );--opensketch-control-compact: var( --suite-control-compact, var(--suite-control-height-compact, 26px) );--opensketch-space-control-gap: var(--suite-space-control-gap, 6px)}:is(.opensketch-app,[data-suite-ui=opensketch])[data-opensketch-reduced-motion=true]{--motion-ui: .01ms;--motion-panel: .01ms}:is(.opensketch-app,[data-suite-ui=opensketch]) :is(.button,.ui-select-trigger){min-height:var(--opensketch-control-normal);border-radius:var(--opensketch-radius-control);transition-duration:var(--motion-ui)}:is(.opensketch-app,[data-suite-ui=opensketch]) .icon-button{width:var(--opensketch-control-normal);min-height:var(--opensketch-control-normal);border-radius:var(--opensketch-radius-control);transition-duration:var(--motion-ui)}:is(.opensketch-app,[data-suite-ui=opensketch]) :is(.text-button,.quiet-button){min-height:var(--opensketch-control-compact);border-radius:var(--opensketch-radius-control);transition-duration:var(--motion-ui)}:is(.opensketch-app,[data-suite-ui=opensketch]) :is(.ui-select-menu,.asset-variant-menu){border-radius:var(--opensketch-radius-control);border-width:var(--opensketch-border-width);background:var(--shell-card);box-shadow:var( --suite-shadow-md, 0 10px 30px color-mix(in srgb, var(--shell-text) 12%, transparent) )}:is(.opensketch-app,[data-suite-ui=opensketch]) .menu{border-radius:var(--opensketch-radius-control)}:is(.opensketch-app,[data-suite-ui=opensketch]) :is(.dialog,.dialog-backdrop){--opensketch-dialog-radius: var(--opensketch-radius-dialog)}:is(.opensketch-app,[data-suite-ui=opensketch]) :is(button,input,select,textarea):focus-visible{outline:2px solid var(--suite-focus, color-mix(in srgb, var(--shell-accent) 56%, transparent));outline-offset:2px}.opensketch-app[data-suite-ui=opensketch] .opensketch-portal-root{position:fixed;z-index:300;inset:0;pointer-events:none}.opensketch-app[data-suite-ui=opensketch] .opensketch-portal-root>*{pointer-events:auto}*{box-sizing:border-box;scrollbar-width:none!important;-ms-overflow-style:none}*::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}summary{cursor:pointer}button,input,textarea,select{font:inherit;font-family:var(--font-sans)}button{color:inherit;cursor:pointer}button:focus-visible{outline:none;filter:brightness(.94)}input:focus-visible{outline:none}textarea:focus-visible{outline:none}summary:focus-visible{outline:none;filter:brightness(.94)}a:focus-visible{outline:none;filter:brightness(.94)}.button:hover{transform:translateY(-1px);box-shadow:0 5px 16px #1831331f}.button.wide{width:100%}.icon-button:hover{background:#11505114}.icon-button:active{transform:scale(.94)}.icon-button:disabled{opacity:.3;cursor:default}.motion-collapse{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transform:translateY(-4px);transition:grid-template-rows var(--motion-disclosure),opacity .14s ease,transform var(--motion-disclosure),visibility 0s linear .22s}.motion-collapse.open{grid-template-rows:1fr;opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s}.motion-collapse-inner{min-height:0;overflow:hidden}.motion-presence-closing{pointer-events:none!important;animation:motion-presence-out var(--motion-presence-exit, var(--motion-ui)) ease both!important}@keyframes motion-presence-out{to{opacity:0;transform:translateY(-5px) scale(.985)}}.brand span{display:block;white-space:nowrap}.creation-actions{display:flex;align-items:center;gap:10px}.new-folder-form button{display:grid;width:30px;height:30px;padding:0;place-items:center;border:0;border-radius:5px;color:#46635e;background:transparent}.new-folder-form button:disabled{opacity:.35}@keyframes folder-form-in{0%{opacity:0;transform:translate(-8px)}}.menu button:active{transform:translate(2px)}.danger{color:var(--danger)!important}.project-save-spinner{animation:spin .9s linear infinite}.empty-library{display:grid;justify-items:center;margin-top:22px;padding:34px 24px;border:1px dashed #bac6c1;border-radius:8px;color:#6a7976;text-align:center;animation:feedback-in var(--motion-disclosure) both}.empty-library svg{color:var(--teal-dark)}.empty-library code{padding:1px 4px;border-radius:3px;color:#315856;background:#dfe9e4}.panel-error{margin:8px 0;padding:8px 9px;border:1px solid #d58a83;border-radius:5px;color:#822f2a;background:#fff0ed;font-size:9px;line-height:1.4;animation:feedback-in var(--motion-ui) both}.creation-default-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.creation-default-grid>label{display:grid;gap:5px;color:#667572;font-size:10px;font-weight:700}.creation-default-grid input[type=number]{width:100%;min-height:30px;padding:0 7px;border:1px solid #ccd3cf;border-radius:5px;color:var(--ink);background:#fff;font-size:10px}.creation-line-preview{position:absolute;z-index:13;height:0;border-top-style:solid;transform-origin:left center;pointer-events:none;opacity:.74}.import-dropzone>span{display:grid;width:47px;height:47px;margin-bottom:3px;place-items:center;border-radius:50%;color:var(--teal-dark);background:var(--teal-pale)}.import-dropzone small{color:#7b8885;font-size:9px}.imports-panel{display:flex;min-height:100%;flex-direction:column;gap:12px}.import-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-bottom:8px}.import-library-card:hover{border-color:#74aaa6;box-shadow:0 6px 18px #193e3c1a}.import-library-preview{display:grid;width:100%;height:104px;place-items:center;padding:9px;border:0;border-bottom:1px solid #e0e5e2;background:linear-gradient(45deg,#f2f4f2 25%,transparent 25%),linear-gradient(-45deg,#f2f4f2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f2f4f2 75%),linear-gradient(-45deg,transparent 75%,#f2f4f2 75%),#fff;background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px}.import-library-preview img{width:100%;height:100%;object-fit:contain}.import-library-card>div{display:grid;gap:2px;padding:9px 10px 10px}.import-library-card strong{overflow:hidden;color:#183533;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.import-library-card small{color:#748481;font-size:9px}.empty-import-library{display:grid;min-height:116px;place-content:center;justify-items:center;gap:7px;color:#71827e}.empty-import-library strong{font-size:11px;font-weight:600}@keyframes group-banner-in{0%{opacity:0;transform:translate(-50%,-7px) scale(.98)}}.artboard-stage{position:relative;flex:none;background:#fff;box-shadow:0 0 0 1px #334d4c38,0 18px 48px #1c343333}.artboard-stage.transparent{background:linear-gradient(45deg,#eef0ec 25%,transparent 25%),linear-gradient(-45deg,#eef0ec 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef0ec 75%),linear-gradient(-45deg,transparent 75%,#eef0ec 75%),#fff;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.svg-part-context{display:flex;min-height:36px;align-items:center;justify-content:space-between;gap:8px;padding:7px 15px;border-bottom:1px solid #b9d8d3;color:#315e5c;background:#eaf5f2;font-size:9px;font-weight:700}.svg-part-context button{display:inline-flex;min-height:24px;align-items:center;gap:5px;padding:0 8px;border:1px solid #9bc8c1;border-radius:4px;color:#1f6663;background:#fff;font-size:9px;font-weight:800}.alignment-grid{grid-template-columns:repeat(4,1fr);grid-auto-flow:row}.alignment-grid button:nth-child(4){border-right:0}.text-style{grid-auto-columns:1fr}.text-script button{font-family:STIX Two Text,"Source Serif 4",serif}input[type=range]{width:100%;accent-color:var(--teal-dark)}.spectrum-panel{gap:10px}.spectrum-saturation-value{position:relative;overflow:hidden;border:1px solid rgba(28,49,48,.35);border-radius:5px;box-shadow:inset 0 0 0 1px #ffffff3d;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;background:linear-gradient(to top,#000 0%,transparent 100%),linear-gradient(to right,#fff 0%,var(--spectrum-hue) 100%)}.spectrum-hue-slider{position:relative;overflow:hidden;border:1px solid rgba(28,49,48,.35);border-radius:5px;box-shadow:inset 0 0 0 1px #ffffff3d;touch-action:none;-webkit-user-select:none;user-select:none;cursor:ns-resize;background:linear-gradient(to bottom,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.spectrum-saturation-value.dragging,.spectrum-hue-slider.dragging{cursor:grabbing}.spectrum-saturation-value:focus-visible{outline:none;box-shadow:0 0 0 2px #fffef9,0 0 0 4px #12a9a6}.spectrum-hue-slider:focus-visible{outline:none;box-shadow:0 0 0 2px #fffef9,0 0 0 4px #12a9a6}.spectrum-picker-handle{position:absolute;z-index:1;pointer-events:none;width:14px;height:14px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #152324a6,0 1px 4px #15232459;transform:translate(-50%,-50%)}.spectrum-hue-handle{position:absolute;z-index:1;pointer-events:none;right:-2px;left:-2px;height:5px;border:1px solid #fff;border-radius:3px;box-shadow:0 0 0 1px #152324a6;transform:translateY(-50%)}.spectrum-readout{display:flex;min-height:36px;align-items:center;gap:8px;padding:6px 8px;border:1px solid #d5dfda;border-radius:5px;background:#f7faf7}.spectrum-readout-swatch{width:24px;height:24px;flex:0 0 24px;border:1px solid rgba(24,49,51,.35);border-radius:3px}.spectrum-readout>span:last-child{display:grid;min-width:0;gap:1px}.spectrum-readout strong{color:var(--ink);font-size:10px;letter-spacing:.04em;text-transform:uppercase}.spectrum-readout small{overflow:hidden;color:#6a7975;font-size:8px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.layer-list{display:grid;gap:3px;max-height:240px;padding:0 9px 8px;overflow-y:auto}.layer-list>p{margin:0;padding:10px;color:#84908d;text-align:center;font-size:9px}.layer-list>button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:6px 7px;border:1px solid transparent;border-radius:5px;background:transparent;text-align:left}.layer-list>button:hover{background:#e9eeea}.layer-list>button.active{border-color:#86b9b4;background:#dcece6}.layer-icon{display:grid;width:25px;height:25px;place-items:center;border:1px solid #cad3ce;border-radius:4px;color:#446662;background:#fff;font-family:Georgia,serif;font-size:11px}.layer-copy{display:grid;min-width:0;gap:1px}.layer-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.layer-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#798682;font-size:7px;text-transform:capitalize}.layer-controls{display:grid;grid-template-columns:repeat(4,1fr);margin:0 9px 10px;overflow:hidden;border:1px solid #d0d6d2;border-radius:5px}.layer-controls button{display:grid;height:29px;place-items:center;border:0;border-right:1px solid #d7dcd8;background:#fff}.export-format-options-content{padding:1px 0 3px}@keyframes feedback-in{0%{opacity:0;transform:translateY(5px) scale(.99)}}@keyframes ui-popover-in{0%{opacity:0;transform:translateY(-5px) scale(.985)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes floating-panel-in{0%{opacity:0;transform:translate(-8px) scale(.985)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.shape-flyout-grid{width:224px;grid-template-columns:repeat(4,1fr)}.tool-defaults-inline{width:310px;max-height:min(650px,calc(100vh - 150px));overflow:auto;padding:8px;border:1px solid #c8d2cd;border-radius:9px;background:#fffefafc;box-shadow:0 12px 30px #18302e29}.tool-defaults-flyout{width:310px;max-height:min(760px,calc(100vh - 240px));overflow:auto;padding:8px;border:1px solid #c8d2cd;border-radius:9px;background:#fffefafc;box-shadow:0 12px 30px #18302e29;top:222px;display:block}.opensketch-app{width:100%;height:100%;min-height:100%;overflow:hidden;color:var(--shell-text);background:var(--shell-bg)}.opensketch-app.opensketch-portal-host{width:0;height:0;min-height:0;overflow:visible;background:transparent}.opensketch-app.theme-dark,.opensketch-app.theme-light{--ink: var(--shell-text);--ink-soft: var(--shell-muted);--panel: var(--shell-card);--panel-raised: var(--shell-raised);--workspace: var(--shell-canvas);--line: var(--shell-border);--line-dark: var(--shell-border-strong);--teal: var(--shell-accent);--teal-dark: var(--shell-accent-strong);--teal-pale: var(--shell-accent-soft);--orange: var(--shell-accent);--danger: var(--shell-danger);--shadow: 0 18px 54px color-mix(in srgb, var(--shell-text) 18%, transparent)}.opensketch-app button{font:inherit;color:inherit;cursor:pointer;font-family:var(--font-sans)}.opensketch-app input,.opensketch-app textarea{font:inherit;font-family:var(--font-sans)}.opensketch-app select{font-family:var(--font-sans)}.opensketch-app button:disabled{cursor:not-allowed}.opensketch-app :is(button,input,textarea,select):focus-visible{outline:2px solid color-mix(in srgb,var(--shell-accent) 56%,transparent);outline-offset:2px}.opensketch-app .eyebrow{margin:0 0 6px;color:var(--shell-accent);font-size:10px;font-weight:800;letter-spacing:.1em;line-height:1.1;font-family:var(--font-sans);text-transform:uppercase}.opensketch-app .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--opensketch-control-normal, 32px);padding:0 12px;border:1px solid var(--shell-border);border-radius:6px;background:var(--shell-card);font-size:12px;font-weight:700;transition:filter var(--motion-ui),transform var(--motion-ui),border-color var(--motion-ui),background var(--motion-ui);color:var(--shell-text)}.opensketch-app .button:hover:not(:disabled){border-color:var(--shell-accent);background:var(--shell-accent-soft);box-shadow:none;filter:none;transform:translateY(-1px)}.opensketch-app .button.primary{border-color:var(--shell-accent);color:var(--shell-on-accent);background:var(--shell-accent);box-shadow:0 2px 5px color-mix(in srgb,var(--shell-accent-strong) 22%,transparent)}.opensketch-app .button.primary:hover:not(:disabled){border-color:var(--shell-accent-strong);color:var(--shell-on-accent);background:color-mix(in srgb,var(--shell-accent) 88%,#000)}.opensketch-app .button.secondary{background:var(--shell-card);color:var(--shell-text)}.opensketch-app .icon-button{display:inline-grid;width:var(--opensketch-control-normal, 32px);height:var(--opensketch-control-normal, 32px);padding:0;place-items:center;border:0;border-radius:5px;background:transparent;transition:color var(--motion-ui),background var(--motion-ui),transform var(--motion-ui);color:var(--shell-muted)}.opensketch-app .icon-button:hover:not(:disabled){color:var(--shell-accent);background:var(--shell-accent-soft)}.opensketch-app .icon-button.is-active,.opensketch-app .icon-button.theme-toggle:hover{color:var(--shell-accent);background:var(--shell-accent-soft)}.opensketch-app .brand{display:flex;align-items:center;gap:10px;color:var(--shell-text);font-family:var(--font-sans);font-size:15px;font-weight:700;letter-spacing:-.01em;line-height:1}.opensketch-app .brand-mark{display:block;flex:none;width:34px;height:34px}.opensketch-app .text-button{padding:4px 0;border:0;background:transparent;color:var(--shell-muted);font-size:11px;font-weight:700}.opensketch-app .text-button:hover{color:var(--shell-accent)}.opensketch-app .new-folder-button{display:inline-flex;align-items:center;gap:9px;min-height:64px;padding:0 18px;border:1px solid #c9d0cc;border-radius:6px;color:var(--shell-text);background:var(--shell-card);font-size:12px;font-weight:400;transition:border-color .15s ease,color .15s ease,background .15s ease;border-color:var(--shell-border)}.opensketch-app .new-folder-button:hover,.opensketch-app .new-folder-button.active{border-color:var(--shell-accent);color:var(--shell-text);background:var(--shell-accent-soft)}.opensketch-app .new-folder-form{display:flex;align-items:center;height:46px;gap:6px;padding:0 7px 0 12px;border:1px solid #8ca8a1;border-radius:7px;color:var(--shell-accent);background:var(--shell-card);box-shadow:0 0 0 3px color-mix(in srgb,var(--shell-accent) 12%,transparent);animation:folder-form-in .18s ease both;border-color:var(--shell-accent)}.opensketch-app .new-folder-form button:hover:not(:disabled){color:var(--shell-accent);background:var(--shell-accent-soft)}.opensketch-app .menu{position:absolute;z-index:4;right:0;bottom:34px;display:grid;width:160px;padding:5px;border:1px solid var(--line-dark);border-radius:7px;background:var(--shell-card);box-shadow:0 16px 34px color-mix(in srgb,var(--shell-text) 18%,transparent);transform-origin:bottom right;animation:ui-popover-in var(--motion-ui) both;border-color:var(--shell-border);color:var(--shell-text)}.opensketch-app .menu button{display:flex;align-items:center;gap:8px;padding:8px 9px;border:0;border-radius:4px;background:transparent;text-align:left;font-size:12px;transition:color var(--motion-ui),background var(--motion-ui),transform var(--motion-ui);color:var(--shell-text)}.opensketch-app .menu button:hover{background:var(--shell-accent-soft);color:var(--shell-text)}.opensketch-app .panel-close-button:hover{color:var(--shell-accent);background:var(--shell-accent-soft);border-color:var(--shell-accent)}.opensketch-app .panel-close-button{display:grid;width:28px;height:28px;padding:0;place-items:center;border:0;border-radius:6px;color:var(--shell-muted);background:transparent;font-size:22px;font-weight:300}.opensketch-app .floating-panel-header{display:flex;min-height:46px;align-items:center;justify-content:space-between;padding:0 13px 0 15px;border-bottom:1px solid #d8dfdb;border-color:var(--shell-border)}.opensketch-app .floating-panel-header strong{font-size:13px;color:var(--shell-text)}.opensketch-app .new-folder-form input{width:160px;padding:8px 4px;border:0;outline:0;background:transparent;font-size:12px;font-weight:650;color:var(--shell-text)}.opensketch-app .import-dropzone{display:grid;width:100%;min-height:132px;place-content:center;justify-items:center;gap:7px;border:1px dashed #9eb5af;border-radius:9px;background:var(--shell-input);border-color:var(--shell-border);color:var(--shell-text)}.opensketch-app .import-library-card{min-width:0;overflow:hidden;border:1px solid #d2d7d3;border-radius:8px;background:var(--shell-input);transition:border-color .14s ease,box-shadow .14s ease;border-color:var(--shell-border);color:var(--shell-text)}.opensketch-app .section-note{margin:-2px 0 1px;color:var(--shell-muted);font-size:9px;line-height:1.4}.opensketch-app .empty-library p{margin:0;font-size:10px;line-height:1.6;color:var(--shell-muted)}.opensketch-app .empty-library h3{margin:12px 0 7px;color:var(--shell-text);font-family:Georgia,serif;font-size:17px}.opensketch-app .aspect-lock{display:grid;width:28px;height:28px;place-items:center;border:1px solid #ccd3cf;border-radius:5px;color:var(--shell-muted);background:var(--shell-input);border-color:var(--shell-border)}.opensketch-app .aspect-lock.active{border-color:var(--shell-accent);color:var(--shell-accent);background:var(--shell-accent-soft)}.home-content{width:100%;max-width:1184px;margin:0 auto;padding:0 32px}.new-figure-section{padding:34px 0 38px}.section-heading{display:flex;align-items:center;gap:9px;margin-bottom:16px}.project-row{display:flex;width:100%;gap:14px;overflow-x:auto;overflow-y:hidden;padding:8px 2px 12px;scroll-padding-inline:2px;scroll-snap-type:x proximity;scrollbar-color:#aab7b2 transparent;transition:background .18s ease,box-shadow .18s ease}.folder-row{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 11px;scrollbar-color:#aab7b2 transparent}.project-card[draggable=true]{cursor:grab}.project-card[draggable=true]:active{cursor:grabbing}.project-card.archived .project-preview{opacity:.76}.project-preview img{width:100%;height:100%;object-fit:cover;image-rendering:auto}.project-preview-vector{display:block;width:100%;height:100%}.project-preview-vector svg{display:block;width:100%;height:100%}.project-preview-vector canvas{display:block;width:100%;height:100%}.project-preview-vector.transparent{background:linear-gradient(45deg,#eef0ec 25%,transparent 25%),linear-gradient(-45deg,#eef0ec 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef0ec 75%),linear-gradient(-45deg,transparent 75%,#eef0ec 75%),#fff;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.opensketch-app[data-opensketch-theme=dark] .project-preview-vector.transparent{background:linear-gradient(45deg,#40382f 25%,transparent 25%),linear-gradient(-45deg,#40382f 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#40382f 75%),linear-gradient(-45deg,transparent 75%,#40382f 75%),var(--shell-card);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.project-card-meta{position:relative;display:flex;align-items:center;padding:10px 10px 10px 12px}.project-card details{position:relative;margin-left:auto}.project-card summary{display:grid;width:32px;height:32px;place-items:center;border-radius:5px;list-style:none;transition:color var(--motion-ui),background var(--motion-ui),transform var(--motion-ui)}.project-card summary:active{transform:scale(.94)}.project-card summary::-webkit-details-marker{display:none}.project-card .menu{max-height:170px;overflow-y:auto}.folder-card-main>span:last-child{display:grid;min-width:0;gap:5px}.folder-card-main strong{overflow:hidden;text-overflow:ellipsis;font-size:14px;white-space:nowrap}.folder-card-actions{position:absolute;display:flex;right:9px;top:25px;gap:2px;opacity:0;transition:opacity .14s ease}.folder-card:hover .folder-card-actions{opacity:1}.folder-card:focus-within .folder-card-actions{opacity:1}.folder-drawer-heading strong{font-size:12px}.folder-drawer-heading button:hover{background:#dce5e0}.folder-project-row{padding-bottom:2px}@keyframes folder-drawer-in{0%{opacity:0;transform:translateY(-6px)}}.archive-disclosure svg{transition:transform .22s ease}.archive-disclosure[aria-expanded=true] svg{transform:rotate(180deg)}.archive-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .26s ease,opacity .18s ease}.archive-panel.open{grid-template-rows:1fr;opacity:1}.archive-panel-inner{min-height:0;overflow:hidden}.archived-project-row{padding-top:4px}.creation-defaults{margin-top:10px;border:1px solid #d4dbd7;border-radius:7px;background:#fbfcfa}.creation-defaults-summary:before{width:8px;color:#5d7470;content:"›";font-size:15px;line-height:1;transform:rotate(0);transition:transform var(--motion-disclosure)}.creation-defaults.open .creation-defaults-summary:before{transform:rotate(90deg)}.creation-defaults .field,.creation-defaults .mini-field{font-size:10px}.tool-defaults-inline .creation-defaults,.tool-defaults-flyout .creation-defaults{margin:0 0 14px}.tool-defaults-inline .creation-defaults:last-child{margin-bottom:0}.tool-defaults-flyout .creation-defaults:last-child{margin-bottom:0}.opensketch-app .home-shell{display:grid;grid-template-rows:auto 1fr auto;height:100%;overflow:auto;background:var(--shell-bg);color:var(--shell-text)}.opensketch-app .home-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1184px;height:68px;margin:0 auto;padding:0 32px;border-bottom:1px solid #d3d9d5;border-bottom-color:var(--shell-border)}.opensketch-app .home-header-actions{display:flex;align-items:center;gap:6px}.opensketch-app .projects-section{padding:34px 0;border-top:1px solid #d3d9d5;border-color:var(--shell-border)}.opensketch-app .archived-section{padding:0 0 34px;border-top:1px solid #d3d9d5;border-color:var(--shell-border)}.opensketch-app .home-footer{display:flex;align-items:center;justify-content:flex-start;width:calc(100% - 64px);max-width:1120px;margin:auto;padding:16px 0 22px;border-top:1px solid #d3d9d5;color:var(--shell-muted);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-color:var(--shell-border)}.opensketch-app .section-heading h1,.opensketch-app .section-heading h2{margin:0;font-family:inherit;font-size:16px;font-weight:400;letter-spacing:-.01em}.opensketch-app .project-count{display:grid;min-width:20px;height:20px;padding:0 6px;place-items:center;border-radius:10px;color:var(--shell-muted);background:var(--shell-accent-soft);font-size:10px;font-weight:800}.opensketch-app .new-figure-button{display:inline-flex;align-items:center;gap:11px;min-width:220px;min-height:64px;padding:9px 12px;border:1px solid #c9d0cc;border-radius:6px;background:var(--shell-card);text-align:left;transition:border-color .12s ease,background .12s ease;font-size:12px;font-weight:400;border-color:var(--shell-border);color:var(--shell-text)}.opensketch-app .project-title{display:grid;min-width:0;gap:3px;padding:0;border:0;background:transparent;text-align:left;font-size:13px;font-weight:400}.opensketch-app .new-figure-button:hover{border-color:var(--shell-accent);background:var(--shell-accent-soft);color:var(--shell-text)}.opensketch-app .new-figure-icon{display:grid;flex:0 0 auto;width:38px;height:38px;place-items:center;border:1px solid #d3ddd8;border-radius:5px;color:var(--shell-on-accent);border-color:var(--shell-accent);background:var(--shell-accent)}.opensketch-app .project-card summary:hover{color:var(--shell-accent);background:var(--shell-accent-soft)}.opensketch-app .folder-card-actions button:hover{background:var(--shell-accent-soft);color:var(--shell-accent)}.opensketch-app .project-title small{color:var(--shell-muted);font-size:10px;font-weight:500}.opensketch-app .folder-card-main small{color:var(--shell-muted);font-size:10px;font-weight:650}.opensketch-app .empty-projects{margin:0;padding:24px 0 34px;color:var(--shell-muted);font-size:12px}.opensketch-app .folder-drawer-heading span{display:grid;min-width:19px;height:19px;padding:0 5px;place-items:center;border-radius:10px;color:var(--shell-muted);background:var(--shell-accent-soft);font-size:9px;font-weight:800}.opensketch-app .archive-disclosure small{display:grid;min-width:20px;height:20px;padding:0 6px;place-items:center;border-radius:10px;color:var(--shell-muted);background:var(--shell-accent-soft);font-size:9px}.opensketch-app .project-card{position:relative;display:grid;flex:0 0 260px;grid-template-rows:148px auto;width:260px;min-height:202px;overflow:visible;border:1px solid #c9d0cc;border-radius:7px;background:var(--shell-card);scroll-snap-align:start;transition:border-color .15s ease,box-shadow .15s ease,opacity .15s ease;border-color:var(--shell-border);color:var(--shell-text);box-shadow:0 8px 24px color-mix(in srgb,var(--shell-text) 8%,transparent)}.opensketch-app .project-card:hover{border-color:var(--shell-accent);box-shadow:0 10px 30px color-mix(in srgb,var(--shell-text) 12%,transparent)}.opensketch-app .project-card.archived{background:var(--shell-row)}.opensketch-app .project-preview{display:block;width:100%;overflow:hidden;padding:0;border:0;border-bottom:1px solid #dde1dc;border-radius:8px 8px 0 0;background:var(--shell-input);border-bottom-color:var(--shell-border)}.opensketch-app .folder-card{position:relative;display:grid;flex:0 0 230px;width:230px;min-height:80px;overflow:visible;border:1px solid #c9d0cc;border-radius:7px;background:var(--shell-row);scroll-snap-align:start;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;border-color:var(--shell-border);color:var(--shell-text);box-shadow:0 8px 24px color-mix(in srgb,var(--shell-text) 8%,transparent)}.opensketch-app .folder-card:hover,.opensketch-app .folder-card.open{border-color:var(--shell-accent);background:var(--shell-focus);box-shadow:0 10px 30px color-mix(in srgb,var(--shell-text) 12%,transparent)}.opensketch-app .folder-card.drop-target{border-color:var(--shell-accent);background:var(--shell-accent-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--shell-accent) 14%,transparent);transform:translateY(-2px)}.opensketch-app .project-row.drop-target{border-radius:9px;background:var(--shell-accent-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--shell-accent) 14%,transparent);border-color:var(--shell-accent)}.opensketch-app .folder-card-main{display:flex;align-items:center;min-width:0;height:100%;padding:13px 46px 13px 13px;gap:11px;border:0;border-radius:inherit;color:var(--shell-text);background:transparent;text-align:left}.opensketch-app .folder-card-icon{display:grid;flex:0 0 auto;width:48px;height:44px;place-items:center;border-radius:12px;color:var(--shell-accent);background:color-mix(in srgb,var(--shell-card) 72%,transparent)}.opensketch-app .folder-card-actions button{display:grid;width:25px;height:25px;padding:0;place-items:center;border:0;border-radius:4px;color:var(--shell-muted);background:color-mix(in srgb,var(--shell-card) 86%,transparent)}.opensketch-app .folder-drawer{margin-top:12px;padding:13px 14px 14px;border:1px solid #cad4cf;border-radius:9px;background:var(--shell-input);animation:folder-drawer-in .22s ease both;border-color:var(--shell-border);color:var(--shell-text)}.opensketch-app .folder-drawer-heading{display:flex;align-items:center;gap:8px;min-height:30px;color:var(--shell-text)}.opensketch-app .folder-drawer-heading button{display:grid;width:28px;height:28px;margin-left:auto;padding:0;place-items:center;border:0;border-radius:5px;color:var(--shell-muted);background:transparent}.opensketch-app .archive-disclosure{display:flex;width:100%;align-items:center;gap:8px;padding:17px 0;border:0;color:var(--shell-muted);background:transparent;text-align:left;font-size:12px;font-weight:800}.opensketch-app .empty-folder{margin:8px 0 2px;padding:24px;border:1px dashed #b8c7c1;border-radius:7px;color:var(--shell-muted);font-size:11px;text-align:center;border-color:var(--shell-border-strong)}.opensketch-app .creation-defaults-body{display:grid;gap:10px;padding:2px 11px 12px;border-color:var(--shell-border);color:var(--shell-text);background:var(--shell-input)}.opensketch-app .creation-defaults-summary{width:100%;display:flex;align-items:center;gap:6px;padding:11px 12px;border:0;color:var(--shell-muted);background:transparent;text-align:left;font-size:12px;font-weight:800;letter-spacing:.04em;cursor:pointer;transition:color var(--motion-ui),background var(--motion-ui)}.opensketch-app .creation-defaults-summary:hover{color:var(--shell-accent);background:var(--shell-accent-soft)}.toolbar-center{display:flex;align-items:center;justify-self:center;gap:2px}.project-save-status{display:inline-flex;min-width:0;align-items:center;justify-self:end;gap:5px;color:var(--ink-soft);font-size:10px;font-weight:800;line-height:1.25;white-space:nowrap}.project-save-status-message{display:flex;min-width:0;align-items:flex-start;gap:5px}.project-save-status-message span{min-width:0}.project-save-status-actions{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:3px}.project-save-status-details summary{color:inherit;font-weight:700}.project-save-status-details span{display:block;max-width:42ch;margin-top:3px;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:500}.zoom-group{display:flex;align-items:center;margin-left:4px}.toolbar-actions{display:flex;align-items:center;justify-self:end;gap:4px}.spectrum-editor{display:grid;grid-template-columns:minmax(0,1fr) 22px;gap:9px;height:184px}.opensketch-app .button.export-button{border-color:var(--shell-accent);color:var(--shell-on-accent);background:var(--shell-accent);box-shadow:0 2px 5px color-mix(in srgb,var(--shell-accent-strong) 22%,transparent)}.opensketch-app .button.export-button:hover:not(:disabled){border-color:var(--shell-accent-strong);color:var(--shell-on-accent);background:color-mix(in srgb,var(--shell-accent) 88%,#000)}.opensketch-app .editor-shell{display:grid;grid-template-rows:58px 1fr;width:100%;height:100%;color:var(--shell-text);background:var(--shell-canvas);padding:7px;gap:7px}.opensketch-app .top-toolbar{position:relative;z-index:20;display:grid;grid-template-columns:auto auto minmax(120px,1fr) auto minmax(0,auto) auto;align-items:center;gap:7px;padding:0 10px;border-bottom:1px solid #c8d0cc;background:color-mix(in srgb,var(--shell-card) 96%,transparent);box-shadow:0 4px 16px color-mix(in srgb,var(--shell-text) 9%,transparent);min-height:44px;border:1px solid var(--shell-border);border-radius:7px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--shell-text)}.opensketch-app .back-to-projects-button{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px;border:1px solid #c8d0cc;border-radius:5px;color:var(--shell-text);background:var(--shell-card);font-size:12px;font-weight:800;white-space:nowrap;border-color:var(--shell-border)}.opensketch-app .back-to-projects-button:hover{border-color:var(--shell-accent);background:var(--shell-accent-soft)}.opensketch-app .toolbar-rule{width:1px;height:22px;margin:0 3px;background:var(--shell-border)}.opensketch-app .project-save-status--saved{color:var(--shell-accent-strong)}.opensketch-app .project-save-status--saving{color:var(--shell-muted)}.opensketch-app .project-save-status--error{display:grid;max-width:min(460px,36vw);padding:5px 7px;border:1px solid color-mix(in srgb,var(--danger) 42%,var(--line));border-radius:6px;color:var(--shell-danger);background:color-mix(in srgb,var(--shell-danger) 10%,var(--shell-card));white-space:normal;border-color:color-mix(in srgb,var(--shell-danger) 46%,var(--shell-border))}.opensketch-app .project-save-status-action{display:inline-flex;min-height:24px;align-items:center;gap:4px;padding:2px 6px;border:1px solid color-mix(in srgb,var(--danger) 35%,var(--line));border-radius:4px;color:var(--shell-danger);background:var(--shell-card);font-size:10px;font-weight:800;border-color:color-mix(in srgb,var(--shell-danger) 42%,var(--shell-border))}.opensketch-app .project-save-status-action:hover{border-color:var(--shell-danger);background:color-mix(in srgb,var(--shell-danger) 14%,var(--shell-card))}.opensketch-app .project-save-status-details{margin-top:3px;color:var(--shell-muted);font-size:9px}.opensketch-app .document-title{min-width:110px;max-width:280px;padding:7px 8px;overflow:hidden;border:1px solid transparent;border-radius:5px;outline:none;background:transparent;font-size:13px;font-weight:700;text-overflow:ellipsis;color:var(--shell-text)}.opensketch-app .document-title:hover{border-color:var(--shell-accent);background:var(--shell-accent-soft)}.opensketch-app .document-title:focus{border-color:var(--shell-accent);background:var(--shell-accent-soft)}.opensketch-app .zoom-value{width:48px;padding:0;border:0;background:transparent;color:var(--shell-muted);font-size:10px;font-weight:800}.opensketch-app .export-button{min-height:32px;border-color:#116f6e;color:#fff;background:#116f6e}.opensketch-app .editor-grid{--left-sidebar-width: 304px;--right-sidebar-width: 288px;--editor-ruler-size: 24px;display:grid;grid-template-columns:minmax(0,1fr);min-height:0;transition:grid-template-columns var(--motion-panel);position:relative;overflow:hidden;border:1px solid #c8d1cd;border-radius:10px;background:var(--shell-canvas);border-color:var(--shell-border)}.compact-control{display:flex;align-items:center;gap:6px;height:31px;padding:0 9px;border:0;border-radius:5px;background:transparent;font-size:11px}.editor-grid.sidebar-collapsed,.editor-grid.right-sidebar-collapsed,.editor-grid.sidebar-collapsed.right-sidebar-collapsed{grid-template-columns:minmax(0,1fr);position:relative;display:grid;overflow:hidden;border:1px solid #c8d1cd;border-radius:10px;background:var(--workspace)}.sidebar-expanded{height:100%;opacity:1;visibility:visible;transition:opacity .15s 55ms ease-out,transform var(--motion-panel),visibility 0s;display:grid;width:var(--left-sidebar-width);grid-template-rows:50px 1fr;transform:translate(0)}.inspector-expanded{height:100%;opacity:1;visibility:visible;transition:opacity .15s 55ms ease-out,transform var(--motion-panel),visibility 0s;display:grid;width:var(--right-sidebar-width);grid-template-rows:auto 1fr;transform:translate(0)}.left-sidebar.collapsed .sidebar-expanded{position:absolute;inset:0 auto 0 0;pointer-events:none;border-right:1px solid #b8c5c0;background:var(--panel);box-shadow:16px 0 36px #132b2a29;opacity:0;visibility:hidden;transform:translate(-12px);transition:opacity .22s ease-in,transform .3s cubic-bezier(.4,0,.6,1),visibility 0s .3s}.right-sidebar.collapsed .inspector-expanded{position:absolute;inset:0 0 0 auto;pointer-events:none;border-left:1px solid #b8c5c0;background:var(--panel);box-shadow:-16px 0 36px #132b2a29;opacity:0;visibility:hidden;transform:translate(12px);transition:opacity .22s ease-in,transform .3s cubic-bezier(.4,0,.6,1),visibility 0s .3s}.left-sidebar.collapsed,.right-sidebar.collapsed{overflow:visible}.left-sidebar.collapsed.hover-expanded,.right-sidebar.collapsed.hover-expanded{z-index:30}.left-sidebar.collapsed.hover-expanded .sidebar-expanded,.right-sidebar.collapsed.hover-expanded .inspector-expanded{pointer-events:auto;opacity:1;visibility:visible;transform:translate(0);transition:opacity .24s ease-out,transform var(--motion-sidebar-hover),visibility 0s}.sidebar-hover-trigger{display:none}.left-sidebar.collapsed .sidebar-hover-trigger{position:absolute;z-index:1;top:60px;bottom:0;display:block;width:44px;left:0}.right-sidebar.collapsed .sidebar-hover-trigger{position:absolute;z-index:1;top:60px;bottom:0;display:block;width:44px;right:0}.collapsed.hover-expanded .sidebar-hover-trigger{pointer-events:none}.sidebar-rail{position:absolute;z-index:2;inset:0 auto auto 0;display:grid;width:44px;height:50px;place-items:start center;opacity:0;visibility:hidden;transform:scale(.88);transition:opacity .1s ease-in,transform .1s ease-in,visibility 0s .1s}.right-sidebar .sidebar-rail{right:0;left:auto}.collapsed .sidebar-rail{opacity:1;visibility:visible;transform:scale(1);transition:opacity .16s .24s ease-out,transform var(--motion-sidebar-hover),visibility 0s .24s}.collapsed.hover-expanded .sidebar-rail{opacity:0;visibility:hidden;transform:scale(.9);transition:opacity .12s ease-in,transform .12s ease-in,visibility 0s .12s}.inspector-collapse{display:grid;width:28px;height:28px;padding:0;place-items:center;border:1px solid #d3dad6;border-radius:5px;color:#496663;background:#fffefb;transition:color var(--motion-ui),border-color var(--motion-ui),background var(--motion-ui),transform var(--motion-ui)}.inspector-collapse:hover,.sidebar-collapse:hover{color:var(--teal-dark);background:#e8f3ef}.inspector-collapse:active,.sidebar-collapse:active,.sidebar-expand:active{transform:scale(.92)}.sidebar-tabs-shell{display:grid;grid-template-columns:1fr 28px;padding:5px 6px 0;border-bottom:1px solid #d6dbd7}.sidebar-tabs{display:grid;grid-template-columns:repeat(4,1fr)}.sidebar-collapse{display:grid;padding:0;place-items:center;border:0;border-left:1px solid #d9deda;background:transparent;transition:color var(--motion-ui),background var(--motion-ui),transform var(--motion-ui)}.sidebar-content{min-height:0;overflow:auto;padding:17px 14px 22px;animation:sidebar-panel-in .19s cubic-bezier(.22,1,.36,1) both}.inspector-scroll{min-height:0;overflow:auto}.sidebar-content-assets{overflow:hidden}.assets-panel{display:flex;min-height:0;height:100%;flex-direction:column}@keyframes sidebar-panel-in{0%{opacity:0;transform:translateY(5px)}}.inspector-header{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:10px 15px;border-bottom:1px solid #d5dbd7}.search-box button{display:grid;padding:2px;border:0;background:transparent}.asset-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:stretch}.offline-asset-card{display:grid;gap:7px;margin-top:9px;padding:10px;border:1px solid #cbded8;border-radius:8px;color:#3e5b56;background:#f2faf6}.offline-asset-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.offline-asset-card-heading>div{display:grid;gap:2px}.offline-asset-card-heading strong{color:#224642;font-size:10px}.offline-asset-card-heading span:not(.offline-asset-state){color:#6e8580;font-size:8px}.offline-asset-state{width:8px;height:8px;flex:none;margin-top:3px;border-radius:50%;background:#9daaa5}.offline-asset-state-ready{background:#29956c;box-shadow:0 0 0 3px #29956c1f}.offline-asset-state-preparing{background:#d29435;box-shadow:0 0 0 3px #d2943521;animation:offline-asset-pulse 1.2s ease-in-out infinite}.offline-asset-state-error,.offline-asset-state-unavailable{background:#c45c51;box-shadow:0 0 0 3px #c45c511f}.offline-asset-card>p{margin:0;color:#637975;font-size:8px;line-height:1.45}.offline-asset-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;color:#5c766f;font-size:8px;font-variant-numeric:tabular-nums}.offline-asset-progress progress{width:100%;height:6px;accent-color:#278d83}.offline-asset-error{padding-top:2px;color:#8a3d36!important}.offline-asset-button{min-height:28px;padding:0 9px;border:1px solid #8ab7ac;border-radius:5px;color:#1d6961;background:#fff;font-size:9px;font-weight:800}.offline-asset-button:hover{border-color:#3e9182;background:#e8f5ef}@keyframes offline-asset-pulse{50%{opacity:.45}}.asset-filter-collapse{margin-top:0;transition:grid-template-rows var(--motion-disclosure),opacity .14s ease,transform var(--motion-disclosure),margin-top var(--motion-disclosure),visibility 0s linear .22s}.asset-filter-collapse.open{margin-top:8px}.asset-filter-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.asset-filter-heading>span{overflow:hidden;color:#788984;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.asset-filter-grid{display:grid;gap:7px}.asset-filter-grid .ui-select{display:grid;gap:4px}.asset-filter-grid .ui-select-trigger{width:100%;min-height:30px;padding:0 8px;font-size:9px}.category-strip{display:flex;gap:5px;margin:10px -14px 0;padding:0 14px 8px;overflow-x:auto;scrollbar-width:none}.category-strip button:active{transform:scale(.96)}.recent-assets{display:flex;align-items:center;gap:5px;margin:-2px 0 9px;overflow:hidden}.asset-list{margin:0 -3px;scrollbar-width:thin}.asset-list-shell{min-height:0;flex:1}.template-list-shell{overflow-y:auto;scrollbar-width:thin}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 3px 8px}.asset-row{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;padding:0 3px 8px}.asset-card-image img{display:block;width:90%;height:90%;max-width:100%;max-height:100%;object-fit:contain}.template-card:hover .template-delete{opacity:1}.template-delete:focus-visible{opacity:1}.asset-card:hover .asset-favorite{opacity:1}.asset-favorite:focus-visible{opacity:1}.asset-source-control{position:absolute;z-index:4;top:6px;right:6px}.asset-card:hover .asset-source-trigger{opacity:1;transform:none}.asset-source-trigger:focus-visible{opacity:1;transform:none}.asset-source-popover.open{opacity:1;visibility:visible;pointer-events:auto;transform:none;animation:ui-popover-in var(--motion-ui) both}.asset-variant-picker{overflow:hidden;color:#7b8885;font-size:8px;text-overflow:ellipsis;width:100%}.asset-variant-trigger svg{flex:0 0 auto;transition:transform var(--motion-ui)}.asset-variant-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.asset-variant-menu::-webkit-scrollbar{width:0;height:0}.asset-variant-preview{position:relative;display:grid;aspect-ratio:1;place-items:center;overflow:hidden;border-radius:4px;background:#fff}.asset-variant-preview img{width:100%;height:100%;object-fit:contain}.asset-variant-preview svg{position:absolute;top:3px;right:3px;padding:2px;border-radius:50%;color:#fff;background:var(--teal-dark)}.asset-variant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.asset-variant-grid .asset-variant-preview{border:1px solid #edf0ed}.shape-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.shape-grid button:active{transform:scale(.97)}.creation-number-field,.creation-color-field{display:grid;gap:5px;color:#667572;font-size:10px;font-weight:700}.creation-number-field input{width:100%;min-height:30px;padding:0 7px;border:1px solid #ccd3cf;border-radius:5px;color:var(--ink);background:#fff;font-size:10px}.creation-color-field>span{display:flex;min-height:30px;align-items:center;gap:6px;color:#54635f;font-size:10px}.creation-color-field>.palette-color-picker{display:flex;min-height:30px;align-items:center;gap:6px;color:#54635f;font-size:10px}.inspector-header>span{margin-left:auto;margin-right:8px;color:#75837f;font-size:9px}.inspector-section-title svg{transition:transform var(--motion-disclosure)}.layers-title svg:first-child{transition:transform var(--motion-disclosure)}.inspector-section-title[aria-expanded=true] svg{transform:rotate(90deg)}.layers-title[aria-expanded=true] svg:first-child{transform:rotate(90deg)}.inspector-section-body{display:grid;gap:10px;padding:0 15px 14px}.ui-select-trigger:disabled{cursor:default;opacity:.55}.ui-select-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.ui-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-select-menu{position:fixed;z-index:300;overflow:auto;padding:4px;border:1px solid #c7d2ce;border-radius:7px;outline:none;color:var(--ink);background:#fffef9;box-shadow:0 12px 32px #142b2933;transform-origin:top center;animation:ui-select-in var(--motion-ui) both}.ui-select-menu button{display:flex;width:100%;min-height:30px;align-items:center;justify-content:space-between;gap:12px;padding:5px 8px;border:0;border-radius:4px;color:#334442;background:transparent;font-size:10px;text-align:left}.ui-select-menu button.active{color:#075f5a;background:#e6f2ef}.ui-select-menu button[aria-selected=true]{font-weight:700}.ui-select-menu button:disabled{opacity:.45}@keyframes ui-select-in{0%{opacity:0;transform:translateY(-4px) scale(.985)}}.field-row{display:grid;gap:8px}.field-row.two{grid-template-columns:1fr 1fr}.field-row.three{grid-template-columns:1fr 1fr .82fr}.field-row.dimensions{grid-template-columns:1fr 30px 1fr;align-items:center;gap:4px}.number-field>span{display:flex;align-items:center;gap:4px}.number-field small{color:#82908c;font-size:9px}.segmented-icons,.icon-grid{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;overflow:hidden;border:1px solid #cdd4d0;border-radius:5px}.segmented-icons button:last-child{border-right:0}.icon-grid button:last-child{border-right:0}.icon-grid button:disabled{color:#83918e;background:#f5f6f3;cursor:not-allowed;opacity:.42}.icon-grid button:disabled:hover{color:#83918e;background:#f5f6f3;cursor:not-allowed;opacity:.42}.range-field>span{display:flex;justify-content:space-between}.range-field output{color:var(--ink)}.check-field.compact{padding:2px 0}.check-field input{accent-color:var(--teal-dark)}.color-field>span{display:flex;align-items:center;gap:6px;color:var(--ink);font-size:9px;font-weight:500}.color-field.mini{display:flex;justify-content:space-between;padding:0 7px;border:1px solid #ccd3cf;border-radius:5px;background:#fff}.color-presets{display:grid;gap:9px;padding:9px;border:1px solid #ccd8d2;border-radius:7px;background:#f2f5f1}.palette-color-picker{display:inline-flex;min-width:0}.palette-color-trigger{display:inline-flex;min-width:31px;min-height:31px;align-items:center;gap:7px;padding:3px;border:1px solid #c5cfca;border-radius:6px;color:var(--ink);background:#fff;transition:border-color var(--motion-ui),box-shadow var(--motion-ui),transform var(--motion-ui)}.palette-color-trigger:active{transform:scale(.96)}.palette-color-trigger:hover,.palette-color-trigger[aria-expanded=true]{border-color:#7d9c96;box-shadow:0 0 0 2px #12a9a61f}.palette-color-trigger:disabled{cursor:not-allowed;opacity:.45}.palette-color-current{position:relative;overflow:hidden;width:23px;height:23px;flex:0 0 23px;border:1px solid rgba(24,49,51,.35);border-radius:3px;box-shadow:inset 0 0 0 1px #ffffff47}.palette-color-value{padding-right:4px;font-size:10px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.color-palette-popover{z-index:10050;display:grid;gap:14px;padding:14px;border:1px solid #bdc9c4;border-radius:8px;background:#fffef9;box-shadow:0 16px 38px #142b2a33,0 3px 9px #142b2a1f;transform-origin:top left;animation:ui-popover-in var(--motion-ui) both}.color-palette-popover section{display:grid;gap:7px}.color-palette-popover h3{margin:0;color:#405451;font-size:11px;font-weight:800}.color-palette-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:3px;border:1px solid #d4ddd8;border-radius:6px;background:#f0f5f2}.color-palette-tabs button{min-height:29px;padding:0 8px;border:0;border-radius:4px;color:#60706c;background:transparent;font-size:10px;font-weight:800}.color-palette-tabs button:hover,.color-palette-tabs button[aria-selected=true]{color:#0b7772;background:#fffef9;box-shadow:0 1px 3px #142b2a1f}.color-palette-tab-panel{display:grid;gap:14px}.theme-color-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(19px,1fr);grid-template-rows:repeat(6,24px);gap:2px}.standard-color-grid{display:grid;grid-template-columns:repeat(10,minmax(19px,1fr));gap:2px}.standard-color-grid.with-transparent{grid-template-columns:repeat(11,minmax(19px,1fr))}.color-palette-swatch{position:relative;overflow:hidden;display:grid;min-width:0;height:24px;place-items:center;padding:0;border:1px solid rgba(28,49,48,.18);border-radius:1px;color:#087e7c}.palette-color-current.transparent,.color-palette-swatch.transparent{background-color:#fff;background-image:linear-gradient(45deg,#dfe4e1 25%,transparent 25%),linear-gradient(-45deg,#dfe4e1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dfe4e1 75%),linear-gradient(-45deg,transparent 75%,#dfe4e1 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.palette-color-current.transparent:after{position:absolute;width:140%;height:2px;background:#c7483f;content:"";transform:rotate(-45deg)}.color-palette-swatch.transparent:after{position:absolute;width:140%;height:2px;background:#c7483f;content:"";transform:rotate(-45deg)}.color-palette-swatch:hover{z-index:1;border-color:#087e7c;box-shadow:0 0 0 2px #fffef9,0 0 0 3px #12a9a6}.color-palette-swatch.selected{z-index:1;border-color:#087e7c;box-shadow:inset 0 0 0 2px #fff,0 0 0 2px #087e7c}.color-palette-swatch svg{position:relative;z-index:1;padding:1px;border-radius:50%;background:#ffffffeb;stroke-width:3}.palette-screen-picker{display:grid;gap:6px;padding-top:11px;border-top:1px solid #dde3df}.palette-screen-picker-button:disabled{cursor:wait;opacity:.58}.palette-hex-field{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding-top:11px;border-top:1px solid #dde3df;color:#536562;font-size:10px;font-weight:800}.palette-hex-field>span{display:grid;grid-template-columns:minmax(0,1fr) auto}.palette-hex-field button{min-height:30px;padding:0 9px;border:1px solid #087e7c;border-radius:0 5px 5px 0;color:#fff;background:#087e7c;font-size:9px;font-weight:800}.color-presets-title{display:flex;align-items:center;justify-content:space-between;color:#60706c;font-size:9px;font-weight:700}.color-presets-title button{padding:0;border:0;color:var(--teal-dark);background:transparent;font-size:8px}.color-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.color-preset-ramp{display:flex;height:20px;overflow:hidden;border:1px solid rgba(39,59,55,.15);border-radius:4px}.color-preset-ramp i{flex:1}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.action-grid .span-two{grid-column:span 2}.layers-panel{border-bottom:1px solid #d8ddd9}.layers-title span{display:flex;align-items:center;gap:5px}.layers-title small{display:grid;min-width:20px;height:18px;place-items:center;border-radius:9px;background:#e1e7e3;font-size:8px}.export-format-options-content>.field{margin:12px 0}.export-format-options-content>.check-field{margin:12px 0}.export-background-options .color-field{margin:12px 0}.layers-collapse .motion-collapse-inner{overflow:clip}@media(max-width:1250px){.editor-grid{--left-sidebar-width: 278px;--right-sidebar-width: 270px;grid-template-columns:var(--left-sidebar-width) minmax(420px,1fr) var(--right-sidebar-width)}}@media(max-width:1080px){.editor-grid{--left-sidebar-width: 250px;--right-sidebar-width: 250px;grid-template-columns:var(--left-sidebar-width) minmax(360px,1fr) var(--right-sidebar-width)}.top-toolbar{grid-template-columns:auto auto minmax(100px,.7fr) auto minmax(0,auto) 1fr}.top-toolbar .brand span{display:none}.compact-control{padding-inline:5px}.project-save-status--error{position:absolute;top:calc(100% + 7px);right:10px;z-index:2;width:min(460px,calc(100vw - 24px));max-width:none}.sidebar-content{padding-inline:10px}}@media(max-height:720px){.sidebar-content{padding-top:10px}.inspector-header h2{font-size:17px}.shape-grid button{min-height:64px}}.floating-panel>.sidebar-content{flex:1}.sidebar-content-edit{padding:0;overflow:hidden}.inspector-embedded{display:grid;height:100%;min-height:0;grid-template-rows:auto 1fr}.inspector-embedded .inspector-header{background:#fffefb}.opensketch-app :is(.ui-select-menu,.asset-variant-menu) button:focus-visible{outline:2px solid color-mix(in srgb,var(--shell-accent) 56%,transparent);outline-offset:2px}.opensketch-app .asset-source-popover{position:fixed;z-index:360;display:grid;box-sizing:border-box;width:min(220px,calc(100vw - 24px));max-height:min(280px,calc(100vh - 24px));gap:4px;padding:9px 10px;border:1px solid #c7d6d1;border-radius:8px;overflow-y:auto;overflow-wrap:anywhere;color:var(--shell-text);background:var(--shell-card);box-shadow:0 16px 34px color-mix(in srgb,var(--shell-text) 18%,transparent);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px) scale(.985);transform-origin:top right;transition:opacity .12s ease,visibility .12s ease,transform .12s ease;border-color:var(--shell-border)}.opensketch-app .compact-control:hover{background:var(--shell-accent-soft)}.opensketch-app .right-sidebar{position:relative;z-index:10;min-height:0;overflow:hidden;background:var(--shell-card);transition:border-color var(--motion-panel),box-shadow var(--motion-panel);border-left:1px solid #c9d0cc;color:var(--shell-text)}.opensketch-app .left-sidebar{position:relative;z-index:10;min-height:0;overflow:hidden;background:var(--shell-card);transition:border-color var(--motion-panel),box-shadow var(--motion-panel);border-right:1px solid #c9d0cc;color:var(--shell-text);border-right-color:var(--shell-border)}.opensketch-app .left-sidebar.floating-sidebar{position:absolute;z-index:30;top:calc(var(--editor-ruler-size) + 8px);bottom:12px;left:calc(var(--editor-ruler-size) + 12px);width:auto;min-height:0;overflow:visible;border:0;background:transparent;pointer-events:none;border-right:0}.opensketch-app .sidebar-expanded.floating-panel{position:absolute;z-index:2;top:0;bottom:0;left:66px;display:flex;width:330px;height:auto;flex-direction:column;overflow:hidden;border:1px solid rgba(179,191,186,.92);border-radius:10px;background:color-mix(in srgb,var(--shell-card) 96%,transparent);box-shadow:0 10px 28px color-mix(in srgb,var(--shell-text) 13%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:none;animation:floating-panel-in .22s cubic-bezier(.22,1,.36,1) both;pointer-events:auto;border-color:var(--shell-border);color:var(--shell-text)}.opensketch-app .sidebar-expand{display:grid;width:32px;height:32px;margin-top:9px;padding:0;place-items:center;border:1px solid #cbd3cf;border-radius:6px;color:var(--shell-accent);background:var(--shell-card);transition:color var(--motion-ui),border-color var(--motion-ui),background var(--motion-ui),transform var(--motion-ui);border-color:var(--shell-border);box-shadow:0 10px 28px color-mix(in srgb,var(--shell-text) 13%,transparent)}.opensketch-app .sidebar-expand:hover{border-color:var(--shell-accent);background:var(--shell-accent-soft);transform:scale(1.04);color:var(--shell-accent)}.opensketch-app .floating-panel>.layers-panel{max-height:38%;flex:none;overflow:auto;border-top:1px solid #d8dfdb;background:#fffefb;border-color:var(--shell-border)}.opensketch-app .inspector-section{border-bottom:1px solid #dadeda;border-color:var(--shell-border)}.opensketch-app .inspector-transparency-only{padding-top:14px;border-bottom:1px solid #dadeda;border-color:var(--shell-border)}.opensketch-app .inspector-header h2{margin:0;font-family:var(--font-sans);font-size:15px;font-weight:700;color:var(--shell-text)}.opensketch-app .sidebar-tabs button{position:relative;display:grid;padding:0;place-items:center;border:0;background:transparent;color:var(--shell-muted);font-size:11px}.opensketch-app .sidebar-tabs button.active{color:var(--shell-accent)}.opensketch-app .sidebar-tabs button.active:after{position:absolute;right:9px;bottom:-1px;left:9px;height:2px;background:var(--shell-accent);content:""}.opensketch-app .number-field{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;min-width:0;min-height:32px;padding:0 7px;border:1px solid #ccd3cf;border-radius:5px;color:var(--shell-text);background:var(--shell-input);font-size:9px;font-weight:700;border-color:var(--shell-border-strong)}.opensketch-app .inspector-value-range .compact-value{width:52px;min-height:31px;padding:0 7px;border:1px solid #c5cfca;border-radius:5px;color:var(--shell-text);background:var(--shell-input);font-size:10px;border-color:var(--shell-border-strong)}.opensketch-app .inspector-color-row>input:not([type=color]){min-width:0;min-height:31px;padding:0 8px;border:1px solid #c5cfca;border-radius:5px;color:var(--shell-text);background:var(--shell-input);font-size:10px;text-transform:uppercase;border-color:var(--shell-border-strong)}.opensketch-app .color-input{border-color:var(--shell-border-strong);color:var(--shell-text);background:var(--shell-input)}.opensketch-app .search-box:focus-within{border-color:var(--shell-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--shell-accent) 14%,transparent)}.opensketch-app .field textarea:focus{border-color:var(--shell-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--shell-accent) 14%,transparent)}.opensketch-app .palette-hex-field input:focus{border-color:var(--shell-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--shell-accent) 14%,transparent)}.opensketch-app .search-box{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;min-height:32px;padding:0 10px;border:1px solid #c7cfcb;border-radius:5px;background:var(--shell-input);color:var(--shell-muted);border-color:var(--shell-border-strong)}.opensketch-app .search-box input{min-width:0;border:0;outline:none;font-size:11px;background:transparent;box-shadow:none;color:var(--shell-text)}.opensketch-app .asset-filter-toggle{display:inline-flex;min-height:32px;align-items:center;justify-content:center;gap:5px;padding:0 9px;border:1px solid #c7cfcb;border-radius:5px;color:var(--shell-muted);background:var(--shell-input);font-size:11px;font-weight:700;transition:color var(--motion-ui),border-color var(--motion-ui),background var(--motion-ui),box-shadow var(--motion-ui);border-color:var(--shell-border-strong)}.opensketch-app .asset-filter-toggle:hover{border-color:var(--shell-accent);color:var(--shell-accent);background:var(--shell-accent-soft)}.opensketch-app .asset-filter-toggle.active{border-color:var(--shell-accent);color:var(--shell-accent);background:var(--shell-accent-soft);box-shadow:0 0 0 2px #0d7a731a}.opensketch-app .asset-filter-count{display:inline-grid;min-width:16px;height:16px;place-items:center;padding:0 3px;border-radius:99px;color:var(--shell-on-accent);background:var(--shell-accent);font-size:8px;line-height:1}.opensketch-app .asset-filter-panel{display:grid;gap:8px;padding:9px;border:1px solid #d4dfda;border-radius:8px;background:var(--shell-input);border-color:var(--shell-border);color:var(--shell-text)}.opensketch-app .asset-filter-heading strong{color:var(--shell-muted);font-size:10px}.opensketch-app .asset-filter-grid .ui-select-label{color:var(--shell-muted);font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.opensketch-app .asset-filter-clear{padding:0;border:0;color:var(--shell-accent);background:transparent;font-size:8px;font-weight:800}.opensketch-app .asset-source-popover a{display:inline-flex;align-items:center;gap:4px;width:fit-content;margin-top:2px;color:var(--shell-accent);font-size:8px;font-weight:800}.opensketch-app .inspector-inline-action{display:inline-flex;min-height:30px;align-items:center;justify-content:center;gap:6px;padding:0 9px;border:1px solid #c8d1cd;border-radius:5px;color:var(--shell-accent);background:#fff;font-size:9px;font-weight:800}.opensketch-app .category-strip button{display:inline-flex;align-items:center;gap:5px;flex:none;padding:5px 9px;border:1px solid #d4d9d5;border-radius:99px;background:transparent;color:var(--shell-muted);font-size:9px;white-space:nowrap;transition:color var(--motion-ui),border-color var(--motion-ui),background var(--motion-ui),transform var(--motion-ui);border-color:var(--shell-border)}.opensketch-app .recent-assets button{max-width:86px;overflow:hidden;padding:3px 6px;border:0;border-radius:4px;color:var(--shell-muted);background:transparent;font-size:8px;text-overflow:ellipsis;white-space:nowrap;border-color:var(--shell-border)}.opensketch-app .category-strip button:hover,.opensketch-app .category-strip button.active,.opensketch-app .recent-assets button:hover{border-color:var(--shell-accent);color:var(--shell-on-accent);background:var(--shell-accent)}.opensketch-app .recent-assets>span{flex:none;color:var(--shell-muted);font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.opensketch-app .asset-card-copy small{overflow:hidden;color:var(--shell-muted);font-size:8px;text-overflow:ellipsis}.opensketch-app .asset-source-kicker{color:var(--shell-muted);font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.opensketch-app .asset-source-popover>span:not(.asset-source-kicker){color:var(--shell-muted);font-size:8px;line-height:1.25}.opensketch-app .field small{color:var(--shell-muted);font-size:8px;font-weight:500;line-height:1.45}.opensketch-app .palette-screen-picker-status{margin:0;color:var(--shell-muted);font-size:9px;font-weight:600;line-height:1.35}.opensketch-app .asset-card{position:relative;min-width:0;overflow:visible;border:1px solid #d2d7d3;border-radius:7px;background:var(--shell-card);transition:border-color .12s ease,box-shadow .12s ease;border-color:var(--shell-border)}.opensketch-app .asset-card:hover{z-index:2;border-color:var(--shell-accent);box-shadow:0 8px 22px color-mix(in srgb,var(--shell-text) 12%,transparent)}.opensketch-app .asset-card-image{display:grid;width:100%;height:116px;place-items:center;overflow:hidden;padding:7px;border:0;border-radius:6px 6px 0 0;background:var(--shell-input)}.opensketch-app .template-card-image{color:var(--shell-accent);background:linear-gradient(135deg,var(--shell-accent-soft),var(--shell-input))}.opensketch-app .asset-card-copy{display:grid;gap:2px;padding:8px 9px 9px;border-top:1px solid #e4e7e3;border-top-color:var(--shell-border)}.opensketch-app .asset-card-copy strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap;color:var(--shell-text)}.opensketch-app .asset-source-popover strong{font-size:10px;line-height:1.25;color:var(--shell-text)}.opensketch-app .asset-favorite{position:absolute;top:6px;left:6px;display:grid;width:25px;height:25px;place-items:center;border:1px solid #d6ded9;border-radius:50%;color:var(--shell-muted);background:color-mix(in srgb,var(--shell-card) 92%,transparent);opacity:0;transition:opacity .12s;border-color:var(--shell-border)}.opensketch-app .asset-source-trigger{display:grid;width:25px;height:25px;place-items:center;padding:0;border:1px solid #d6ded9;border-radius:50%;color:var(--shell-muted);background:color-mix(in srgb,var(--shell-card) 92%,transparent);opacity:0;transform:translateY(-2px) scale(.92);transition:opacity .12s ease,transform .12s ease,color .12s ease,background .12s ease;border-color:var(--shell-border)}.opensketch-app .template-delete{position:absolute;top:6px;right:6px;display:grid;width:25px;height:25px;place-items:center;padding:0;border:1px solid #d6ded9;border-radius:50%;color:var(--shell-muted);background:color-mix(in srgb,var(--shell-card) 92%,transparent);opacity:0;transition:opacity .12s ease,color .12s ease,background .12s ease;border-color:var(--shell-border)}.opensketch-app .asset-favorite:hover,.opensketch-app .asset-source-trigger:hover,.opensketch-app .template-delete:hover{color:var(--shell-accent);background:var(--shell-accent-soft)}.opensketch-app .asset-variant-trigger{display:flex;width:100%;min-height:16px;align-items:center;justify-content:space-between;gap:4px;padding:0;border:0;color:var(--shell-text);background:var(--shell-input);font-size:inherit;text-align:left;border-bottom-color:var(--shell-border)}.opensketch-app .asset-variant-trigger:hover,.opensketch-app .asset-variant-trigger[aria-expanded=true]{color:var(--shell-accent);background:var(--shell-focus)}.opensketch-app .asset-variant-grid>button{display:grid;min-width:0;gap:4px;padding:4px;border:1px solid #d3dcd8;border-radius:7px;color:#526461;background:var(--shell-input);font-size:8px;line-height:1.2;text-align:center;transition:border-color var(--motion-ui),box-shadow var(--motion-ui),background var(--motion-ui);border-color:var(--shell-border)}.opensketch-app .asset-variant-grid>button:hover{border-color:var(--shell-accent);background:var(--shell-accent-soft)}.opensketch-app .asset-variant-grid>button.selected{border-color:var(--shell-accent);color:var(--teal-dark);background:var(--shell-accent-soft);box-shadow:inset 0 0 0 1px var(--teal-dark);font-weight:700}.opensketch-app .shape-grid button{display:grid;min-height:78px;place-content:center;justify-items:center;gap:8px;border:1px solid #d3d9d5;border-radius:7px;background:var(--shell-input);color:var(--shell-muted);font-size:9px;transition:color var(--motion-ui),border-color var(--motion-ui),background var(--motion-ui),box-shadow var(--motion-ui),transform var(--motion-ui);border-color:var(--shell-border)}.opensketch-app .segmented-icons button,.opensketch-app .icon-grid button{display:flex;min-height:31px;align-items:center;justify-content:center;gap:5px;border:0;border-right:1px solid #d6dbd7;background:var(--shell-input);font-size:9px;border-color:var(--shell-border);color:var(--shell-muted)}.opensketch-app .action-grid button{display:flex;min-height:32px;align-items:center;justify-content:center;gap:5px;border:1px solid #d0d6d2;border-radius:5px;background:var(--shell-input);font-size:9px;border-color:var(--shell-border);color:var(--shell-muted)}.opensketch-app .color-preset-grid>button{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:7px;min-width:0;padding:5px;border:1px solid #cbd4cf;border-radius:5px;color:var(--shell-muted);background:var(--shell-input);font-size:8px;font-weight:700;text-align:left;border-color:var(--shell-border)}.opensketch-app .palette-screen-picker-button{display:inline-flex;width:100%;min-height:32px;align-items:center;justify-content:center;gap:7px;padding:0 10px;border:1px solid #9abbb4;border-radius:5px;color:var(--shell-muted);background:var(--shell-input);font-size:10px;font-weight:800;transition:border-color var(--motion-ui),background var(--motion-ui),box-shadow var(--motion-ui);border-color:var(--shell-border)}.opensketch-app .shape-grid button:hover{border-color:var(--shell-accent);background:var(--shell-accent-soft);color:var(--shell-accent)}.opensketch-app .shape-grid button.active{border-color:var(--shell-accent);color:var(--shell-accent);background:var(--shell-accent-soft);box-shadow:0 0 0 2px #078c8424}.opensketch-app .segmented-icons button:hover,.opensketch-app .segmented-icons button.active,.opensketch-app .icon-grid button:hover{color:var(--shell-accent);background:var(--shell-accent-soft);border-color:var(--shell-accent)}.opensketch-app .icon-grid button.active,.opensketch-app .action-grid button:hover{border-color:var(--shell-accent);color:var(--shell-accent);background:var(--shell-accent-soft)}.opensketch-app .color-preset-grid>button:hover{border-color:var(--shell-accent);background:var(--shell-accent-soft);color:var(--shell-accent)}.opensketch-app .color-preset-grid>button.active{border-color:var(--shell-accent);box-shadow:0 0 0 1px var(--teal);color:var(--shell-accent);background:var(--shell-accent-soft)}.opensketch-app .palette-screen-picker-button:hover{border-color:var(--shell-accent);background:var(--shell-accent-soft);box-shadow:0 0 0 2px #12a9a61f;color:var(--shell-accent)}.opensketch-app .inspector-section-title{display:flex;width:100%;align-items:center;justify-content:space-between;padding:12px 15px;border:0;background:transparent;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:color var(--motion-ui),background var(--motion-ui);color:var(--shell-muted)}.opensketch-app .layers-title{display:flex;width:100%;align-items:center;justify-content:space-between;padding:12px 15px;border:0;background:transparent;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--shell-muted)}.opensketch-app .inspector-section-title:hover,.opensketch-app .layers-title:hover{color:var(--shell-accent);background:var(--shell-accent-soft)}.opensketch-app .field,.opensketch-app .mini-field{display:grid;gap:5px;color:var(--shell-muted);font-size:9px;font-weight:700}.opensketch-app .color-field{display:grid;gap:5px;color:var(--shell-muted);font-size:9px;font-weight:700;grid-template-columns:1fr auto;align-items:center}.opensketch-app .inspector-value-range{display:grid;grid-template-columns:minmax(86px,1fr) 52px minmax(74px,1fr);align-items:center;gap:8px;color:var(--shell-muted);font-size:10px;font-weight:700}.opensketch-app .inspector-color-row{display:grid;grid-template-columns:minmax(86px,1fr) 36px minmax(90px,1.2fr);align-items:center;gap:8px;color:var(--shell-muted);font-size:10px;font-weight:700}.opensketch-app .range-field{display:grid;gap:6px;color:var(--shell-muted);font-size:9px;font-weight:700}.opensketch-app .check-field{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--shell-muted)}.opensketch-app .field textarea{width:100%;min-height:82px;padding:9px;border:1px solid #ccd3cf;border-radius:5px;outline:none;color:var(--shell-text);background:var(--shell-input);font-size:11px;resize:vertical;line-height:1.4;border-color:var(--shell-border-strong)}.opensketch-app .field .ui-select-trigger,.opensketch-app .mini-field .ui-select-trigger{width:100%;min-height:32px;padding:0 8px;border:1px solid #ccd3cf;border-radius:5px;outline:none;color:var(--shell-text);background:var(--shell-input);font-size:11px;border-color:var(--shell-border-strong)}.opensketch-app .number-field input{min-width:0;width:100%;padding:0 4px;border:0;outline:0;color:var(--ink);background:transparent;text-align:right;font-size:11px}.opensketch-app .palette-hex-field input{min-width:0;height:30px;padding:0 8px;border:1px solid #c5cfca;border-right:0;border-radius:5px 0 0 5px;outline:0;color:var(--shell-text);background:var(--shell-input);font-size:11px;font-weight:700;text-transform:uppercase;border-color:var(--shell-border-strong)}.opensketch-app .ui-select-menu{border:1px solid var(--shell-border);border-radius:6px;color:var(--shell-text);background:var(--shell-card);box-shadow:0 16px 34px color-mix(in srgb,var(--shell-text) 18%,transparent);font-family:var(--font-sans);font-size:12px}.asset-variant-menu{position:fixed;z-index:320;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;padding:7px;border:1px solid var(--shell-border);border-radius:6px;outline:0;background:var(--shell-card);box-shadow:0 16px 34px color-mix(in srgb,var(--shell-text) 18%,transparent);animation:ui-select-in var(--motion-ui) both;border-color:var(--shell-border);color:var(--shell-text);font-family:var(--font-sans);font-size:12px}.opensketch-app .ui-select-menu button{color:var(--shell-text);font-size:12px}.asset-variant-menu>button{display:grid;min-width:0;gap:5px;padding:5px;border:1px solid #d6ddda;border-radius:6px;color:var(--shell-text);background:#fff;font-size:12px;text-align:center}.opensketch-app .ui-select-menu button:hover,.opensketch-app .ui-select-menu button.active{color:var(--shell-text);background:var(--shell-accent-soft)}.asset-variant-menu>button:hover{border-color:#3e928d;color:var(--shell-text);background:var(--shell-accent-soft)}.asset-variant-menu>button.selected{border-color:#3e928d;color:var(--shell-text);background:var(--shell-accent-soft);box-shadow:inset 0 0 0 1px #3e928d;font-weight:700}.opensketch-app .ui-select-menu button[aria-selected=true]{color:var(--shell-text);background:var(--shell-accent-soft);font-weight:700}.opensketch-app .ui-select-menu button svg{color:var(--shell-accent)}.opensketch-app .ui-select-trigger svg{flex:0 0 auto;transition:transform .12s ease;color:var(--shell-accent)}.opensketch-app .ui-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #ccd3cf;border-radius:5px;color:var(--shell-text);background:var(--shell-input);text-align:left;transition:border-color .12s ease,background .12s ease,box-shadow .12s ease;min-height:32px;padding:5px 9px 5px 10px;border-color:var(--shell-border-strong);font-size:12px}.opensketch-app .ui-select-trigger:hover{border-color:var(--shell-accent);background:var(--shell-focus)}.opensketch-app .ui-select-trigger[aria-expanded=true]{border-color:var(--shell-accent);background:var(--shell-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--shell-accent) 15%,transparent)}.scientific-brush-settings{display:grid;gap:10px}.scientific-brush-settings button,.scientific-brush-settings input[type=number]{min-height:30px;padding:5px 7px;border:1px solid var(--shell-border);border-radius:5px;background:var(--shell-card);color:var(--shell-text);font:inherit;font-size:12px}.scientific-brush-settings input[type=number]{width:100%;min-width:0}.scientific-brush-settings button:disabled{opacity:.5}.scientific-brush-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.scientific-brush-colors input[type=color]{width:100%;height:30px;border:1px solid var(--shell-border);border-radius:5px;background:var(--shell-card)}.opensketch-app .asset-card.asset-card-editable{border:2px solid #288578}.opensketch-app .asset-card.asset-card-editable:hover{border-color:#175f55}.opensketch-app .asset-editable-badge{position:absolute;top:6px;right:6px;padding:1px 5px;border-radius:3px;background:#176c60e5;color:#fff;font-size:9px;font-weight:400;line-height:14px;pointer-events:none}.opensketch-app .asset-card-editable .asset-source-control{top:27px}.asset-palette-actions{display:flex;gap:8px}.asset-palette-actions button{flex:1;padding:7px;font-size:11px;border:1px solid #d4c5b3;border-radius:5px;background:transparent;color:inherit}.asset-palette-popover{position:fixed;z-index:10050;box-sizing:border-box;width:min(500px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;padding:16px;border:1px solid #d4c5b3;border-radius:9px;background:#fffaf2;box-shadow:0 12px 36px #302b2533;color:#302b25}.asset-palette-popover header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:13px}.asset-palette-popover header button{border:0;background:transparent;font-size:22px;width:30px;height:30px}.asset-palette-popover .section-note{margin:12px 0 0;font-size:11px}.asset-family-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.asset-family-grid button{display:grid;gap:5px;padding:6px;border:1px solid transparent;border-radius:6px;background:transparent;color:inherit;font-size:11px;cursor:pointer}.asset-family-grid button>span{height:30px;border-radius:5px;box-shadow:inset 0 0 0 1px #0002}.asset-family-grid button[aria-pressed=true]{border-color:#92532c;background:#f1e5d5}.asset-family-grid button:focus-visible{outline:2px solid #92532c}.asset-adjustments{display:grid;gap:16px;margin-top:20px}.asset-adjustments label{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:12px}.asset-adjustments input{grid-column:1 / -1;width:100%;margin:0}.asset-adjustments output{font-variant-numeric:tabular-nums}.canvas-workspace.is-creating .upper-canvas,.canvas-workspace.is-creating .artboard-stage{cursor:crosshair!important}.canvas-workspace:before{position:absolute;inset:var(--ruler-size) 0 0 var(--ruler-size);pointer-events:none;opacity:0;background-image:linear-gradient(rgba(112,132,137,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(112,132,137,.15) 1px,transparent 1px);background-size:32px 32px;content:"";transition:opacity .15s ease}.group-edit-banner strong{font-size:11px;font-weight:800;letter-spacing:.01em}.group-edit-banner button:hover{background:#116d69}.ruler-hidden .group-edit-banner{top:12px}.workspace-scroll:focus-visible{outline:none}.workspace-scroll.is-panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.workspace-marquee{position:absolute;z-index:6;pointer-events:none;border:1px solid #078987;background:#12a9a629;box-shadow:0 0 0 1px #ffffffa6 inset}@keyframes context-menu-in{0%{opacity:0;transform:translateY(-3px) scale(.975)}}.canvas-context-menu button.danger{color:#a33d37}.canvas-context-menu button.danger:hover{color:#8e2d28;background:#f8e9e6}.canvas-context-menu button.danger:focus-visible{color:#8e2d28;background:#f8e9e6}.workspace-plane[data-canvas-ready=false]{visibility:hidden}.canvas-workspace.grid-visible .artboard-stage:after{position:absolute;z-index:3;inset:0;pointer-events:none;background-image:linear-gradient(rgba(112,132,137,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(112,132,137,.14) 1px,transparent 1px);background-size:32px 32px;content:""}.artboard-stage .canvas-container{position:absolute!important;inset:0}.ruler-horizontal{top:0;right:0;left:0;height:var(--ruler-size);border-bottom:1px solid #bac4bf}.ruler-vertical{top:0;bottom:0;left:0;width:var(--ruler-size);border-right:1px solid #bac4bf}.ruler-horizontal .ruler-track{top:0;bottom:0;border-right:1px solid var(--ruler-line-strong)}.ruler-vertical .ruler-track{right:0;left:0;border-bottom:1px solid var(--ruler-line-strong)}.ruler-track:before{position:absolute;pointer-events:none;content:""}.ruler-horizontal .ruler-track:before{right:0;bottom:0;left:0;height:5px;background:repeating-linear-gradient(90deg,transparent 0 calc(var(--ruler-minor-step) - 1px),var(--ruler-line) calc(var(--ruler-minor-step) - 1px) var(--ruler-minor-step))}.ruler-vertical .ruler-track:before{top:0;right:0;bottom:0;width:5px;background:repeating-linear-gradient(180deg,transparent 0 calc(var(--ruler-minor-step) - 1px),var(--ruler-line) calc(var(--ruler-minor-step) - 1px) var(--ruler-minor-step))}.ruler-horizontal .ruler-major-tick{bottom:0;height:10px;border-left:1px solid var(--ruler-line-strong)}.ruler-horizontal .ruler-label{position:absolute;bottom:11px;left:4px}.ruler-vertical .ruler-major-tick{right:0;width:10px;border-top:1px solid var(--ruler-line-strong)}.ruler-vertical .ruler-label{position:absolute;top:4px;right:11px;writing-mode:vertical-rl}.workspace-controls button{display:grid;height:28px;min-width:28px;place-items:center;border:0;border-radius:4px;background:transparent}.workspace-controls .zoom-readout{display:flex;width:58px;gap:3px;font-size:9px;font-weight:800}.drop-active .workspace-scroll{outline:3px solid var(--teal);outline-offset:-5px}.editor-grid:has(.sidebar-expanded) .canvas-workspace{--floating-ui-left-inset: calc(420px + var(--editor-ruler-size))}.floating-tool-rail button:active{transform:scale(.96)}.floating-tool-rail button:after{line-height:1;content:attr(data-label)}.floating-tool-rail button span{line-height:1}.tool-flyout{position:absolute;z-index:5;left:66px;display:flex;align-items:flex-start;gap:6px;pointer-events:auto;animation:tool-flyout-in .15s cubic-bezier(.22,1,.36,1) both}.line-tool-flyout{top:114px}.shape-tool-flyout{top:172px}@keyframes tool-flyout-in{0%{opacity:0;transform:translate(-5px) scale(.98)}}.shape-tool-flyout .tool-flyout-primary{width:136px}.shape-tool-flyout .tool-flyout-primary button{grid-template-columns:24px 1fr;min-height:40px;gap:8px;padding:0 8px}.shape-tool-flyout .tool-flyout-primary button>svg:first-child{width:22px;height:18px}.shape-tool-flyout .tool-flyout-primary button>svg:first-child *{stroke-width:1.7}.line-tool-flyout .tool-flyout-primary button>svg:first-child{width:22px;height:18px}.connector-family-arrows.tool-flyout-secondary,.connector-family-dots.tool-flyout-secondary,.connector-family-neurons.tool-flyout-secondary,.connector-family-circular.tool-flyout-secondary{width:246px;grid-template-columns:repeat(4,1fr)}.connector-family-brackets.tool-flyout-secondary{width:300px;grid-template-columns:repeat(5,1fr)}.selection-toolbar-shell{position:absolute;z-index:8;top:13px;left:50%;transform:translate(-50%)}.selection-quick-toolbar button:active{transform:scale(.94)}.selection-quick-toolbar button:disabled{cursor:not-allowed;opacity:.35}.selection-quick-toolbar button.icon-only{min-width:38px}.selection-quick-toolbar button.danger:hover{color:#9d3934;background:#f8e9e6}.selection-toolbar-menu{position:absolute;top:calc(100% + 8px);min-width:190px;overflow:hidden;padding:5px;border:1px solid #c8d1cd;border-radius:10px;background:#fffefafc;box-shadow:0 15px 36px #18302e2e;animation:context-menu-in .14s ease-out both}.selection-toolbar-menu.align{left:0;display:grid;width:270px;grid-template-columns:repeat(2,1fr)}.selection-toolbar-menu.arrange{left:103px}.selection-toolbar-menu.flip{left:170px}.selection-toolbar-menu.transform{right:62px}.selection-toolbar-menu.more{right:0;min-width:250px}.selection-toolbar-menu button:active{transform:translate(2px)}.selection-toolbar-menu button.danger{color:#a13d37}.selection-toolbar-menu kbd{color:#83908d;font:500 8px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.workspace-footer.footer-panel-open{z-index:41}.workspace-footer>*{pointer-events:auto}.workspace-footer .workspace-controls{position:static;padding:0;border:0;background:transparent;box-shadow:none;transform:none;-webkit-backdrop-filter:none;backdrop-filter:none}.workspace-footer-section{position:relative;display:flex;align-items:center;gap:3px}.workspace-footer-section.view-controls{justify-content:flex-end}.workspace-footer-section>button:active{transform:scale(.94)}.workspace-footer .workspace-controls button:active{transform:scale(.94)}.editor-grid:not(.sidebar-collapsed) .canvas-size-popover{left:396px}.editor-grid.sidebar-collapsed .canvas-size-popover{left:62px}.workspace-footer-popover .footer-check{display:flex;min-height:25px;font-size:10px}.workspace-footer-popover .footer-select.compact{grid-template-columns:1fr}.canvas-settings-dimensions{display:grid;grid-template-columns:1fr 1fr 82px;gap:7px}.canvas-settings-dimensions label,.canvas-settings-dimensions .footer-select{display:grid;grid-template-columns:1fr;gap:5px}.canvas-color-control span,.canvas-color-control .palette-color-picker{display:flex;align-items:center;gap:7px;font-variant-numeric:tabular-nums}@media(max-width:820px){.sidebar-expanded.floating-panel{width:min(330px,calc(100vw - 96px))}.editor-grid:not(.sidebar-collapsed) .canvas-size-popover{right:8px;left:auto}.selection-quick-toolbar button span{display:none}}.opensketch-app .floating-tool-rail{position:relative;z-index:3;display:flex;width:56px;max-height:100%;flex-direction:column;gap:2px;padding:6px;overflow:auto;border:1px solid rgba(179,191,186,.9);border-radius:10px;background:color-mix(in srgb,var(--shell-card) 96%,transparent);box-shadow:0 10px 28px color-mix(in srgb,var(--shell-text) 13%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;scrollbar-width:none;border-color:var(--shell-border);color:var(--shell-text)}.opensketch-app .tool-flyout-primary{padding:6px;border:1px solid #c8d2cd;border-radius:9px;background:color-mix(in srgb,var(--shell-card) 96%,transparent);box-shadow:0 10px 28px color-mix(in srgb,var(--shell-text) 13%,transparent);display:grid;width:136px;align-content:start;border-color:var(--shell-border);color:var(--shell-text)}.opensketch-app .tool-flyout-secondary{padding:6px;border:1px solid #c8d2cd;border-radius:9px;background:color-mix(in srgb,var(--shell-card) 96%,transparent);box-shadow:0 10px 28px color-mix(in srgb,var(--shell-text) 13%,transparent);display:grid;width:222px;grid-template-columns:repeat(3,1fr);align-content:start;gap:4px;border-color:var(--shell-border);color:var(--shell-text)}.opensketch-app .workspace-footer{position:absolute;z-index:40;right:14px;bottom:12px;left:var(--floating-ui-left-inset);display:grid;min-height:42px;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:5px 7px;border:1px solid rgba(185,195,191,.96);border-radius:10px;background:color-mix(in srgb,var(--shell-card) 96%,transparent);box-shadow:0 10px 28px color-mix(in srgb,var(--shell-text) 13%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;border-color:var(--shell-border);color:var(--shell-text)}.opensketch-app .floating-tool-rail button{position:relative;display:grid;min-height:52px;place-items:center;gap:2px;padding:5px 2px;border:0;border-radius:7px;color:var(--shell-muted);background:transparent;font-size:8px;font-weight:700;transition:color .15s ease,background .15s ease,transform .15s ease}.opensketch-app .workspace-footer-section>button{display:inline-flex;min-width:30px;min-height:30px;align-items:center;justify-content:center;gap:7px;padding:0 8px;border:0;border-radius:6px;color:var(--shell-muted);background:transparent;font-size:11px;font-weight:700;transition:color var(--motion-ui),background var(--motion-ui),transform var(--motion-ui)}.opensketch-app .workspace-footer .workspace-controls button{display:inline-flex;min-width:30px;min-height:30px;align-items:center;justify-content:center;gap:7px;padding:0 8px;border:0;border-radius:6px;color:var(--shell-muted);background:transparent;font-size:11px;font-weight:700;transition:color var(--motion-ui),background var(--motion-ui),transform var(--motion-ui)}.opensketch-app .floating-tool-rail button:hover,.opensketch-app .floating-tool-rail button.active{color:var(--shell-accent);background:var(--shell-accent-soft)}.opensketch-app .workspace-footer-section>button:hover{color:var(--shell-accent);background:var(--shell-accent-soft)}.opensketch-app .workspace-footer-section>button.active{color:var(--shell-accent);background:var(--shell-accent-soft)}.opensketch-app .workspace-footer .workspace-controls button:hover,.opensketch-app .workspace-footer .workspace-controls button.active{color:var(--shell-accent);background:var(--shell-accent-soft)}.opensketch-app .floating-tool-rail button.active:before{position:absolute;top:8px;bottom:8px;left:-6px;width:3px;border-radius:0 3px 3px 0;background:var(--shell-accent);content:""}.opensketch-app .tool-flyout-primary button{display:grid;grid-template-columns:24px 1fr;min-height:38px;align-items:center;gap:6px;padding:0 8px;border:0;border-radius:6px;color:var(--shell-text);background:transparent;font-size:11px;text-align:left}.opensketch-app .tool-flyout-secondary button{display:grid;aspect-ratio:1;min-width:0;place-items:center;border:1px solid transparent;border-radius:6px;color:var(--shell-text);background:transparent}.opensketch-app .tool-flyout-primary button:hover,.opensketch-app .tool-flyout-primary button.active{color:var(--shell-text);background:var(--shell-accent-soft)}.opensketch-app .tool-flyout-secondary button:hover{border-color:#a9c9c3;outline:none;color:var(--shell-text);background:var(--shell-accent-soft)}.opensketch-app .tool-flyout-secondary button:focus-visible{border-color:#a9c9c3;outline:none;color:var(--shell-text);background:var(--shell-accent-soft)}.opensketch-app .canvas-color-control{display:grid;gap:5px;color:var(--shell-muted);font-size:10px;font-weight:700}.opensketch-app .workspace-footer-popover label{display:grid;grid-template-columns:1fr 96px;align-items:center;gap:8px;color:var(--shell-muted);font-size:10px;font-weight:700}.opensketch-app .workspace-footer-popover .footer-select{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:8px;color:var(--shell-muted);font-size:10px;font-weight:700}.opensketch-app .workspace-footer-popover input[type=number]{width:100%;min-height:32px;padding:0 8px;border:1px solid #c8d2cd;border-radius:6px;color:var(--shell-text);background:var(--shell-input);font-size:11px;font-weight:700;border-color:var(--shell-border-strong)}.opensketch-app .canvas-workspace{position:relative;--floating-ui-left-inset: calc(78px + var(--editor-ruler-size));--ruler-size: var(--editor-ruler-size);min-width:0;min-height:0;overflow:hidden;background:var(--shell-canvas);color:var(--shell-text)}.opensketch-app .workspace-scroll{touch-action:pan-x pan-y;position:absolute;inset:var(--ruler-size) 0 0 var(--ruler-size);overflow:auto;overscroll-behavior:none;scrollbar-color:#9eaaa6 transparent;scrollbar-width:thin;color:var(--shell-text);background:var(--shell-canvas)}.opensketch-app .workspace-plane{position:relative;display:grid;min-width:100%;min-height:100%;place-items:center;color:var(--shell-text);background:var(--shell-canvas)}.opensketch-app .canvas-workspace.grid-visible:before{opacity:1;background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--shell-border) 86%,transparent) 1px,transparent 1px)}.opensketch-app .canvas-ruler{position:absolute;z-index:14;overflow:hidden;pointer-events:none;color:var(--shell-muted);background:color-mix(in srgb,var(--shell-card) 92%,var(--shell-bg));box-shadow:0 1px 4px #26322e14;font-size:8px;font-variant-numeric:tabular-nums;line-height:1;-webkit-user-select:none;user-select:none;border-color:var(--shell-border)}.opensketch-app .ruler-corner{position:absolute;z-index:15;top:0;left:0;display:grid;width:var(--ruler-size);height:var(--ruler-size);place-items:center;pointer-events:none;border-right:1px solid #bac4bf;border-bottom:1px solid #bac4bf;color:var(--shell-muted);background:color-mix(in srgb,var(--shell-card) 92%,var(--shell-bg));font-size:7px;font-weight:700;letter-spacing:.02em;text-transform:lowercase;-webkit-user-select:none;user-select:none;border-color:var(--shell-border)}.opensketch-app .ruler-track{--ruler-line: color-mix(in srgb, var(--shell-border-strong) 68%, transparent);--ruler-line-strong: var(--shell-border-strong);position:absolute}.opensketch-app .ruler-major-tick{position:absolute;display:block;border-color:var(--shell-border)}.opensketch-app .workspace-controls{position:absolute;z-index:7;right:16px;bottom:14px;display:flex;align-items:center;padding:4px;border:1px solid #b9c3bf;border-radius:7px;background:color-mix(in srgb,var(--shell-card) 94%,transparent);box-shadow:0 8px 24px color-mix(in srgb,var(--shell-text) 13%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:var(--shell-border)}.opensketch-app .workspace-controls span{width:1px;height:16px;margin:0 3px;background:var(--shell-border)}.opensketch-app .workspace-controls button:hover,.opensketch-app .workspace-controls button.active{color:var(--shell-accent);background:var(--shell-accent-soft)}.canvas-context-menu{position:fixed;z-index:400;display:grid;width:218px;padding:5px;border:1px solid rgba(122,143,138,.58);border-radius:8px;outline:none;background:var(--shell-card);box-shadow:0 18px 48px color-mix(in srgb,var(--shell-text) 22%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform-origin:top left;animation:context-menu-in var(--motion-ui) both;border-color:var(--shell-border);color:var(--shell-text)}.canvas-context-label{overflow:hidden;padding:6px 9px 7px;color:var(--shell-muted);font-size:9px;font-weight:800;letter-spacing:.07em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.canvas-context-menu kbd{color:var(--shell-muted);font:500 8px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.canvas-context-menu button{display:grid;grid-template-columns:20px 1fr auto;min-height:34px;align-items:center;gap:7px;padding:0 9px;border:0;border-radius:5px;color:var(--shell-text);background:transparent;font-size:11px;font-weight:650;text-align:left;transition:color .1s ease,background .1s ease}.canvas-context-menu button:hover{outline:none;color:var(--shell-text);background:var(--shell-accent-soft)}.canvas-context-menu button:focus-visible{outline:none;color:var(--shell-text);background:var(--shell-accent-soft)}.canvas-context-menu button.separator-before{margin-top:5px;border-top:1px solid #dfe4e0;border-radius:0 0 5px 5px;border-top-color:var(--shell-border)}.opensketch-app .selection-toolbar-menu button.separator-before{margin-top:4px;border-top:1px solid #dce2df;border-radius:0 0 6px 6px;border-top-color:var(--shell-border)}.opensketch-app .group-edit-banner{position:absolute;z-index:16;top:34px;left:50%;display:inline-flex;align-items:center;gap:10px;min-height:34px;padding:4px 5px 4px 13px;border:1px solid rgba(27,69,67,.22);border-radius:999px;color:var(--shell-on-accent);background:var(--shell-accent);box-shadow:0 5px 18px #15353324;transform:translate(-50%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:group-banner-in var(--motion-disclosure) both;transition:top var(--motion-disclosure);border-color:var(--shell-accent)}.opensketch-app .group-edit-banner button{min-height:26px;padding:0 11px;border:0;border-radius:999px;color:var(--shell-on-accent);background:color-mix(in srgb,var(--shell-on-accent) 15%,transparent);font-size:10px;font-weight:800}.opensketch-app .selection-quick-toolbar{display:flex;align-items:center;gap:1px;padding:5px;border:1px solid #c3ceca;border-radius:11px;background:color-mix(in srgb,var(--shell-card) 96%,transparent);box-shadow:0 10px 28px color-mix(in srgb,var(--shell-text) 13%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:context-menu-in .15s ease-out both;border-color:var(--shell-border)}.opensketch-app .selection-quick-toolbar button{display:grid;min-width:51px;min-height:45px;grid-template-rows:20px auto;place-items:center;align-items:center;gap:2px;padding:3px 7px;border:0;border-radius:7px;color:var(--shell-muted);background:transparent;font-size:9px;font-weight:700;transition:color var(--motion-ui),background var(--motion-ui),transform var(--motion-ui)}.opensketch-app .selection-toolbar-menu button{display:grid;width:100%;min-height:35px;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:0 9px;border:0;border-radius:6px;color:var(--shell-muted);background:transparent;font-size:10px;text-align:left;transition:color var(--motion-ui),background var(--motion-ui),transform var(--motion-ui)}.opensketch-app .selection-quick-toolbar button:hover,.opensketch-app .selection-quick-toolbar button.active,.opensketch-app .selection-toolbar-menu button:hover{color:var(--shell-accent);background:var(--shell-accent-soft)}.opensketch-app .workspace-footer-popover{position:absolute;z-index:12;bottom:calc(100% + 13px);display:grid;width:min(340px,calc(100vw - 32px));gap:10px;padding:15px;border:1px solid #c4cfca;border-radius:9px;background:var(--shell-card);box-shadow:0 16px 38px color-mix(in srgb,var(--shell-text) 20%,transparent);animation:context-menu-in .15s ease-out both;border-color:var(--shell-border);color:var(--shell-text)}.opensketch-app .workspace-footer-popover strong{color:var(--shell-text);font-size:13px;line-height:1.2}.opensketch-app .workspace-footer-popover>button{min-height:32px;border:1px solid #b8c8c3;border-radius:6px;color:var(--shell-accent);background:var(--shell-accent-soft);font-size:11px;font-weight:800;border-color:var(--shell-border)}.opensketch-app .workspace-footer-popover .ui-select-trigger{min-height:30px;padding:0 9px;font-size:11px;font-weight:600}.opensketch-app .tool-flyout-secondary.scientific-preset-list{width:252px;max-height:min(520px,calc(100vh - 420px));overflow-y:auto;grid-template-columns:1fr}.opensketch-app .scientific-preset-list button{display:flex;gap:10px;padding:8px;aspect-ratio:auto;min-height:36px;text-align:left}.opensketch-app .scientific-preset-list button svg{width:24px;height:24px;flex-shrink:0}.opensketch-app .scientific-preset-list button img{object-fit:contain;flex-shrink:0}@keyframes dialog-backdrop-in{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}.about-sources ul{display:grid;gap:7px;margin:9px 0 0;padding-left:18px}.dialog-titlebar h2{margin-bottom:0}.format-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:17px}.format-tabs button:active{transform:scale(.97)}.format-tabs span{display:grid;font-size:12px;font-weight:800}.export-dialog>.button.secondary{margin-top:8px}.export-dialog>.dialog-note{margin:10px 0 0;line-height:1.45;text-align:center}.shortcut-keys{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px 8px}.shortcut-choice{display:inline-flex;align-items:center;gap:8px}.shortcut-combo,.shortcut-key-part{display:inline-flex;align-items:center;gap:5px}.dialog-close{position:absolute;top:12px;right:12px}.error-toast button{display:grid;padding:3px;border:0;background:transparent}.opensketch-app .dialog-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:30px;background:color-mix(in srgb,#1d1916 58%,transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:dialog-backdrop-in .18s ease-out both}.opensketch-app .dialog{position:relative;width:min(480px,100%);padding:27px;border:1px solid rgba(255,255,255,.3);border-radius:7px;background:var(--shell-card);box-shadow:0 28px 80px color-mix(in srgb,#000 28%,transparent);animation:dialog-in .17s ease-out both;border-color:var(--shell-border);color:var(--shell-text)}.opensketch-app .dialog h2{margin:4px 0 13px;font-family:var(--font-sans);font-size:22px;font-weight:700;color:var(--shell-text);letter-spacing:-.03em}.opensketch-app .export-dialog{font-weight:400}.opensketch-app .export-dialog .dialog-titlebar h2{font-weight:700}.opensketch-app .export-dialog .format-tabs span,.opensketch-app .export-dialog .format-tabs strong,.opensketch-app .export-dialog .field,.opensketch-app .export-dialog .check-field,.opensketch-app .export-dialog .color-field{font-weight:400}.opensketch-app .export-dialog .color-field>span{font-weight:400}.opensketch-app .export-dialog>.button.primary{font-weight:400;margin-top:12px}.opensketch-app .dialog>p:not(.eyebrow){color:var(--shell-muted);font-size:12px;line-height:1.65}.opensketch-app .about-sources{margin:17px 0;color:var(--shell-muted);font-size:11px;line-height:1.55}.opensketch-app .dialog-note{font-size:10px!important;color:var(--shell-muted)}.opensketch-app .about-sources strong{color:var(--shell-accent);font-size:12px}.opensketch-app .dialog a{color:var(--shell-accent)}.opensketch-app .about-sources a{color:var(--shell-accent);font-weight:700}.opensketch-app .dialog-titlebar{display:flex;justify-content:space-between;margin-bottom:17px;border-color:var(--shell-border)}.opensketch-app .export-summary{display:flex;justify-content:space-between;margin:18px 0 10px;padding-top:12px;border-top:1px solid #d8ddd9;color:#768481;font-size:9px;border-color:var(--shell-border)}.opensketch-app .shortcut-grid{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,300px);align-items:center;gap:10px 20px;padding:14px 0;border-block:1px solid #d9ded9;color:var(--shell-muted);font-size:12px;border-color:var(--shell-border)}.opensketch-app .format-tabs button{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #cdd4d0;border-radius:7px;background:var(--shell-input);text-align:left;transition:color var(--motion-ui),border-color var(--motion-ui),background var(--motion-ui),box-shadow var(--motion-ui),transform var(--motion-ui);border-color:var(--shell-border);color:var(--shell-text)}.opensketch-app .shortcut-grid kbd{padding:7px 10px;border:1px solid #cbd2ce;border-bottom-width:3px;border-radius:5px;color:var(--shell-text);background:var(--shell-input);font-size:11px;font-weight:700;line-height:1.35;text-align:center;white-space:nowrap;border-color:var(--shell-border)}.opensketch-app .format-tabs button.active{border-color:var(--shell-accent);color:var(--shell-accent);background:var(--shell-accent-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--shell-accent) 14%,transparent)}.opensketch-app .format-tabs strong{color:var(--shell-muted);font-size:8px;font-weight:500}.opensketch-app .shortcut-plus{color:var(--shell-muted);font-family:var(--font-sans);font-size:10px;font-weight:700}.opensketch-app .shortcut-or{color:var(--shell-muted);font-family:var(--font-sans);font-size:10px;font-weight:600}.opensketch-app .error-toast{position:fixed;z-index:200;right:18px;bottom:18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;max-width:450px;padding:12px 13px;border:1px solid #be665f;border-radius:7px;color:var(--shell-danger);background:color-mix(in srgb,var(--shell-danger) 12%,var(--shell-card));box-shadow:var(--shadow);font-size:11px;animation:feedback-in var(--motion-disclosure) both;border-color:color-mix(in srgb,var(--shell-danger) 65%,var(--shell-border))}.opensketch-app .loading-screen{display:grid;height:100%;place-content:center;justify-items:center;gap:13px;color:var(--shell-muted);background:var(--shell-bg);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.opensketch-app .loading-mark{width:39px;height:39px;border:2px solid #bad0c9;border-top-color:var(--shell-accent);border-radius:50%;animation:spin .8s linear infinite;border-color:color-mix(in srgb,var(--shell-accent) 24%,transparent)}.project-conflict-notice{position:fixed;z-index:190;top:72px;left:50%;display:grid;width:min(760px,calc(100vw - 36px));grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:14px 16px;border:1px solid #d9a65f;border-radius:10px;color:#65451f;background:#fff8e9;box-shadow:0 16px 42px #5b3e1933;transform:translate(-50%);animation:feedback-in var(--motion-disclosure) both}.project-conflict-copy{display:flex;align-items:flex-start;gap:10px;min-width:0}.project-conflict-copy>svg{flex:none;margin-top:1px;color:#b56d1d}.project-conflict-copy strong{display:block;color:#5c3b16;font-size:12px;line-height:1.3}.project-conflict-copy p{margin:4px 0 0;color:#7d6038;font-size:10px;line-height:1.45}.project-conflict-copy small{display:block;margin-top:5px;color:#9d3f31;font-size:10px}.project-conflict-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.project-conflict-actions .button{min-height:32px;padding-inline:10px;font-size:10px;white-space:nowrap}.project-conflict-actions .button.secondary{border-color:#d8bd91;color:#76572e;background:#ffffff94}.project-conflict-actions .button:disabled{cursor:default;opacity:.55}@media(max-width:680px){.project-conflict-notice{top:58px;width:calc(100vw - 24px);grid-template-columns:1fr;gap:12px;padding:12px}.project-conflict-actions{justify-content:stretch}.project-conflict-actions .button{flex:1}}.project-save-error{align-items:start}.project-save-error strong{display:block;margin-bottom:2px}html{width:100%;min-width:900px;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{width:100%;min-width:900px;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:#eee7db}html[data-theme=dark] body{background:#1d1916}#root{width:100%;min-width:900px;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}