:root{--bg: #12110e;--surface: #1a1815;--surface-2: #211d19;--surface-3: #262320;--line: #262320;--line-2: #2e2a25;--ink: #efe9dc;--muted: #a79e90;--muted-2: #8e8577;--muted-3: #6f675c;--muted-4: #4a443c;--accent: #d66532;--accent-hi: #e5763f;--accent-ink: #fff3ea;--active: #2f1e13;--paper: #f1eadb;--danger: #bd3b38;--shadow-panel: 0 14px 40px #00000066;--shadow-pill: 0 8px 26px #00000059}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;height:100dvh;overflow:hidden;background:var(--bg);overscroll-behavior:none}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);user-select:none}button,input,select,output{font:inherit;color:inherit}button{border:0;background:transparent;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}.gallery-grid,.panel-content,.sprite-settings-body,.export-body,.size-modal-box,.tutorial-box,.sprite-timeline-body,.popover{scrollbar-color:var(--muted-4) transparent;scrollbar-width:thin}.gallery-grid::-webkit-scrollbar,.panel-content::-webkit-scrollbar,.sprite-settings-body::-webkit-scrollbar,.export-body::-webkit-scrollbar,.size-modal-box::-webkit-scrollbar,.tutorial-box::-webkit-scrollbar,.sprite-timeline-body::-webkit-scrollbar,.popover::-webkit-scrollbar{width:6px;height:6px}.gallery-grid::-webkit-scrollbar-thumb,.panel-content::-webkit-scrollbar-thumb,.sprite-settings-body::-webkit-scrollbar-thumb,.export-body::-webkit-scrollbar-thumb,.size-modal-box::-webkit-scrollbar-thumb,.tutorial-box::-webkit-scrollbar-thumb,.sprite-timeline-body::-webkit-scrollbar-thumb,.popover::-webkit-scrollbar-thumb{border-radius:999px;background:var(--muted-4)}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}svg{display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon-button svg,.tool-button svg,.export-button svg,.inspector-tab svg,.mini-icon-button svg,.close-panel svg,.dialog-close svg,.add-layer-button svg,.download-button svg,.reference-chip svg,.reference-control-title svg,.layer-row svg,#zoom-fit svg{width:19px;height:19px}.tool-button svg{width:21px;height:21px}@keyframes flick{0%,49.9%{opacity:1}50%,to{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.app-shell{position:fixed;inset:0;display:flex;flex-direction:column}.app-shell[hidden]{display:none}.topbar{flex:none;height:52px;display:flex;align-items:center;gap:10px;padding:0 10px 0 12px;background:var(--surface);border-bottom:1px solid var(--line)}.studio{flex:1;min-height:0;display:flex}.brand-block{display:flex;align-items:center;gap:8px;flex:none}.brand-mark{width:26px;height:26px}.brand-mark svg{width:26px;height:26px}.brand-loop{fill:none;stroke:var(--accent);stroke-width:2.3}.brand-loop-a{animation:flick .34s steps(1,end) infinite}.brand-loop-b{animation:flick .34s steps(1,end) infinite;animation-delay:-.17s}.brand-name{font:600 15px system-ui;letter-spacing:.01em}.document-name{display:flex;align-items:baseline;gap:7px;min-width:0;margin-left:6px;padding:5px 10px;border-radius:6px;border:1px solid transparent;cursor:pointer}.document-name:hover{background:var(--surface-2);border-color:var(--line-2)}.document-name span{font:500 12.5px system-ui;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:30vw}.document-name i{font:400 10px ui-monospace,Menlo,monospace;font-style:normal;color:var(--muted-3);flex:none}.document-name.is-dirty i{color:var(--accent)}.document-name input{background:var(--surface-2);border:1px solid var(--accent);border-radius:5px;padding:3px 7px;font:500 12.5px system-ui;width:180px;outline:none}.topbar-spacer{flex:1;min-width:8px}.top-actions{display:flex;align-items:center;gap:2px}.icon-button{width:36px;height:36px;border-radius:7px;display:grid;place-items:center;color:var(--muted);flex:none}.icon-button:hover:not(:disabled){background:var(--surface-3);color:var(--ink)}.icon-button:disabled{color:var(--muted-4)}.icon-button.is-active,.icon-button[aria-pressed=true]{background:var(--active);color:var(--accent)}.sprite-help-button[hidden]{display:none}.export-button{height:36px;padding:0 14px;margin-left:6px;border-radius:7px;display:flex;align-items:center;gap:7px;background:var(--accent);color:var(--accent-ink);font:600 12.5px system-ui;letter-spacing:.02em;white-space:nowrap}.export-button:hover{background:var(--accent-hi)}.tool-rail{width:56px;flex:none;display:flex;flex-direction:column;align-items:center;padding:8px 0;background:var(--surface);border-right:1px solid var(--line);z-index:6}.tool-group{display:flex;flex-direction:column;align-items:center;gap:2px}.tool-spacer{flex:1}.tool-secondary{border-top:1px solid var(--line-2);padding-top:8px;width:34px}.tool-rail .tool-group.tool-panels{display:none}.tool-button{position:relative;width:44px;height:44px;border-radius:8px;display:grid;place-items:center;color:var(--muted);flex:none}.tool-button:hover{background:var(--surface-3);color:var(--ink)}.tool-button.is-active{background:var(--active);color:var(--accent)}.tool-active-mark{position:absolute;left:-6px;top:50%;width:3px;height:18px;margin-top:-9px;border-radius:0 3px 3px 0;background:var(--accent);opacity:0}.tool-button.is-active .tool-active-mark{opacity:1}.menu-caret{position:absolute;right:5px;bottom:5px;width:0;height:0;border-left:4px solid transparent;border-top:4px solid currentColor;opacity:.5}.stage{position:relative;flex:1;min-width:0;overflow:hidden;background:radial-gradient(120% 80% at 50% 0%,#16150f 0%,var(--bg) 70%);touch-action:none}.stage-margin{display:none}.paper-shell{position:absolute;top:0;left:0;transform-origin:0 0;background:var(--paper);box-shadow:0 0 0 1px #0005,0 24px 60px #00000070}#drawing-canvas{display:block;width:100%;height:100%;touch-action:none}.stage.tool-brush #drawing-canvas,.stage.tool-marker #drawing-canvas{cursor:crosshair}.stage.tool-eraser #drawing-canvas{cursor:cell}.stage.tool-knife #drawing-canvas{cursor:crosshair}.stage.tool-bucket #drawing-canvas{cursor:copy}.stage.tool-shape #drawing-canvas,.stage.tool-select #drawing-canvas{cursor:crosshair}.stage.is-panning #drawing-canvas{cursor:grabbing}.stage.is-ref-editing #drawing-canvas{cursor:move}.stage-status{position:absolute;top:12px;z-index:3;display:flex;align-items:center;gap:7px;padding:5px 10px;border-radius:6px;background:#1a1815d9;border:1px solid var(--line-2);backdrop-filter:blur(6px);font:500 11px system-ui;color:var(--muted-2);cursor:pointer}.stage-status:hover{color:var(--ink);border-color:var(--muted-3)}.stage-status-left{left:12px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:flick .34s steps(1,end) infinite}.stage.is-paused .live-dot{animation:none;opacity:.35}.reference-chip{position:absolute;top:12px;right:12px;z-index:3;display:flex;align-items:center;gap:7px;padding:6px 10px;border-radius:6px;background:#1a1815d9;border:1px solid var(--line-2);backdrop-filter:blur(6px);font:500 11px system-ui;color:var(--muted-2)}.reference-chip[hidden]{display:none}.reference-chip:hover{color:var(--ink);border-color:var(--accent)}.reference-chip b{font:400 10px ui-monospace,Menlo,monospace;color:var(--accent)}.empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;pointer-events:none}.empty-state[hidden]{display:none}.empty-scribble{width:128px;height:62px;margin-bottom:6px}.empty-scribble path{fill:none;stroke-width:3;stroke-linecap:round}.scribble-main{stroke:#b9ab93;animation:flick .34s steps(1,end) infinite}.scribble-shadow{stroke:#cdc1ab;animation:flick .34s steps(1,end) infinite;animation-delay:-.17s}.empty-state p{margin:0;font:500 14px system-ui;color:#8a7f68}.empty-state span{font:400 11.5px system-ui;color:#a2977f}.brush-context{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:flex;align-items:center;gap:11px;padding:8px 12px;border-radius:9px;background:#1a1815f2;border:1px solid var(--line-2);box-shadow:var(--shadow-pill);backdrop-filter:blur(8px);max-width:calc(100% - 24px)}.color-button{width:30px;height:30px;border-radius:6px;display:grid;place-items:center;background:var(--surface-3);flex:none}.swatch{display:block;pointer-events:none}.color-button .swatch{width:20px;height:20px;border-radius:4px;box-shadow:0 0 0 1px #ffffff2e}.color-button:hover,.color-button.is-open{box-shadow:0 0 0 2px var(--accent)}.eyedropper-button{width:30px;height:30px;border-radius:6px;display:grid;place-items:center;background:var(--surface-3);flex:none}.eyedropper-button svg{width:18px;height:18px}.eyedropper-button:hover{box-shadow:0 0 0 2px var(--accent)}.eyedropper-button.is-active{background:var(--active);color:var(--accent)}.context-divider{width:1px;height:22px;background:var(--line-2);flex:none}.stroke-preview{border-radius:50%;background:var(--ink);flex:none;width:4px;height:4px}#size-range{width:108px}#size-output{font:400 11.5px ui-monospace,Menlo,monospace;color:var(--muted);min-width:18px;text-align:right}.context-unit{font:400 10.5px ui-monospace,Menlo,monospace;color:var(--muted-3);margin-left:-4px}.opacity-inline{display:flex;align-items:center;gap:11px}.opacity-icon{width:17px;height:17px;color:var(--muted-2);flex:none}#opacity-range{width:84px}#opacity-output{font:400 11.5px ui-monospace,Menlo,monospace;color:var(--muted);min-width:34px;text-align:right}.opacity-button{display:none;align-items:center;gap:5px;height:38px;padding:0 9px 0 7px;border-radius:6px;background:var(--surface-3);color:var(--muted);flex:none}.opacity-button svg{width:17px;height:17px}.opacity-button b{font:600 11.5px ui-monospace,Menlo,monospace;color:var(--ink);min-width:33px;text-align:left}.opacity-button:hover,.opacity-button[aria-expanded=true]{box-shadow:0 0 0 2px var(--accent)}.options-popover.opacity-popover{width:236px}#estabilizador-intensidade.is-off{opacity:.45}.zoom-controls{position:absolute;right:12px;bottom:16px;display:flex;align-items:center;gap:1px;padding:3px;border-radius:8px;background:#1a1815f2;border:1px solid var(--line-2);box-shadow:var(--shadow-pill);backdrop-filter:blur(8px)}.zoom-controls button{width:30px;height:30px;border-radius:6px;display:grid;place-items:center;color:var(--muted);font:500 15px system-ui}.zoom-controls button:hover{background:var(--surface-3);color:var(--ink)}#zoom-selection svg{width:19px;height:19px}#zoom-100{font:500 11px ui-monospace,Menlo,monospace}#zoom-output{font:400 11px ui-monospace,Menlo,monospace;color:var(--muted);min-width:42px;text-align:center}.sprite-timeline{position:absolute;left:0;right:0;bottom:0;z-index:4;max-width:none;border:1px solid var(--line-2);border-bottom:0;border-radius:9px 9px 0 0;background:#1a1815fa;box-shadow:0 -12px 32px #0005;backdrop-filter:blur(8px)}.sprite-timeline[hidden]{display:none}.sprite-timeline-handle{width:min(940px,100%);height:38px;padding:0 16px;margin:auto;display:flex;align-items:center;justify-content:space-between;color:var(--ink);font:600 11.5px system-ui;text-align:left}.sprite-timeline-handle strong{font:700 13px system-ui;letter-spacing:.01em}.sprite-timeline-handle span{color:var(--accent);font-weight:600}.sprite-timeline-body{max-width:940px;margin:auto;padding:0 16px 12px;border-top:1px solid var(--line)}.sprite-timeline-controls,.sprite-onion-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 0}.sprite-timeline-controls button{height:32px;padding:0 10px;border-radius:5px;border:1px solid var(--muted-4);background:var(--surface-3);color:var(--ink);font:600 11px system-ui}.sprite-timeline-controls button:hover{border-color:var(--accent)}.sprite-timeline-controls #sprite-toggle-animation{color:var(--accent);border-color:#8b4326}.sprite-timeline-controls #sprite-toggle-animation[aria-pressed=false],.sprite-timeline-controls #sprite-add-pose,.sprite-timeline-controls #sprite-duplicate-pose{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.sprite-timeline-controls #sprite-delete-pose{color:#f09a95;border-color:#6e3533}.sprite-timeline-controls #sprite-delete-pose:disabled{color:var(--muted-4);border-color:var(--line-2)}.sprite-play-button{width:32px;padding:0;display:grid;place-items:center;color:var(--accent);border-color:#8b4326}.sprite-play-button svg{width:14px;height:14px}.sprite-play-button[aria-pressed=false]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.sprite-settings-button{display:inline-flex;align-items:center;gap:6px}.sprite-settings-button svg{width:15px;height:15px}.sprite-timeline-controls label,.sprite-onion-controls label{color:var(--muted);font:500 10.5px system-ui}.sprite-timeline-controls select{display:inline-block;width:auto;height:30px;margin-left:4px}.sprite-onion-controls{border-top:1px solid var(--line);padding:8px;background:var(--surface-2);border-radius:6px}.sprite-onion-controls label{min-height:28px;display:flex;align-items:center;gap:5px;padding:0 8px;border:1px solid var(--line-2);border-radius:5px;background:var(--surface-3);color:var(--ink);cursor:pointer}.sprite-onion-controls label:has(input:checked){border-color:var(--accent);color:var(--accent);background:var(--active)}.sprite-onion-controls input[type=range]{width:52px}.sprite-pose-list{display:flex;gap:7px;overflow-x:auto;padding:2px 0}.sprite-pose{position:relative;flex:0 0 72px;height:58px;padding:3px;border:1px solid var(--line-2);border-radius:5px;background:var(--surface-2)}.sprite-pose:hover{border-color:var(--muted-3)}.sprite-pose.is-active{border-color:var(--accent);background:var(--active)}.sprite-pose.is-dragging{opacity:.4}.sprite-pose.drop-before{box-shadow:inset 2px 0 0 var(--accent)}.sprite-pose.drop-after{box-shadow:inset -2px 0 0 var(--accent)}.sprite-pose-select{position:absolute;inset:0;width:100%;height:100%;padding:0;display:block}.sprite-pose canvas{width:100%;height:100%;display:block;object-fit:contain;background:var(--paper)}.sprite-pose span{position:absolute;right:4px;bottom:3px;color:var(--muted);font:10px ui-monospace,monospace}.sprite-pose-handle{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:3px;background:#00000070;color:#fff;display:grid;place-items:center;opacity:.6;touch-action:none;cursor:grab}.sprite-pose-handle:hover{opacity:1}.sprite-pose-handle svg{width:9px;height:13px}.stage.has-sprite-timeline .brush-context{bottom:52px}.stage.sprite-timeline-open .brush-context{top:12px;bottom:auto}.stage.sprite-timeline-open .zoom-controls{display:none}.sprite-settings-dialog{width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:0;border:1px solid var(--line-2);border-radius:11px;background:var(--surface);color:var(--ink);box-shadow:0 24px 70px #000000b3;overflow:hidden}.sprite-settings-dialog::backdrop{background:#0c0b09d9;backdrop-filter:blur(3px)}.sprite-settings-dialog[open]{display:flex;flex-direction:column;animation:pop .16s ease-out}.sprite-settings-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px;overflow-y:auto}.sprite-setting-section{padding:15px;border:1px solid var(--line-2);border-radius:8px;background:var(--surface-2)}.sprite-setting-section:first-child{grid-column:1 / -1}.sprite-setting-section h3{margin:0 0 12px;font:600 13px system-ui}.sprite-setting-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.sprite-setting-row b,.sprite-setting-range>span{display:block;font:600 11.5px system-ui}.sprite-setting-row small{display:block;margin-top:3px;color:var(--muted-2);font:400 10.5px system-ui}.sprite-setting-row select{width:100px;flex:none}.sprite-setting-switch{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:var(--ink);font:500 11.5px system-ui}.sprite-setting-switch input{accent-color:var(--accent)}.sprite-setting-range{display:block;margin-top:12px}.sprite-setting-range>span{display:flex;justify-content:space-between;color:var(--muted)}.sprite-setting-range output{color:var(--accent);font:400 11px ui-monospace,monospace}.sprite-setting-range input{width:100%;margin-top:3px}input[type=range]{-webkit-appearance:none;appearance:none;height:18px;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--surface-3)}input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:var(--surface-3)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;margin-top:-5.5px;border-radius:50%;background:var(--ink);box-shadow:0 1px 3px #0008}input[type=range]::-moz-range-thumb{width:15px;height:15px;border:0;border-radius:50%;background:var(--ink)}.accent-range::-webkit-slider-thumb{background:var(--accent)}.accent-range::-moz-range-thumb{background:var(--accent)}.inspector{width:300px;flex:none;display:none;flex-direction:column;background:var(--surface);border-left:1px solid var(--line);z-index:5}.inspector.is-open{display:flex}.mobile-panel-handle{display:none}.inspector-tabs{flex:none;display:flex;align-items:center;gap:2px;padding:8px;border-bottom:1px solid var(--line)}.inspector-tab{flex:1;height:34px;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted-2);font:500 12px system-ui}.inspector-tab:hover{background:var(--surface-3);color:var(--ink)}.inspector-tab.is-active{background:var(--active);color:var(--accent)}.inspector-tab b{font:400 10px ui-monospace,Menlo,monospace;padding:1px 5px;border-radius:4px;background:#ffffff14;color:var(--muted)}.inspector-tab.is-active b{background:#ffffff1a;color:var(--accent)}.close-panel{width:30px;height:30px;flex:none;border-radius:5px;display:grid;place-items:center;color:var(--muted-3)}.close-panel:hover{background:var(--surface-3);color:var(--ink)}.panel-content{display:none;padding:14px;overflow-y:auto;flex:1}.panel-content.is-active{display:block;animation:slide-down .16s ease-out}.panel-content[hidden]{display:none}.motion-card{border:1px solid var(--line-2);border-radius:8px;background:var(--surface-2);overflow:hidden;margin-bottom:16px}.motion-preview{padding:8px 6px 2px}.motion-preview canvas{display:block;width:100%;height:auto}.motion-card-footer{display:flex;align-items:center;justify-content:space-between;padding:7px 10px 8px;border-top:1px solid var(--line-2)}.motion-card-footer span{display:flex;align-items:center;gap:7px;font:500 11px system-ui;color:var(--muted-2)}.motion-card-footer i{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:flick .34s steps(1,end) infinite}.mini-icon-button{width:26px;height:26px;border-radius:5px;display:grid;place-items:center;color:var(--muted-2)}.mini-icon-button:hover{background:var(--surface-3);color:var(--ink)}.mini-icon-button svg{width:15px;height:15px}.control-block{margin-bottom:16px}.control-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:7px}.control-heading label,.control-label{font:500 11.5px system-ui;color:var(--muted)}.control-label{display:block;margin-bottom:8px}.control-heading output{font:400 11.5px ui-monospace,Menlo,monospace;color:var(--accent)}.control-block input[type=range]{width:100%}.range-ends{display:flex;justify-content:space-between;margin-top:2px;font:400 10px system-ui;color:var(--muted-3)}.preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.preset-grid button{display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px 6px 8px;border:1px solid var(--line-2);border-radius:7px;background:var(--surface-2);color:var(--muted-2)}.preset-grid button:hover{border-color:var(--muted-3);color:var(--ink)}.preset-grid button.is-active{background:var(--active);border-color:var(--accent);color:var(--accent)}.preset-grid b{font:500 10.5px system-ui}.preset-line{width:100%;height:14px;background-color:currentColor;-webkit-mask:var(--wave) center / 100% 100% no-repeat;mask:var(--wave) center / 100% 100% no-repeat}.preset-still{--wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 14'%3E%3Cpath d='M4 7h52' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E")}.preset-subtle{--wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 14'%3E%3Cpath d='M4 7c9-1 13 1 19 0s15-1 21 0 12 1 12 0' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E")}.preset-alive{--wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 14'%3E%3Cpath d='M4 7c8-4 12 4 18 1s14-5 20-1 12 3 14 0' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E")}.preset-loose{--wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 14'%3E%3Cpath d='M4 8c6-7 10 5 16 1s10-8 16-2 10 6 20-1' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E")}.animation-settings{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.compact-control{margin-bottom:0}.compact-control label{display:block;font:500 11.5px system-ui;color:var(--muted);margin-bottom:7px}.stepper{display:flex;align-items:center;border:1px solid var(--line-2);border-radius:6px;background:var(--surface-2);overflow:hidden}.stepper button{width:28px;height:32px;flex:none;color:var(--muted);font:500 15px system-ui}.stepper button:hover{background:var(--surface-3);color:var(--ink)}.stepper input{flex:1;min-width:0;height:32px;border:0;background:transparent;text-align:center;font:500 12.5px ui-monospace,Menlo,monospace;outline:none;-moz-appearance:textfield}.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.select-wrap{position:relative}.select-wrap:after{content:"";position:absolute;right:11px;top:50%;margin-top:-2px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--muted-3);pointer-events:none}select{-webkit-appearance:none;appearance:none;width:100%;height:34px;padding:0 26px 0 10px;border:1px solid var(--line-2);border-radius:6px;background:var(--surface-2);font:500 12px system-ui;cursor:pointer;outline:none}select:focus{border-color:var(--accent)}.motion-note{display:flex;gap:8px;margin:0;padding:11px 12px;border-radius:7px;background:var(--surface-2);font:400 11.5px/1.55 system-ui;color:var(--muted-2)}.motion-note span{flex:none;width:3px;border-radius:2px;background:var(--accent);opacity:.6}.style-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.style-tiles button{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;padding:9px 6px;border:1px solid var(--line-2);border-radius:8px;background:var(--surface-2);color:var(--muted-2)}.style-tiles button:hover{border-color:var(--muted-3);color:var(--ink)}.style-tiles button.on{background:var(--active);border-color:var(--accent);color:var(--accent)}.style-tiles canvas{width:56px;height:56px;border-radius:5px;background:var(--paper)}.style-tiles b{font:500 10.5px system-ui}.tip-row{display:flex;gap:6px}.tip-row[hidden]{display:none}#tip-row:not([hidden]){display:grid;grid-template-columns:1fr 1fr}.tip-row button{flex:1;height:36px;border:1px solid var(--line-2);border-radius:6px;background:var(--surface-2);color:var(--muted-2);font:500 11.5px system-ui}.tip-row button:hover{border-color:var(--muted-3);color:var(--ink)}.tip-row button.is-active{background:var(--active);border-color:var(--accent);color:var(--accent)}#advanced-controls{margin-top:4px}#advanced-controls[hidden]{display:none}.reset-brush-button{width:100%;height:40px;margin-top:6px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line-2);border-radius:7px;color:var(--muted);font:500 12px system-ui}.reset-brush-button:hover{border-color:var(--danger);color:var(--danger)}.reset-brush-button svg{width:15px;height:15px}#drawing-canvas.pixel-perfect{image-rendering:pixelated}.layers-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.layers-heading b{display:block;font:600 12.5px system-ui}.layers-heading span{font:400 10.5px system-ui;color:var(--muted-3)}.add-layer-button{display:flex;align-items:center;gap:6px;height:30px;padding:0 11px;border:1px dashed var(--line-2);border-radius:6px;color:var(--muted);font:500 11.5px system-ui}.add-layer-button:hover{border-color:var(--accent);color:var(--accent)}.add-layer-button svg{width:14px;height:14px}.layer-list{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:5px}.layer-row{display:flex;align-items:center;gap:6px;padding:7px 8px;border-radius:7px;background:var(--surface-2);border:1px solid transparent}.layer-row.is-active{background:var(--active);border-color:#d665324d}.layer-row.is-dragging{opacity:.4}.layer-row.drop-before{box-shadow:inset 0 2px 0 var(--accent)}.layer-row.drop-after{box-shadow:inset 0 -2px 0 var(--accent)}.layer-row .layer-handle{flex:none;width:18px;height:26px;display:grid;place-items:center;cursor:grab;touch-action:none;color:var(--muted-4)}.layer-row .layer-handle svg{width:11px;height:16px}.layer-row .layer-handle svg circle{fill:currentColor;stroke:none}.layer-row .layer-eye{width:28px;height:28px;flex:none;border-radius:5px;display:grid;place-items:center;color:var(--muted-3)}.layer-row.is-visible .layer-eye{color:var(--accent)}.layer-row .layer-eye:hover{background:#ffffff14}.layer-row .layer-name{flex:1;min-width:0;text-align:left;font:500 12px system-ui;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-row.is-active .layer-name{color:var(--ink)}.layer-row .layer-count{font:400 10px ui-monospace,Menlo,monospace;color:var(--muted-3);flex:none}.layer-row .layer-del{width:26px;height:26px;flex:none;border-radius:5px;display:grid;place-items:center;color:var(--muted-4)}.layer-row .layer-del:hover{color:var(--danger);background:#ffffff14}.layer-row .layer-del svg{width:14px;height:14px}.layer-row .layer-lock{width:26px;height:26px;flex:none;border-radius:5px;display:grid;place-items:center;color:var(--muted-4)}.layer-row .layer-lock svg{width:14px;height:14px}.layer-row .layer-lock:hover{background:#ffffff14;color:var(--muted)}.layer-row.is-locked .layer-lock{color:var(--accent)}.layer-row.is-locked .layer-thumb{opacity:.5}.layer-row.is-locked .layer-name{color:var(--muted-3)}.unlock-all-button{display:grid;place-items:center;width:30px;height:30px;border-radius:6px;border:1px dashed var(--line-2);color:var(--accent)}.unlock-all-button:hover{border-color:var(--accent);background:#d665321f}.unlock-all-button svg{width:15px;height:15px}.layer-properties{margin:0 0 14px;padding:12px;border:1px solid var(--line-2);border-radius:7px;background:var(--surface-2)}.layer-name-field{display:grid;gap:5px;margin-bottom:11px;font:500 11px system-ui;color:var(--muted)}.layer-name-field input{width:100%;min-width:0;padding:7px 9px;border:1px solid var(--line-2);border-radius:5px;outline:none;background:var(--surface);color:var(--ink);font:500 12px system-ui}.layer-name-field input:focus{border-color:var(--accent)}.layer-blend-field{display:grid;gap:5px;margin-top:12px;color:var(--muted);font:500 11px system-ui}.layer-blend-field select{width:100%;min-width:0;padding:7px 9px;border:1px solid var(--line-2);border-radius:5px;background:var(--surface);color:var(--ink);font:500 12px system-ui}.layer-blend-field select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.layer-motion-title{display:block;margin:15px 0 8px}.layer-motion-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.layer-motion-grid label{min-width:0;display:grid;grid-template-columns:1fr auto;gap:4px;color:var(--muted);font:500 10.5px system-ui}.layer-motion-grid output{color:var(--accent);font:10px ui-monospace,Menlo,monospace}.layer-motion-grid input{grid-column:1 / -1;width:100%}.paper-color-row{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:11px;border-top:1px solid var(--line-2)}.paper-color-row label{flex:1;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font:500 11px system-ui}.paper-color-row input{width:34px;height:28px;padding:2px;border:1px solid var(--line-2);border-radius:5px;background:var(--surface)}.paper-color-row button,.reference-actions button{min-height:30px;padding:0 8px;border:1px solid var(--line-2);border-radius:5px;color:var(--muted);font:500 10.5px system-ui}.paper-color-row button:hover,.reference-actions button:hover{color:var(--accent);border-color:var(--accent)}.reference-control{padding:12px;border:1px solid var(--line-2);border-radius:7px;background:var(--surface-2)}.reference-control[hidden]{display:none}.reference-control-title{display:flex;align-items:center;gap:8px;margin-bottom:10px;font:500 11.5px system-ui;color:var(--muted)}.reference-control-title span{flex:1}.reference-control-title button{color:var(--muted-3);width:24px;height:24px;border-radius:4px;display:grid;place-items:center}.reference-control-title button:hover{color:var(--danger);background:#ffffff14}.reference-list{display:flex;gap:5px;overflow-x:auto;margin:-2px 0 10px;padding-bottom:2px}.reference-list button{flex:0 0 auto;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 8px;border:1px solid var(--line-2);border-radius:5px;color:var(--muted-2);font:500 10px system-ui}.reference-list button.is-active{border-color:var(--accent);color:var(--accent);background:var(--active)}.reference-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.reference-actions button:last-child{grid-column:1 / -1}.selection-extra-actions{margin-top:7px}.marker-motion-note{color:var(--accent)}.marker-motion-note[hidden]{display:none}.marker-active .stroke-motion-control{opacity:.38;pointer-events:none}.reference-control-title button svg{width:14px;height:14px}.reference-control label{display:flex;justify-content:space-between;align-items:baseline;font:500 11px system-ui;color:var(--muted-2);margin-bottom:6px}.reference-control output{font:400 11px ui-monospace,Menlo,monospace;color:var(--accent)}.reference-control input[type=range]{width:100%}.reference-transform-toggle{width:100%;height:36px;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line-2);border-radius:7px;color:var(--muted);font:500 12px system-ui}.reference-transform-toggle svg{width:15px;height:15px}.reference-transform-toggle:hover{border-color:var(--accent);color:var(--accent)}.reference-transform-toggle[aria-pressed=true]{background:var(--active);border-color:var(--accent);color:var(--accent)}.grid-cell-controls{margin-top:12px;padding:12px;border:1px solid var(--line-2);border-radius:7px;background:var(--surface-2)}.grid-cell-controls[hidden]{display:none}.grid-cell-controls .wide-toggle{margin-bottom:8px}.grid-cell-controls .wide-toggle:last-child{margin-bottom:0}.popover{position:fixed;z-index:40;padding:12px;border-radius:9px;background:#1a1815f7;border:1px solid var(--line-2);box-shadow:var(--shadow-panel);backdrop-filter:blur(10px);animation:pop .14s ease-out}.popover[hidden]{display:none}.shape-popover{display:flex;align-items:center;gap:10px}.shape-popover>span{font:500 11px system-ui;color:var(--muted-2)}.shape-popover div{display:flex;gap:3px}.shape-popover button{width:38px;height:38px;border-radius:7px;display:grid;place-items:center;color:var(--muted)}.shape-popover button svg{width:20px;height:20px}.shape-popover button:hover{background:var(--surface-3);color:var(--ink)}.shape-popover button.is-active{background:var(--active);color:var(--accent)}.options-popover{width:216px;max-height:min(72vh,560px);overflow-y:auto;overscroll-behavior:contain}.options-popover-label{display:block;margin-bottom:9px;font:500 11px system-ui;color:var(--muted-2)}.options-popover-section{margin-top:12px}.options-popover-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.options-popover-row button{flex:1;height:36px;border:1px solid var(--line-2);border-radius:6px;background:var(--surface-2);color:var(--muted-2);font:500 11.5px system-ui;padding:0 6px}.options-popover-row button:hover{border-color:var(--muted-3);color:var(--ink)}.options-popover-row button.is-active{background:var(--active);border-color:var(--accent);color:var(--accent)}.options-popover-row button:disabled{opacity:.38}.bucket-variant-row{flex-wrap:nowrap;gap:5px}.bucket-variant-row button{display:flex;flex:1 1 0;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;height:82px;padding:4px 2px}.bucket-variant-row button svg{width:min(100%,58px);height:44px;flex:none}.bucket-variant-row button span{line-height:1.1}.bucket-gap-illustration{margin:8px 0 5px;padding:5px 5px 6px;border:1px solid var(--line-2);border-radius:7px;background:var(--surface-2)}.bucket-gap-illustration svg{width:100%;height:auto}.bucket-gap-illustration>div{display:flex}.bucket-gap-illustration span{flex:1;text-align:center;font:500 10px system-ui;color:var(--muted-2)}.select-shape-row button{display:flex;align-items:center;justify-content:center;flex:1;padding:6px 0}.select-shape-row button svg{width:18px;height:18px}.selection-align-row button{display:flex;align-items:center;justify-content:center;flex:1;padding:6px 0}.selection-align-row button svg{width:18px;height:18px}.options-popover-row button:disabled:hover{border-color:var(--line-2);color:var(--muted-2)}.options-popover-hint{margin:0 0 9px;font:400 11px system-ui;color:var(--muted);line-height:1.4}.options-popover-slider{margin-top:10px}.options-popover-slider input[type=range]{width:100%}.options-popover-slider .options-popover-hint{margin:7px 0 0}.options-popover .reset-brush-button{margin-top:10px;height:36px}.color-popover{width:216px}.color-popover-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.color-popover-head span{font:500 11px system-ui;color:var(--muted-2)}.color-popover-head b{font:400 11px ui-monospace,Menlo,monospace;color:var(--accent)}.native-color-wrap{display:flex;align-items:center;gap:9px;padding:7px;border:1px dashed var(--line-2);border-radius:7px;margin-bottom:10px;cursor:pointer}.native-color-wrap:hover{border-color:var(--accent)}.native-color-wrap span{font:500 11.5px system-ui;color:var(--muted)}.native-color-wrap input[type=color]{width:32px;height:32px;flex:none;padding:0;border:0;border-radius:5px;background:none;cursor:pointer}.native-color-wrap input[type=color]::-webkit-color-swatch-wrapper{padding:0}.native-color-wrap input[type=color]::-webkit-color-swatch{border:0;border-radius:5px}.swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.swatches button{aspect-ratio:1;border-radius:5px;box-shadow:0 0 0 1px #ffffff1f;overflow:hidden}.swatches button .swatch,.color-recent button .swatch{width:100%;height:100%}.swatches button.is-active{box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px var(--accent)}.export-dialog{width:min(620px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:0;border:1px solid var(--line-2);border-radius:11px;background:var(--surface);color:var(--ink);box-shadow:0 24px 70px #000000b3;overflow:hidden}.export-dialog::backdrop{background:#0c0b09d9;backdrop-filter:blur(3px)}.export-dialog[open]{animation:pop .16s ease-out;display:flex;flex-direction:column}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 18px 14px;border-bottom:1px solid var(--line)}.dialog-kicker{display:flex;align-items:center;gap:6px;font:500 10px system-ui;text-transform:uppercase;letter-spacing:.07em;color:var(--muted-3)}.dialog-kicker i{width:5px;height:5px;border-radius:50%;background:var(--accent)}.dialog-head h2{margin:5px 0 0;font:600 17px system-ui;letter-spacing:-.01em}.dialog-close{width:32px;height:32px;flex:none;border-radius:6px;display:grid;place-items:center;color:var(--muted-3)}.dialog-close:hover{background:var(--surface-3);color:var(--ink)}.export-body{padding:16px 18px;overflow-y:auto}.export-preview{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:16px}.frame-card{position:relative;flex:none}.frame-card canvas{display:block;width:112px;height:74px;border-radius:6px;border:1px solid var(--line-2);background:var(--paper)}.frame-card.is-current canvas{border-color:var(--accent)}.frame-card span{position:absolute;left:6px;bottom:6px;padding:1px 5px;border-radius:4px;background:#12110ecc;font:400 9px ui-monospace,Menlo,monospace;color:var(--muted)}.frame-more{align-self:stretch;min-width:46px;display:grid;place-items:center;border:1px dashed var(--line-2);border-radius:6px;font:400 11px ui-monospace,Menlo,monospace;color:var(--muted-3)}.frame-more[hidden]{display:none}.export-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.export-options>label{display:block}.export-options>label[hidden]{display:none}.export-options>label>span{display:block;margin-bottom:6px;font:500 11.5px system-ui;color:var(--muted)}.export-blend-note{grid-column:1 / -1;margin:0;padding:9px 11px;border-radius:6px;background:var(--surface-2);color:var(--muted);font:400 11px/1.5 system-ui}.export-blend-note[hidden]{display:none}.export-video{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.export-video[hidden],.export-video [hidden]{display:none}.export-video>label{display:block}.export-video>label>span:first-child{display:block;margin-bottom:6px;font:500 11.5px system-ui;color:var(--muted)}.export-video-duration{display:flex;align-items:center;gap:8px}.export-video-duration input{width:84px;height:34px;font:500 12.5px system-ui;color:var(--ink);background:var(--surface-2);border:1px solid var(--line-2);border-radius:6px;padding:0 10px;outline:none}.export-video-duration input:focus{border-color:var(--accent)}.export-video-duration input:disabled{color:var(--muted-3)}.export-video-duration b{font:400 11.5px system-ui;color:var(--muted-2)}.export-video-info,.export-video-error,.export-video-progress{grid-column:1 / -1;margin:0;padding:9px 11px;border-radius:6px;background:var(--surface-2);color:var(--muted);font:400 11.5px/1.5 system-ui;white-space:pre-line}.export-video-error{color:#f0a29d;background:#2a1514}.export-video-progress{display:flex;align-items:center;gap:10px}.export-video-progress progress{flex:1;height:8px;accent-color:var(--accent)}.export-video-progress span{font:400 11px ui-monospace,Menlo,monospace;color:var(--muted-2);white-space:nowrap}.export-summary{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-radius:7px;background:var(--surface-2)}.export-summary b{display:block;font:600 12.5px system-ui}.export-summary small{font:400 10.5px ui-monospace,Menlo,monospace;color:var(--muted-3)}.export-summary svg{width:18px;height:18px;color:var(--accent);stroke-width:2.2}.dialog-actions{display:flex;gap:9px;justify-content:flex-end;padding:14px 18px 18px;border-top:1px solid var(--line)}.secondary-button{height:40px;padding:0 16px;border:1px solid var(--line-2);border-radius:7px;font:600 12.5px system-ui;color:var(--muted)}.secondary-button:hover{border-color:var(--muted-3);color:var(--ink)}.download-button{height:40px;padding:0 18px;border-radius:7px;display:flex;align-items:center;gap:8px;background:var(--accent);color:var(--accent-ink);font:600 12.5px system-ui}.download-button:hover{background:var(--accent-hi)}.download-button:disabled{background:var(--surface-3);color:var(--muted-3)}.panel-scrim{position:fixed;inset:0;background:#0c0b09a6;z-index:4}.panel-scrim[hidden]{display:none}.toast{position:fixed;left:50%;bottom:84px;transform:translate(-50%);z-index:80;padding:10px 16px;border-radius:7px;background:#262320f2;border:1px solid var(--line-2);box-shadow:var(--shadow-panel);font:500 12px system-ui;color:var(--ink);animation:pop .16s ease-out;max-width:calc(100vw - 32px);text-align:center}.toast[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}[data-tooltip]{position:relative}@media(hover:hover){[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:50%;top:calc(100% + 7px);transform:translate(-50%);padding:4px 8px;border-radius:5px;background:#262320f2;border:1px solid var(--line-2);font:500 10.5px system-ui;color:var(--ink);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s .35s;z-index:50}.tool-rail [data-tooltip]:after{left:calc(100% + 9px);top:50%;transform:translateY(-50%)}[data-tooltip]:hover:after{opacity:1}}@media(max-width:860px),(max-height:600px)and (pointer:coarse){.topbar{height:calc(48px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(6px,env(safe-area-inset-right)) 0 max(6px,env(safe-area-inset-left));gap:4px}.topbar-spacer{display:none}.document-name{flex:1;min-width:0;margin-left:0;padding-inline:6px}.document-name span{flex:1;max-width:none}.document-name input{width:100%;min-width:0}.top-actions{min-width:0;gap:2px}.topbar .icon-button,.topbar .export-button{width:42px;height:42px;border-radius:7px}.topbar .export-button{justify-content:center;padding:0;margin-left:0}.topbar .export-button span{display:none}.studio{flex-direction:column}.tool-rail{order:2;width:auto;height:auto;flex-direction:row;justify-content:flex-start;padding:6px max(6px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));border-right:0;border-top:1px solid var(--line);overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x}.tool-rail::-webkit-scrollbar{display:none}.tool-group{flex-direction:row;gap:1px}.tool-spacer{display:none}.tool-secondary{border-top:0;border-left:1px solid var(--line-2);padding-top:0;padding-left:6px;margin-left:6px;width:auto}.tool-button{width:44px;height:44px}.tool-rail .tool-group.tool-panels{display:flex;position:sticky;right:0;margin-left:auto;padding-left:6px;background:var(--surface);box-shadow:-12px 0 10px -6px var(--surface);z-index:2}.tool-button.rail-layers{width:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-left:1px solid var(--line-2);border-radius:0 8px 8px 0}.rail-layers svg{width:20px;height:20px}.rail-layers span{font:600 9.5px/1 system-ui;letter-spacing:.01em}.tool-rail [data-tooltip]:after{content:none}.tool-active-mark{left:50%;top:auto;bottom:-6px;margin-top:0;margin-left:-9px;width:18px;height:3px;border-radius:3px 3px 0 0}.stage{order:1;flex:1;min-height:0;touch-action:manipulation}.paper-shell,#drawing-canvas{touch-action:none}.stage-margin{display:block;position:absolute;inset:0;touch-action:none}.brush-context{bottom:10px;min-height:44px;gap:8px;padding:6px 9px}.color-button{width:38px;height:38px}#size-range{width:84px}.zoom-controls{display:flex;right:8px;bottom:10px}.zoom-controls>:not(#zoom-fit){display:none}.zoom-controls #zoom-fit{width:38px;height:38px}.sprite-timeline{bottom:0}.sprite-timeline-handle{height:44px;padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right))}.sprite-timeline-body{max-height:min(46dvh,260px);padding:0 10px 10px;overflow-y:auto;overscroll-behavior:contain}.stage.sprite-timeline-open .brush-context{display:none}.stage.has-sprite-timeline .brush-context,.stage.has-sprite-timeline .zoom-controls{bottom:58px}.stage.sprite-timeline-open .zoom-controls{display:none}.sprite-timeline-controls{flex-wrap:nowrap;overflow-x:auto;padding:8px 0;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x}.sprite-timeline-controls::-webkit-scrollbar,.sprite-pose-list::-webkit-scrollbar{display:none}.sprite-timeline-controls button{flex:0 0 auto;height:40px;padding:0 11px;white-space:nowrap}.sprite-play-button{width:40px}.sprite-pose-list{padding-bottom:2px;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x}.sprite-pose{flex-basis:68px;height:58px}.sprite-pose-handle{width:26px;height:26px}.stage-status{display:none}.inspector{position:fixed;left:0;right:0;bottom:0;width:auto;max-height:min(78dvh,calc(100dvh - env(safe-area-inset-top) - 8px));border-left:0;border-top:1px solid var(--line-2);border-radius:11px 11px 0 0;box-shadow:0 -14px 40px #00000073;z-index:30;padding-bottom:env(safe-area-inset-bottom)}.inspector.is-open{animation:sheet-up .2s ease-out}.mobile-panel-handle{display:block;width:38px;height:4px;margin:8px auto 2px;border-radius:2px;background:var(--line-2)}.inspector-tabs{padding:6px 8px}.inspector-tab{min-width:0;height:44px}.close-panel{width:44px;height:44px}.panel-content{min-height:0;max-height:none;padding:14px max(14px,env(safe-area-inset-right)) 14px max(14px,env(safe-area-inset-left))}.layer-row{min-height:48px;padding-block:4px}.layer-row .layer-handle{width:36px;height:40px}.layer-row .layer-eye,.layer-row .layer-del,.reference-control-title button{width:40px;height:40px}.add-layer-button{min-height:40px}.export-dialog,.sprite-settings-dialog{width:calc(100vw - 20px - env(safe-area-inset-left) - env(safe-area-inset-right));max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:10px}.export-options,.export-video{grid-template-columns:1fr}.dialog-actions{padding:12px 14px calc(12px + env(safe-area-inset-bottom))}.dialog-actions button{min-height:44px}.export-body{padding:14px}.dialog-head{padding:14px 14px 12px}.dialog-close{width:44px;height:44px}.frame-card canvas{width:96px;height:64px}.toast{bottom:104px}.sprite-settings-body{grid-template-columns:1fr;padding:14px}.sprite-setting-section:first-child{grid-column:auto}.sprite-setting-section h3{font-size:14px}.sprite-setting-row b,.sprite-setting-range>span{font-size:12.5px}.sprite-setting-row small{font-size:11.5px;line-height:1.4}.popover{max-width:calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right));max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}input:not([type=range]):not([type=checkbox]):not([type=color]),select{font-size:16px}input[type=range]{min-height:44px}input[type=range]::-webkit-slider-thumb{width:22px;height:22px;margin-top:-9px}input[type=range]::-moz-range-thumb{width:22px;height:22px}}@media(max-width:420px){.document-name i{display:none}.document-name{padding-inline:4px}.document-name span{font-size:11.5px}}@media(max-width:600px){.topbar>.brand-block,.top-actions>.open-tutorial-button,.top-actions>.import-top,.top-actions>.panel-trigger:not([data-panel=motion]){display:none}}@media(max-width:560px){.opacity-inline{display:none}.opacity-button{display:inline-flex}.brush-context{left:8px;transform:none;max-width:calc(100% - 70px);gap:6px;padding-inline:7px}#size-range{width:clamp(40px,12vw,64px)}}.home-screen{display:flex;flex-direction:column;height:100%;padding:calc(14px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left));gap:10px;background:var(--bg);color:var(--ink)}.home-screen[hidden]{display:none}.home-header{display:flex;align-items:center;justify-content:space-between;flex:none}.home-subtitle{margin:0 0 4px;font:400 11.5px system-ui;color:var(--muted-2)}.home-tabs{flex:none;display:flex;gap:3px;padding:3px;border-radius:8px;background:var(--surface-2);border:1px solid var(--line-2)}.home-tab{flex:1;height:32px;border-radius:5px;font:500 12px system-ui;color:var(--muted)}.home-tab:hover{background:var(--surface-3);color:var(--ink)}.home-tab.is-active{background:var(--accent);color:var(--accent-ink);font-weight:600}.home-tab.is-active:hover{background:var(--accent-hi)}.gallery-grid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:11px;align-content:start}.gallery-empty{grid-column:1 / -1;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;color:var(--muted-2)}.gallery-empty strong{color:var(--ink);font:600 14px system-ui}.gallery-empty span{font:400 11.5px system-ui}.gallery-empty .gallery-empty-error{color:var(--danger);max-width:420px}.gallery-empty svg{width:min(220px,70vw);height:auto;margin-bottom:6px;overflow:visible}.gallery-empty svg path{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.empty-boil-shadow{stroke:var(--muted-4)}.empty-boil-live{stroke:var(--accent);animation:flick .34s steps(1,end) infinite}.empty-boil-arrow{stroke:var(--muted-3);stroke-width:2.4}.gallery-item{display:flex;flex-direction:column;gap:6px}.gallery-open{position:relative;display:block;aspect-ratio:1;padding:0;border:1px solid var(--line-2);border-radius:8px;overflow:hidden;background:var(--surface-2)}.gallery-open img{width:100%;height:100%;object-fit:contain;display:block}.gallery-open.grid-cell-active{border-color:var(--accent)}.gallery-open.grid-cell-disabled{opacity:.35;cursor:not-allowed}.gallery-menu-button{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#12110ecc;color:var(--ink);font:500 15px system-ui;line-height:1}.gallery-menu{position:absolute;right:6px;top:40px;z-index:10;width:min(190px,calc(100% - 12px));padding:5px;border:1px solid var(--line-2);border-radius:7px;background:var(--surface-3);box-shadow:var(--shadow-panel)}.gallery-menu[hidden]{display:none}.gallery-menu button{width:100%;min-height:36px;padding:0 9px;border-radius:5px;text-align:left;font:500 12px system-ui;color:var(--ink)}.gallery-menu button:hover{background:var(--surface-2)}.gallery-menu button.danger{color:var(--danger)}.gallery-name{display:block;width:100%;padding:0 2px;text-align:left;font:500 12px system-ui;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-name:hover{text-decoration:underline}.gallery-meta{padding:0 2px;font:400 10px ui-monospace,Menlo,monospace;color:var(--muted-3)}.new-drawing-button{flex:none;height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;background:var(--accent);color:var(--accent-ink);font:600 13.5px system-ui}.new-drawing-button:hover{background:var(--accent-hi)}.new-drawing-button svg{width:18px;height:18px}.home-primary-actions{flex:none;display:grid;grid-template-columns:2fr 1fr;gap:8px}.home-primary-actions .secondary-button{min-height:48px;display:flex;align-items:center;justify-content:center;gap:7px}.home-primary-actions .secondary-button svg{width:17px;height:17px}.size-modal{position:fixed;inset:0;z-index:60;width:auto;max-width:none;height:auto;max-height:none;padding:14px;border:0;background:none;color:inherit;overflow:hidden}.size-modal[open]{display:flex;align-items:center;justify-content:center}.size-modal::backdrop{background:#0c0b09b3}.size-modal-box{width:min(560px,100%);max-height:90vh;overflow-y:auto;padding:20px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface);box-shadow:var(--shadow-panel)}.size-modal-box h2{margin:0 0 14px;font:600 15px system-ui}.size-presets{display:grid;gap:12px;margin-bottom:14px}.size-preset-group span{display:block;margin-bottom:7px;font:500 11px system-ui;color:var(--muted)}.size-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.size-preset-button{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;min-height:92px;padding:8px 4px;border:1px solid var(--line-2);border-radius:7px;background:var(--surface-2);color:var(--muted-2)}.size-preset-button:hover{border-color:var(--muted-3);color:var(--ink)}.size-preset-button.is-active{background:var(--active);border-color:var(--accent);color:var(--accent)}.size-preset-rect{display:block;background:var(--paper);border:1px solid var(--line-2);border-radius:2px}.size-preset-button strong{font:600 11px system-ui}.size-preset-button b{font:500 9px system-ui;color:var(--muted-3)}.size-preset-button.is-active b{color:var(--accent)}.size-custom-row{display:flex;gap:10px;margin-bottom:12px}.size-custom-row[hidden]{display:none}.size-custom-row label{flex:1;display:flex;flex-direction:column;gap:4px;font:500 11px system-ui;color:var(--muted)}.size-custom-row input{font:500 12.5px system-ui;color:var(--ink);background:var(--surface-2);border:1px solid var(--line-2);border-radius:5px;padding:8px;width:100%}.size-background-picker{margin-bottom:12px;scroll-margin-bottom:96px;border:1px solid var(--line-2);border-radius:7px;background:var(--surface-2)}.size-background-picker summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:9px 12px;cursor:pointer;list-style:none;font:500 12px system-ui}.size-background-picker summary::-webkit-details-marker{display:none}.size-background-picker summary strong{color:var(--accent);font-weight:600}.size-background-picker summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.size-background-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0 12px 12px}.size-background-option{min-width:0;padding:7px;border:1px solid var(--line-2);border-radius:7px;background:var(--surface);color:var(--muted-2);text-align:left}.size-background-option:hover{border-color:var(--muted-3)}.size-background-option.is-active{border-color:var(--accent);background:var(--active)}.size-background-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.size-background-option canvas{display:block;width:100%;height:78px;border-radius:4px;margin-bottom:6px}.size-background-option strong{display:block;font:600 12px system-ui;color:var(--ink)}.size-background-option span{display:block;margin-top:2px;font:400 10px system-ui;color:var(--muted)}.wide-toggle{width:100%;height:42px;margin-bottom:4px;border:1px dashed var(--line-2);border-radius:7px;color:var(--muted);font:500 12px system-ui}.wide-toggle:hover{border-color:var(--accent);color:var(--accent)}.wide-toggle[aria-pressed=true]{background:var(--active);border-style:solid;border-color:var(--accent);color:var(--accent)}.size-note{margin:8px 0 0;font:400 11px/1.5 system-ui;color:var(--muted-2)}.sprite-diagram{padding:10px;border:1px solid var(--line-2);border-radius:9px;background:var(--surface-2);text-align:center}.sprite-diagram[hidden]{display:none}.sprite-diagram-heading{display:flex;justify-content:space-between;gap:8px;font:600 10px system-ui;color:var(--accent)}.sprite-diagram svg{width:100%;max-width:326px;height:auto;aspect-ratio:326 / 177;margin:2px auto 0}.sprite-diagram-creation{margin-top:8px;scroll-margin-bottom:90px}.sprite-diagram-creation svg{max-width:265px}.sprite-diagram p{margin:3px 0 0;font:400 11px/1.4 system-ui;color:var(--muted-2)}.size-modal-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:16px}.grid-screen{display:flex;flex-direction:column;height:100%;padding:calc(14px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left));gap:10px;background:var(--bg);color:var(--ink)}.grid-screen[hidden]{display:none}.grid-title{margin:0 0 3px;font:600 15px system-ui}.grid-actions{display:flex;gap:9px;justify-content:flex-end;flex:none}.tutorial{position:fixed;inset:0;z-index:70;width:auto;max-width:none;height:auto;max-height:none;padding:16px;border:0;background:none;color:inherit;overflow:hidden}.tutorial[open]{display:grid;place-items:center}.tutorial::backdrop{background:#09080ccc;backdrop-filter:blur(6px)}.tutorial-box{position:relative;width:min(420px,100%);padding:20px;border:1px solid var(--line-2);border-radius:11px;background:var(--surface);box-shadow:var(--shadow-panel);text-align:center}.tutorial-close{position:absolute;right:8px;top:8px;color:var(--muted-3)}.tutorial-visual{height:180px;margin:14px 0 12px;display:grid;place-items:center;border:1px solid var(--line-2);border-radius:9px;overflow:hidden;background:var(--surface-2);color:var(--accent)}.tutorial-visual svg{width:100%;height:100%}.sprite-diagram-info{margin:14px 0 12px}.tutorial-dots{display:flex;justify-content:center;gap:6px;margin:0 0 10px}.tutorial-dots i{width:7px;height:7px;border-radius:50%;background:var(--line-2)}.tutorial-dots i.is-active{width:20px;border-radius:4px;background:var(--accent)}.tutorial-step{margin:0 0 3px;font:600 10px system-ui;text-transform:uppercase;letter-spacing:.07em;color:var(--accent)}.tutorial-box h2{margin:0 30px 5px;font:600 17px system-ui}.tutorial-box>p:not(.tutorial-step){min-height:40px;margin:0 auto 16px;max-width:340px;font:400 12px/1.5 system-ui;color:var(--muted-2)}.tutorial-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tutorial-actions button{height:42px;justify-content:center}.sprite-info-actions button{width:100%;height:42px;justify-content:center}.layer-thumb{width:30px;height:30px;flex:none;border-radius:4px;background:var(--paper);border:1px solid var(--line-2);object-fit:contain}.color-wheel{display:block;width:100%;height:auto;aspect-ratio:1;margin-bottom:10px;touch-action:none;cursor:crosshair}.color-hex-field{display:flex;align-items:center;gap:8px;margin-bottom:10px;font:500 11px system-ui;color:var(--muted)}.color-hex-field input{flex:1;min-width:0;background:var(--surface-2);border:1px solid var(--line-2);border-radius:5px;padding:6px 8px;font:500 12px ui-monospace,Menlo,monospace;color:var(--ink);outline:none}.color-hex-field input:focus{border-color:var(--accent)}.color-recent{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.color-recent:empty{display:none;margin:0}.color-recent button{width:22px;height:22px;border-radius:5px;box-shadow:0 0 0 1px #ffffff1f;overflow:hidden}@media(max-width:860px),(max-height:600px)and (pointer:coarse){.home-screen,.grid-screen{padding-top:calc(10px + env(safe-area-inset-top))}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;padding-bottom:2px;scrollbar-width:none;overscroll-behavior:contain}.gallery-grid::-webkit-scrollbar{display:none}.gallery-menu-button{width:40px;height:40px;top:5px;right:5px}.gallery-menu button{min-height:44px}.new-drawing-button{min-height:52px}.size-modal{padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.size-modal-box{max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:16px}.size-modal-actions{position:sticky;bottom:-16px;z-index:2;margin:16px -16px -16px;padding:12px 16px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface)}.size-modal-actions button{min-height:44px}.size-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial{padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.tutorial-box{max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:14px;overflow-y:auto;overscroll-behavior:contain}.tutorial-close{width:44px;height:44px}.tutorial-visual{height:130px;margin-top:6px}.tutorial-actions button{min-height:44px}}@media(max-width:860px)and (max-height:600px),(max-height:600px)and (pointer:coarse){.sprite-timeline-body{max-height:min(48dvh,220px)}.inspector{max-height:calc(100dvh - env(safe-area-inset-top))}.tutorial-visual{height:84px}.tutorial-box>p:not(.tutorial-step){min-height:0;margin-bottom:10px}}@media(max-width:860px),(max-height:600px)and (pointer:coarse){.stage-status{display:flex;top:8px;left:8px;padding:5px 8px;font-size:9.5px}.home-primary-actions{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important}.brand-loop,.live-dot,.empty-boil-live,.inspector.is-open,.tutorial-dots i,.gallery-item,.tool-active-mark,.scribble-main,.scribble-shadow{animation:none!important;transition:none!important}.live-dot{opacity:1}.stage.is-paused .live-dot{opacity:.35}}.app-shell.is-focus .topbar,.app-shell.is-focus .tool-rail,.app-shell.is-focus .inspector,.app-shell.is-focus .sprite-timeline,.app-shell.is-focus .panel-scrim,.app-shell.is-focus .stage-status,.app-shell.is-focus .brush-context,.app-shell.is-focus .zoom-controls,.app-shell.is-focus .reference-chip{display:none!important}.focus-exit{display:none;position:absolute;top:12px;right:12px;z-index:7;align-items:center;gap:7px;padding:6px 10px;border-radius:6px;background:#1a1815d9;border:1px solid var(--line-2);backdrop-filter:blur(6px);font:500 11px system-ui;color:var(--muted-2);cursor:pointer}.app-shell.is-focus .focus-exit{display:flex}.focus-exit:hover{color:var(--ink);border-color:var(--muted-3)}.focus-exit svg{width:14px;height:14px}#scene3d-screen:not([hidden]){position:fixed;inset:0;z-index:50;height:100dvh;background:#111d26;color:#e2ebe9;overflow:hidden}#scene3d-screen>button{margin:12px;padding:10px 16px;min-height:44px;border-radius:8px;border:1px solid #62808b;background:#20313b;color:inherit;font:inherit;cursor:pointer}#scene3d-screen>p{margin:16px}.scene3d-entry{font:700 12px system-ui}#reference-3d-controls{margin-bottom:12px}#reference-3d-controls label{display:flex;align-items:center;gap:8px}#reference-3d-controls input{accent-color:var(--accent)}@media(min-width:901px){#open-scene3d-rail{display:none}}.stage-column{flex:1;min-width:0;display:flex;flex-direction:column}#gaveta-inner{display:flex;flex-direction:column;flex:1;min-height:0}.top-label,.tool-label,.zoom-glyph,.tool-caret,.tool-sep,.more-button,.tab-wave,.gaveta-alca,.inspector-tab[data-panel-tab=poses]{display:none}html.moldura-desktop{--alvo: 40px;--trilho: 72px;--faixa: 72px}@media(pointer:coarse){html.moldura-desktop{--alvo: 44px}}html.moldura-desktop :is(button,[role=button],[role=tab],[role=menuitem],[role=separator],summary,select,input):focus-visible{outline:2px solid var(--accent);outline-offset:2px}html.moldura-desktop .topbar{height:48px;gap:6px;padding:0 10px 0 14px}html.moldura-desktop .brand-block{order:0;margin-right:6px}html.moldura-desktop .topbar #open-gallery{order:1}html.moldura-desktop .topbar .document-name{order:2;margin-left:2px}html.moldura-desktop .topbar #undo{order:3;margin-left:4px}html.moldura-desktop .topbar #redo{order:4}html.moldura-desktop .topbar-spacer{order:5}html.moldura-desktop .top-actions{order:6;gap:4px}html.moldura-desktop .topbar .icon-button{width:var(--alvo);height:var(--alvo)}html.moldura-desktop .topbar #open-gallery{width:auto;padding:0 12px 0 9px;display:flex;align-items:center;gap:7px}html.moldura-desktop .top-label{display:inline;font:500 12.5px system-ui}html.moldura-desktop .document-name span{font:500 12.5px system-ui;max-width:28vw}html.moldura-desktop .document-name i{font:400 11px ui-monospace,Menlo,monospace}html.moldura-desktop .top-actions>:is(.open-tutorial-button,#sprite-help-editor,#open-project,#import-reference,.panel-trigger,#toggle-focus){display:none}html.moldura-desktop .more-button{display:grid}html.moldura-desktop .more-button[aria-expanded=true]{background:var(--active);color:var(--accent)}html.moldura-desktop .topbar .export-button{height:var(--alvo);padding:0 16px;margin-left:6px}.more-menu{width:264px;padding:6px}.more-menu button{width:100%;min-height:38px;padding:0 10px;border-radius:6px;display:flex;align-items:center;gap:10px;text-align:left;font:500 12.5px system-ui;color:var(--ink)}@media(pointer:coarse){.more-menu button{min-height:44px}}.more-menu button[hidden]{display:none}.more-menu button:hover{background:var(--surface-3)}.more-menu button svg{width:17px;height:17px;color:var(--muted);flex:none}.more-menu button span{flex:1}.more-menu kbd{font:400 11px ui-monospace,Menlo,monospace;color:var(--muted-2)}.more-menu hr{border:0;border-top:1px solid var(--line-2);margin:6px 4px}html.moldura-desktop .tool-rail{width:var(--trilho);padding:10px 0}html.moldura-desktop .tool-group{gap:2px}html.moldura-desktop .tool-spacer,html.moldura-desktop .tool-secondary{display:none}html.moldura-desktop .tool-button{width:60px;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:8px}@media(pointer:coarse){html.moldura-desktop .tool-button{height:58px}}html.moldura-desktop .tool-button svg{width:22px;height:22px}html.moldura-desktop .tool-label{display:block;font:500 11px/1 system-ui;letter-spacing:.01em}html.moldura-desktop .tool-button.is-active .tool-label{font-weight:600}html.moldura-desktop .tool-button[data-tool=brush]{order:1}html.moldura-desktop .tool-button[data-tool=marker]{order:2}html.moldura-desktop .tool-button[data-tool=eraser]{order:3}html.moldura-desktop .tool-sep-a{order:4}html.moldura-desktop .tool-button[data-tool=bucket]{order:5}html.moldura-desktop .tool-button[data-tool=knife]{order:6}html.moldura-desktop .tool-sep-b{order:7}html.moldura-desktop .tool-button[data-tool=shape]{order:8}html.moldura-desktop .tool-button[data-tool=select]{order:9}html.moldura-desktop .tool-sep{display:block;width:32px;height:1px;margin:7px auto;background:var(--line-2)}html.moldura-desktop .tool-active-mark{display:none}html.moldura-desktop .tool-button.is-active:before{content:"";position:absolute;left:calc((60px - var(--trilho)) / 2);top:50%;width:3px;height:20px;margin-top:-10px;border-radius:0 3px 3px 0;background:var(--accent)}html.moldura-desktop :is(.tool-caret,.tool-button .menu-caret){display:block;position:absolute;top:7px;right:7px;bottom:auto;width:0;height:0;border-left:4px solid transparent;border-top:4px solid currentColor;opacity:.55}html.moldura-desktop .stage .brush-context{top:auto;bottom:16px;height:48px;padding:3px 12px;gap:12px}html.moldura-desktop .brush-context .color-button,html.moldura-desktop .brush-context .eyedropper-button{width:40px;height:40px}html.moldura-desktop .brush-context .color-button .swatch{width:26px;height:26px;border-radius:5px}html.moldura-desktop .brush-context .eyedropper-button svg{width:19px;height:19px}html.moldura-desktop #size-range{width:128px}html.moldura-desktop #opacity-range{width:96px}html.moldura-desktop #size-output,html.moldura-desktop #opacity-output{font-size:12px}html.moldura-desktop .context-unit{font-size:11px}html.moldura-desktop .brush-context .sprite-play-button{width:40px;height:40px;border:0;border-radius:6px;background:var(--surface-3);color:var(--ink)}html.moldura-desktop .brush-context .sprite-play-button svg{width:16px;height:16px}html.moldura-desktop .brush-context .sprite-play-button:hover{border-color:var(--accent);color:var(--accent)}html.moldura-desktop .brush-context .sprite-play-button[aria-pressed=true]{background:var(--active);color:var(--accent)}html.moldura-desktop .stage:not(.has-sprite-timeline) :is(.pose-divider,#sprite-toggle-animation){display:none}html.moldura-desktop #sprite-timeline{display:none!important}html.moldura-desktop .stage .zoom-controls{display:flex;right:14px;bottom:16px;flex-direction:column;padding:4px;gap:2px}html.moldura-desktop .zoom-controls button{width:var(--alvo);height:var(--alvo)}html.moldura-desktop .zoom-controls :is(#zoom-in,#zoom-out){font-size:0}html.moldura-desktop .zoom-controls .zoom-glyph{display:block;width:18px;height:18px}html.moldura-desktop #zoom-in{order:1}html.moldura-desktop #zoom-output{order:2;min-width:0;padding:4px 0;font-size:11px}html.moldura-desktop #zoom-out{order:3}html.moldura-desktop #zoom-fit{order:4;margin-top:7px}html.moldura-desktop #zoom-fit:before{content:"";position:absolute;top:-5px;left:8px;right:8px;height:1px;background:var(--line-2)}html.moldura-desktop #zoom-fit{position:relative}html.moldura-desktop #zoom-100{order:5}html.moldura-desktop #zoom-selection{order:6}html.moldura-desktop .zoom-controls [data-tooltip]:after{left:auto;right:calc(100% + 10px);top:50%;transform:translateY(-50%)}html.moldura-desktop #stage{container:palco / inline-size}@container palco (max-width: 760px){html.moldura-desktop .opacity-inline{display:none}html.moldura-desktop .opacity-button{display:flex;height:var(--alvo)}html.moldura-desktop #size-range{width:92px}}@container palco (max-width: 560px){html.moldura-desktop .stage .brush-context{left:12px;transform:none;gap:9px;padding:7px 10px}html.moldura-desktop #size-range{width:64px}html.moldura-desktop .brush-context .stroke-preview{display:none}html.moldura-desktop .stage .zoom-controls{bottom:84px}}html.moldura-desktop .stage.gaveta-mexendo .paper-shell{transition:transform .24s cubic-bezier(.2,.8,.2,1)}html.moldura-desktop .inspector{display:grid;grid-template-columns:0 var(--faixa);grid-template-rows:minmax(0,1fr);width:auto;position:relative;border-left:1px solid var(--line)}html.moldura-desktop .inspector.is-open{grid-template-columns:var(--gaveta, 320px) var(--faixa)}html.moldura-desktop #gaveta-inner{display:contents}html.moldura-desktop .mobile-panel-handle{display:none}html.moldura-desktop .inspector-tabs{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:8px 0;background:var(--bg);border-bottom:0;border-left:1px solid var(--line)}html.moldura-desktop .inspector-tab{flex:none;width:100%;height:62px;padding:6px 2px;flex-direction:column;justify-content:center;gap:6px;border-radius:0;font:500 11px/1.1 system-ui;color:var(--muted)}@media(pointer:coarse){html.moldura-desktop .inspector-tab{height:66px}}html.moldura-desktop .inspector-tab svg{width:20px;height:20px}html.moldura-desktop .inspector-tab.is-active{background:var(--surface);color:var(--accent);font-weight:600;box-shadow:inset 2px 0 0 var(--accent)}html.moldura-desktop .inspector-tab b{position:absolute;top:6px;right:6px;font-size:11px}html.moldura-desktop .inspector-tab[data-panel-tab=brush]{order:1}html.moldura-desktop .inspector-tab[data-panel-tab=layers]{order:2}html.moldura-desktop .inspector-tab[data-panel-tab=motion]{order:3}html.moldura-desktop .inspector-tab[data-panel-tab=poses]{order:4}html.moldura-desktop .app-shell.is-sprite .inspector-tab[data-panel-tab=poses]{display:flex}html.moldura-desktop .inspector-tab[data-tooltip]:after{left:auto;right:calc(100% + 10px);top:50%;transform:translateY(-50%)}html.moldura-desktop .inspector-tab[data-panel-tab=motion] svg{display:none}html.moldura-desktop .tab-wave{display:block;width:44px;height:16px}html.moldura-desktop .close-panel{display:none;position:absolute;top:10px;right:calc(var(--faixa) + 10px);width:32px;height:32px;z-index:2}html.moldura-desktop .inspector.is-open .close-panel{display:grid}html.moldura-desktop .panel-content{grid-column:1;grid-row:1;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 16px 20px}html.moldura-desktop .panel-content:before{content:attr(aria-label);content:attr(aria-label) / "";position:sticky;top:0;z-index:1;display:block;margin:0 -16px 14px;padding:17px 56px 13px 16px;font:600 13px system-ui;color:var(--ink);background:var(--surface);border-bottom:1px solid var(--line)}html.moldura-desktop .inspector.is-open .panel-content.is-active{animation:gaveta-entra .22s cubic-bezier(.2,.8,.2,1)}@keyframes gaveta-entra{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}html.moldura-desktop .inspector.is-open .gaveta-alca:not([hidden]){display:block;position:absolute;left:-5px;top:0;bottom:0;width:10px;cursor:ew-resize;touch-action:none;z-index:6}html.moldura-desktop .gaveta-alca:before{content:"";position:absolute;left:50%;margin-left:-1px;top:50%;width:2px;height:36px;margin-top:-18px;border-radius:2px;background:var(--muted-4)}html.moldura-desktop .gaveta-alca:hover:before,html.moldura-desktop .gaveta-alca:focus-visible:before,html.moldura-desktop .gaveta-alca.is-dragging:before{background:var(--accent)}html.moldura-desktop .panel-content[data-panel-content=poses] .sprite-timeline-body{display:block;max-width:none;max-height:none;margin:0;padding:0;border-top:0}html.moldura-desktop .panel-content[data-panel-content=poses] .sprite-timeline-controls{padding:0 0 14px;gap:8px}html.moldura-desktop .panel-content[data-panel-content=poses] .sprite-timeline-controls button{height:36px;padding:0 12px;border:1px solid var(--line-2);border-radius:7px;background:transparent;color:var(--muted);font:600 12px system-ui}html.moldura-desktop .panel-content[data-panel-content=poses] .sprite-timeline-controls button:hover{border-color:var(--muted-3);color:var(--ink)}html.moldura-desktop .panel-content[data-panel-content=poses] #sprite-add-pose{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}html.moldura-desktop .panel-content[data-panel-content=poses] #sprite-add-pose:hover{background:var(--accent-hi);border-color:var(--accent-hi);color:var(--accent-ink)}html.moldura-desktop .panel-content[data-panel-content=poses] #sprite-duplicate-pose{background:transparent;border-color:var(--line-2);color:var(--muted)}html.moldura-desktop .panel-content[data-panel-content=poses] #sprite-duplicate-pose:hover{border-color:var(--muted-3);color:var(--ink)}html.moldura-desktop .panel-content[data-panel-content=poses] #sprite-delete-pose{color:var(--danger);border-color:var(--line-2)}html.moldura-desktop .panel-content[data-panel-content=poses] #sprite-delete-pose:disabled{color:var(--muted-4);border-color:var(--line-2)}html.moldura-desktop .panel-content[data-panel-content=poses] .sprite-pose-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;overflow:visible}html.moldura-desktop .panel-content[data-panel-content=poses] .sprite-pose{height:68px}html.moldura-desktop .panel-content[data-panel-content=poses] .sprite-pose span{font-size:11px;color:var(--ink)}.shortcuts-popover{width:min(760px,calc(100vw - 24px));max-height:min(72vh,640px);padding:0;overflow:hidden;display:flex;flex-direction:column}.shortcuts-popover .dialog-head h2{margin:0}.shortcuts-popover .shortcuts-body{flex:1;min-height:0}.shortcuts-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px;padding:18px 20px 22px;overflow-y:auto}.shortcuts-body h3{margin:0 0 10px;font:600 12.5px system-ui;color:var(--ink)}.shortcuts-body dl{display:grid;grid-template-columns:auto 1fr;gap:7px 14px;margin:0;align-items:baseline}.shortcuts-body dt{color:var(--muted);font:400 11.5px system-ui;white-space:nowrap}.shortcuts-body dd{margin:0;font:400 12px system-ui;color:var(--ink)}.shortcuts-body kbd{display:inline-block;min-width:20px;padding:2px 6px;border:1px solid var(--line-2);border-bottom-width:2px;border-radius:5px;background:var(--surface-2);font:500 11px ui-monospace,Menlo,monospace;color:var(--ink);text-align:center}@media(max-width:600px){.shortcuts-body{grid-template-columns:1fr}}@media(pointer:coarse){html.moldura-desktop .inspector.is-open .gaveta-alca:not([hidden]){left:-12px;width:24px}}html.moldura-desktop .tip-row button{min-height:var(--alvo)}html.moldura-desktop :is(.style-tiles b,.layers-heading span,.layer-motion-grid label,.sprite-timeline-controls label,.range-ends){font-size:11px}html.moldura-desktop ::selection{background:color-mix(in srgb,var(--accent) 28%,transparent);color:var(--ink)}html.moldura-desktop input,html.moldura-desktop textarea{caret-color:var(--accent)}