.dlg{z-index:200;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dlg__backdrop{background:#0000008c;position:absolute;inset:0}.dlg__window{background:var(--panel);border:1px solid var(--border);border-radius:8px;flex-direction:column;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);display:flex;position:relative;box-shadow:0 18px 50px #0009}.dlg__title{border-bottom:1px solid var(--border);color:#fff;padding:12px 16px;font-weight:600}.dlg__body{padding:14px 16px;overflow-y:auto}.dlg__footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.dlg__btn{border-radius:var(--radius);border:1px solid var(--border);height:28px;color:var(--text);padding:0 14px}.dlg__btn:hover:not(:disabled){background:var(--panel-2)}.dlg__btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.dlg__btn--primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.1)}.ndoc{z-index:200;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ndoc__backdrop{background:#0000008c;position:absolute;inset:0}.ndoc__window{background:var(--panel);border:1px solid var(--border);border-radius:8px;width:520px;max-width:calc(100vw - 32px);position:relative;box-shadow:0 18px 50px #0009}.ndoc__title{border-bottom:1px solid var(--border);color:#fff;padding:12px 16px;font-weight:600}.ndoc__body{gap:16px;padding:14px 16px;display:flex}.ndoc__presets{grid-template-columns:1fr;gap:4px;width:220px;max-height:260px;padding-right:4px;display:grid;overflow-y:auto}.ndoc__preset{border-radius:var(--radius);text-align:left;color:var(--text);flex-direction:column;gap:1px;padding:6px 10px;display:flex}.ndoc__preset:hover{background:var(--panel-2)}.ndoc__preset.is-active{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.ndoc__preset-note{color:var(--muted);font-size:11px}.ndoc__size{border-left:1px solid var(--border);flex-direction:column;flex:1;gap:10px;padding-left:16px;display:flex}.ndoc__field{align-items:center;gap:8px;display:flex}.ndoc__label{width:58px;color:var(--muted)}.ndoc__field input{border:1px solid var(--border);background:var(--bg);width:92px;height:26px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;border-radius:4px;padding:0 6px}.ndoc__unit{color:var(--muted)}.ndoc__lock{width:28px;height:24px;color:var(--muted);border-radius:4px;justify-content:center;align-self:flex-start;align-items:center;margin-left:58px;display:inline-flex}.ndoc__lock:hover{background:var(--panel-3);color:var(--text)}.ndoc__lock.is-locked{background:var(--accent-soft);color:#fff;box-shadow:inset 0 0 0 1px var(--accent)}.ndoc__hint{color:var(--muted);margin:0;font-size:11px;line-height:1.4}.ndoc__footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.ndoc__btn{border-radius:var(--radius);border:1px solid var(--border);height:28px;color:var(--text);padding:0 14px}.ndoc__btn:hover{background:var(--panel-2)}.ndoc__btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.ndoc__btn--primary:hover{filter:brightness(1.1);background:var(--accent)}.ourl{flex-direction:column;gap:6px;display:flex}.ourl__label{color:var(--muted)}.ourl__input{border:1px solid var(--border);background:var(--bg);height:30px;color:var(--text);font:inherit;border-radius:4px;padding:0 8px}.ourl__input:focus{border-color:var(--accent);outline:none}.ourl__hint{color:var(--muted);margin:2px 0 0;font-size:11px;line-height:1.4}.ourl__error{color:var(--danger);margin:4px 0 0;font-size:11px;line-height:1.4}.save{gap:16px;display:flex}.save__preview{flex-direction:column;flex:none;gap:6px;display:flex}.save__canvas{background:var(--panel-2);box-shadow:0 0 0 1px var(--border);border-radius:4px}.save__canvas.is-transparent{background-color:var(--checker-a);background-image:linear-gradient(45deg, var(--checker-b) 25%, transparent 25%, transparent 75%, var(--checker-b) 75%), linear-gradient(45deg, var(--checker-b) 25%, transparent 25%, transparent 75%, var(--checker-b) 75%);background-position:0 0,6px 6px;background-size:12px 12px}.save__size{color:var(--muted);font-variant-numeric:tabular-nums}.save__formats{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.save__format{border-radius:var(--radius);cursor:pointer;grid-template-columns:auto auto 1fr auto;align-items:center;gap:8px;padding:7px 10px;display:grid}.save__format:hover{background:var(--panel-2)}.save__format.is-active{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.save__format input{accent-color:var(--accent);cursor:pointer}.save__format-name{color:var(--text)}.save__format-note{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.save__format-size{color:var(--text);font-variant-numeric:tabular-nums}.save__alpha{color:var(--text);cursor:pointer;align-items:center;gap:6px;margin-top:8px;padding:0 10px;display:inline-flex}.save__alpha input{accent-color:var(--accent);cursor:pointer}.save__alpha.is-disabled{opacity:.5;cursor:default}.save__hint{color:var(--muted);margin:2px 10px 0;font-size:11px;line-height:1.4}.menubar{background:var(--panel);border-bottom:1px solid var(--border);align-items:center;height:100%;padding:0 8px;display:flex}.menubar__brand{letter-spacing:.02em;color:#fff;margin-right:6px;padding:0 10px 0 4px;font-weight:600}.menubar__menu{position:relative}.menubar__title{border-radius:var(--radius);height:26px;color:var(--text);padding:0 10px}.menubar__title:hover,.menubar__title.is-open{background:var(--panel-3)}.menubar__dropdown{z-index:100;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);min-width:220px;margin:4px 0 0;padding:4px;list-style:none;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #00000080}.menubar__item{text-align:left;width:100%;color:var(--text);border-radius:4px;justify-content:space-between;align-items:center;gap:24px;padding:6px 10px;display:flex}.menubar__item:hover:not(:disabled){background:var(--accent);color:#fff}.menubar__item kbd{font:inherit;color:var(--muted);font-size:11px}.menubar__item:hover:not(:disabled) kbd{color:#fffc}.menubar__sep{background:var(--border);height:1px;margin:4px 6px}.hovertip{z-index:1000;border:1px solid var(--border);background:var(--panel-3);max-width:240px;color:var(--text);white-space:nowrap;pointer-events:none;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;display:flex;position:fixed;transform:translateY(-50%);box-shadow:0 4px 14px #00000073}.hovertip__hint{color:var(--muted);font-size:11px}.selmodes{align-items:center;gap:2px;display:flex}.selmodes__label{color:var(--muted);margin-right:2px}.selmodes__divider{background:var(--border);width:1px;height:16px;margin:0 6px}.selmodes__btn{width:26px;height:26px;color:var(--text);border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.selmodes__btn:hover{background:var(--panel-3)}.selmodes__btn.is-active{background:var(--accent-soft);color:#fff;box-shadow:inset 0 0 0 1px var(--accent)}.selmodes__clear{height:24px;color:var(--muted);border-radius:4px;margin-left:6px;padding:0 8px}.selmodes__clear:hover:not(:disabled){background:var(--panel-3);color:var(--text)}.selmodes__feather{color:var(--text);cursor:pointer;align-items:center;gap:5px;display:inline-flex}.selmodes__feather input{accent-color:var(--accent);cursor:pointer}.selmodes__amount{border:1px solid var(--border);background:var(--bg);width:48px;height:24px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;border-radius:4px;padding:0 5px}.selmodes__amount:disabled{opacity:.45}.selmodes__unit{color:var(--muted)}.tips{align-items:center;gap:2px;display:flex}.tips__btn{width:26px;height:26px;color:var(--muted);border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.tips__btn:hover{background:var(--panel-3);color:var(--text)}.tips__btn.is-active{background:var(--accent-soft);color:#fff;box-shadow:inset 0 0 0 1px var(--accent)}.lgeo{align-items:center;gap:12px;display:flex}.lgeo__group{align-items:center;gap:6px;display:flex}.lgeo__title{color:var(--muted)}.lgeo__field{align-items:center;gap:3px;display:inline-flex}.lgeo__label{color:var(--muted);font-size:11px}.lgeo__input{border:1px solid var(--border);background:var(--bg);width:54px;height:24px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;border-radius:4px;padding:0 5px}.lgeo__input:disabled{opacity:.45}.cropbar{align-items:center;gap:12px;display:flex}.cropbar__group{align-items:center;gap:6px;display:flex}.cropbar__title{color:var(--muted)}.cropbar__field{align-items:center;gap:3px;display:inline-flex}.cropbar__label{color:var(--muted);font-size:11px}.cropbar__input{border:1px solid var(--border);background:var(--bg);width:54px;height:24px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;border-radius:4px;padding:0 5px}.cropbar__apply,.cropbar__reset{border:1px solid var(--border);height:24px;color:var(--text);border-radius:4px;padding:0 10px}.cropbar__apply{background:var(--accent-soft);border-color:var(--accent);color:#fff}.cropbar__reset{color:var(--muted)}.cropbar__reset:hover:not(:disabled){color:var(--text)}.cropbar__apply:disabled,.cropbar__reset:disabled{opacity:.45}.slpop__button{border:1px solid var(--border);background:var(--bg);min-width:48px;height:24px;color:var(--text);font-variant-numeric:tabular-nums;border-radius:4px;padding:0 8px}.slpop__button:hover{border-color:var(--panel-3)}.slpop__button.is-open{border-color:var(--accent);background:var(--accent-soft)}.slpop{z-index:250;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);min-width:200px;padding:10px 12px;position:fixed;box-shadow:0 12px 32px #0009}.slpop__title{color:var(--muted);margin-bottom:6px}.slpop__row{align-items:center;gap:10px;display:flex}.slpop__row input[type=range]{flex:1;min-width:0}.slpop__value{text-align:right;width:44px;color:var(--text);font-variant-numeric:tabular-nums}.maskbar{align-items:center;gap:2px;display:flex}.maskbar__label{color:var(--muted);margin:0 4px 0 2px}.maskbar__divider{background:var(--border);width:1px;height:16px;margin:0 6px}.maskbar__btn{width:26px;height:26px;color:var(--text);border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.maskbar__btn:hover{background:var(--panel-3)}.maskbar__btn.is-active{background:var(--accent-soft);color:#fff;box-shadow:inset 0 0 0 1px var(--accent)}.maskbar__kind{height:26px;color:var(--text);border-radius:4px;padding:0 10px}.maskbar__kind:hover{background:var(--panel-3)}.maskbar__kind.is-active{background:var(--accent-soft);color:#fff;box-shadow:inset 0 0 0 1px var(--accent)}.maskbar__clear{height:24px;color:var(--muted);border-radius:4px;margin-left:8px;padding:0 8px}.maskbar__clear:hover:not(:disabled){background:var(--panel-3);color:var(--text)}.maskbar__clear:disabled{opacity:.45}.maskbar__range{width:96px}.maskbar__num{border:1px solid var(--border);background:var(--bg);width:52px;height:24px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;border-radius:4px;padding:0 6px}.maskbar__unit{color:var(--muted)}.fillbar{align-items:center;gap:8px;display:flex}.fillbar__label{color:var(--muted)}.fillbar__range{width:110px}.fillbar__num{border:1px solid var(--border);background:var(--bg);width:52px;height:24px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;border-radius:4px;padding:0 6px}.fillbar__divider{background:var(--border);width:1px;height:16px;margin:0 2px}.gradbar{align-items:center;gap:4px;display:flex}.gradbar__label{color:var(--muted);margin:0 4px 0 2px}.gradbar__divider{background:var(--border);width:1px;height:16px;margin:0 6px}.gradbar__btn{width:26px;height:26px;color:var(--text);border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.gradbar__btn:hover{background:var(--panel-3)}.gradbar__btn.is-active{background:var(--accent-soft);color:#fff;box-shadow:inset 0 0 0 1px var(--accent)}.shapebar{align-items:center;gap:3px;display:flex}.shapebar__label{color:var(--muted);margin:0 4px 0 2px}.shapebar__divider{background:var(--border);width:1px;height:16px;margin:0 6px}.shapebar__btn{width:26px;height:26px;color:var(--text);border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.shapebar__btn:hover{background:var(--panel-3)}.shapebar__btn.is-active{background:var(--accent-soft);color:#fff;box-shadow:inset 0 0 0 1px var(--accent)}.shapebar__mode,.shapebar__toggle{height:26px;color:var(--text);border-radius:4px;padding:0 10px}.shapebar__mode:hover,.shapebar__toggle:hover{background:var(--panel-3)}.shapebar__mode.is-active,.shapebar__toggle.is-active{background:var(--accent-soft);color:#fff;box-shadow:inset 0 0 0 1px var(--accent)}.shapebar__toggle{border:1px solid var(--border)}.shapebar__range{width:88px}.shapebar__num{border:1px solid var(--border);background:var(--bg);width:48px;height:24px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;border-radius:4px;padding:0 5px}.shapebar__color{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:4px;width:30px;height:24px;padding:0}.textbar{align-items:center;gap:6px;display:flex}.textbar__label{color:var(--muted)}.textbar__font{border:1px solid var(--border);background:var(--bg);max-width:150px;height:24px;color:var(--text);font:inherit;border-radius:4px;padding:0 4px}.textbar__color{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:4px;width:30px;height:24px;padding:0}.textbar__num{border:1px solid var(--border);background:var(--bg);width:56px;height:24px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;border-radius:4px;padding:0 6px}.textbar__format{border:1px solid var(--border);height:24px;color:var(--text);border-radius:4px;padding:0 10px}.textbar__format:hover,.textbar__format.is-open{background:var(--panel-3)}.textpop{z-index:60;border:1px solid var(--border);background:var(--panel-2);border-radius:6px;width:260px;padding:10px;position:fixed;box-shadow:0 12px 28px #00000073}.textpop__row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.textpop__label{width:96px;color:var(--muted)}.textpop__row input[type=range]{flex:1;min-width:0}.textpop__value{text-align:right;width:44px;color:var(--text);font-variant-numeric:tabular-nums}.textpop__group{border-top:1px solid var(--border);margin-top:10px;padding-top:8px}.textpop__title{color:var(--muted);margin-bottom:6px;display:block}.textpop__buttons{gap:4px;display:flex}.textpop__btn{width:30px;height:26px;color:var(--text);border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.textpop__btn:hover{background:var(--panel-3)}.textpop__btn.is-active{background:var(--accent-soft);color:#fff;box-shadow:inset 0 0 0 1px var(--accent)}.textpop__btn--case{font-size:12px;font-weight:600}.zoombar{align-items:center;gap:4px;display:flex}.zoombar__divider{background:var(--border);width:1px;height:16px;margin:0 6px}.zoombar__mode{width:26px;height:26px;color:var(--text);border-radius:4px;justify-content:center;align-items:center;font-size:15px;line-height:1;display:inline-flex}.zoombar__mode:hover,.zoombar__btn:hover{background:var(--panel-3)}.zoombar__mode.is-active{background:var(--accent-soft);color:#fff;box-shadow:inset 0 0 0 1px var(--accent)}.zoombar__btn{border:1px solid var(--border);height:26px;color:var(--text);border-radius:4px;padding:0 10px}.cbar{white-space:nowrap;background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:10px;height:100%;padding:0 12px;display:flex;overflow:hidden}.cbar__group{align-items:center;gap:8px;display:flex}.cbar__tool{width:24px;height:24px;color:var(--text);justify-content:center;align-items:center;display:inline-flex}.cbar__label{color:var(--muted)}.cbar__value{color:var(--text);font-variant-numeric:tabular-nums}.cbar__toggle{border:1px solid var(--border);height:24px;color:var(--muted);border-radius:4px;padding:0 10px}.cbar__toggle:hover{color:var(--text)}.cbar__toggle.is-active{background:var(--accent-soft);border-color:var(--accent);color:#fff}.cbar__sep{background:var(--border);width:1px;height:18px}.cbar__spacer{flex:1}.cbar__group input[type=range]{width:110px}.cbar__num{border:1px solid var(--border);background:var(--bg);width:52px;height:24px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;border-radius:4px;padding:0 6px}.cbar__unit{color:var(--muted)}.cbar__zoom button{min-width:24px;height:24px;color:var(--text);border-radius:4px;padding:0 6px}.cbar__zoom button:hover{background:var(--panel-3)}.cbar__zoom-value{font-variant-numeric:tabular-nums;min-width:52px}.cbar__text-btn{color:var(--muted)!important}.toolbtn{aspect-ratio:1;border-radius:var(--radius);width:100%;color:var(--text);justify-content:center;align-items:center;display:flex;position:relative}.toolbtn:hover{background:var(--panel-2)}.toolbtn.is-active{background:var(--accent-soft);color:#fff;box-shadow:inset 0 0 0 1px var(--accent)}.toolbtn svg{pointer-events:none}.toolbtn__badge{color:var(--muted);pointer-events:none;display:inline-flex;position:absolute;bottom:3px;right:3px}.toolbtn.is-active .toolbtn__badge{color:#fff}.tools{padding:8px 6px}.tools__grid{grid-template-columns:repeat(2,1fr);gap:4px;display:grid}.cpair{padding:10px 8px 0}.cpair__slots{height:44px;position:relative}.cpair__slot{cursor:pointer;border-radius:3px;width:28px;height:28px;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff4d,0 1px 4px #00000080}.cpair__slot--front{z-index:2;top:0;left:0}.cpair__slot--back{z-index:1;top:14px;left:14px}.cpair__slot input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.cpair__swap{width:22px;height:22px;color:var(--muted);border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0}.cpair__swap:hover{background:var(--panel-3);color:var(--text)}.cpair__hex{color:var(--muted);padding-top:2px;font-family:Consolas,Courier New,monospace;font-size:11px}.swatches{padding:8px}.swatches__grid{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.swatches__item{aspect-ratio:1;border-radius:3px;box-shadow:inset 0 0 0 1px #ffffff2e}.swatches__item:hover{transform:scale(1.12)}.swatches__item.is-active{box-shadow:0 0 0 2px var(--panel), 0 0 0 3.5px var(--accent)}.swatches__note{color:var(--muted);margin:8px 0 0;font-size:10px;line-height:1.3}.swatches__hidden-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.lpanel{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;height:100%;min-height:0;display:flex;overflow-y:auto}.lpanel__divider{background:var(--border);height:1px;margin:0 6px}.selov{pointer-events:none;position:absolute;inset:0}.selov--pending{overflow:visible}.selov__pending{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1px;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.selov__anchor{fill:var(--handle);stroke:var(--accent);vector-effect:non-scaling-stroke}.selov__anchor.is-active{fill:var(--accent)}.cmenu{z-index:300;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);min-width:230px;padding:4px;position:fixed;box-shadow:0 12px 32px #0009}.cmenu__item{text-align:left;width:100%;color:var(--text);border-radius:4px;justify-content:space-between;align-items:center;gap:24px;padding:6px 10px;display:flex}.cmenu__item:hover:not(:disabled){background:var(--accent);color:#fff}.cmenu__item kbd{font:inherit;color:var(--muted);font-size:11px}.cmenu__item:hover:not(:disabled) kbd{color:#fffc}.cmenu__sep{background:var(--border);height:1px;margin:4px 6px}.tbox{pointer-events:none;position:absolute;inset:0;overflow:visible}.tbox__frame{fill:none;stroke:var(--accent);vector-effect:non-scaling-stroke}.tbox__stem{stroke:var(--accent);vector-effect:non-scaling-stroke}.tbox__handle,.tbox__rotate{fill:var(--handle);stroke:var(--accent);vector-effect:non-scaling-stroke}.tbox__handle.is-hovered,.tbox__rotate.is-hovered{fill:var(--accent)}.crop{pointer-events:none;position:absolute;inset:0;overflow:visible}.crop__dim{fill:#0000008c}.crop__frame{fill:none;stroke:var(--accent);vector-effect:non-scaling-stroke}.crop__thirds{stroke:#ffffff59;vector-effect:non-scaling-stroke}.crop__handle{fill:var(--handle);stroke:var(--accent);vector-effect:non-scaling-stroke}.crop__handle.is-hovered{fill:var(--accent)}.textedit{resize:none;white-space:pre-wrap;word-break:break-word;outline-style:dashed;outline-color:var(--accent);outline-offset:2px;caret-color:var(--accent);background:0 0;border:0;margin:0;padding:0;position:absolute;overflow:hidden}.textedit:focus{outline-style:dashed}.viewport{background:var(--canvas);touch-action:none;cursor:crosshair;flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.viewport[data-tool=zoom]{cursor:zoom-in}.viewport[data-tool=eyedropper]{cursor:crosshair}.viewport[data-tool=text]{cursor:text}.viewport[data-tool=hand]{cursor:grab}.viewport[data-tool=hand]:active{cursor:grabbing}.stage{background-color:var(--checker-a);background-image:linear-gradient(45deg, var(--checker-b) 25%, transparent 25%, transparent 75%, var(--checker-b) 75%), linear-gradient(45deg, var(--checker-b) 25%, transparent 25%, transparent 75%, var(--checker-b) 75%);background-position:0 0,8px 8px;background-size:16px 16px;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 0 0 1px #0000008c,0 18px 44px #00000080}.stage__canvas{display:block}.layers{flex-direction:column;flex:1;min-height:0;display:flex}.layers__empty{color:var(--muted);text-align:center;flex:1;padding:24px 16px;line-height:1.5}.layers__list{flex:1;min-height:0;margin:0;padding:4px;list-style:none;overflow-y:auto}.layers__row{border-radius:var(--radius);cursor:default;align-items:center;gap:6px;height:44px;padding:0 4px 0 0;display:flex;position:relative}.layers__row:hover{background:var(--panel-2)}.layers__row.is-active{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.layers__row.is-hidden .layers__thumb,.layers__row.is-hidden .layers__name,.layers__row.is-dragging{opacity:.4}.layers__row.is-drop-above:before,.layers__row.is-drop-below:after{content:"";background:var(--accent);border-radius:1px;height:2px;position:absolute;left:4px;right:4px}.layers__row.is-drop-above:before{top:-1px}.layers__row.is-drop-below:after{bottom:-1px}.layers__grip{touch-action:none;width:18px;color:var(--muted);cursor:grab;flex:none;justify-content:center;align-self:stretch;align-items:center;display:flex}.layers__grip:hover{color:var(--text)}.layers.is-dragging,.layers.is-dragging .layers__grip{cursor:grabbing}.layers__eye{width:24px;height:24px;color:var(--text);border-radius:4px;flex:none;justify-content:center;align-items:center;display:inline-flex}.layers__eye:hover{background:var(--panel-3)}.layers__thumb{background-color:var(--checker-a);background-image:linear-gradient(45deg, var(--checker-b) 25%, transparent 25%, transparent 75%, var(--checker-b) 75%), linear-gradient(45deg, var(--checker-b) 25%, transparent 25%, transparent 75%, var(--checker-b) 75%);background-position:0 0,4px 4px;background-size:8px 8px;border-radius:3px;flex:none;box-shadow:0 0 0 1px #00000073}.layers__name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.layers__actions{flex:none;align-self:flex-end;align-items:center;gap:2px;padding-bottom:3px;display:flex}.layers__action{width:22px;height:22px;color:var(--muted);border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.layers__action:hover{background:var(--panel-3);color:var(--text)}.layers__action--danger:hover{color:var(--danger)}.layers__footer{border-top:1px solid var(--border);align-items:center;gap:8px;padding:5px 6px;display:flex}.layers__count{color:var(--muted);font-size:11px}.layers__add{width:26px;height:26px;color:var(--text);border-radius:4px;flex:none;justify-content:center;align-items:center;display:inline-flex}.layers__add:hover{background:var(--accent);color:#fff}.hist{flex-direction:column;flex:1;min-height:0;display:flex}.hist__list{flex:1;min-height:0;margin:0;padding:4px;list-style:none;overflow-y:auto}.hist__row{text-align:left;width:100%;height:26px;color:var(--text);border-radius:4px;align-items:center;gap:8px;padding:0 8px;display:flex}.hist__row:hover{background:var(--panel-2)}.hist__row.is-current{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.hist__row.is-future{color:var(--muted);opacity:.65}.hist__num{text-align:right;width:18px;color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.hist__label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.hist__footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:5px 6px 5px 10px;display:flex}.hist__count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.hist__actions{gap:4px;display:flex}.hist__actions button{height:24px;color:var(--text);border-radius:4px;padding:0 8px}.hist__actions button:hover:not(:disabled){background:var(--panel-3)}.rpanel{flex-direction:column;height:100%;min-height:0;display:flex}.rpanel__tabs{border-bottom:1px solid var(--border);gap:2px;padding:6px 6px 0;display:flex}.rpanel__tab{border-radius:var(--radius) var(--radius) 0 0;color:var(--muted);padding:6px 12px}.rpanel__tab:hover{color:var(--text)}.rpanel__tab.is-active{color:var(--text);background:var(--panel-2);box-shadow:inset 0 -2px 0 var(--accent)}.rpanel__body{flex-direction:column;flex:1;min-height:0;display:flex}.zoomctl{align-items:center;gap:6px;padding:6px 10px 8px;display:flex}.zoomctl__btn{border:1px solid var(--border);width:22px;height:22px;color:var(--text);border-radius:4px;flex:none;justify-content:center;align-items:center;font-size:14px;line-height:1;display:inline-flex}.zoomctl__btn:hover{background:var(--panel-3)}.zoomctl__range{min-width:0;accent-color:var(--accent);flex:1}.zoomctl__field{border:1px solid var(--border);background:var(--bg);border-radius:4px;flex:none;align-items:center;gap:2px;height:22px;padding:0 5px;display:inline-flex}.zoomctl__num{width:34px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;text-align:right;background:0 0;border:0}.zoomctl__num::-webkit-outer-spin-button{appearance:none;margin:0}.zoomctl__num::-webkit-inner-spin-button{appearance:none;margin:0}.zoomctl__unit{color:var(--muted);font-size:11px}.preview{border-bottom:1px solid var(--border);background:var(--panel);flex-direction:column;display:flex}.preview__top{align-items:flex-start;gap:12px;padding:8px 10px 0;display:flex}.preview__stage{cursor:grab;touch-action:none;flex:none;line-height:0;position:relative}.preview__stage:active{cursor:grabbing}.preview__view{border:1px solid var(--accent);pointer-events:none;background:#ffffff14;position:absolute;box-shadow:0 0 0 1px #00000073}.preview__canvas{background-color:var(--checker-a);background-image:linear-gradient(45deg, var(--checker-b) 25%, transparent 25%, transparent 75%, var(--checker-b) 75%), linear-gradient(45deg, var(--checker-b) 25%, transparent 25%, transparent 75%, var(--checker-b) 75%);background-position:0 0,5px 5px;background-size:10px 10px;border-radius:4px;flex:none;box-shadow:0 0 0 1px #00000080}.preview__stats{flex-direction:column;gap:4px;min-width:0;margin:0;padding-top:2px;display:flex}.preview__row{align-items:baseline;gap:6px;display:flex}.preview__row dt{width:14px;color:var(--muted);flex:none;font-size:11px}.preview__row dd{color:var(--text);font-variant-numeric:tabular-nums;margin:0}.preview__row--doc dd{color:var(--muted)}.preview__unit{opacity:.8;font-size:10px}.status{background:var(--panel);border-top:1px solid var(--border);white-space:nowrap;align-items:center;gap:14px;height:100%;padding:0 12px;display:flex;overflow:hidden}.status__tool{color:var(--text);flex:none}.status__hints{align-items:center;gap:14px;min-width:0;display:flex;overflow:hidden}.status__hint{align-items:center;gap:5px;display:inline-flex}.status__keys{font:inherit;color:var(--text);border:1px solid var(--border);background:var(--panel-2);border-radius:3px;padding:1px 5px;font-size:11px}.status__text{color:var(--muted)}.app{grid-template:"menu menu menu"34px"bar bar bar"40px"left center right"minmax(0,1fr)"status status status"30px/88px minmax(0,1fr) 280px;height:100%;display:grid}.app__menu{grid-area:menu}.app__bar{grid-area:bar}.app__left{grid-area:left;min-height:0}.app__center{grid-area:center;min-width:0;min-height:0;display:flex}.app__status{grid-area:status}.app__right{background:var(--panel);border-left:1px solid var(--border);flex-direction:column;grid-area:right;min-height:0;display:flex}.app__right>.rpanel{flex:1;min-height:0}:root{--canvas:#181818;--bg:#131313;--panel:#1f1f1f;--panel-2:#262626;--panel-3:#303030;--border:#2c2c2c;--text:#e8e8e8;--muted:#8a8a8a;--accent:#4f8cff;--accent-soft:#4f8cff29;--danger:#ff6b6b;--checker-a:#323232;--checker-b:#2a2a2a;--handle:#e8e8e8;--radius:6px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--text);background:var(--bg);-webkit-user-select:none;user-select:none;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:13px;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}button:disabled{cursor:default;opacity:.4}input[type=range]{accent-color:var(--accent)}*{scrollbar-width:thin;scrollbar-color:var(--panel-3) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--panel-3);background-clip:content-box;border:3px solid #0000;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#3d3d3d padding-box content-box}