.workbench,.wb-loading{--wb-bg:#f8f7f3;--wb-panel:#fffefa;--wb-ink:#24243a;--wb-line:#deded7;--wb-muted:#787989;--wb-accent:#6660d6;--wb-tint:#efedff;color:var(--wb-ink);background:var(--wb-bg);font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.4}.workbench{flex-direction:column;height:100dvh;min-height:550px;display:flex;overflow:hidden}.workbench *,.wb-dialog *{box-sizing:border-box}.workbench button,.workbench input,.workbench select,.workbench textarea,.wb-dialog button,.wb-dialog input,.wb-dialog select,.wb-dialog textarea{font:inherit;color:inherit}.workbench button,.wb-dialog button{border:1px solid var(--wb-line,#deded7);background:var(--wb-panel,#fffefa);cursor:pointer;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:28px;padding:4px 9px;display:inline-flex}.workbench button:hover,.wb-dialog button:hover{background:#eeedf6;border-color:#b8b4e5}.workbench button:disabled,.wb-dialog button:disabled{opacity:.4;cursor:default}.workbench button.active,.workbench button[aria-pressed=true]{background:var(--wb-tint);color:#493ba4;border-color:#b1a9ed}.workbench :focus-visible,.wb-dialog :focus-visible{outline-offset:2px;outline:2px solid #7766dc}.workbench input:not([type=checkbox]):not([type=range]):not([type=color]),.workbench select,.workbench textarea,.wb-dialog input:not([type=checkbox]):not([type=range]):not([type=color]),.wb-dialog select,.wb-dialog textarea{border:1px solid var(--wb-line,#deded7);background:#fff;border-radius:5px;min-width:0;max-width:100%;padding:5px 7px}.workbench input[type=checkbox],.wb-dialog input[type=checkbox]{accent-color:#7160d4}.workbench input[type=range],.wb-dialog input[type=range]{accent-color:#7160d4;min-width:0}.workbench input[type=number]{width:70px}.workbench label,.wb-dialog label{align-items:center;gap:5px;display:flex}.workbench a,.wb-dialog a{color:#5144ab}.workbench .wb-button-link{border:1px solid var(--wb-line);background:var(--wb-panel);min-height:28px;color:var(--wb-ink);border-radius:6px;justify-content:center;align-items:center;padding:4px 9px;text-decoration:none;display:inline-flex}.workbench .wb-button-link:hover{background:#eeedf6;border-color:#b8b4e5}.wb-header{background:var(--wb-panel);border-bottom:1px solid var(--wb-line);flex-shrink:0;align-items:center;gap:15px;height:55px;padding:9px 15px;display:flex}.wb-brand{letter-spacing:1px;align-items:center;gap:7px;font-size:14px;font-weight:800;text-decoration:none;display:flex;color:var(--wb-ink)!important}.wb-mark{color:#fff;background:#6e60ce;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;font-size:24px;display:flex}.wb-name{background:0 0!important;border-color:#0000!important;width:180px!important;font-weight:600!important}.wb-save-status{color:#747782;white-space:nowrap;font-size:11px}.wb-header-actions{align-items:center;gap:5px;margin-left:auto;display:flex}.workbench .wb-export-button,.wb-dialog .wb-primary,.workbench .wb-primary{color:#fff;background:#6152c2;border-color:#6152c2}.workbench .wb-pro{color:#5144ab;background:#f2e9ff;font-weight:700}.wb-doc-tabs{border-bottom:1px solid var(--wb-line);flex-shrink:0;gap:4px;min-height:38px;padding:5px 12px;display:flex;overflow-x:auto}.wb-doc-tabs button{text-overflow:ellipsis;background:0 0;border-color:#0000;max-width:170px;font-size:11px;overflow:hidden}.wb-doc-tabs button.active{border-color:var(--wb-line);color:var(--wb-ink);background:#fff;font-weight:600}.wb-options{border-bottom:1px solid var(--wb-line);background:var(--wb-panel);white-space:nowrap;flex-shrink:0;align-items:center;gap:11px;min-height:42px;padding:7px 12px;display:flex;overflow-x:auto}.wb-options>strong{min-width:70px}.wb-field{justify-content:space-between;align-items:center;gap:8px;margin:0;display:flex}.wb-field>span{color:#737380}.wb-options .wb-field>span{font-size:11px}.wb-options select{max-width:95px}.wb-options input[type=number]{width:49px}.wb-body{flex:1;min-width:0;min-height:150px;display:flex}.wb-tools{border-right:1px solid var(--wb-line);background:var(--wb-panel);flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:50px;padding:9px 5px;display:flex;overflow:auto}.wb-tools button{border-color:#0000;width:34px;min-height:32px;padding:5px}.wb-current-color{border:2px solid #fff;border-radius:6px;flex-shrink:0;width:26px;height:26px;margin:7px 0;box-shadow:0 0 0 1px #bbb}.wb-canvas-section{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.wb-viewport{background:#e9e9e6 radial-gradient(#d6d6d2 .7px,#0000 .7px) 0 0/12px 12px;flex:1;min-height:0;overflow:auto}.wb-canvas-center{justify-content:center;align-items:center;width:max-content;min-width:100%;height:max-content;min-height:100%;padding:42px;display:flex}.wb-canvas-wrap{background:repeating-conic-gradient(#fff 0% 25%,#ecece9 0% 50%) 0/16px 16px;outline:1px solid #00000010;flex-shrink:0;position:relative;box-shadow:0 2px 15px #2222221c}.wb-canvas-wrap>canvas{image-rendering:pixelated;touch-action:none;cursor:crosshair;max-width:none;display:block}.wb-canvas-wrap .wb-selection-overlay{pointer-events:none;position:absolute;inset:0}.wb-canvas-wrap.show-grid:after{content:"";pointer-events:none;background-image:linear-gradient(90deg,#0002 1px,#0000 1px),linear-gradient(#0002 1px,#0000 1px);background-size:var(--pixel) var(--pixel);position:absolute;inset:0}.wb-selection-bar{border-top:1px solid var(--wb-line);background:var(--wb-panel);white-space:nowrap;align-items:center;gap:5px;min-height:37px;padding:5px 9px;display:flex;overflow-x:auto}.wb-selection-bar>span{color:#767681;min-width:125px;margin-right:auto;font-size:11px}.wb-selection-bar button,.wb-selection-bar select{min-height:24px;padding:3px 6px;font-size:11px}.wb-sidebar{resize:horizontal;border-left:1px solid var(--wb-line);background:var(--wb-panel);flex-direction:column;width:268px;min-width:215px;display:flex;overflow:auto}.sidebar-left .wb-sidebar{border-left:0;border-right:1px solid var(--wb-line);order:-1}.sidebar-left .wb-tools{order:-2}.wb-sidebar>nav{border-bottom:1px solid var(--wb-line);flex-shrink:0;gap:2px;padding:6px 5px;display:flex}.wb-sidebar>nav>button{border-color:#0000;flex-direction:column;flex:1;gap:3px;padding:5px 2px;font-size:10px}.wb-panel-content{flex-direction:column;gap:11px;padding:12px;display:flex;overflow:auto}.wb-panel-content h2{margin:0;font-size:13px;font-weight:700}.wb-panel-content h3{margin:7px 0 0;font-size:12px}.wb-panel-content p{color:#747481;margin:0;font-size:11px;line-height:1.65}.wb-panel-title{align-items:center;gap:5px;display:flex}.wb-panel-title h2{margin-right:auto}.wb-panel-content .wb-field>input:not([type=range]),.wb-panel-content .wb-field>select,.wb-panel-content .wb-field>input[type=range]{width:137px}.wb-layer-list{border:1px solid var(--wb-line);border-radius:6px;overflow:hidden}.wb-layer{border-bottom:1px solid #ecebe5;align-items:center;gap:2px;padding:4px;display:flex}.wb-layer:last-child{border-bottom:0}.wb-layer.active{background:var(--wb-tint)}.wb-layer button{background:0 0;border-color:#0000;min-height:25px;padding:4px}.wb-layer-name{text-align:left;text-overflow:ellipsis;flex:1;overflow:hidden;justify-content:flex-start!important}.wb-button-row{flex-wrap:wrap;gap:5px;display:flex}.wb-slice,.wb-recovery-row{border-bottom:1px solid #e2e1dc;justify-content:space-between;align-items:center;padding:6px 0;display:flex}.wb-color-input{gap:8px;display:flex}.wb-color-input input[type=color]{background:0 0;border:0;width:48px;height:36px;padding:0}.wb-color-input>input:last-child{flex:1;width:0}.wb-palette{grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.wb-palette button{aspect-ratio:1;border:1px solid #0002;border-radius:4px;min-height:22px;padding:0}.wb-code{resize:vertical;width:100%;line-height:1.6;font-family:ui-monospace,SFMono-Regular,monospace!important;font-size:11px!important}.wb-panel-content .wb-field:has(textarea){display:block}.wb-panel-content .wb-field:has(textarea)>span{margin-bottom:6px;display:block}.wb-code-result{white-space:pre-wrap;overflow-wrap:anywhere;background:#f0efeb;border-radius:5px;max-height:240px;margin:0;padding:9px;font-size:10px;line-height:1.6;overflow:auto}.wb-tile-list{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.wb-tile-list button{font-size:11px}.wb-repeat-preview{background:repeating-conic-gradient(#fff 0% 25%,#e8e8e8 0% 50%) 0/12px 12px;display:block}.wb-repeat-preview canvas{width:100%;height:auto;image-rendering:pixelated}.wb-timeline{background:var(--wb-panel);border-top:1px solid #cfcfd0;flex-direction:column;flex-shrink:0;min-height:130px;display:flex}.wb-timeline-tools{border-bottom:1px solid var(--wb-line);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;min-height:42px;padding:7px 10px;display:flex;overflow-x:auto}.wb-timeline-tools button,.wb-timeline-tools select{font-size:11px}.wb-timeline-tools input{width:65px!important}.wb-timeline-tools>span{color:#80818b;margin-left:auto;font-size:11px}.wb-timeline-scroll{flex:1;overflow:auto}.wb-timeline-grid{align-content:start;min-width:max-content;display:grid}.wb-timeline-grid>button,.wb-timeline-corner{background:0 0;border:1px solid #e4e3df;border-top:0;border-left:0;border-radius:0}.wb-timeline-corner{z-index:3;color:#767680;background:#f6f5f0;padding:8px 10px;font-size:10px;position:sticky;left:0}.wb-frame-heading{flex-direction:column;gap:0!important;min-height:67px!important;padding:2px!important;font-size:10px!important;display:flex!important}.wb-frame-heading canvas{width:36px;height:36px;image-rendering:pixelated}.wb-frame-heading small{color:#83808d;font-size:9px}.workbench .wb-frame-heading.selected{background:#f0ecfb}.workbench .wb-frame-heading.active{background:#e7e2fa;box-shadow:inset 0 2px #7161d2}.wb-timeline-layer{z-index:2;text-overflow:ellipsis;max-width:130px;position:sticky;left:0;overflow:hidden;background:#f8f7f3!important;justify-content:flex-start!important;padding:5px 10px!important;font-size:11px!important}.wb-timeline-layer.active{color:#5748a7;font-weight:600}.wb-cel{font-size:13px;color:#b1adbe!important;min-height:29px!important}.wb-cel.active{box-shadow:inset 0 0 0 1px #a999df;color:#6552ba!important;background:#e8e2ff!important}.wb-status{border-top:1px solid var(--wb-line);color:#797884;background:#f4f3ee;justify-content:space-between;align-items:center;gap:15px;min-height:26px;padding:4px 11px;font-size:10px;display:flex}.wb-status>span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wb-status>span:last-child{white-space:nowrap}.wb-hidden{display:none!important}.wb-loading{flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100dvh;display:flex}.wb-loading strong{letter-spacing:3px;color:#6754c4}.wb-dialog{--wb-line:#deded7;--wb-panel:#fffefa;color:#28283d;background:#fffefa;border:1px solid #dad7e4;border-radius:13px;width:min(450px,100vw - 30px);max-height:85dvh;padding:22px;font-family:Arial,Helvetica,sans-serif;font-size:13px;overflow:auto;box-shadow:0 18px 100px #19132830}.wb-dialog.wide{width:min(650px,100vw - 30px)}.wb-script-controls{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.wb-script-controls .wb-field{min-width:120px;max-width:100%;margin:0}.wb-script-expand{flex:180px}.wb-script-newrow,.wb-script-separator{flex-basis:100%}.wb-script-newrow{height:0}.wb-script-color,.wb-script-slider{align-items:center;gap:8px;display:flex}.wb-script-color input:not([type=color]){width:120px}.wb-script-slider input{min-width:100px}.wb-script-dialog>button{margin-top:20px}.wb-script-label,.wb-script-separator{overflow-wrap:anywhere}.wb-package-commands{gap:8px;max-height:50vh;margin-bottom:16px;display:grid;overflow:auto}.wb-package-commands button{text-align:left;overflow-wrap:anywhere}.wb-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#18132d55}.wb-dialog>header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.wb-dialog h2{margin:0;font-size:18px}.wb-dialog h3{margin:18px 0 10px;font-size:13px}.wb-dialog p{color:#71707f;font-size:12px;line-height:1.7}.wb-dialog .wb-field{gap:15px;margin:12px 0}.wb-dialog .wb-field>input,.wb-dialog .wb-field>select{width:60%}.wb-dialog textarea{width:100%;font-family:ui-monospace,monospace;line-height:1.6}.wb-dialog>.wb-primary,.wb-dialog form>.wb-primary{margin-top:18px;padding:8px 14px}.wb-dialog>button{margin:12px 5px 0 0}.wb-dialog label:has([type=checkbox]){margin:9px 0}.wb-two-fields{grid-template-columns:1fr 1fr;gap:14px;display:grid}.wb-two-fields .wb-field{flex-direction:column;align-items:flex-start;gap:5px}.wb-two-fields .wb-field>input{width:100%}.wb-clip-editor{border-bottom:1px solid #deded7;padding-bottom:15px}.wb-recovery-row small{color:#92909b;display:block}.wb-shortcuts{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.wb-shortcuts input{text-align:center;width:32px!important}.wb-command-list{flex-direction:column;gap:3px;margin-top:15px;display:flex}.wb-command-list button{background:0 0;border-color:#0000;justify-content:flex-start;padding:7px 10px}.wb-dialog>input[aria-label=Search\ commands]{width:100%}@media (max-width:1050px){.wb-save-status{display:none}.wb-sidebar{width:225px;min-width:205px}.wb-header{gap:8px}.wb-name{width:130px!important}.wb-brand{letter-spacing:.4px;font-size:12px}.wb-header-actions{gap:3px}.wb-header-actions>button{padding:4px 7px}.wb-selection-bar>span{display:none}}@media (max-width:760px){.workbench{min-width:590px}.wb-sidebar{width:200px;min-width:185px}.wb-name{width:100px!important}.wb-header{padding:7px}.wb-brand{font-size:0}.wb-mark{font-size:24px}.wb-header-actions>button{padding:4px 6px}.wb-panel-content{padding:9px}.wb-options{gap:8px}.wb-canvas-center{padding:20px}.wb-selection-bar{padding:4px}.wb-timeline-tools{gap:4px}.wb-status>span:last-child{display:none}}.workbench.art-surface,.wb-loading.art-surface{aspect-ratio:auto;box-sizing:border-box;border:0;width:100%}.workbench>.wb-body{min-width:0}.wb-body>.wb-sidebar{flex-shrink:0}.wb-panel-dock{background:#f5f3ec;gap:4px;padding:5px;display:flex}.wb-panel-dock>button{flex:1;min-height:23px;font-size:10px}.sidebar-floating .wb-sidebar{z-index:30;resize:both;border:1px solid #cec9e0;border-radius:8px;max-height:70dvh;position:fixed;box-shadow:0 10px 40px #241c4030}.wb-extension{border:1px solid #deded7;border-radius:6px;padding:8px}.wb-extension>button{margin:7px 4px 0 0}.wb-project-bar{border-bottom:1px solid var(--wb-line);flex-shrink:0;align-items:center;gap:4px;min-width:0;padding:4px 8px;display:flex}.wb-project-bar>button,.wb-project-bar>select{flex-shrink:0}.wb-project-bar>select{min-width:90px;max-width:160px}.wb-doc-tabs{scrollbar-width:auto;border:0;flex:1;min-width:0;padding:2px;overflow-x:scroll}.wb-doc-tab{border:1px solid #0000;border-radius:6px;flex:none;align-items:center;max-width:220px;display:flex}.wb-doc-tab.active{background:var(--wb-tint);border-color:#b1a9ed}.wb-doc-tab>button:first-child{text-align:left;min-width:65px;max-width:170px;display:block}.wb-doc-tab>button:last-child{flex:0 0 28px;padding:4px}.wb-document-actions{border-bottom:1px solid var(--wb-line);flex-shrink:0;gap:4px;padding:4px 12px;display:flex;overflow-x:auto}.wb-document-actions>button{flex-shrink:0}.wb-sidebar{min-height:0;overflow:hidden}.wb-panel-dock{flex-wrap:wrap;flex-shrink:0}.wb-panel-dock>button{font-size:12px}.wb-keep-panel{flex-shrink:0;margin:0 5px 5px;font-size:12px!important}.wb-panel-content{scrollbar-gutter:stable;flex:1;min-height:0;overflow-y:auto}.wb-panel-content>*{flex-shrink:0}.wb-layer-list{scrollbar-gutter:stable;max-height:min(320px,38dvh);overflow:hidden scroll}.wb-layer-name{min-width:0;display:block!important}.wb-layer>button:not(.wb-layer-name){flex-shrink:0}.wb-layer-actions{justify-content:flex-end;display:flex}.wb-doc-tabs::-webkit-scrollbar{width:10px;height:10px}.wb-layer-list::-webkit-scrollbar{width:10px;height:10px}.wb-panel-content::-webkit-scrollbar{width:10px;height:10px}.wb-doc-tabs::-webkit-scrollbar-thumb{border:2px solid var(--wb-panel);background:#aaa5bb;border-radius:6px}.wb-layer-list::-webkit-scrollbar-thumb{border:2px solid var(--wb-panel);background:#aaa5bb;border-radius:6px}.wb-panel-content::-webkit-scrollbar-thumb{border:2px solid var(--wb-panel);background:#aaa5bb;border-radius:6px}.wb-doc-tabs::-webkit-scrollbar-track{background:#eeedf3}.wb-layer-list::-webkit-scrollbar-track{background:#eeedf3}.wb-panel-content::-webkit-scrollbar-track{background:#eeedf3}.sidebar-floating .wb-sidebar{max-width:100vw;height:70dvh}