:root{font-family:Inter,system-ui,Arial,sans-serif;color:#f2f2f2;background:#111}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:1px solid #444;border-radius:5px;background:#292929;color:#eee;padding:9px 12px}button:hover{border-color:#ff5a00}.shell{min-height:100vh}header{height:64px;display:flex;align-items:center;gap:22px;padding:0 22px;background:#191919;border-bottom:1px solid #303030}header span{font-size:11px;color:#aaa}header b{margin:auto;font-size:12px;color:#ff5a00}header button{background:#ff5a00;color:#151515;border:0;font-weight:700}.logo{font-size:28px}main{display:grid;grid-template-columns:315px minmax(350px,1fr) 290px;min-height:calc(100vh - 64px)}aside{padding:20px;background:#191919}.library{border-right:1px solid #303030}.properties{border-left:1px solid #303030}h2{font-size:16px;margin:4px 0 18px}p{font-size:12px;color:#aaa;line-height:1.6}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.tile{padding:8px 5px;background:#242424;display:flex;flex-direction:column;align-items:center;gap:5px}.tile svg{width:68px;height:68px}.tile span{font-size:11px}.tile.selected{border-color:#ff5a00;background:#3a271e}.workspace{background:#232323;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.workspace-title{align-self:start;color:#aaa;font-size:12px}.artboard{width:min(100%,70vh,800px);aspect-ratio:1;box-shadow:0 16px 50px #0006}.artboard svg{display:block;width:100%;height:100%}.footer-controls{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#999}.properties label{display:block;font-size:12px;margin:18px 0;color:#bbb}.properties output{float:right;color:#fff}.properties input[type=range]{display:block;width:100%;accent-color:#ff5a00;margin-top:12px}.properties input[type=color]{display:block;margin-top:10px}.seed-row{display:flex;gap:6px}.seed-row input{min-width:0;width:100%;background:#262626;border:1px solid #444;color:#fff;padding:8px}.note{margin-top:30px}@media(max-width:980px){main{grid-template-columns:1fr}.library,.properties{border:0}.tiles{grid-template-columns:repeat(6,1fr)}header{gap:8px}header span{display:none}}@media(max-width:550px){.tiles{grid-template-columns:repeat(3,1fr)}header b{font-size:10px}}.layers-panel{border-bottom:1px solid #444;padding-bottom:18px;margin-bottom:22px}.layers-head{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.layers-head h2{width:100%}.layers-head button{font-size:11px}.layer-item{display:flex;gap:3px;align-items:center;margin:7px 0;padding:4px;border:1px solid #383838;border-radius:5px}.layer-item.current{border-color:#ff5a00}.layer-item button{font-size:11px;padding:5px}.layer-name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-properties input:not([type=range]),.layer-properties select{display:block;width:100%;background:#222;border:1px solid #555;color:#fff;padding:6px;margin-top:5px}.layer-properties input[type=range]{width:100%;accent-color:#ff5a00}.layer-properties label{margin:10px 0}@media(max-width:550px){.layer-item{gap:2px}.layer-item button{padding:7px 5px}.workspace{padding:12px}}.view-switch{display:flex;gap:8px;align-self:start}.scene3d{width:100%;max-width:850px}.scene3d-canvas{width:100%;height:min(55vh,550px);min-height:300px;border:1px solid #444;border-radius:8px;overflow:hidden}.scene3d-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0}.scene3d-bar label{font-size:12px}.scene3d-bar input[type=file]{display:block;max-width:180px;font-size:11px}.scene3d-bar select{background:#242424;color:#eee;padding:8px}.scene3d p{font-size:12px}.pattern-controls{border:0;padding:0;margin:0;min-width:0}.pattern-controls:disabled{opacity:.45}.pattern-controls:disabled button{cursor:not-allowed}.timeline-panel{width:100%;border:1px solid #444;border-radius:8px;padding:12px;background:#1b1b1b}.timeline-panel>input[type=range]{width:100%;accent-color:#ff5a00}.timeline-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:7px 0;font-size:12px}.timeline-top label{display:flex;align-items:center;gap:5px}.timeline-top input[type=number]{width:52px;background:#292929;border:1px solid #555;color:#fff;padding:4px}.timeline-top button{font-size:12px}.project-import{display:inline-flex;align-items:center;cursor:pointer;border:1px solid #555;border-radius:5px;padding:6px 9px;font-size:12px}.project-import input{display:none}.variations-panel{border-top:1px solid #444;margin-top:14px;padding-top:12px}.variation-item{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:6px 0}.variation-item button:first-child{flex:1;text-align:left}.tile:disabled{opacity:.4;cursor:not-allowed}.artboard{position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.artboard-base,.artboard-ink{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.artboard-base svg{display:block;width:100%;height:100%}.artboard-ink{z-index:1}.konva-overlay{position:absolute;inset:0;z-index:2;width:100%;height:100%}.konva-overlay canvas{display:block}.shell.hide-library main{grid-template-columns:minmax(0,1fr) 290px}.shell.hide-properties main{grid-template-columns:315px minmax(0,1fr)}.shell.hide-library.hide-properties main{grid-template-columns:minmax(0,1fr)}.focus-mode .workspace{min-height:calc(100vh - 64px)}.focus-mode .artboard{width:min(100%,82vh,1000px)}.view-switch{flex-wrap:wrap}.view-switch button{font-size:12px;padding:7px 10px}.animation-presets{border-bottom:1px solid #444;margin-bottom:22px;padding-bottom:18px}.animation-presets label{margin:10px 0}.animation-presets select{display:block;width:100%;padding:8px;background:#242424;color:#fff;border:1px solid #555}.animation-presets button{font-size:11px;margin:5px 5px 5px 0}@media(max-width:980px){.shell.hide-library main,.shell.hide-properties main,.shell.hide-library.hide-properties main{grid-template-columns:minmax(0,1fr)}}.layer-properties textarea{display:block;width:100%;resize:vertical;min-height:72px;background:#222;border:1px solid #555;border-radius:5px;color:#fff;padding:8px;margin-top:5px;font:inherit}.layer-properties input[type=color]{height:38px;width:100%;padding:3px;background:#222;border:1px solid #555}.konva-text-overlay{position:absolute;inset:0;z-index:1;width:100%;height:100%;touch-action:none}.konva-text-overlay canvas{display:block}.overlay-3d{position:absolute;inset:0;z-index:1;pointer-events:none;width:100%;height:100%}.overlay-3d canvas{display:block;width:100%;height:100%}.konva-text-overlay{z-index:2}.konva-overlay{z-index:3}.overlay-controls{border-bottom:1px solid #444;padding-bottom:16px;margin-bottom:18px}.overlay-controls select{display:block;width:100%;background:#242424;color:#fff;padding:8px;border:1px solid #555}.overlay-controls label{margin:12px 0}.video-export{border:1px solid #444;border-radius:8px;padding:14px;margin:18px 0;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.video-export h2{font-size:15px;margin:0}.video-export select{background:#242424;color:#fff;padding:7px;border:1px solid #555}.video-export .note{flex-basis:100%;margin:0}.lab-menubar{height:38px;background:#242426;display:flex;align-items:center;gap:2px;padding:0 12px;border-bottom:1px solid #3b3b3e;position:relative;z-index:30;font-size:12px}.lab-menubar>strong{font-size:18px;color:#ff6900;margin-right:18px}.lab-menubar details{position:relative}.lab-menubar summary{cursor:pointer;list-style:none;padding:9px 10px;border-radius:3px}.lab-menubar summary::-webkit-details-marker{display:none}.lab-menubar details[open]>summary,.lab-menubar summary:hover{background:#3c3c40}.lab-menu-popover{position:absolute;top:100%;left:0;min-width:225px;padding:8px;background:#29292c;border:1px solid #555;box-shadow:0 12px 28px #0009;display:flex;flex-direction:column;gap:4px;z-index:50}.lab-menu-popover button{text-align:left;background:transparent;border:0;font-size:12px;padding:9px}.lab-menu-popover button:hover{background:#46464a}.lab-menu-popover small{color:#bbb;padding:6px}.lab-menubar-spacer{flex:1}.lab-menubar-label{color:#ff6900;font-size:10px}.shell>header{height:auto;min-height:44px;padding:5px 12px;gap:9px;flex-wrap:wrap}.shell>header .logo,.shell>header>span,.shell>header>b{display:none}.shell>header button{padding:6px 10px;font-size:12px}.shell>header label{font-size:11px}.shell main{grid-template-columns:48px minmax(150px,220px) minmax(0,1fr) minmax(210px,260px);min-height:calc(100vh - 82px)}.lab-toolrail{background:#252528;border-right:1px solid #404044;display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 4px}.lab-toolrail button{width:38px;height:38px;padding:0;font-size:20px;background:transparent;border:1px solid transparent}.lab-toolrail button:hover,.lab-toolrail button[aria-pressed=true]{border-color:#ff6900;background:#463125}.shell .library{padding:12px;overflow:auto;min-width:0}.shell .tiles{gap:5px}.shell .tile{padding:5px 2px}.shell .tile svg{width:48px;height:48px}.shell .properties{padding:13px;min-width:0;overflow:auto;max-height:calc(100vh - 82px)}.shell .workspace{padding:12px;gap:12px;justify-content:flex-start;min-width:0}.shell .artboard{width:min(100%,75vh,960px)}.shell.hide-library main{grid-template-columns:48px minmax(0,1fr) minmax(210px,260px)}.shell.hide-properties main{grid-template-columns:48px minmax(150px,220px) minmax(0,1fr)}.shell.hide-library.hide-properties main{grid-template-columns:48px minmax(0,1fr)}.shell.focus-mode main{grid-template-columns:48px minmax(0,1fr)}.shell .view-switch{gap:5px}.shell .view-switch button{padding:6px 8px;font-size:11px}@media(max-width:1050px){.shell main,.shell.hide-library main,.shell.hide-properties main,.shell.hide-library.hide-properties main{grid-template-columns:48px minmax(0,1fr)}.shell .library,.shell .properties{grid-column:2;max-height:none}.shell .workspace{grid-column:2;grid-row:1}.lab-toolrail{grid-column:1;grid-row:1 / span 3}.lab-menubar{overflow:visible;flex-wrap:wrap;height:auto;min-height:38px}.lab-menubar-label{display:none}}.lab-menubar .lab-brand-logo{width:30px;height:30px;object-fit:contain;flex:none;margin-right:3px}.lab-author-credit{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;padding:8px 12px;background:#222225;border-top:1px solid #444;color:#aaa;font-size:10px;text-align:center}.lab-author-credit span:first-child{color:#ff6900}@media(max-width:650px){.lab-author-credit{gap:4px;flex-direction:column}.lab-menubar .lab-brand-logo{width:25px;height:25px}}.lab-menubar{isolation:isolate}.lab-menubar details[open]{z-index:100}.lab-menubar .lab-menu-popover{z-index:101}@media(max-width:1050px){.lab-menubar{overflow:visible}.lab-menubar details{flex:none}}.shell .workspace{width:100%;max-width:100%;min-width:0}.shell .artboard{position:relative;flex:none;max-width:100%;max-height:none;min-width:0;height:auto;overflow:hidden}.shell .artboard-base,.shell .artboard-ink{min-width:0}.shell .view-switch,.shell .drawing-controls,.shell .video-export,.shell .timeline-panel{max-width:100%;min-width:0}.shell .drawing-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.shell .drawing-controls label{min-width:0}.shell .drawing-controls input[type=number]{max-width:110px}.shell .view-switch button{white-space:normal}@media(max-width:1050px){.shell .workspace{padding:10px;overflow-x:hidden}.shell .artboard{width:min(100%,75vh,960px)}.shell .library,.shell .properties{min-width:0;width:100%}.shell .timeline-panel,.shell .video-export{width:100%}}@media(max-width:650px){.shell main,.shell.hide-library main,.shell.hide-properties main,.shell.hide-library.hide-properties main,.shell.focus-mode main{grid-template-columns:42px minmax(0,1fr)}.shell .workspace{padding:8px;gap:10px}.shell .artboard{width:100%}.lab-toolrail{padding:8px 2px}.lab-toolrail button{width:36px;height:36px}.shell .drawing-controls{gap:6px}.shell .drawing-controls button,.shell .view-switch button{padding:7px 8px}.shell .video-export{padding:8px}}.shell .drawing-controls{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:5px 7px;min-height:38px}.shell .drawing-controls button{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 7px;font-size:11px;line-height:1.2;white-space:nowrap}.shell .drawing-controls label{display:inline-flex;align-items:center;gap:5px;margin:0;padding:0;font-size:11px;white-space:nowrap}.shell .drawing-controls input[type=color]{width:28px;height:25px;min-width:28px;padding:1px;cursor:pointer}.shell .drawing-controls input[type=range]{width:88px;min-width:65px;max-width:110px;margin:0}@media(max-width:650px){.shell .drawing-controls{gap:4px;padding:4px}.shell .drawing-controls button{padding:4px 6px;min-height:27px}.shell .drawing-controls input[type=range]{width:72px}}:root{color-scheme:dark;--lab-accent:#ff6900;--lab-bg:#171719;--lab-panel:#202023;--lab-line:#38383d;--lab-muted:#aaaab2}.shell{background:var(--lab-bg);color:#f0f0f2}.shell button,.shell select,.shell input,.shell textarea{font-family:inherit}.shell button{transition:background-color .14s ease,border-color .14s ease;line-height:1.2}.shell button:focus-visible,.shell input:focus-visible,.shell select:focus-visible,.shell summary:focus-visible{outline:2px solid var(--lab-accent);outline-offset:2px}.shell button:disabled{opacity:.45;cursor:not-allowed}.shell .lab-menubar{background:#1b1b1e;border-color:var(--lab-line)}.shell>header{background:#202023;border-bottom:1px solid var(--lab-line)}.shell>header button{border-radius:5px}.shell main{grid-template-columns:44px minmax(132px,176px) minmax(0,1fr) minmax(192px,236px);align-items:stretch}.shell .lab-toolrail{padding:8px 3px;gap:4px;background:#202023}.shell .lab-toolrail button{width:34px;height:34px;font-size:18px;border-radius:5px}.shell .library,.shell .properties{background:#1d1d20;padding:10px;min-width:0}.shell .library,.shell .properties{border-color:var(--lab-line)}.shell .library h2,.shell .properties h2{font-size:13px;margin:3px 0 10px}.shell .library p{font-size:11px;line-height:1.4;margin:4px 0 10px}.shell .tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.shell .tile{padding:5px 2px;min-width:0;gap:3px;border-radius:5px}.shell .tile svg{width:35px;height:35px}.shell .tile span{font-size:9px;line-height:1.15;text-align:center;overflow-wrap:anywhere}.shell .workspace{background:#242427;padding:10px;gap:9px;align-items:stretch;justify-content:flex-start}.shell .workspace-title{font-size:11px;line-height:1.4}.shell .view-switch{gap:4px;align-items:center}.shell .view-switch button{font-size:10px;padding:6px 7px;min-height:29px}.shell .artboard{align-self:center;width:min(100%,80vh,1080px);box-shadow:0 10px 38px #0007}.shell .drawing-controls{align-self:stretch;justify-content:center;gap:5px;padding:4px 6px;min-height:36px}.shell .drawing-controls:not(.pencil-toolbar) input[type=number]{max-width:76px}.shell .drawing-controls:not(.pencil-toolbar) select{max-width:145px}.shell .pencil-toolbar{background:#1c1c1f;border:1px solid var(--lab-line);border-radius:7px;justify-content:center;flex-wrap:wrap}.shell .pencil-toolbar .pencil-tool{width:30px;height:29px;min-height:29px;padding:0;font-size:17px;border-radius:5px}.shell .pencil-toolbar .pencil-tool[aria-pressed=true]{background:#49301f;border-color:var(--lab-accent);color:#ff9b55}.shell .pencil-toolbar label{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#c4c4ca}.shell .pencil-toolbar input[type=color]{width:27px;height:25px}.shell .pencil-toolbar input[type=range]{width:84px;accent-color:var(--lab-accent)}.shell .pencil-toolbar output{font-size:10px;min-width:16px;text-align:right;color:var(--lab-muted)}.shell .layer-item{margin:5px 0;padding:3px}.shell .layer-item button{padding:4px;font-size:10px}.shell .properties label{font-size:11px;margin:9px 0}.shell .properties input[type=range]{margin-top:6px}.shell .animation-presets,.shell .overlay-controls,.shell .layers-panel{padding-bottom:11px;margin-bottom:12px}.shell .animation-presets select{padding:6px}.shell .timeline-panel{background:#1c1c1f;border-color:var(--lab-line);padding:9px;border-radius:7px}.shell .timeline-top{gap:6px;margin:5px 0;font-size:11px}.shell .timeline-top button{font-size:11px;padding:5px 7px}.shell .timeline-top select{max-width:135px}.shell .scene3d{max-width:none}.shell .scene3d-bar{gap:7px;margin:7px 0}.shell .scene3d-canvas{height:min(58vh,620px)}.shell .video-export{padding:9px;gap:7px;margin:10px 0}.shell.hide-library main{grid-template-columns:44px minmax(0,1fr) minmax(192px,236px)}.shell.hide-properties main{grid-template-columns:44px minmax(132px,176px) minmax(0,1fr)}.shell.hide-library.hide-properties main,.shell.focus-mode main{grid-template-columns:44px minmax(0,1fr)}@media(max-width:1100px){.shell main,.shell.hide-library main,.shell.hide-properties main,.shell.hide-library.hide-properties main,.shell.focus-mode main{grid-template-columns:42px minmax(0,1fr)}.shell .workspace{grid-column:2;grid-row:1;padding:9px}.shell .library,.shell .properties{grid-column:2;max-height:none;width:100%}.shell .lab-toolrail{grid-column:1;grid-row:1/span 3}.shell .tiles{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.shell .artboard{width:min(100%,78vh,960px)}}@media(max-width:600px){.shell .workspace{padding:6px;gap:7px}.shell .view-switch{flex-wrap:wrap}.shell .view-switch button{font-size:10px;padding:5px}.shell .drawing-controls{justify-content:flex-start}.shell .pencil-toolbar{justify-content:center}.shell .pencil-toolbar label span{font-size:10px}.shell .pencil-toolbar input[type=range]{width:70px}.shell .artboard{width:100%}}@media(prefers-reduced-motion:reduce){.shell button{transition:none}}.artboard:has(.konva-text-overlay.editing-images) .artboard-base svg image{opacity:0}@media(min-width:651px)and (max-width:1100px){.shell .properties{position:fixed;z-index:45;top:128px;right:12px;width:min(300px,calc(100vw - 72px));max-height:calc(100dvh - 144px);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--lab-line);border-radius:10px;box-shadow:0 16px 50px #000b}.shell .properties label{font-size:10px;margin:6px 0}.shell .properties input[type=range]{height:14px;margin-top:3px}.shell .properties select,.shell .properties input[type=number]{padding:5px;font-size:11px}.shell .properties h2{font-size:12px;margin:6px 0}.shell .properties button{padding:5px 7px;font-size:11px}.shell .workspace{min-height:calc(100dvh - 160px)}}.shell .artboard,.shell .artboard-base,.shell .artboard-ink{border-radius:0!important}.shell .lab-bottom-dock{display:flex;flex-wrap:wrap;gap:5px;width:100%;min-height:44px;padding:5px;background:#1b1b1e;border:1px solid #38383d;align-items:center}.shell .lab-bottom-dock button{font-size:11px;padding:7px 9px;background:transparent}.shell .lab-bottom-dock button[aria-expanded=true]{border-color:#ff6900;color:#ff9a54;background:#3c2a20}.shell .lab-bottom-panel{width:100%;min-width:0;background:#1c1c1f;border:1px solid #38383d;max-height:min(50vh,440px);overflow:auto;resize:vertical}.shell .lab-bottom-panel-head{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:5px 9px;background:#222225;border-bottom:1px solid #38383d;font-size:12px}.shell .lab-bottom-panel-head button{padding:3px 7px}.shell .lab-bottom-panel-content{padding:9px;min-width:0}.shell .lab-bottom-panel-content .video-export,.shell .lab-bottom-panel-content .timeline-panel{margin:0}@media(max-width:650px){.shell .lab-bottom-dock button{font-size:10px;padding:6px}.shell .lab-bottom-panel{max-height:55vh}}.shell .lab-persistent-timeline{width:100%;min-width:0}.shell .lab-persistent-timeline .timeline-panel{padding:7px 9px;border-radius:0}.shell .lab-persistent-timeline .timeline-top{gap:6px;margin:3px 0}.shell .lab-persistent-timeline .timeline-top button,.shell .lab-persistent-timeline .timeline-top select{padding:4px 7px;font-size:11px}.shell .lab-track-lanes{display:flex;flex-direction:column;gap:2px;max-height:180px;overflow-y:auto;margin:5px 0;border-top:1px solid #39393d}.shell .lab-track-lane{display:grid;grid-template-columns:minmax(85px,140px) minmax(0,1fr);min-height:24px;align-items:center;border-bottom:1px solid #333338;font-size:10px}.shell .lab-track-lane.selected{background:#30271f}.shell .lab-track-name{padding:4px 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell .lab-track-region{display:flex;flex-direction:column;gap:2px;padding:2px 5px;min-height:22px}.shell .lab-track-bar{position:relative;height:19px;border:1px solid #77513a;background:#49301f;color:#f4c2a1;font-size:10px;padding:2px 5px;overflow:visible}.shell .lab-track-bar span{pointer-events:none}.shell .lab-keyframe{position:absolute;top:6px;width:7px;height:7px;transform:translate(-50%) rotate(45deg);background:#ff8b3d;border:1px solid #f8c39e}.shell .lab-timeline-advanced{padding:8px 0 3px;border-top:1px solid #444}.shell .lab-bottom-dock{min-height:34px}@media(max-width:650px){.shell .lab-track-lane{grid-template-columns:90px minmax(0,1fr)}.shell .lab-track-lanes{max-height:125px}}.shell .lab-track-lane{align-items:start}.shell .lab-track-name{width:100%;height:25px;min-height:25px;text-align:left;background:transparent;border:0;border-radius:0;padding:4px 7px;color:#ddd;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell .lab-track-name:hover{background:#3a302a}.shell .lab-track-region{min-width:0}.shell .lab-track-bar{display:flex;align-items:center;justify-content:space-between;padding:1px 4px}.shell .lab-track-remove{width:17px;height:17px;min-height:17px;padding:0;border:0;background:transparent;color:#ccc;font-size:14px;line-height:1;position:relative;z-index:2}.shell .lab-track-remove:hover{color:#ff6900}.shell .lab-track-lanes{max-height:150px}.shell .lab-menubar{font-size:10px;min-height:30px;height:auto;padding:0 7px;gap:0}.shell .lab-menubar summary{padding:6px 7px;font-size:10px}.shell .lab-menubar>strong{font-size:14px;margin-right:8px}.shell .lab-menubar .lab-brand-logo{width:23px;height:23px}.shell>header{min-height:34px;padding:3px 7px;gap:5px}.shell>header button,.shell>header label,.shell>header select{font-size:10px;padding:4px 6px}.shell .lab-toolrail{gap:2px;padding:5px 2px}.shell .lab-toolrail button{width:29px;height:29px;font-size:15px;padding:0}.shell .workspace{gap:6px;padding:7px}.shell .view-switch{gap:3px}.shell .view-switch button{min-height:24px;padding:4px 6px;font-size:10px}.shell .workspace-title{font-size:10px}.shell .drawing-controls{min-height:29px;gap:3px;padding:3px 4px}.shell .drawing-controls label,.shell .drawing-controls button{font-size:10px}.shell .drawing-controls button{min-height:23px;padding:3px 5px}.shell .pencil-toolbar{min-height:29px;padding:2px 4px}.shell .pencil-toolbar .pencil-tool{width:25px;height:25px;min-height:25px;font-size:14px}.shell .library,.shell .properties{font-size:10px;padding:7px}.shell .library h2,.shell .properties h2{font-size:12px;margin-bottom:7px}.shell .properties label,.shell .properties button,.shell .properties select,.shell .properties input{font-size:10px}.shell .properties button{padding:4px 5px}.shell .lab-persistent-timeline .timeline-panel{padding:5px 6px}.shell .lab-persistent-timeline .timeline-top{gap:4px;margin:2px 0;font-size:10px}.shell .lab-persistent-timeline .timeline-top button,.shell .lab-persistent-timeline .timeline-top select,.shell .lab-persistent-timeline .timeline-top input{font-size:10px;padding:2px 5px;min-height:22px}.shell .lab-persistent-timeline .timeline-top input[type=number]{width:43px}.shell .lab-persistent-timeline .timeline-panel>input[type=range]{height:12px;margin:2px 0}.shell .lab-track-lanes{gap:1px;max-height:125px;margin:3px 0}.shell .lab-track-lane{grid-template-columns:minmax(75px,112px) minmax(0,1fr);min-height:20px;font-size:9px}.shell .lab-track-name{height:21px;min-height:21px;font-size:9px;padding:3px 5px}.shell .lab-track-region{min-height:19px;padding:1px 3px;gap:1px}.shell .lab-track-bar{height:17px;font-size:9px;padding:1px 3px}.shell .lab-track-remove{width:15px;height:15px;min-height:15px;font-size:12px}.shell .lab-bottom-dock{min-height:29px;padding:3px;gap:3px}.shell .lab-bottom-dock button{font-size:10px;padding:4px 6px}.shell .lab-bottom-panel-head{font-size:10px;padding:3px 6px}.shell .lab-bottom-panel-content{padding:6px;font-size:10px}.shell .lab-bottom-panel-content button,.shell .lab-bottom-panel-content label,.shell .lab-bottom-panel-content select{font-size:10px}.shell .artboard{border-radius:0!important}@media(max-width:650px){.shell .workspace{padding:5px;gap:5px}.shell .lab-track-lane{grid-template-columns:78px minmax(0,1fr)}.shell .lab-track-lanes{max-height:105px}.shell .lab-bottom-dock button{padding:4px 5px}}.shell .lab-bottom-panel-content .animation-presets{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(135px,1fr);gap:5px 10px;align-items:end;margin:0;padding:0;border:0}.shell .lab-bottom-panel-content .animation-presets>h2,.shell .lab-bottom-panel-content .animation-presets>.note,.shell .lab-bottom-panel-content .animation-presets>.parameter-animation{grid-column:1/-1}.shell .lab-bottom-panel-content .animation-presets h2{font-size:12px;line-height:1.3;margin:0}.shell .lab-bottom-panel-content .animation-presets .note{margin:0;color:#aaa;font-size:10px;line-height:1.35}.shell .lab-bottom-panel-content .animation-presets label{display:flex;flex-direction:column;gap:3px;margin:0;min-width:0;font-size:10px;line-height:1.3}.shell .lab-bottom-panel-content .animation-presets select{width:100%;min-width:0;padding:4px 6px;min-height:25px}.shell .lab-bottom-panel-content .animation-presets input[type=range]{width:100%;height:16px;margin:0;accent-color:#ff6900}.shell .lab-bottom-panel-content .animation-presets button{width:100%;min-height:25px;margin:0;padding:4px 6px;white-space:normal}.shell .lab-bottom-panel-content .animation-presets .parameter-animation{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(135px,1fr);gap:5px 10px;align-items:end;margin:3px 0 0;padding:6px 0 0;border-top:1px solid #38383d}.shell .lab-bottom-panel-content .animation-presets .parameter-animation h3,.shell .lab-bottom-panel-content .animation-presets .parameter-animation .note{grid-column:1/-1;margin:0}.shell .lab-bottom-panel-content .animation-presets .parameter-animation h3{font-size:11px;line-height:1.35}@media(max-width:520px){.shell .lab-bottom-panel-content .animation-presets,.shell .lab-bottom-panel-content .animation-presets .parameter-animation{grid-template-columns:minmax(0,1fr)}}@media(min-width:651px){.shell .workspace .artboard{width:100%;max-width:100%;max-height:none;align-self:stretch}.shell.focus-mode .workspace .artboard,.shell.hide-library.hide-properties .workspace .artboard{width:100%;max-width:100%}}.shell .lab-timeline-zoom{gap:5px;margin:2px 0;align-items:center;font-size:10px}.shell .lab-timeline-zoom button{min-width:23px;min-height:21px;padding:2px 5px}.shell .lab-timeline-zoom output{min-width:34px;text-align:center;font-variant-numeric:tabular-nums}.shell .lab-timeline-zoom small{font-size:9px;color:#a9a9b1}.shell .lab-track-region{display:block;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;overscroll-behavior-x:contain}.shell .lab-track-content{display:flex;flex-direction:column;gap:1px;min-width:100%;min-height:17px;padding:1px 2px;box-sizing:border-box}.shell .lab-track-content .lab-track-bar{flex-shrink:0;width:100%;box-sizing:border-box}@media(max-width:650px){.shell .lab-timeline-zoom small{display:none}}.shell main,.shell .workspace,.shell .properties,.shell .lab-persistent-timeline,.shell .timeline-panel,.shell .lab-bottom-panel{min-width:0;max-width:100%}.shell .lab-persistent-timeline{width:100%;overflow:hidden}.shell .timeline-panel{overflow-x:hidden}.shell .timeline-top{min-width:0;max-width:100%;flex-wrap:wrap}.shell .timeline-top label{min-width:0;max-width:100%}.shell .timeline-top select{min-width:0;max-width:100%;text-overflow:ellipsis}.shell .lab-track-lane{min-width:0;grid-template-columns:minmax(70px,112px) minmax(0,1fr)}.shell .lab-track-region{min-width:0;max-width:100%}.shell .lab-track-bar{min-width:0}.shell .properties,.shell .properties fieldset,.shell .properties label,.shell .properties select,.shell .properties input{max-width:100%;min-width:0}.shell .properties fieldset,.shell .properties input[type=range]{width:100%}.shell .properties select{width:100%;text-overflow:ellipsis}.shell .lab-bottom-panel-content{min-width:0;max-width:100%;overflow-x:hidden}.shell .lab-bottom-dock{min-width:0;max-width:100%;flex-wrap:wrap}@media(max-width:650px){.shell .lab-track-lane{grid-template-columns:78px minmax(0,1fr)}}:root{color-scheme:dark;--lab-bg:#24262b;--lab-surface:#2d3036;--lab-surface-raised:#373b42;--lab-surface-hover:#42464e;--lab-stroke:#50545d;--lab-stroke-soft:#41454d;--lab-ink:#e0ded8;--lab-ink-muted:#b6b5b1;--lab-ink-subtle:#989ba2;--lab-accent:#e99a65;font-family:Inter,Segoe UI,Roboto,system-ui,sans-serif;color:var(--lab-ink);background:var(--lab-bg)}body,.shell{background:var(--lab-bg);color:var(--lab-ink)}.shell>header,.lab-menubar,.lab-author-credit{background:var(--lab-surface);border-color:var(--lab-stroke-soft);color:var(--lab-ink)}.shell .library,.shell .properties,.lab-toolrail{background:var(--lab-surface);border-color:var(--lab-stroke-soft);color:var(--lab-ink)}.shell .workspace{background:var(--lab-bg)}.shell .timeline-panel,.shell .lab-bottom-panel,.shell .lab-persistent-timeline,.shell .lab-bottom-dock{background:var(--lab-surface);border-color:var(--lab-stroke-soft);color:var(--lab-ink)}.shell .lab-track-lane,.shell .lab-track-region,.shell .lab-track-bar{background:var(--lab-surface-raised);border-color:var(--lab-stroke-soft);color:var(--lab-ink)}.shell .lab-track-lane.selected,.shell .layer-item.current{border-color:var(--lab-accent)}.shell .tile,.shell .layer-item,.shell .drawing-controls,.shell .pencil-toolbar{background:var(--lab-surface-raised);border-color:var(--lab-stroke-soft);color:var(--lab-ink)}.shell .tile.selected{background:#4a403b;border-color:var(--lab-accent)}.shell button,.shell .project-import{background:var(--lab-surface-raised);border-color:var(--lab-stroke);color:var(--lab-ink)}.shell button:hover:not(:disabled){background:var(--lab-surface-hover);border-color:var(--lab-accent)}.shell button:focus-visible,.shell input:focus-visible,.shell select:focus-visible,.shell textarea:focus-visible{outline:2px solid var(--lab-accent);outline-offset:2px}.shell button:disabled{color:var(--lab-ink-subtle)}.shell>header button{background:#b97750;border-color:#b97750;color:#25262a}.shell>header button:hover:not(:disabled){background:#d18c60}.shell input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),.shell select,.shell textarea{background:var(--lab-surface-raised);border:1px solid var(--lab-stroke);color:var(--lab-ink);border-radius:4px}.shell input::placeholder,.shell textarea::placeholder{color:var(--lab-ink-subtle)}.shell input[type=range],.shell input[type=checkbox],.shell input[type=radio]{accent-color:var(--lab-accent)}.shell p,.shell .note,.shell .workspace-title,.shell .footer-controls,.shell .lab-author-credit,.shell .lab-menu-popover small,.shell .properties label,.shell .timeline-top label,.shell .animation-presets label{color:var(--lab-ink-muted)}.shell .properties output,.shell .timeline-top output{color:var(--lab-ink)}.shell .lab-menubar>strong,.shell .lab-menubar-label,.shell .lab-author-credit span:first-child{color:var(--lab-accent)}.shell .lab-menubar summary:hover,.shell .lab-menubar details[open]>summary{background:var(--lab-surface-hover)}.shell .lab-menu-popover{background:var(--lab-surface-raised);border-color:var(--lab-stroke);color:var(--lab-ink);box-shadow:0 10px 24px #15171b55}.shell .lab-menu-popover button{background:transparent;border-color:transparent}.shell .lab-menu-popover button:hover:not(:disabled){background:var(--lab-surface-hover)}.shell .lab-toolrail button{background:transparent}.shell .lab-toolrail button:hover,.shell .lab-toolrail button[aria-pressed=true]{background:#51443c;border-color:var(--lab-accent)}.shell .lab-track-remove{background:var(--lab-surface-hover)}.shell .lab-timeline-zoom small{color:var(--lab-ink-subtle)}.shell .animation-presets select,.shell .overlay-controls select,.shell .scene3d-bar select,.shell .video-export select{background:var(--lab-surface-raised);color:var(--lab-ink);border-color:var(--lab-stroke)}@media(min-width:651px){.shell:not(.focus-mode) main{height:calc(100dvh - 104px);min-height:420px;overflow:hidden;align-items:stretch}.shell:not(.focus-mode) .workspace{min-height:0;max-height:100%;overflow:hidden;justify-content:flex-start;gap:7px;padding:8px 10px;align-items:stretch}.shell:not(.focus-mode) .workspace>.view-switch,.shell:not(.focus-mode) .workspace>.workspace-title,.shell:not(.focus-mode) .workspace>.canvas-settings,.shell:not(.focus-mode) .workspace>.drawing-controls{flex:0 0 auto}.shell:not(.focus-mode) .workspace .artboard{flex:1 1 auto;min-height:120px;max-height:100%;width:auto;max-width:100%;align-self:center;aspect-ratio:1;overflow:hidden}.shell:not(.focus-mode) .workspace .artboard svg{width:100%;height:100%}.shell:not(.focus-mode) .lab-persistent-timeline{flex:0 0 auto;max-height:clamp(105px,22dvh,185px);overflow:auto}.shell:not(.focus-mode) .lab-bottom-dock{flex:0 0 auto;min-height:29px;padding:3px 5px}.shell:not(.focus-mode) .lab-bottom-dock button{font-size:10px;padding:3px 6px}.shell:not(.focus-mode) .lab-bottom-panel{flex:0 1 auto;min-height:0;max-height:min(32dvh,280px);overflow:auto}.shell:not(.focus-mode) .library,.shell:not(.focus-mode) .properties{min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain}}@media(max-width:650px){.shell .workspace{justify-content:flex-start;gap:8px;padding:8px}.shell .lab-persistent-timeline{position:relative;max-height:200px;overflow-y:auto}.shell .lab-bottom-dock{min-height:30px}}