.timeline{--timeline-accent:#f36b27;box-sizing:border-box;color:#242421;font-variant-numeric:tabular-nums;font-synthesis:none;-webkit-user-select:none;user-select:none;background:#f3f3f1;border:1px solid #d5d5d1;border-radius:16px;flex-direction:column;flex:0 0 180px;min-width:0;height:180px;font-family:Berkeley Mono,monospace;font-size:10px;line-height:1.3;display:flex;overflow:hidden;container-type:inline-size}.timeline button,.timeline input,.timeline select{box-sizing:border-box;color:inherit;font:inherit}.timeline button,.timeline select,.timeline input{background:#fafaf9;border:1px solid #d6d6d2;border-radius:4px}.timeline button,.timeline select{cursor:pointer}.timeline button{flex-shrink:0;justify-content:center;align-items:center;min-height:27px;padding:0;transition:background-color .12s,border-color .12s;display:inline-flex}.timeline button:hover:not(:disabled){background:#e8e8e4;border-color:#bcbcb6}.timeline button:disabled{opacity:.35;cursor:default}.timeline button:focus-visible,.timeline input:focus-visible,.timeline select:focus-visible{outline:2px solid var(--timeline-accent);outline-offset:2px}.timeline-toolbar{scrollbar-width:thin;border-bottom:1px solid #deded9;flex-shrink:0;align-items:center;gap:9px;min-height:44px;padding:0 14px;display:flex;overflow-x:auto}.timeline-transport{align-items:center;gap:5px;display:flex}.timeline .timeline-icon-button{width:27px}.timeline .timeline-play-button{color:#fff;background:#242421;border-color:#242421;width:29px}.timeline .timeline-play-button:hover{color:#fff;background:#42423c;border-color:#42423c}.timeline-play-button svg:has(polygon){translate:1px}.timeline-time{white-space:nowrap;flex-shrink:0;font-size:10px}.timeline-time span{color:#74746c}.timeline-duration{white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;margin-left:5px;display:flex}.timeline-duration input{width:43px;height:27px;padding:0 4px 0 6px}.timeline-unit{color:#74746c;margin-left:-3px}.timeline .timeline-loop.is-active{color:#a4410e;background:#fbe9dd;border-color:#e6c9b6}.timeline-toolbar-spacer{flex:1;min-width:0}.timeline .timeline-text-button{white-space:nowrap;gap:5px;padding:0 8px}.timeline-preset{flex-shrink:0;width:134px;height:27px;padding:0 5px 0 7px}.timeline-tracks{flex:1;align-items:center;min-height:0;padding-right:10px;display:flex}.timeline-track-label{box-sizing:border-box;color:#606058;flex:0 0 86px;align-items:center;gap:7px;padding:12px 0 0 15px;display:flex}.timeline-canvas{cursor:crosshair;touch-action:none;flex:1;width:0;min-width:0;height:90px;display:block;overflow:visible}.timeline-track-background{fill:#e5e5e0}.timeline-ruler-tick{pointer-events:none}.timeline-ruler-tick line{stroke:#d8d8d2;stroke-width:1px}.timeline-ruler-tick text{fill:#6b6b63;font-size:10px}.timeline-keyframe-span{stroke:#bcbcb3;stroke-width:1px;pointer-events:none}.timeline-keyframe{cursor:ew-resize;outline:none}.timeline-keyframe-hit,.timeline-playhead-hit{fill:#0000}.timeline-keyframe-diamond{fill:#62625a;stroke:#f3f3f1;stroke-width:1.5px}.timeline-keyframe:hover .timeline-keyframe-diamond,.timeline-keyframe.is-selected .timeline-keyframe-diamond{fill:var(--timeline-accent);stroke:#9d3b0a;stroke-width:1px}.timeline-keyframe:focus-visible .timeline-keyframe-diamond{stroke:#242421;stroke-width:2.5px}.timeline-playhead{cursor:ew-resize;outline:none}.timeline-playhead line{stroke:var(--timeline-accent);stroke-width:1.5px;pointer-events:none}.timeline-playhead path{fill:var(--timeline-accent)}.timeline-playhead:focus-visible path{stroke:#242421;stroke-width:1.5px}.timeline-footer{color:#686860;border-top:1px solid #deded9;flex-shrink:0;align-items:center;gap:14px;min-height:37px;padding:0 15px;display:flex}.timeline-selection,.timeline-keyframe-time,.timeline-easing{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.timeline-selection{min-width:82px}.timeline-keyframe-time input{width:59px;height:24px;padding:0 4px 0 6px}.timeline-easing select{width:115px;height:24px;padding:0 5px}.timeline-fps{white-space:nowrap;margin-left:auto}@container (width<=740px){.timeline-toolbar{gap:6px;padding-inline:10px}.timeline-duration{margin-left:0}.timeline-duration>span:first-child,.timeline-time span{display:none}.timeline-preset{width:128px}}@container (width<=550px){.timeline-add-label{display:none}.timeline .timeline-text-button{width:27px;padding:0}.timeline-preset{width:116px}.timeline-toolbar-spacer{display:none}.timeline-track-label{flex-basis:71px;padding-left:10px}.timeline-track-label svg{display:none}.timeline-footer{gap:8px;padding-inline:10px}.timeline-selection{min-width:0}.timeline-selection svg,.timeline-fps{display:none}}@media (prefers-reduced-motion:reduce){.timeline button{transition:none}}:root{color:#252525;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-sans:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"Berkeley Mono", "SFMono-Regular", Consolas, monospace;--accent:#f36b27;--accent-soft:#f9e7de;--panel:#f8f8f8;--surface:#eee;--line:#d1d1d1;--text:#252525;--muted:#777773;--text-xs:10px;--text-sm:11px;--text-base:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#e9e9e7;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button,select{-webkit-tap-highlight-color:transparent}button{-webkit-user-select:none;user-select:none}button,input,select{border-radius:0}button{border:0}button:disabled,input:disabled,select:disabled{cursor:not-allowed}button:disabled{opacity:.42}button,input,select,summary{outline:none}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input::selection{color:#1d1d1d;background:#f8c6aa}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}svg{flex-shrink:0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{gap:10px;width:100%;height:100dvh;padding:14px;display:flex;overflow:hidden}.editor-main{flex-direction:column;flex:1;gap:10px;min-width:0;min-height:0;display:flex}.viewport-shell{background:#d1d0ce;border:1px solid #c8c8c8;border-radius:14px;flex:1;justify-content:center;align-items:center;min-width:0;min-height:180px;display:flex;position:relative;overflow:hidden}.viewport-canvas{touch-action:none;width:100%;min-width:0;height:100%;min-height:0;display:block}.viewport-shell>canvas{display:block}.viewport-canvas canvas{width:100%;height:100%;display:block}.viewport-overlay{pointer-events:none;place-content:center;display:grid;position:absolute;inset:0}.viewport-message,.stage-message{color:#555;font-size:var(--text-base);text-align:center;pointer-events:none;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.viewport-status{color:#555;font-family:var(--font-mono);font-size:var(--text-xs);pointer-events:none;background:#f8f8f8e8;border-radius:6px;padding:7px 10px;position:absolute;inset-block-end:12px;inset-inline-start:12px}.toolbar{border:1px solid var(--line);background:var(--panel);border-radius:12px;flex-shrink:0;align-items:center;gap:10px;height:40px;padding:0 6px 0 14px;display:flex}.app-wordmark{font-family:var(--font-sans);letter-spacing:-.035em;white-space:nowrap;font-size:12px;font-weight:500}.toolbar-divider{background:#ddd;flex-shrink:0;align-self:center;width:1px;height:13px}.project-actions{flex-shrink:0;align-items:center;gap:1px;display:flex}.icon-button{color:#656565;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background-color .12s,color .12s;display:inline-flex}.icon-button:hover:not(:disabled){color:#171717;background:#e9e9e9}.small-icon-button{width:25px;height:25px}.project-name{width:180px;min-width:70px;max-width:240px;height:28px;font-family:var(--font-mono);font-size:var(--text-xs);text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:5px;padding:0 6px}.project-name:hover:not(:disabled){border-color:#dedede}.project-name:focus{background:#fff;border-color:#ccc}.toolbar-output-actions{flex-shrink:0;align-items:center;gap:8px;margin-inline-start:auto;display:flex}.toolbar-ratio{width:76px;height:28px;background:0 0!important}.toolbar-ratio select{font-size:var(--text-xs)}.toolbar-button{height:28px;font-family:var(--font-mono);font-size:var(--text-xs);white-space:nowrap;background:0 0;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:0 10px;transition:background-color .12s;display:inline-flex}.toolbar-button:hover:not(:disabled){background:#e7e7e7}.primary-button{color:#fff;background:#202020}.primary-button:hover:not(:disabled){background:#393939}.toolbar-button[aria-label=Capture\ image]{color:#fff;background:var(--accent)}.toolbar-button[aria-label=Capture\ image]:hover:not(:disabled){background:#db5b1b}.inspector{border:1px solid var(--line);background:var(--panel);border-radius:16px;flex-direction:column;flex:0 0 280px;min-width:0;min-height:0;display:flex;overflow:hidden}.inspector-heading{color:#727272;flex-shrink:0;align-items:center;gap:9px;height:38px;padding:0 14px;display:flex}.inspector-heading h1{font-family:var(--font-mono);font-size:var(--text-xs);margin:0;font-weight:400}.inspector-scroll{scrollbar-width:thin;scrollbar-color:#c6c6c6 transparent;overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.inspector-fields,.export-fields{border:0;min-width:0;margin:0;padding:0;display:block}.inspector-fields:disabled{opacity:.55}.inspector-section{border-block-end:1px solid #e6e6e6;margin:0}.inspector-section:last-child{border-block-end:0}.inspector-section>summary{cursor:pointer;color:#555;height:36px;font-family:var(--font-mono);font-size:var(--text-xs);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:0 12px;font-weight:600;list-style:none;display:flex}.inspector-section>summary::-webkit-details-marker{display:none}.inspector-section>summary:hover{color:#191919}.section-chevron{color:#909090;order:3;margin-inline-start:auto;transform:rotate(-90deg)}.inspector-section[open]>summary>.section-chevron{transform:rotate(0)}.inspector-section:first-of-type .section-chevron{display:none}.section-action{margin-inline-start:auto}.section-action+.section-chevron{margin-inline-start:0}.inspector-section-body{flex-direction:column;gap:6px;padding:0 12px 12px;display:flex}.source-upload{background:#f0f0f1;border:1px dashed #ccc;border-radius:10px;min-height:143px;display:flex;overflow:hidden}.source-upload.is-dragging{border-color:var(--accent);background:var(--accent-soft)}.source-dropzone{width:100%;font-family:var(--font-mono);font-size:var(--text-xs);background:0 0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:15px;display:flex}.source-dropzone>svg{color:#929292;margin-block-end:2px}.source-drop-hint{color:#8a8a8a;font-size:9px}.source-dropzone:focus-visible{outline-offset:-3px}.source-upload.has-media{background:#eee;border-style:solid;align-items:center;gap:12px;min-height:116px;padding:9px}.source-preview{background:#ddd;border-radius:5px;flex:0 0 60px;justify-content:center;align-items:center;height:96px;padding:0;display:flex;overflow:hidden}.source-preview img,.source-preview video{object-fit:cover;outline-offset:-1px;outline:1px solid #0000001a;width:100%;height:100%;display:block}.source-file-info{flex:1;min-width:0}.source-file-name{color:#333;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.source-file-kind{color:#888;font-family:var(--font-mono);align-items:center;gap:5px;margin-block-start:6px;font-size:9px;display:flex}.source-file-actions{align-items:center;gap:4px;margin-block-start:14px;display:flex}.small-button{min-height:26px;font-family:var(--font-mono);background:#f8f8f8;border:1px solid #d8d8d8;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:9px;display:inline-flex}.small-button:hover:not(:disabled){background:#fff;border-color:#bbb}.control-row{align-items:center;gap:6px;min-width:0;min-height:36px;display:flex;position:relative}.control-label{color:#606060;min-width:0;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400;line-height:1.3}.number-control{grid-template-columns:minmax(0,1fr) 48px;gap:6px;display:grid}.number-control>.control-label{z-index:1;pointer-events:none;grid-area:1/1;align-self:center;padding-inline-start:10px}.control-range{appearance:none;background:linear-gradient(to right, #d9d9d9 0 var(--range-fill), #ededed var(--range-fill) 100%);cursor:ew-resize;border:0;border-radius:8px;grid-area:1/1;width:100%;min-width:0;height:36px;margin:0}.control-range::-webkit-slider-runnable-track{background:0 0;border-radius:8px;height:36px}.control-range::-webkit-slider-thumb{appearance:none;background:0 0;border:0;width:1px;height:36px}.control-range::-moz-range-track{background:0 0;border-radius:8px;height:36px}.control-range::-moz-range-thumb{background:0 0;border:0;width:1px;height:36px}.control-range:active{background:linear-gradient(to right, #f4ceb9 0 var(--range-fill), #ededed var(--range-fill) 100%)}.number-input-shell{background:#eee;border-radius:8px;grid-area:1/2;align-items:center;height:36px;display:flex;overflow:hidden}.number-input-shell:focus-within{outline:2px solid var(--accent);outline-offset:1px;background:#fff}.number-input-shell input{width:100%;min-width:0;height:100%;font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:end;background:0 0;border:0;padding:0 7px;font-size:9px}.number-input-shell input:focus-visible{outline:none}.number-unit{color:#929292;font-family:var(--font-mono);flex-shrink:0;margin-inline-start:-4px;padding-inline-end:6px;font-size:9px}.select-control{background:#eee;border-radius:8px;padding-inline-start:10px}.select-control>.control-label{flex-shrink:0}.select-shell{background:#eee;border-radius:8px;align-items:center;min-width:0;height:36px;display:flex;position:relative}.select-control .select-shell{flex:1}.select-shell select{appearance:none;border-radius:inherit;width:100%;min-width:0;height:100%;font-family:var(--font-mono);font-size:var(--text-xs);text-align:end;cursor:pointer;background:0 0;border:0;padding:0 26px 0 6px}.select-shell>svg{color:#969696;pointer-events:none;position:absolute;inset-inline-end:10px}.control-group-heading{color:#858585;font-family:var(--font-mono);margin-block-start:3px;padding:7px 1px 3px;font-size:9px}.toggle-row{cursor:pointer;background:#eee;border-radius:8px;justify-content:space-between;padding:0 10px}.switch-shell{flex-shrink:0;justify-content:center;align-items:center;width:35px;height:28px;display:flex;position:relative}.switch-shell>input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.switch-track{background:#d4d4d4;border-radius:11px;width:35px;height:20px;padding:2px;transition:background-color .12s;display:block}.switch-track>span{background:#222;border-radius:50%;width:16px;height:16px;transition:transform .12s;display:block}.switch-shell>input:checked+.switch-track{background:var(--accent)}.switch-shell>input:checked+.switch-track>span{background:#fff;transform:translate(15px)}.switch-shell>input:focus-visible+.switch-track{outline:2px solid var(--accent);outline-offset:2px}.switch-shell>input:disabled+.switch-track{opacity:.45}.control-note{color:#818181;font-family:var(--font-mono);margin:6px 3px 0;font-size:9px;line-height:1.6}.control-error{color:#a03d26;margin:2px 0 0;font-size:11px;line-height:1.5}.background-colors{gap:6px;display:flex}.color-control{background:#eee;border-radius:7px;flex:1;align-items:center;gap:6px;min-width:0;min-height:32px;padding:5px 7px;display:flex}.color-control input[type=color]{appearance:none;cursor:pointer;background:0 0;border:1px solid #0000001a;border-radius:4px;flex:0 0 18px;width:18px;height:18px;padding:0;overflow:hidden}.color-control input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-control input[type=color]::-webkit-color-swatch{border:0;border-radius:3px}.color-control input[type=color]::-moz-color-swatch{border:0}.color-hex{width:100%;min-width:0;font-family:var(--font-mono);background:0 0;border:0;padding:0;font-size:9px}.background-upload-row{align-items:center;gap:6px;display:flex}.background-preview{object-fit:cover;outline-offset:-1px;border-radius:4px;outline:1px solid #0000001a;flex:0 0 32px;width:32px;height:32px}.background-upload-button{flex:1;min-height:32px}.transparent-preview{background-color:#f7f7f7;background-image:conic-gradient(#ddd 25%, transparent 0 50%, #ddd 0 75%, transparent 0);background-size:12px 12px;border-radius:6px;height:24px}.finish-row{background:#eee;border-radius:8px;justify-content:space-between;padding:0 10px}.finish-swatches{align-items:center;gap:8px;display:flex}.finish-swatch{border:1px solid #00000015;border-radius:50%;width:18px;height:18px;padding:0;position:relative}.finish-swatch.is-selected{outline:2px solid var(--accent);outline-offset:2px}.finish-swatch:hover:not(:disabled){outline-offset:2px;outline:1px solid #aaa}.finish-swatch.is-selected:hover:not(:disabled){outline:2px solid var(--accent)}.orientation-row{justify-content:space-between}.orientation-row>.control-label{padding-inline-start:2px;font-size:9px}.segmented-control{background:#ececec;border-radius:8px;align-items:center;gap:3px;min-width:0;padding:3px;display:flex}.segmented-control>button{color:#858585;min-width:0;min-height:28px;font-family:var(--font-mono);white-space:nowrap;background:0 0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;padding:0 7px;font-size:9px;display:flex}.segmented-control>button:hover:not(:disabled){color:#333;background:#e2e2e2}.segmented-control>button[aria-pressed=true],.segmented-control>button[aria-selected=true]{color:#252525;background:#fafafa}.landscape-icon{transform:rotate(90deg)}.export-panel{z-index:20;background:var(--panel);border:1px solid #c8c8c8;border-radius:12px;flex-direction:column;width:302px;max-width:calc(100% - 24px);max-height:calc(100% - 24px);display:flex;position:absolute;inset-block-start:12px;inset-inline-end:12px;overflow:hidden;box-shadow:0 8px 24px #00000014}.export-panel:focus{outline:none}.export-panel-heading{flex-shrink:0;justify-content:space-between;align-items:center;min-height:40px;padding:0 11px 0 14px;display:flex}.export-panel-heading h2{font-family:var(--font-mono);font-size:var(--text-sm);margin:0;font-weight:500}.export-panel-scroll{scrollbar-width:thin;scrollbar-color:#c6c6c6 transparent;overscroll-behavior:contain;min-height:0;padding:0 12px 12px;overflow:auto}.export-tabs{margin-block-end:12px}.export-tabs>button{min-height:30px;font-size:10px}.export-options{flex-direction:column;gap:6px;display:flex}.export-control-group{padding:5px 0}.export-control-group>.control-label{margin:0 2px 7px;display:block}.export-orientations>button{gap:8px;min-height:34px}.export-options .select-control>.control-label{font-size:10px}.export-options .select-shell select{font-size:9px}.export-error{color:#9e3a24;margin:12px 2px 0;font-size:11px;line-height:1.5}.export-panel-footer{border-block-start:1px solid #e3e3e3;flex-shrink:0;padding:12px}.export-submit{width:100%;min-height:34px;font-family:var(--font-mono);border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:0 10px;font-size:10px;display:flex}.export-submit>span{opacity:.58;margin-inline-start:auto;font-size:9px}.export-progress-label{font-family:var(--font-mono);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;margin-block-end:8px;font-size:10px;display:flex}.export-progress{appearance:none;background:#e3e3e3;border:0;border-radius:2px;width:100%;height:4px;margin-block-end:12px;display:block;overflow:hidden}.export-progress::-webkit-progress-bar{background:#e3e3e3;border-radius:2px}.export-progress::-webkit-progress-value{background:var(--accent);border-radius:2px}.export-progress::-moz-progress-bar{background:var(--accent);border-radius:2px}.cancel-button{color:#555;background:#eee;border:1px solid #d8d8d8}.cancel-button:hover{background:#e4e4e4}@media (max-width:1150px){.inspector{flex-basis:260px}.toolbar{gap:6px;padding-inline-start:10px}.toolbar-output-actions{gap:5px}.toolbar-button[aria-label=Capture\ image]{width:28px;padding:0}.toolbar-button[aria-label=Capture\ image]>span{display:none}.project-name{width:145px}.orientation-row>.control-label{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.orientation-row .segmented-control{width:100%}}@media (max-width:900px){body{overflow:auto}.app-shell{flex-direction:column;height:auto;min-height:100dvh;padding:10px;overflow:visible}.editor-main{flex:none;height:max(580px,78dvh)}.viewport-shell{min-height:230px}.inspector{flex:none;width:100%;min-height:0;max-height:none;overflow:visible}.inspector-scroll{overflow:visible}.inspector-fields{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.inspector-section{height:100%}.inspector-section:nth-child(odd){border-inline-end:1px solid #e6e6e6}.inspector-section>summary{height:42px}.orientation-row>.control-label{clip:auto;width:auto;height:auto;position:static}.orientation-row .segmented-control{width:auto}.project-name{width:180px}}@media (max-width:580px){.app-shell{gap:8px;padding:8px}.editor-main{gap:8px;height:max(620px,86dvh)}.toolbar{border-radius:10px;gap:3px;height:44px;padding:0 5px}.app-wordmark,.toolbar>.toolbar-divider{display:none}.toolbar .icon-button{width:29px;height:34px}.project-name{width:70px;min-width:42px;font-family:var(--font-sans);flex:1;padding-inline:4px;font-size:16px}.toolbar-output-actions{gap:4px}.toolbar-output-actions>.toolbar-divider{display:none}.toolbar-ratio{width:62px}.toolbar-ratio select{font-family:var(--font-sans);padding-inline:0 19px;font-size:14px}.toolbar-ratio>svg{inset-inline-end:4px}.toolbar-button{height:34px;padding:0 8px}.toolbar-button>span{display:none}.toolbar-button[aria-label=Capture\ image]{width:30px}.inspector-fields{display:block}.inspector-section:nth-child(odd){border-inline-end:0}.inspector-heading{height:42px}.inspector-section-body{gap:8px;padding-block-end:14px;padding-inline:14px}.control-row,.control-range,.number-input-shell,.select-shell{height:40px;min-height:40px}.control-range::-webkit-slider-runnable-track{height:40px}.number-control{grid-template-columns:minmax(0,1fr) 68px}.control-label{font-size:11px}.number-input-shell input,.select-shell select,.color-hex{font-family:var(--font-sans);font-size:16px}.select-control>.control-label{font-size:11px}.finish-swatches{gap:14px}.finish-swatch{width:22px;height:22px}.switch-shell{width:40px;height:40px}.segmented-control>button{min-height:34px}.export-panel{max-width:calc(100% - 16px);max-height:calc(100% - 16px);inset-block-start:8px;inset-inline-end:8px}.export-options .select-shell select{font-family:var(--font-sans);font-size:16px}.export-options .select-control{flex-direction:column;align-items:stretch;gap:0;height:auto;padding:7px 0 0}.export-options .select-control>.control-label{padding-inline-start:10px}.export-options .select-shell{width:100%}.export-options .select-shell select{text-align:start;padding-inline-start:10px}.export-options .number-control{height:40px}.export-submit{min-height:40px}}@media (prefers-reduced-motion:reduce){.icon-button,.toolbar-button,.switch-track,.switch-track>span{transition:none}}.viewport-fit{position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.viewport-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.viewport-canvas:active{cursor:grabbing}.viewport-shell.is-drag-over{outline-offset:-3px;outline:2px solid #f36b27}.viewport-loading{color:#666;background:#e8e8e8cc;justify-content:center;align-items:center;gap:9px;font-size:12px;display:flex;position:absolute;inset:0}.loading-spinner{animation:1s linear infinite studio-spin}@keyframes studio-spin{to{transform:rotate(360deg)}}.viewport-upload-hint{color:#ddd;white-space:nowrap;background:#1c1c1f;border-radius:12px;align-items:center;gap:16px;padding:7px 8px 7px 16px;font-size:12px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.viewport-upload-hint button{color:#222;background:#fff;border:0;border-radius:6px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;display:flex}.app-error{color:#872c19;z-index:25;background:#fff4f1;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:12px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.app-error button{color:inherit;background:0 0;border:0;flex-shrink:0;padding:4px}.export-wrapper{display:contents}.timeline-disabled{opacity:.6;pointer-events:none}@media (prefers-reduced-motion:reduce){.loading-spinner{animation:none}}@media (max-width:640px){.viewport-upload-hint{gap:8px;padding-left:10px;font-size:11px;bottom:12px}}