:root[data-pivo-embedded=true]{--pivo-shell-header-height: 0px}:root[data-pivo-embedded=true] .suite-header{display:none!important}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./outfit-latin-ext-wght-normal-DdQaqQDo.woff2) format("woff2-variations");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:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./outfit-latin-wght-normal-Bc-8i84L.woff2) format("woff2-variations");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}*{box-sizing:border-box}:root{color-scheme:dark;font-family:Outfit Variable,Outfit,system-ui,-apple-system,sans-serif;color:#d9e0eb;background:#0d1117;--line:#2a3342;--accent:#73b8ff;--muted:#8794a7}body{margin:0}button,input,select{font:inherit}button{color:inherit;background:#202a38;border:1px solid #354154;border-radius:5px;padding:6px 10px;cursor:pointer}button:hover{background:#2a3850;border-color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}button.active{background:#263e5d;border-color:var(--accent);color:#c9e6ff}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #89c5ff;outline-offset:2px}input,select{color:inherit;background:#111923;border:1px solid #3b4656;border-radius:4px;padding:5px;min-width:0}input[type=number]{width:70px}input[type=range]{width:95px;accent-color:#73b8ff}input[type=color]{padding:0;width:36px;height:28px}.shell{height:100dvh;min-height:620px;display:grid;grid-template-rows:54px 45px 1fr 166px 28px;overflow:hidden}.topbar{display:flex;align-items:center;gap:8px;padding:0 18px;border-bottom:1px solid var(--line);background:#141b26}.brand{font-weight:760;letter-spacing:-.04em;font-size:20px;margin-right:15px}.brand i{font-style:normal;color:#74bbff}.badge{font-size:9px;letter-spacing:.12em;text-transform:uppercase;background:#263448;color:#a8c7f1;padding:5px;border-radius:3px}.spacer{flex:1}.filename{font-size:12px;color:var(--muted);max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.primary{background:#287ac5;border-color:#459bdf;color:#fff}.options{display:flex;gap:13px;align-items:center;padding:0 18px;background:#18202c;border-bottom:1px solid var(--line);font-size:11px;overflow-x:auto;white-space:nowrap}.options label{display:flex;align-items:center;gap:6px}.workspace{display:grid;grid-template-columns:57px minmax(220px,1fr) 254px;min-height:0}.tools{padding:12px 7px;background:#141c28;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:6px;overflow-y:auto}.tool{font-size:18px;height:37px;padding:0;position:relative}.tool small{position:absolute;bottom:2px;right:4px;font-size:8px;color:#8794a7}.viewport{position:relative;overflow:hidden;background:#0b1017;touch-action:none}.viewport canvas{width:100%;height:100%;display:block;cursor:crosshair;touch-action:none}.view-info{position:absolute;left:18px;top:12px;display:flex;gap:8px;pointer-events:none;font-size:10px;color:#7890ad;background:#111b28bd;border-radius:4px;padding:6px 9px}.preview{position:absolute;right:16px;bottom:14px;border:1px solid #465164;background:#182130;padding:7px;border-radius:7px;display:none}.preview.show{display:block}.preview canvas{width:112px;height:112px;image-rendering:pixelated;background:repeating-conic-gradient(#344154 0% 25%,#253144 0% 50%) 0/16px 16px}.sidebar{border-left:1px solid var(--line);background:#151d29;overflow:auto}.section{padding:15px;border-bottom:1px solid var(--line)}.section h2{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#8d9eb6;margin:0 0 12px}.row{display:flex;gap:6px;align-items:center;margin-top:9px}.row label{font-size:11px;color:var(--muted)}.row input[type=text]{width:100%}.colors{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.swatch{aspect-ratio:1;padding:0;border:1px solid #596476;border-radius:3px}.swatch.chosen{outline:2px solid white;outline-offset:1px}.hint{font-size:10px;color:#8293ad;line-height:1.5;margin:10px 0 0}.layer{display:grid;grid-template-columns:24px 1fr 24px;gap:3px;align-items:center;margin:4px 0;border-radius:4px;background:#1b2533;border:1px solid #2b3749;padding:4px}.layer.selected{background:#243a55;border-color:#668fbf}.layer button{border:0;background:none;padding:3px;font-size:12px}.layer .name{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer .tiny{font-size:9px;color:#b4d2f5}.layer-name{margin:0}.mini-actions{display:flex;flex-wrap:wrap;gap:5px}.mini-actions button{font-size:10px;padding:5px 7px}.timeline{background:#141c27;border-top:1px solid var(--line);display:grid;grid-template-rows:41px 1fr;min-height:0}.timelinebar{display:flex;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid var(--line);font-size:11px}.timelinebar button{padding:4px 9px}.timelinebar select{max-width:150px}.tracks{display:flex;overflow:auto;padding:9px 16px;gap:7px;align-items:flex-start}.frame{min-width:73px;padding:5px;border-radius:5px;border:1px solid #354257;background:#192434;cursor:pointer;text-align:center;font-size:10px}.frame.selected{border-color:#75b9ff;background:#233d5b}.frame canvas{width:48px;height:48px;display:block;margin:0 auto 4px;image-rendering:pixelated;background:repeating-conic-gradient(#384456 0% 25%,#243042 0% 50%) 0/12px 12px}.frame span{color:#93a6bf}.statusbar{background:#1a2534;display:flex;gap:15px;align-items:center;padding:0 15px;font-size:10px;color:#99aac2}.statusbar strong{font-weight:500;color:#c3d6ec}.notice{position:fixed;bottom:205px;left:80px;max-width:600px;padding:12px 17px;background:#21334b;border:1px solid #5688bf;border-radius:6px;font-size:12px;z-index:10;box-shadow:0 10px 40px #0007;display:none}.notice.show{display:block}.notice.error{background:#48242d;border-color:#ad6377}dialog{background:#172231;color:#d5e3f4;border:1px solid #566b88;border-radius:10px;width:440px;max-width:calc(100vw - 24px);padding:24px;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#03080dbb}dialog h2{margin-top:0;font-size:20px}dialog p{color:#a1b2ca;font-size:12px;line-height:1.6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px}.form-grid input,.form-grid select{width:100%}.full{grid-column:1/-1}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:23px}.file-input{display:none}.tiles{display:flex;flex-wrap:wrap;gap:5px}.tiles canvas{width:35px;height:35px;image-rendering:pixelated;border:1px solid #5b718c;cursor:pointer}.textbutton{font-size:10px}@media(max-width:950px){.workspace{grid-template-columns:48px minmax(200px,1fr) 210px}.topbar{padding:0 10px;gap:5px}.topbar button{padding:6px 8px;font-size:11px}.badge,.filename{display:none}.options{gap:9px}.section{padding:12px}}@media(max-width:680px){.workspace{grid-template-columns:45px 1fr 180px}.brand{font-size:14px;margin-right:4px}.topbar button{padding:5px;font-size:10px}.shell{min-width:570px}.sidebar{font-size:11px}}.advanced-section{background:#1b2b3e}.advanced-section .row select{max-width:145px}.advanced-section h2{color:#aacff7}dialog{max-height:92dvh;overflow:auto;width:560px}textarea{font:inherit;color:inherit;background:#101923;border:1px solid #3b4656;border-radius:4px;padding:8px;resize:vertical;max-height:140px}.form-grid label input[type=checkbox]{width:auto;align-self:flex-start}.form-grid input[type=color]{width:100%;height:32px}.form-grid input[type=file]{font-size:11px}.form-grid input[type=number]{width:100%}.form-grid label{line-height:1.4}.shell{grid-template-rows:54px 34px 45px minmax(0,1fr) var(--timeline-height,166px) 28px;min-width:720px}.document-tabs{grid-row:2;display:flex;gap:3px;align-items:stretch;padding:3px 12px;background:#0f1824;border-bottom:1px solid var(--line);overflow-x:auto}.document-tab{display:flex;flex:0 0 auto;border:1px solid #334359;border-radius:4px;background:#1b2738}.document-tab.active{background:#2b4565;border-color:#74b4f7}.document-tab button{background:transparent;border:0;border-radius:0;font-size:11px;padding:3px 10px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-tab button[data-close-document]{padding:3px 7px;color:#b1bed0}.options{grid-row:3}.workspace{grid-row:4;display:flex;overflow-x:auto;overflow-y:hidden}.tools{flex:0 0 57px}.viewport{flex:1 1 auto;min-width:220px;min-height:0}.sidebar{position:relative;flex-shrink:0;min-height:0}.left-dock{flex-basis:var(--left-dock,0px);border-left:0;border-right:1px solid var(--line)}.right-dock{flex-basis:var(--right-dock,254px)}.timeline:not(.vertical){grid-row:5;position:relative}.statusbar{grid-row:6}.timeline-side{flex:0 0 var(--timeline-side,0px);min-width:0;overflow:hidden;border:1px solid var(--line)}.timeline.vertical{height:100%;display:flex;flex-direction:column;grid-row:auto}.timeline.vertical .timelinebar{height:auto;min-height:110px;flex-wrap:wrap;padding:9px;gap:5px}.timeline.vertical .timelinebar .spacer{display:none}.timeline.vertical .tracks{flex:1;flex-wrap:wrap;align-content:flex-start;padding:9px;min-height:0}.section{position:relative}.section h2{padding-right:79px;cursor:grab}.dock-actions{display:flex;position:absolute;top:8px;right:5px;gap:2px}.dock-actions button{font-size:10px;padding:1px 4px;min-width:17px;line-height:16px;background:transparent;border-color:#38465a}.dock-resize{position:absolute;z-index:4;background:#5c8fc833;touch-action:none}.dock-resize:hover{background:#6cb5ff99}.dock-resize.x{top:0;bottom:0;width:5px;cursor:ew-resize}.left-dock .dock-resize.x{right:0}.right-dock .dock-resize.x{left:0}.dock-resize.y{left:0;right:0;top:0;height:5px;cursor:ns-resize}.timeline.vertical .dock-resize.y{display:none}.workspace.docking .left-dock[hidden],.workspace.docking .right-dock[hidden]{display:block!important;flex-basis:190px;background:#243d5980}.shortcut-rows{display:grid;gap:7px;max-height:48dvh;overflow-y:auto;padding:5px 3px}.shortcut-rows label{display:grid;grid-template-columns:170px 1fr;gap:10px;align-items:center;font-size:12px}.shortcut-rows input,.recovery-list{width:100%}.ui-icon{display:inline-block;vertical-align:middle;flex:0 0 auto;pointer-events:none;color:currentColor;stroke-linecap:round;stroke-linejoin:round}.brand i{display:inline-flex;vertical-align:-2px;margin-right:3px}.tool{display:grid;place-items:center;min-height:37px}.tool[data-tool=line] .ui-icon{transform:rotate(-45deg)}button .button-label{vertical-align:middle}button:has(.button-label){display:inline-flex;align-items:center;justify-content:center;gap:5px}.dock-actions button{display:grid;place-items:center;width:20px;min-height:20px;padding:2px}.layer .name{display:flex;align-items:center;gap:5px}.layer .name .tiny{margin-left:auto}.layer button[data-vis],.layer button[data-lock]{display:grid;place-items:center;min-height:22px}.frame span .ui-icon{margin-left:3px}.document-tab button[data-close-document]{display:grid;place-items:center;min-width:24px}.tools button[data-action=undo],.tools button[data-action=redo]{display:grid;place-items:center;min-height:30px}.mini-actions button .ui-icon{width:12px;height:12px}.advanced-section .mini-actions button{gap:4px}.topbar button .ui-icon{width:14px;height:14px}:root{--control-height:30px;--control-small:28px;--space-unit:8px}.shell{grid-template-rows:56px 36px 48px minmax(0,1fr) var(--timeline-height,166px) 28px}.topbar{gap:8px;padding-inline:16px;min-width:0}.brand{font-size:18px;letter-spacing:-.035em;margin-right:8px;white-space:nowrap}.badge{font-size:9px;flex-shrink:0}.filename{min-width:0;max-width:170px;flex-shrink:2}.topbar button{height:32px;padding:0 10px;font-size:12px;white-space:nowrap;flex-shrink:0;gap:6px}.topbar>button[data-action=help]{width:32px;padding:0;display:grid;place-items:center}.topbar .ui-icon{width:15px;height:15px}.document-tabs{padding:4px 12px;gap:6px}.document-tab button{font-size:11px;padding:0 10px;min-height:26px}.document-tab button[data-close-document]{width:26px;padding:0}.options{padding-inline:16px;gap:16px;scrollbar-width:thin}.options label{gap:8px;flex-shrink:0;white-space:nowrap}.options button{height:28px;padding:0 9px;font-size:11px}.options input[type=number]{width:60px;height:28px}.options select{height:28px;min-width:92px}.options input[type=range]{width:92px;padding:0}.options input[type=checkbox]{margin:0}.tools{padding:12px 8px;gap:7px}.tools .tool{min-height:38px;height:38px}.tool small{bottom:2px;right:3px;font-size:8px}.tools button[data-action=undo],.tools button[data-action=redo]{min-height:30px;padding:0}.tools button .ui-icon{width:20px;height:20px}.sidebar{scrollbar-width:thin;scrollbar-color:#445873 transparent}.sidebar .section{padding:14px;container-type:inline-size}.section h2{font-size:10px;letter-spacing:.085em;line-height:18px;margin-bottom:12px;padding-right:88px;min-height:20px}.dock-actions{top:12px;right:10px;gap:3px}.dock-actions button{width:20px;min-height:20px;border-radius:4px;padding:2px;background:#1a293c}.dock-actions .ui-icon{width:12px;height:12px}.row{gap:8px;margin-top:10px;flex-wrap:wrap}.row label{font-size:11px;gap:6px;white-space:nowrap;min-width:0}.row input[type=checkbox]{margin:0;flex-shrink:0}.row select{font-size:12px;height:30px;max-width:100%}.advanced-section .row select{max-width:170px}.advanced-section .row>button{height:30px;font-size:12px;padding:0 9px;gap:6px}.hint{font-size:10px;line-height:1.6;margin-top:10px;color:#9aacc3}.button-label{white-space:nowrap;line-height:1.2}.mini-actions{gap:6px;align-items:center}.mini-actions button{min-height:28px;padding:0 8px;font-size:11px;gap:5px;white-space:nowrap}.mini-actions button .ui-icon{width:13px;height:13px}.advanced-section .mini-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.advanced-section .mini-actions button{justify-content:flex-start;padding-inline:8px}.advanced-section .mini-actions button .button-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.advanced-section #dynamics-status{padding-top:2px}.advanced-section [data-advanced=transform]{grid-column:1/-1}.colors{gap:6px}.swatch{border-radius:4px;min-height:0;min-width:0}.section:has(#palette) .row:has(#fg){flex-wrap:nowrap;gap:8px}.section:has(#palette) input[type=color]{width:32px;height:28px;flex-shrink:0;border-radius:4px}.section:has(#palette) button[data-action=swap],.section:has(#palette) button[data-action=palette-edit]{width:28px;height:28px;padding:0;display:grid;place-items:center}.section:has(#palette) .row label{gap:4px}.section:has(#palette) .row:has(#color-mode){display:grid;grid-template-columns:38px minmax(0,1fr)}.section:has(#layers) .mini-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.layer-reorder{grid-column:1/-1;display:flex;justify-content:flex-end;gap:6px}.layer{grid-template-columns:26px minmax(0,1fr) 26px;padding:5px 4px;gap:3px;margin:5px 0;min-height:36px}.layer .name{font-size:12px;gap:6px;min-width:0}.layer .name>.ui-icon{flex-shrink:0}.layer button[data-vis],.layer button[data-lock]{height:24px;padding:0}.layer .tiny{font-size:8px;letter-spacing:.04em}.section:has(#layers) .row:has(#layer-opacity){display:grid;grid-template-columns:58px minmax(0,1fr)}#layer-opacity{width:100%;padding:0}.section:has(#layers) .row:has(#blend){display:flex;flex-wrap:wrap}#blend{flex:1;min-width:100px;max-width:140px}.section:has(#layers) button[data-action=layer-up],.section:has(#layers) button[data-action=layer-down]{width:28px;min-height:28px;padding:0;display:grid;place-items:center}.timeline:not(.vertical){grid-template-rows:44px minmax(0,1fr)}.timelinebar{padding:0 14px;gap:8px;overflow-x:auto;scrollbar-width:thin;white-space:nowrap}.timelinebar>*{flex-shrink:0}.timelinebar button{min-height:28px;padding:0 9px;font-size:11px;gap:6px}.timelinebar label{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.timelinebar input[type=checkbox]{margin:0}.timelinebar input[type=number]{height:28px;width:76px;padding:4px 6px}.timelinebar select{height:28px;font-size:11px}.tracks{gap:8px;padding:10px 14px}.frame{min-width:80px;max-width:100px;padding:7px 6px;min-height:80px}.frame canvas{width:52px;height:52px}.frame span{font-size:10px;display:block;white-space:nowrap}.timeline.vertical .timelinebar{padding:10px;gap:6px;overflow-x:hidden;white-space:normal}.timeline.vertical .tracks{padding:10px;gap:7px}.timeline.vertical .frame{min-width:80px}.statusbar{padding-inline:14px;gap:16px}.view-info{left:16px;top:14px}.notice{left:72px;max-width:min(620px,calc(100vw - 100px))}@container (max-width:225px){.section:has(#layers) .mini-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.section h2{letter-spacing:.04em}.advanced-section .row:has(#brush-colored){flex-direction:column;align-items:flex-start}.advanced-section .mini-actions{grid-template-columns:1fr}.advanced-section [data-advanced=transform]{grid-column:auto}.section:has(#palette) .row:has(#fg){gap:4px}.section:has(#palette) input[type=color]{width:27px}.section:has(#palette) .row:has(#fg) label{font-size:10px}.mini-actions button{padding-inline:6px;font-size:10px}.section:has(#layers) .row:has(#blend){flex-direction:column;align-items:flex-start}#blend{max-width:100%;width:100%}}@media(max-width:1280px){.topbar .badge{display:none}.topbar .filename{max-width:110px}.topbar{gap:6px}.topbar button{padding-inline:8px}.brand{margin-right:4px}}@media(max-width:1080px){.topbar .filename{display:none}.brand{font-size:16px}.topbar{padding-inline:12px;gap:5px}.topbar button{font-size:11px;padding-inline:7px}.topbar .ui-icon{width:14px;height:14px}}:root{--ui-text:#d9e0eb;--ui-muted:#9aacc3;--ui-bg:#0d1117;--ui-header:#141b26;--ui-toolbar:#18202c;--ui-panel:#151d29;--ui-panel-special:#1b2b3e;--ui-input:#111923;--ui-button:#202a38;--ui-button-hover:#2a3850;--ui-border:#354154;--ui-line:#2a3342;--ui-active:#263e5d;--ui-active-text:#c9e6ff;--ui-accent:#73b8ff;--ui-primary:#287ac5;--ui-primary-border:#459bdf;--ui-tabs:#0f1824;--ui-tab:#1b2738;--ui-tab-active:#2b4565;--ui-layer:#1b2533;--ui-layer-active:#243a55;--ui-frame:#192434;--ui-frame-active:#233d5b;--ui-status:#1a2534;--ui-dialog:#172231;--ui-dialog-text:#d5e3f4;--ui-backdrop:#03080dbb;--ui-notice:#21334b;--ui-notice-border:#5688bf;--ui-error:#48242d;--ui-error-border:#ad6377;--ui-focus:#89c5ff;--ui-checker-a:#344154;--ui-checker-b:#253144;--ui-header-label:#aacff7;--ui-info:#7890ad;--ui-info-bg:#111b28bd;--ui-thumb-border:#5b718c}:root[data-theme=light]{--ui-text:#21344b;--ui-muted:#50657d;--ui-bg:#e8eef5;--ui-header:#f5f8fc;--ui-toolbar:#edf2f8;--ui-panel:#f5f8fc;--ui-panel-special:#eaf1fa;--ui-input:#ffffff;--ui-button:#ffffff;--ui-button-hover:#e2edf9;--ui-border:#a7b8cd;--ui-line:#becbdc;--ui-active:#d9eafa;--ui-active-text:#104d87;--ui-accent:#1766ac;--ui-primary:#146eb9;--ui-primary-border:#075b9e;--ui-tabs:#e7eef7;--ui-tab:#f7faff;--ui-tab-active:#d9eafa;--ui-layer:#ffffff;--ui-layer-active:#dcecff;--ui-frame:#f8fbff;--ui-frame-active:#dcecff;--ui-status:#e1eaf5;--ui-dialog:#f9fbff;--ui-dialog-text:#21344b;--ui-backdrop:#253b5880;--ui-notice:#e4effd;--ui-notice-border:#5685b5;--ui-error:#fff0f1;--ui-error-border:#b54759;--ui-focus:#0c62ad;--ui-checker-a:#cbd6e5;--ui-checker-b:#e7edf5;--ui-header-label:#315b85;--ui-info:#47627e;--ui-info-bg:#f5f8fcdf;--ui-thumb-border:#8fa6c0}html,body{color:var(--ui-text);background:var(--ui-bg)}:root{--line:var(--ui-line);--accent:var(--ui-accent);--muted:var(--ui-muted)}button{color:var(--ui-text);background:var(--ui-button);border-color:var(--ui-border)}button:hover{background:var(--ui-button-hover);border-color:var(--ui-accent)}button.active{background:var(--ui-active);color:var(--ui-active-text);border-color:var(--ui-accent)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--ui-focus)}input,select,textarea{color:var(--ui-text);background:var(--ui-input);border-color:var(--ui-border)}input[type=range]{accent-color:var(--ui-accent)}.primary{background:var(--ui-primary);border-color:var(--ui-primary-border);color:#fff}.primary:hover{background:var(--ui-primary-border);color:#fff}.topbar{background:var(--ui-header)}.brand i{color:var(--ui-accent)}.badge{background:var(--ui-active);color:var(--ui-active-text)}.filename,.row label,.hint,.tool small{color:var(--ui-muted)}.options{background:var(--ui-toolbar)}.tools,.sidebar,.timeline{background:var(--ui-panel)}.advanced-section{background:var(--ui-panel-special)}.section h2,.advanced-section h2{color:var(--ui-header-label)}.dock-actions button{background:var(--ui-toolbar);border-color:var(--ui-border)}.dock-resize{background:color-mix(in srgb,var(--ui-accent) 20%,transparent)}.dock-resize:hover{background:color-mix(in srgb,var(--ui-accent) 65%,transparent)}.workspace.docking .left-dock[hidden],.workspace.docking .right-dock[hidden]{background:var(--ui-active)}.document-tabs{background:var(--ui-tabs)}.document-tab{background:var(--ui-tab);border-color:var(--ui-border)}.document-tab.active{background:var(--ui-tab-active);border-color:var(--ui-accent)}.document-tab button,.document-tab button[data-close-document]{color:var(--ui-text)}.layer{background:var(--ui-layer);border-color:var(--ui-line)}.layer.selected{background:var(--ui-layer-active);border-color:var(--ui-accent)}.layer button{background:none}.layer .tiny{color:var(--ui-active-text)}.frame{background:var(--ui-frame);border-color:var(--ui-border)}.frame.selected{background:var(--ui-frame-active);border-color:var(--ui-accent)}.frame span{color:var(--ui-muted)}.frame canvas,.preview canvas{background:repeating-conic-gradient(var(--ui-checker-a) 0% 25%,var(--ui-checker-b) 0% 50%) 0/12px 12px}.preview{background:var(--ui-panel);border-color:var(--ui-border)}.swatch{border-color:var(--ui-thumb-border)}.swatch.chosen{outline-color:var(--ui-text)}.statusbar{background:var(--ui-status);color:var(--ui-muted)}.statusbar strong{color:var(--ui-text)}.view-info{color:var(--ui-info);background:var(--ui-info-bg)}dialog{color:var(--ui-dialog-text);background:var(--ui-dialog);border-color:var(--ui-border)}dialog::backdrop{background:var(--ui-backdrop)}dialog p{color:var(--ui-muted)}.notice{color:var(--ui-text);background:var(--ui-notice);border-color:var(--ui-notice-border)}.notice.error{background:var(--ui-error);border-color:var(--ui-error-border)}.tiles canvas{border-color:var(--ui-thumb-border)}#theme-toggle{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;padding:0}.topbar #theme-toggle .ui-icon{width:16px;height:16px}@media(max-width:1120px){.topbar .filename{display:none}.topbar .brand{font-size:16px}.topbar .badge{display:none}}@media(prefers-reduced-motion:no-preference){#theme-toggle{transition:background-color .12s ease,border-color .12s ease}}:root{--scroll-thumb:#566b85;--scroll-hover:#7994b5;--scroll-active:#91b7e3;--scroll-track:transparent;--scroll-size:8px}:root[data-theme=light]{--scroll-thumb:#92a7c0;--scroll-hover:#627f9f;--scroll-active:#1766ac}:is(html,.sidebar,.tools,.tracks,.shortcut-rows,.document-tabs,.options,.workspace,.timelinebar,dialog,textarea){scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}@supports selector(::-webkit-scrollbar){:is(html,.sidebar,.tools,.tracks,.shortcut-rows,.document-tabs,.options,.workspace,.timelinebar,dialog,textarea){scrollbar-width:auto;scrollbar-color:auto}:is(html,.sidebar,.tools,.tracks,.shortcut-rows,.document-tabs,.options,.workspace,.timelinebar,dialog,textarea)::-webkit-scrollbar{width:var(--scroll-size);height:var(--scroll-size)}:is(html,.sidebar,.tools,.tracks,.shortcut-rows,.document-tabs,.options,.workspace,.timelinebar,dialog,textarea)::-webkit-scrollbar-track{background:var(--scroll-track);border-radius:999px}:is(html,.sidebar,.tools,.tracks,.shortcut-rows,.document-tabs,.options,.workspace,.timelinebar,dialog,textarea)::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid transparent;background-clip:padding-box;border-radius:999px;min-height:28px;min-width:28px}:is(html,.sidebar,.tools,.tracks,.shortcut-rows,.document-tabs,.options,.workspace,.timelinebar,dialog,textarea)::-webkit-scrollbar-thumb:hover{background-color:var(--scroll-hover)}:is(html,.sidebar,.tools,.tracks,.shortcut-rows,.document-tabs,.options,.workspace,.timelinebar,dialog,textarea)::-webkit-scrollbar-thumb:active{background-color:var(--scroll-active)}:is(html,.sidebar,.tools,.tracks,.shortcut-rows,.document-tabs,.options,.workspace,.timelinebar,dialog,textarea)::-webkit-scrollbar-corner{background:var(--ui-panel)}:is(html,.sidebar,.tools,.tracks,.shortcut-rows,.document-tabs,.options,.workspace,.timelinebar,dialog,textarea)::-webkit-scrollbar-button{display:none}}@media(forced-colors:active){:is(html,.sidebar,.tools,.tracks,.shortcut-rows,.document-tabs,.options,.workspace,.timelinebar,dialog,textarea){scrollbar-color:auto;scrollbar-width:auto;--scroll-thumb:ButtonText;--scroll-hover:Highlight;--scroll-active:Highlight;--scroll-track:Canvas}:root{--scroll-size:12px}}:root{--type-ui:12px;--type-compact:11.5px;--type-caption:11px;--type-panel:11px;font-optical-sizing:auto}body{font-size:var(--type-ui);line-height:1.4}.brand{font-size:19px;font-weight:700;letter-spacing:-.025em;line-height:1}.badge{font-size:9px;font-weight:600;letter-spacing:.085em;line-height:1.2}.filename{font-size:12px;font-weight:450;letter-spacing:.005em}.topbar button{font-size:12px;font-weight:500;letter-spacing:.005em;line-height:1.2}.topbar .primary{font-weight:600}.document-tab button{font-size:12px;font-weight:450;letter-spacing:.005em;line-height:1.2}.document-tab.active button[role=tab]{font-weight:550}.section h2,.advanced-section h2{font-size:var(--type-panel);font-weight:650;letter-spacing:.055em;line-height:18px}.row label,.options label{font-size:var(--type-compact);font-weight:450;letter-spacing:.005em;line-height:1.35}.options button,.options select,.options input{font-size:var(--type-compact);font-weight:450;letter-spacing:0}.row select,.row>button{font-size:12px;font-weight:450;letter-spacing:.005em}.mini-actions button,.advanced-section .row>button,.textbutton{font-size:var(--type-compact);font-weight:500;letter-spacing:.005em;line-height:1.2}.button-label{line-height:1.25}.layer .name{font-size:12px;font-weight:450;letter-spacing:.005em}.layer.selected .name{font-weight:550}.layer .tiny{font-size:8.5px;font-weight:600;letter-spacing:.05em}.hint{font-size:var(--type-caption);font-weight:400;letter-spacing:.005em;line-height:1.55}.timelinebar,.timelinebar button,.timelinebar select,.timelinebar label{font-size:var(--type-compact);font-weight:450;letter-spacing:.005em}.frame span{font-size:10.5px;font-weight:450;letter-spacing:.005em;line-height:1.25;font-variant-numeric:tabular-nums}.statusbar{font-size:var(--type-caption);font-weight:450;letter-spacing:.015em;line-height:1.3;font-variant-numeric:tabular-nums}.statusbar strong{font-weight:550}.view-info{font-size:10.5px;font-weight:500;letter-spacing:.015em;font-variant-numeric:tabular-nums}#zoom-label{font-size:11px;font-weight:500;font-variant-numeric:tabular-nums}dialog h2{font-size:21px;font-weight:650;letter-spacing:-.015em;line-height:1.2}dialog p{font-size:12px;line-height:1.6}.form-grid label{font-size:12px;font-weight:450;letter-spacing:.005em}.form-grid input,.form-grid select,.form-grid textarea,.shortcut-rows input{font-size:12px;font-weight:400;letter-spacing:0}.shortcut-rows label{font-size:12px;font-weight:450;line-height:1.35}.notice{font-size:12px;font-weight:450;line-height:1.5}@container (max-width:225px){.section h2{font-size:10.5px;letter-spacing:.045em}.mini-actions button{font-size:11px;letter-spacing:0}.hint{font-size:10.5px}}@media(max-width:1120px){.brand{font-size:17px}.topbar button{font-size:11.5px;letter-spacing:0}}:root{--pivo-surface:#151a22;--pivo-raised:#202733;--pivo-background:#0d1118;--pivo-input:#10151d;--pivo-text:#e8edf5;--pivo-muted:#a4b0c2;--pivo-border:#364254;--pivo-hover:#2a3445;--pivo-focus:#89baff;--pivo-brand:#2563eb;--pivo-accent:#7faaff;--pivo-on-accent:#0d1526;--pivo-danger:#ff948a;--pivo-danger-bg:#392126;--pivo-control-height:32px;--pivo-radius:5px;--pivo-dock-width:344px;--pivo-space-1:4px;--pivo-space-2:8px;--pivo-space-3:12px;--pivo-space-4:16px;--pivo-space-5:24px;font-size:13px;color-scheme:dark}:root[data-theme=light]{--pivo-surface:#f7f9fc;--pivo-raised:#eef2f7;--pivo-background:#e8edf4;--pivo-input:#fff;--pivo-text:#243044;--pivo-muted:#536278;--pivo-border:#aab8ca;--pivo-hover:#e0e8f3;--pivo-focus:#185cc3;--pivo-accent:var(--pivo-brand);--pivo-on-accent:#fff;--pivo-danger:#b42318;--pivo-danger-bg:#fff0ee;color-scheme:light}body{font-family:Outfit Variable,Outfit,system-ui,sans-serif;font-size:13px;line-height:1.4;color:var(--pivo-text);background:var(--pivo-background)}button,input,select,textarea{font-family:inherit;font-size:12px;border-radius:var(--pivo-radius)}button{min-height:32px;cursor:pointer}button:disabled{cursor:default;opacity:.5}input:not([type=checkbox]):not([type=range]):not([type=color]),select{min-height:32px}:focus-visible{outline:2px solid var(--pivo-focus);outline-offset:2px}.suite-brand{margin:0;display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:16px;font-weight:650;letter-spacing:-.02em;color:var(--pivo-text)}.suite-brand img{width:22px;height:22px;object-fit:contain}.suite-header{display:flex;align-items:center;gap:16px;flex:0 0 48px;height:48px;padding:0 16px;background:var(--pivo-surface);border-bottom:1px solid var(--pivo-border);min-width:0}.suite-header-actions{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}.suite-header .suite-header-actions>button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--pivo-control-height);min-height:var(--pivo-control-height);min-width:var(--pivo-control-height);padding:6px;gap:6px;border:1px solid var(--pivo-border);border-radius:var(--pivo-radius);background:var(--pivo-raised);color:var(--pivo-text);font-size:12px;font-weight:500;line-height:1.2;letter-spacing:normal;white-space:nowrap}.suite-header .suite-header-actions>button:not(.suite-file-action){width:var(--pivo-control-height);flex:0 0 var(--pivo-control-height);padding:0}.suite-header .suite-header-actions>button:disabled{opacity:.5;cursor:default}.suite-header .suite-header-actions>button:hover:not(:disabled){background:var(--pivo-hover)}.suite-header .suite-header-actions>button[aria-label="Save project"]:hover:not(:disabled){background:color-mix(in srgb,var(--pivo-accent) 90%,var(--pivo-text));color:var(--pivo-on-accent)}.suite-header .suite-header-actions>button>svg{display:block;width:16px;height:16px;flex:0 0 16px;stroke-width:1.8}.suite-menus{display:flex;gap:2px;align-items:center}.suite-menus>a{display:flex;align-items:center;justify-content:center;min-height:32px;padding:5px 10px;font-size:12px;border-radius:5px;color:var(--pivo-text);text-decoration:none}.suite-menus>a:hover{background:var(--pivo-hover)}.suite-menu{position:relative}.suite-menu>summary{display:flex;align-items:center;justify-content:center;min-height:32px;padding:5px 10px;cursor:pointer;list-style:none;font-size:12px;border-radius:5px;color:var(--pivo-text)}.suite-menu>summary::-webkit-details-marker{display:none}.suite-menu[open]>summary,.suite-menu>summary:hover{background:var(--pivo-hover)}.suite-menu-popup{position:absolute;left:0;top:calc(100% + 4px);z-index:400;width:max-content;min-width:min(224px,calc(100vw - 24px));max-width:calc(100vw - 24px);padding:6px;background:var(--pivo-surface);border:1px solid var(--pivo-border);border-radius:7px;box-shadow:0 12px 32px #0005;display:grid;gap:3px}.suite-menu-popup button{width:100%;text-align:left;justify-content:flex-start;padding:6px 10px;background:transparent;color:var(--pivo-text);border:0;white-space:nowrap}.suite-menu-popup button:hover:not(:disabled){background:var(--pivo-hover)}.suite-menu-popup .danger{color:var(--pivo-danger)}.suite-document-strip{display:flex;align-items:center;gap:12px;height:36px;flex:0 0 36px;padding:0 16px;min-width:0;background:var(--pivo-raised);border-bottom:1px solid var(--pivo-border);font-size:12px}.suite-document-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:550}.suite-save-state{color:var(--pivo-muted);font-size:11px;white-space:nowrap}.suite-tablist{display:flex;gap:4px;min-width:0}.suite-tablist button{border:0;background:transparent;color:var(--pivo-muted);padding:5px 12px}.suite-tablist button[aria-selected=true]{color:var(--pivo-accent);background:color-mix(in srgb,var(--pivo-accent) 13%,var(--pivo-surface));box-shadow:inset 0 -2px var(--pivo-accent)}.suite-document-strip>.suite-dock-toggle{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;margin-left:auto;height:28px;min-height:28px;padding:4px 10px;flex:none;border:1px solid var(--pivo-border);border-radius:var(--pivo-radius);background:var(--pivo-raised);color:var(--pivo-text);font-size:12px;font-weight:500;line-height:1.2;letter-spacing:normal;white-space:nowrap}.suite-document-strip>.suite-dock-toggle:hover:not(:disabled){background:var(--pivo-hover)}.suite-dock{display:flex;flex-direction:column;min-height:0;min-width:0;width:var(--pivo-dock-width);flex:0 0 var(--pivo-dock-width);background:var(--pivo-surface);border-left:1px solid var(--pivo-border);position:relative}.suite-hierarchy{height:var(--pivo-hierarchy-height,160px);flex:0 0 var(--pivo-hierarchy-height,160px);overflow:auto;min-height:80px;border-bottom:1px solid var(--pivo-border)}.suite-context-panel{min-height:0;flex:1;overflow:auto}.suite-resize{flex:0 0 5px;min-height:5px;touch-action:none;cursor:ns-resize;background:var(--pivo-border)}.suite-resize:hover,.suite-resize:focus-visible{background:var(--pivo-accent)}.suite-resize-width{position:absolute;left:-3px;top:0;bottom:0;width:5px;cursor:ew-resize;z-index:8;touch-action:none}.suite-context-toolbar{display:flex;align-items:center;gap:12px;min-height:44px;padding:6px 16px;background:var(--pivo-raised);border-bottom:1px solid var(--pivo-border);font-size:12px;min-width:0;overflow-x:auto;flex-shrink:0}.suite-context-toolbar label{display:flex;align-items:center;gap:6px;white-space:nowrap}.suite-context-toolbar input[type=number]{width:64px}.suite-tool-rail{display:flex;flex-direction:column;align-items:center;gap:7px;width:54px;flex:0 0 54px;padding:12px 7px;overflow-y:auto;background:var(--pivo-surface);border-right:1px solid var(--pivo-border)}.suite-tool-rail button{position:relative;width:36px;height:36px;min-height:36px;padding:7px;justify-content:center;flex-shrink:0}.suite-tool-rail button svg{width:20px;height:20px}.suite-tool-rail button[aria-pressed=true]{background:color-mix(in srgb,var(--pivo-accent) 20%,var(--pivo-surface));color:var(--pivo-accent);border-color:var(--pivo-accent)}.suite-dialog-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--pivo-border);flex-shrink:0}.suite-dialog-title{font-size:18px;font-weight:650}.suite-instructions{font-size:11px;color:var(--pivo-muted);padding:8px 12px}.suite-instructions>summary{cursor:pointer;min-height:28px;display:flex;align-items:center}.suite-instructions p{margin:4px 0 8px}.suite-empty{padding:8px 12px;color:var(--pivo-muted);font-size:12px;display:flex;align-items:center;gap:12px}.suite-toast{position:fixed;bottom:40px;left:72px;z-index:500;padding:12px 16px;border:1px solid var(--pivo-border);background:var(--pivo-surface);color:var(--pivo-text);border-radius:7px;box-shadow:0 8px 24px #0004;max-width:calc(100vw - 96px)}[hidden]{display:none!important}@media(max-width:1180px){:root{--pivo-dock-width:320px}.suite-header{gap:8px;padding-inline:12px}.suite-brand{font-size:15px}}@media(max-width:880px){.suite-dock{position:absolute;right:0;top:0;bottom:0;z-index:70;max-width:calc(100vw - 64px);box-shadow:-12px 0 32px #0004}.suite-dock:not(.suite-dock-open){display:none!important}.suite-header-actions .suite-action-label{display:none}.suite-header .suite-header-actions>.suite-file-action{width:var(--pivo-control-height);flex:0 0 var(--pivo-control-height);padding:0}.suite-header{gap:6px;padding-inline:8px}.suite-menus{gap:0}.suite-menu>summary{padding-inline:7px}.suite-document-strip{padding-inline:10px;gap:8px}.suite-save-state{max-width:130px;overflow:hidden;text-overflow:ellipsis}}@media(max-width:560px){.suite-brand{font-size:0;gap:0}.suite-brand img{width:22px}.suite-header-actions{gap:3px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.suite-header-actions button[aria-label="Save project"],.suite-header-actions button[data-action=save]{background:var(--pivo-accent);color:var(--pivo-on-accent);border-color:var(--pivo-accent)}.suite-tool-rail{padding:8px 4px;overflow-x:hidden;scrollbar-width:thin}.suite-tool-rail::-webkit-scrollbar{width:6px}@media(max-height:540px){.suite-dock{overflow:auto}.suite-context-panel{flex:none;min-height:180px;overflow:visible}}@media(min-width:881px){.suite-dock.suite-dock-hidden{display:none!important}}.suite-export-dialog{width:min(640px,calc(100vw - 32px));min-width:0;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;background:var(--pivo-surface);color:var(--pivo-text);border:1px solid var(--pivo-border);border-radius:8px;box-shadow:0 20px 60px #0006;overflow:hidden}.suite-export-dialog,.suite-export-dialog>form{display:flex;flex-direction:column;min-height:0}dialog.suite-export-dialog:not([open]){display:none}.suite-export-dialog>form{max-height:calc(100dvh - 34px)}.suite-export-dialog>header,.suite-export-dialog form>header{display:flex;align-items:center;justify-content:space-between;height:64px;padding:12px 16px;border-bottom:1px solid var(--pivo-border);flex-shrink:0}.suite-export-dialog #modal-content,.suite-export-dialog #modal-form{display:flex;flex-direction:column;min-height:0;max-height:calc(100dvh - 34px)}.suite-export-dialog h2,.suite-export-dialog h3{margin:0;font-size:18px;font-weight:650;letter-spacing:-.02em;text-transform:none;color:var(--pivo-text)}.suite-export-body{padding:16px;min-height:0;overflow:auto;flex:1}.suite-export-dialog .suite-export-format{display:flex;flex-direction:column;align-items:stretch;gap:4px;font-size:12px;color:var(--pivo-text);margin:0 0 12px;padding:0;border:0}.suite-export-format select{width:100%;min-height:32px;flex:none;background:var(--pivo-input);color:var(--pivo-text);border:1px solid var(--pivo-border);border-radius:5px}.suite-export-dialog p{font-size:13px;color:var(--pivo-muted);margin:0 0 12px;line-height:1.5}.suite-export-dialog .suite-dialog-footer{margin:0;padding:12px 16px;border-top:1px solid var(--pivo-border)}.suite-export-dialog .suite-dialog-footer button{height:32px;min-height:32px;font-size:12px;border-radius:5px;padding:6px 12px}.suite-export-dialog .primary,.suite-export-dialog .btn-primary{background:var(--pivo-accent);color:var(--pivo-on-accent);border-color:var(--pivo-accent)}.suite-export-dialog .suite-dialog-footer button:not(.primary):not(.btn-primary){background:var(--pivo-raised);color:var(--pivo-text);border:1px solid var(--pivo-border)}.suite-export-dialog select:focus-visible{outline:2px solid var(--pivo-focus);outline-offset:2px}.suite-tool-rail .tool-shortcut{position:absolute;right:3px;bottom:2px;font-family:inherit;font-size:9px;font-weight:600;line-height:1;color:var(--pivo-muted);pointer-events:none}.suite-tool-rail button[aria-pressed=true] .tool-shortcut{color:inherit}.suite-update{position:fixed;left:16px;bottom:40px;z-index:1000;max-width:calc(100vw - 32px);padding:12px;border:1px solid var(--pivo-border);border-radius:7px;background:var(--pivo-surface);color:var(--pivo-text);box-shadow:0 4px 20px #0005}.suite-update button{margin-left:8px}:root .suite-app-menu-popup{width:288px;min-width:0;max-width:calc(100vw - 16px);padding:6px;gap:0;background:var(--pivo-surface);color:var(--pivo-text);border:1px solid var(--pivo-border);border-radius:7px;box-shadow:0 12px 32px #0005}:root[data-theme=light] .suite-app-menu-popup{box-shadow:0 12px 32px #0003}.suite-app-menu-popup button{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-height:32px;height:32px;padding:6px 10px;margin:0;border:0;border-radius:4px;font-family:inherit;font-size:12px;font-weight:400;line-height:1.4;letter-spacing:normal;color:var(--pivo-text);background:transparent;text-align:left;white-space:nowrap}.suite-app-menu-popup button:hover:not(:disabled){background:var(--pivo-hover);color:var(--pivo-text)}.suite-app-menu-popup button:disabled{color:var(--pivo-muted);opacity:.55}.suite-app-menu-popup .suite-menu-label{flex:1;min-width:0}.suite-app-menu-popup .suite-menu-hint{flex:none;color:var(--pivo-muted);font-family:inherit;font-size:11px;font-weight:400;letter-spacing:normal}.suite-menu-separator{height:1px;min-height:1px;width:100%;margin:5px 0;padding:0;border:0;background:var(--pivo-border)}:root .suite-about-dialog,:root[data-theme] .suite-about-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 32px));min-width:0;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;display:flex;flex-direction:column;overflow:hidden;background:var(--pivo-surface);color:var(--pivo-text);border:1px solid var(--pivo-border);border-radius:8px;box-shadow:0 24px 60px #0005}:root dialog.suite-about-dialog:not([open]),:root[data-theme] dialog.suite-about-dialog:not([open]){display:none}.suite-about-dialog #modal-content,.suite-about-dialog form{display:flex;flex-direction:column;min-height:0;margin:0}.suite-about-dialog .suite-about-header{padding:16px 20px;border-bottom:1px solid var(--pivo-border);flex:none;display:flex;align-items:center;justify-content:space-between}.suite-about-dialog .suite-about-title{font-family:inherit;font-size:18px;font-weight:650;line-height:1.3;letter-spacing:-.02em;margin:0;padding:0;color:var(--pivo-text)}.suite-about-dialog .suite-about-body{padding:16px 20px;margin:0;min-height:0;overflow:auto;color:var(--pivo-muted)}.suite-about-dialog .suite-about-body p{margin:0 0 12px;font-size:13px;font-weight:400;line-height:1.5;color:var(--pivo-muted);letter-spacing:normal}.suite-about-dialog .suite-about-body p:last-child{margin-bottom:0}.suite-about-dialog .suite-about-body strong,.suite-about-dialog .suite-about-body b{font-weight:600}.suite-about-dialog .suite-about-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;margin:0;padding:12px 20px;border-top:1px solid var(--pivo-border)}.suite-about-dialog .suite-about-actions a{color:var(--pivo-accent);font-size:12px;font-weight:500;line-height:1.4;letter-spacing:normal;text-underline-offset:3px}:root[data-theme] .suite-about-dialog .suite-about-actions button{height:32px;min-height:32px;padding:6px 12px;margin:0;border:1px solid var(--pivo-accent);border-radius:5px;background:var(--pivo-accent);color:var(--pivo-on-accent);font-size:12px;font-weight:500;line-height:1.4;letter-spacing:normal}:root,:root[data-theme]{--pivo-modal-backdrop:rgba(3,8,13,.6)}:root .dialog-backdrop,:root[data-theme] .dialog-backdrop,:root .modal-overlay,:root[data-theme] .modal-overlay,:root dialog::backdrop,:root[data-theme] dialog::backdrop{background:var(--pivo-modal-backdrop);backdrop-filter:none;-webkit-backdrop-filter:none}:root .suite-shortcuts-dialog,:root[data-theme] .suite-shortcuts-dialog{box-sizing:border-box;width:min(640px,calc(100vw - 32px));min-width:0;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;display:flex;flex-direction:column;overflow:hidden;background:var(--pivo-surface);color:var(--pivo-text);border:1px solid var(--pivo-border);border-radius:8px;box-shadow:0 24px 60px #0005}:root dialog.suite-shortcuts-dialog:not([open]),:root[data-theme] dialog.suite-shortcuts-dialog:not([open]){display:none}.suite-shortcuts-dialog #modal-content,.suite-shortcuts-dialog form{display:flex;flex:1;flex-direction:column;min-height:0;margin:0}.suite-shortcuts-dialog .suite-shortcuts-header{display:flex;align-items:center;flex:none;padding:16px 20px;border-bottom:1px solid var(--pivo-border)}.suite-shortcuts-dialog .suite-shortcuts-title{margin:0;padding:0;font-family:inherit;font-size:18px;font-weight:650;line-height:1.3;letter-spacing:-.02em;color:var(--pivo-text)}.suite-shortcuts-dialog .suite-shortcuts-body{padding:16px 20px;margin:0;min-height:0;overflow:auto;color:var(--pivo-text);font-size:13px;line-height:1.5}.suite-shortcuts-dialog .suite-shortcuts-section{margin:20px 0 8px;font-size:13px;font-weight:600;letter-spacing:normal;color:var(--pivo-text)}.suite-shortcuts-dialog .suite-shortcuts-section:first-child{margin-top:0}.suite-shortcuts-dialog .suite-shortcuts-note{margin:12px 0 0;font-size:12px;font-weight:400;line-height:1.5;letter-spacing:normal;color:var(--pivo-muted)}.suite-shortcuts-dialog .suite-shortcuts-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;flex:none;padding:12px 20px;margin:0;border-top:1px solid var(--pivo-border)}:root[data-theme] .suite-shortcuts-dialog .suite-shortcuts-actions button{height:32px;min-height:32px;padding:6px 12px;margin:0;font-size:12px;font-weight:500;line-height:1.4;letter-spacing:normal}:root[data-theme] .suite-shortcuts-dialog .suite-shortcuts-actions .suite-shortcuts-close{border:1px solid var(--pivo-accent);border-radius:5px;background:var(--pivo-accent);color:var(--pivo-on-accent)}.suite-shortcuts-dialog .suite-shortcut-table{width:100%;table-layout:fixed;border-collapse:collapse;margin:0;font-size:13px;line-height:1.5;color:var(--pivo-text)}.suite-shortcuts-dialog .suite-shortcut-table th,.suite-shortcuts-dialog .suite-shortcut-table td{padding:8px 0;border-bottom:1px solid var(--pivo-border);vertical-align:top;text-align:left;font-size:13px;font-weight:400;line-height:1.5;letter-spacing:normal;overflow-wrap:anywhere}.suite-shortcuts-dialog .suite-shortcut-table th:first-child{width:43%;padding-right:16px}.suite-shortcuts-dialog .suite-shortcut-table thead th{color:var(--pivo-muted);font-size:12px;font-weight:500}.suite-shortcuts-dialog .suite-shortcut-table kbd{display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:2px 5px;border:1px solid var(--pivo-border);border-radius:4px;background:var(--pivo-raised);color:var(--pivo-text);font-family:inherit;font-size:12px;font-weight:400;line-height:1.7;letter-spacing:normal;white-space:normal}.suite-shortcuts-dialog .shortcut-rows{max-height:none;overflow:visible;padding:12px 0;gap:8px}.suite-shortcuts-dialog .shortcut-rows label{grid-template-columns:minmax(100px,43%) minmax(0,1fr);font-size:13px;font-weight:400;line-height:1.5}:root .dialog-backdrop,:root[data-theme] .dialog-backdrop,:root .modal-overlay,:root[data-theme] .modal-overlay{z-index:600}:root{--pivo-brand:#7c3aed;--pivo-accent:#a78bfa;--pivo-on-accent:#171027;--ui-bg:var(--pivo-background);--ui-header:var(--pivo-surface);--ui-toolbar:var(--pivo-raised);--ui-panel:var(--pivo-surface);--ui-panel-special:var(--pivo-surface);--ui-input:var(--pivo-input);--ui-button:var(--pivo-raised);--ui-button-hover:var(--pivo-hover);--ui-text:var(--pivo-text);--ui-muted:var(--pivo-muted);--ui-border:var(--pivo-border);--ui-line:var(--pivo-border);--ui-accent:var(--pivo-accent);--ui-primary:var(--pivo-brand);--ui-primary-border:var(--pivo-brand);--ui-active:color-mix(in srgb,var(--pivo-accent) 18%,var(--pivo-surface));--ui-active-text:var(--pivo-accent);--ui-tabs:var(--pivo-raised);--ui-tab:var(--pivo-surface);--ui-tab-active:var(--ui-active);--ui-dialog:var(--pivo-surface);--ui-dialog-text:var(--pivo-text);--ui-status:var(--pivo-surface);--ui-focus:var(--pivo-focus);--ui-header-label:var(--pivo-muted)}:root[data-theme=light]{--pivo-accent:var(--pivo-brand);--pivo-on-accent:#fff;--ui-text:var(--pivo-text);--ui-muted:var(--pivo-muted);--ui-panel:var(--pivo-surface);--ui-panel-special:var(--pivo-surface);--ui-input:var(--pivo-input);--ui-button:var(--pivo-raised);--ui-button-hover:var(--pivo-hover);--ui-border:var(--pivo-border);--ui-line:var(--pivo-border);--ui-accent:var(--pivo-accent);--ui-primary:var(--pivo-brand);--ui-primary-border:var(--pivo-brand);--ui-header-label:var(--pivo-muted);--ui-dialog:var(--pivo-surface);--ui-dialog-text:var(--pivo-text);--ui-tabs:var(--pivo-raised);--ui-tab-active:var(--ui-active);--ui-active-text:var(--pivo-accent)}.shell{height:100dvh;min-width:0;grid-template-rows:var(--pivo-shell-header-height,48px) 36px 44px minmax(0,1fr) var(--timeline-height,166px) 28px}.topbar{grid-row:1}.suite-document-strip{grid-row:2}.options{grid-row:3;height:44px}.workspace{grid-row:4;overflow:hidden;position:relative}.timeline:not(.vertical){grid-row:5}.statusbar{grid-row:6;font-size:11px}.suite-document-strip .document-tabs{padding:0;background:transparent;border:0;flex:1;min-width:0;height:35px;grid-row:auto}.document-tab button{font-size:12px}.topbar .brand{font-size:16px;margin:0}.topbar .suite-menu-popup button{justify-content:flex-start}.topbar .suite-menu-popup{max-height:70vh;overflow:auto}.tools{flex:0 0 54px;padding:12px 7px;gap:7px}.tools .tool{height:36px;min-height:36px}.viewport{min-width:0}.section{padding:16px}.section h2{font-size:12px;letter-spacing:0;padding-right:34px}.dock-actions{right:12px;top:10px}.dock-actions details>summary{width:32px;height:32px;padding:4px;font-size:18px}.dock-actions .suite-menu-popup{left:auto;right:0}.dock-actions button{width:auto;min-height:32px;display:flex}.craft-suite-default{flex-basis:var(--pivo-dock-width)!important;width:var(--pivo-dock-width);overflow:hidden}.craft-suite-default>[data-panel=layers]{height:var(--pivo-hierarchy-height,160px);flex:0 0 var(--pivo-hierarchy-height,160px);overflow:auto}.craft-suite-default>.section:not([data-panel=layers]){flex:1;min-height:0;overflow:auto}.craft-panel-tabs{flex-wrap:wrap;border-bottom:1px solid var(--pivo-border);flex-shrink:0;padding:4px 8px}.craft-panel-tabs button{font-size:12px;padding:5px 8px}.craft-suite-default>.dock-resize.x{display:none}.section h2,.row label,.options label{font-size:12px}.hint{font-size:11px}.mini-actions button{font-size:12px;min-height:32px}.section:has(#layers) .mini-actions{display:flex;flex-wrap:wrap}.section:has(#palette) .colors{grid-template-columns:repeat(8,minmax(0,1fr))}.layer .name{font-size:12px}.dialog-actions{border-top:1px solid var(--pivo-border);padding-top:12px}dialog h2{font-size:18px}dialog{border-radius:9px}@media(max-width:1180px){.topbar button{font-size:12px}.topbar .brand{font-size:15px}}@media(max-width:880px){.right-dock{flex-basis:var(--pivo-dock-width)!important}.workspace .left-dock{display:none!important}.topbar .suite-header-actions button{width:32px;padding:6px}.suite-header-actions .button-label{display:none}.topbar .suite-menu-popup button{width:100%;padding:6px 10px}.options{padding-inline:12px;gap:12px}.shell{min-width:0}.workspace{overflow:hidden}.tools{flex-basis:54px}}.shell{min-height:0}.options{overflow:visible;position:relative;z-index:35}.options .suite-menu-popup label{display:flex;flex-direction:row;justify-content:space-between;white-space:normal;padding:4px 8px;min-height:32px}.options .suite-menu-popup input[type=range]{width:95px}.options .suite-menu-popup select{max-width:120px}.options>label:has(#zoom){margin-left:auto}.options>label:has(#zoom) input{width:90px}.timelinebar{position:relative;z-index:25}.timelinebar>.suite-menu{margin-left:auto}.timelinebar .suite-menu-popup{right:0;left:auto}.timelinebar .suite-menu-popup label{display:flex;min-height:32px;align-items:center;gap:8px}.notice{bottom:40px;background:var(--pivo-surface);color:var(--pivo-text);border-color:var(--pivo-border)}.notice.error{background:var(--pivo-danger-bg);color:var(--pivo-danger)}@media(max-width:880px){.right-dock{position:fixed;top:var(--pivo-dock-top,128px);bottom:28px}.workspace .left-dock.suite-dock-open{display:flex!important;flex-direction:column;position:fixed;top:var(--pivo-dock-top,128px);bottom:28px;left:54px;width:320px;max-width:calc(100vw - 64px);z-index:75}.options{padding-inline:8px;gap:8px}.craft-suite-default>[data-panel=layers]{height:min(var(--pivo-hierarchy-height,160px),30dvh);flex-basis:min(var(--pivo-hierarchy-height,160px),30dvh)}}@media(max-height:540px){.shell{grid-template-rows:var(--pivo-shell-header-height,48px) 36px 44px minmax(0,1fr) min(var(--timeline-height,166px),30dvh) 28px}.timelinebar{padding-inline:8px;gap:4px}.tracks{padding:4px 8px}.frame canvas{width:32px;height:32px}}.tools{padding-inline:4px;overflow-x:hidden}@media(max-width:560px){.topbar .brand{font-size:0;margin:0}.topbar{padding-inline:8px;gap:4px}.suite-header-actions{gap:3px}.topbar .suite-menu>summary{padding-inline:6px}}@media(max-height:540px){.craft-suite-default{overflow:auto}.craft-suite-default>.section:not([data-panel=layers]){flex:none;min-height:180px;overflow:visible}}.layer{grid-template-columns:32px minmax(0,1fr) 32px}.layer button{min-height:32px}.section h2{font-size:12px;font-weight:650;text-transform:none;letter-spacing:0;color:var(--pivo-text)}.tools{padding-block:8px}dialog.suite-export-dialog{padding:0;border-radius:8px}.suite-export-dialog .form-grid{gap:12px}.row label:has(input[type=checkbox]),.options .suite-menu-popup label:has(input[type=checkbox]),.timelinebar .suite-menu-popup label:has(input[type=checkbox]){display:flex;align-items:center;justify-content:flex-start;gap:8px;white-space:normal}.row label input[type=checkbox],.suite-menu-popup input[type=checkbox]{margin:0;flex-shrink:0}.options .suite-menu-popup label:has(input[type=checkbox]){cursor:pointer}.craft-zoom-row{display:flex;align-items:center;gap:8px;padding:4px 8px;min-height:32px}.options .craft-zoom-row label{flex:1;min-width:0;padding:0}.craft-zoom-row #zoom-label{min-width:5ch;text-align:right;font-variant-numeric:tabular-nums;font-size:12px}