.canvas-dev{position:relative;height:calc(100% + 32px);margin:-16px;overflow:hidden;background:#29292f}.canvas-dev__stage{position:absolute;inset:0}.canvas-dev__stage canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.canvas-dev__stage canvas:active{cursor:grabbing}.canvas-dev__hud{position:absolute;top:8px;left:8px;margin:0;padding:8px 10px;border-radius:8px;background:#000000a6;color:#fff;font:12px/1.5 var(--mono);pointer-events:none;white-space:pre}.canvas-dev__toolbar{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px}.canvas-dev__toolbar button{padding:4px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg-elev);cursor:pointer}.canvas-dev__toolbar a{margin-left:8px;color:#9cc4ff;font-size:12px}.canvas-dev__error{position:absolute;left:8px;bottom:8px;margin:0;padding:8px 10px;border-radius:8px;background:var(--danger);color:#fff}.quickmenu-overlay{position:absolute;inset:0;z-index:40;touch-action:none}.quickmenu{position:absolute;width:0;height:0;outline:none}.quickmenu__hub{position:absolute;left:-16px;top:-16px;width:32px;height:32px;border-radius:50%;border:2px solid var(--border);background:color-mix(in srgb,var(--bg-elev) 85%,transparent);box-shadow:var(--shadow)}.quickmenu:focus-visible .quickmenu__hub{outline:2px solid var(--accent);outline-offset:2px}.quickmenu__slot{position:absolute;left:-34px;top:-34px;width:68px;height:68px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid var(--border);background:var(--bg-elev);color:var(--fg);box-shadow:var(--shadow);cursor:pointer;user-select:none;-webkit-user-select:none;transition:background-color 80ms linear}.quickmenu__slot.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.quickmenu__slot.is-empty{opacity:.45;cursor:default}.quickmenu__glyph{font-size:18px;line-height:1}.quickmenu__label{max-width:62px;font-size:9.5px;line-height:1.1;text-align:center;overflow:hidden}.quickmenu__key{position:absolute;right:2px;top:0;font:9px/1 var(--mono);opacity:.6}.sidebar{opacity:var(--sidebar-opacity, 1);zoom:var(--sidebar-scale, 1)}.prefs-root{position:absolute;inset:0;pointer-events:none}.prefs-root>*{pointer-events:auto}.prefs-launcher{position:absolute;top:12px;z-index:6;width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-elev) 92%,transparent);color:var(--fg);box-shadow:var(--shadow);font-size:18px;line-height:1;cursor:pointer}.prefs-launcher--left{left:12px}.prefs-launcher--right{right:12px}.prefs-launcher:hover{background:var(--bg-sunken)}.prefs{width:min(880px,calc(100vw - 24px));height:min(640px,calc(100vh - 24px));max-width:none;max-height:none;padding:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);color:var(--fg);box-shadow:var(--shadow);overflow:hidden}.prefs[open]{display:flex;flex-direction:column}.prefs::backdrop{background:#00000059}.prefs__header,.prefs__footer{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--border)}.prefs__footer{border-top:1px solid var(--border);border-bottom:0;justify-content:flex-end}.prefs__header h2{flex:1;margin:0;font-size:17px}.prefs__close{width:30px;height:30px;border:0;border-radius:50%;background:transparent;font-size:20px;cursor:pointer}.prefs button:not(.prefs__close):not(.prefs-launcher){padding:5px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg-elev);cursor:pointer}.prefs button:disabled{opacity:.5;cursor:default}.prefs__done{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--accent-fg)}.prefs__body{flex:1;display:flex;min-height:0}.prefs__nav{display:flex;flex-direction:column;gap:2px;width:200px;padding:10px;border-right:1px solid var(--border);background:var(--bg-sunken);overflow-y:auto}.prefs .prefs__nav button{text-align:left;border-color:transparent;background:transparent}.prefs .prefs__nav button[aria-current=page]{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.prefs__content{flex:1;padding:12px 18px 24px;overflow-y:auto}.prefs__section-title{margin:0 0 8px;font-size:15px}.prefs-group{margin:14px 0}.prefs-group h3{margin:0 0 6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted)}.prefs-row{display:grid;grid-template-columns:minmax(160px,1fr) minmax(120px,2fr) 70px;align-items:center;gap:4px 10px;margin:6px 0}.prefs-row--toggle{grid-template-columns:auto 1fr auto}.prefs-row--select{grid-template-columns:minmax(160px,1fr) minmax(120px,2fr)}.prefs-row__value{font:12px var(--mono);text-align:right}.prefs-row__hint{grid-column:1 / -1;margin:0;font-size:12px;color:var(--fg-muted)}.prefs-row--toggle .prefs-row__hint{grid-column:2 / -1}.prefs-segmented{display:flex;flex-wrap:wrap;gap:4px;border:0;padding:0}.prefs-segmented legend{width:100%;margin-bottom:4px;padding:0}.prefs-segmented label{padding:4px 10px;border:1px solid var(--border);border-radius:6px;cursor:pointer}.prefs-segmented label.is-checked{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.prefs-segmented input{position:absolute;opacity:0;width:1px;height:1px}.prefs-segmented label:focus-within{outline:2px solid var(--accent);outline-offset:1px}.prefs-text{margin:4px 0 8px;color:var(--fg-muted);font-size:13px}.prefs-actions{display:flex;gap:8px;margin:8px 0}.prefs-warning,.prefs-note{margin:6px 0;padding:6px 10px;border-radius:6px;font-size:13px}.prefs-warning{background:color-mix(in srgb,var(--warn) 22%,transparent);border:1px solid var(--warn)}.prefs-note{background:var(--bg-sunken)}.prefs-badge{display:inline-block;padding:0 6px;border-radius:8px;font-size:10.5px;line-height:16px;white-space:nowrap}.prefs-badge--conflict{background:var(--danger);color:#fff}.prefs-gestures{display:grid;grid-template-columns:minmax(200px,1fr) 1.4fr;gap:12px}.prefs-gestures__list{margin:0;padding:0;list-style:none;border:1px solid var(--border);border-radius:8px;overflow:hidden}.prefs-gestures__list li{display:grid;grid-template-columns:1fr auto;gap:0 6px;padding:6px 10px;border-bottom:1px solid var(--border);cursor:pointer}.prefs-gestures__list li:last-child{border-bottom:0}.prefs-gestures__list li.is-selected{background:color-mix(in srgb,var(--accent) 18%,transparent)}.prefs-gestures__name{font-weight:600}.prefs-gestures__summary{grid-column:1;font-size:12px;color:var(--fg-muted)}.prefs-gestures__list .prefs-badge{grid-row:1 / span 2;grid-column:2;align-self:center}.prefs-gestures__detail h4{margin:0 0 4px}.prefs-row.has-conflict label{color:var(--danger)}.prefs-quickmenu{display:grid;grid-template-columns:160px 1fr;gap:16px;align-items:center}.prefs-quickmenu__preview{position:relative;width:160px;height:160px}.prefs-quickmenu__slot{position:absolute;left:62px;top:62px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border);background:var(--bg-sunken)}.prefs-keys__toolbar{display:flex;gap:8px;margin:8px 0}.prefs-keys__toolbar input[type=search]{flex:1;padding:5px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg)}.prefs-keys{margin:0;padding:0;list-style:none}.prefs-keys__row{display:grid;grid-template-columns:minmax(180px,1.3fr) 2fr auto;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid var(--border)}.prefs-keys__row.has-conflict{background:color-mix(in srgb,var(--danger) 10%,transparent)}.prefs-keys__label small{display:block;font:11px var(--mono);color:var(--fg-muted)}.prefs-keys__combos{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.prefs-keys__none{color:var(--fg-muted)}.prefs-chip{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:6px;background:var(--bg-sunken)}.prefs-chip kbd{padding:1px 6px;font:12px var(--mono)}.prefs .prefs-chip button{padding:0 6px!important;border:0!important;background:transparent!important}.prefs-keys__actions{display:flex;gap:4px}.prefs .is-capturing{border-color:var(--accent)!important;outline:2px solid var(--accent)}@media(max-width:640px){.prefs__body{flex-direction:column}.prefs__nav{width:auto;flex-direction:row;overflow-x:auto}.prefs-gestures,.prefs-quickmenu,.prefs-row,.prefs-keys__row{grid-template-columns:1fr}}.brush-popover{position:absolute;top:50%;transform:translateY(-50%);width:min(620px,calc(100vw - 90px));max-height:min(560px,calc(100% - 24px));display:flex;z-index:5;border:1px solid var(--border);border-radius:14px;background:var(--bg-elev);box-shadow:var(--shadow);overflow:hidden}.brush-popover--left{left:70px}.brush-popover--right{right:70px}.brush-panel{display:flex;flex-direction:column;width:100%;min-height:0;max-height:inherit;color:var(--fg)}.brush-panel__header{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--border)}.brush-panel__tools{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.brush-panel__tool{padding:4px 10px;border:0;background:transparent;cursor:pointer}.brush-panel__tool.is-active{background:var(--accent);color:var(--accent-fg)}.brush-panel__search{flex:1;min-width:80px;padding:5px 8px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg)}.brush-panel__btn,.studio__btn{padding:5px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-elev);color:var(--fg);cursor:pointer;white-space:nowrap}.brush-panel__btn:hover,.studio__btn:hover{background:var(--bg-sunken)}.brush-panel__body{display:flex;flex:1;min-height:0}.brush-panel__sets{width:170px;flex:none;overflow:auto;border-right:1px solid var(--border);padding:6px}.brush-panel__library-name{padding:8px 8px 2px;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--fg-muted)}.brush-panel__set{display:flex;width:100%;align-items:center;justify-content:space-between;gap:6px;padding:6px 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--fg);text-align:left;cursor:pointer}.brush-panel__set:hover{background:var(--bg-sunken)}.brush-panel__set.is-active{background:var(--accent);color:var(--accent-fg)}.brush-panel__set.is-drop{border-color:var(--accent)}.brush-panel__count{font-size:11px;opacity:.7}.brush-panel__list{flex:1;min-height:160px;overflow:auto;padding:6px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px;align-content:start}.brush-panel__empty{grid-column:1 / -1;margin:24px;text-align:center;color:var(--fg-muted)}.brush-item{position:relative;display:flex;flex-direction:column;gap:4px;padding:6px;border:1px solid var(--border);border-radius:10px;background:var(--bg);cursor:pointer}.brush-item:hover{background:var(--bg-sunken)}.brush-item.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.brush-item:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.brush-item__thumb,.brush-thumb{width:100%;height:auto;aspect-ratio:2.5 / 1;border-radius:6px;background:var(--bg-elev)}.brush-thumb[data-state=pending]{background:repeating-linear-gradient(45deg,var(--bg-elev),var(--bg-elev) 6px,var(--bg-sunken) 6px,var(--bg-sunken) 12px)}.brush-thumb[data-state=failed]{outline:1px dashed var(--border)}.brush-item__meta{display:flex;justify-content:space-between;gap:6px;font-size:12px;padding-right:22px}.brush-item__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brush-item__set{color:var(--fg-muted);white-space:nowrap}.brush-item__rename{width:100%;padding:2px 4px;border:1px solid var(--accent);border-radius:4px;background:var(--bg-elev);color:var(--fg)}.brush-item__more{position:absolute;right:6px;bottom:4px;width:22px;height:20px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--fg-muted);cursor:pointer}.brush-item__more:hover{background:var(--bg-elev);color:var(--fg)}.brush-panel__footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;border-top:1px solid var(--border);font-size:12px}.brush-panel__status{color:var(--fg-muted);min-height:1em;display:inline-flex;align-items:center;gap:8px}.brush-panel__undo{padding:2px 8px}.ctx-menu{position:fixed;z-index:50;min-width:200px;max-height:calc(100vh - 16px);overflow-y:auto;padding:4px;border:1px solid var(--border);border-radius:10px;background:var(--bg-elev);box-shadow:var(--shadow);color:var(--fg)}.ctx-menu__item{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px;border:0;border-radius:6px;background:transparent;color:inherit;text-align:left;cursor:pointer}.ctx-menu__item:hover,.ctx-menu__item:focus-visible{background:var(--bg-sunken);outline:none}.ctx-menu__item[aria-disabled=true]{opacity:.5;cursor:default}.ctx-menu__item--danger{color:var(--danger)}.ctx-menu__badge{font-size:10px;padding:1px 6px;border-radius:999px;background:color-mix(in srgb,var(--warn) 22%,transparent);color:var(--warn)}.ctx-menu__group{border-top:1px solid var(--border);margin-top:4px;padding-top:4px}.ctx-menu__group-label,.ctx-menu__empty{padding:4px 10px;font-size:11px;color:var(--fg-muted)}.ctx-menu__group .ctx-menu__item{padding-left:18px}.brush-panel__footer{flex-wrap:wrap}.brush-panel__bulk,.brush-panel__set-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px;margin-left:auto}.brush-panel__count-picked{color:var(--fg);font-weight:600;font-variant-numeric:tabular-nums}.brush-panel__btn.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.brush-panel__btn--danger:not(:disabled){color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,var(--border))}.brush-panel__btn:disabled{opacity:.45;cursor:default}.brush-item.is-picked{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.brush-item__check{position:absolute;top:10px;left:10px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:2px solid var(--fg-muted);border-radius:6px;background:var(--bg-elev);color:var(--accent-fg)}.brush-item__check.is-on{border-color:var(--accent);background:var(--accent)}.brush-item__warn{position:absolute;top:10px;right:10px;padding:1px 7px;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;font-weight:600}.brush-panel__set-rename{width:100%;min-height:30px;padding:2px 8px;border:1px solid var(--accent);border-radius:8px;background:var(--bg);color:var(--fg);font:inherit;box-sizing:border-box}.brush-panel__preview-error{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--danger) 12%,var(--bg-elev));color:var(--fg);font-size:12px;overflow-wrap:anywhere}.studio{position:relative;display:flex;flex-direction:column;height:calc(100% + 32px);margin:-16px;min-height:0;color:var(--fg)}.studio--empty{height:auto;margin:0}.studio--empty .brush-panel{margin-top:16px;height:420px;border:1px solid var(--border);border-radius:12px}.studio__header{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--bg-elev)}.studio__thumb{width:120px;height:48px;aspect-ratio:auto;border:1px solid var(--border)}.studio__name{min-width:160px;padding:5px 8px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg);font-weight:600}.studio__spacer{flex:1}.studio__btn--primary,.studio__btn.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.studio__btn:disabled{opacity:.45;cursor:default}.studio__dual{display:flex;align-items:center;gap:6px}.studio__dual-tabs{display:inline-flex;gap:4px}.studio__dual-blend{display:inline-flex;align-items:center;gap:4px;font-size:12px}.studio__dual-blend select,.param__select{padding:4px 6px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg)}.studio__body{display:grid;grid-template-columns:170px minmax(300px,1fr) minmax(300px,40%);flex:1;min-height:0}@media(max-width:960px){.studio__body{grid-template-columns:140px 1fr;grid-template-rows:1fr auto}.studio__pad{grid-column:1 / -1;height:280px}}.studio__sections{overflow:auto;border-right:1px solid var(--border);padding:6px}.studio__section{display:block;width:100%;padding:7px 10px;border:0;border-radius:8px;background:transparent;color:var(--fg);text-align:left;cursor:pointer}.studio__section:hover{background:var(--bg-sunken)}.studio__section.is-active{background:var(--accent);color:var(--accent-fg)}.studio__params{overflow:auto;padding:12px 18px 24px}.studio__section-title{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:1.1em}.studio__target{font-size:11px;padding:2px 8px;border-radius:999px;background:var(--accent);color:var(--accent-fg)}.studio__group{margin-bottom:16px}.studio__group-title{margin:12px 0 6px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted)}.studio__pad{display:flex;min-height:0;border-left:1px solid var(--border)}.studio__status{position:absolute;left:50%;bottom:8px;transform:translate(-50%);margin:0;font-size:12px;color:var(--fg-muted);pointer-events:none}.studio__picker{position:absolute;top:56px;left:50%;transform:translate(-50%);width:min(640px,calc(100% - 32px));max-height:calc(100% - 80px);display:flex;z-index:6;border:1px solid var(--border);border-radius:14px;background:var(--bg-elev);box-shadow:var(--shadow);overflow:hidden}.studio__info{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0 0 12px;font-size:13px}.studio__info dt{color:var(--fg-muted)}.studio__info dd{margin:0}.studio__reset{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.studio__reset p{flex-basis:100%;margin:0 0 4px;font-size:13px;color:var(--fg-muted)}.param{margin:0 0 10px}.param__head{display:flex;align-items:center;gap:8px}.param__label{flex:1;font-size:13px}.param__value{min-width:56px;text-align:right;font-size:12px;font-variant-numeric:tabular-nums;color:var(--fg-muted)}.param__controls{display:flex;align-items:center;gap:8px}.param__slider{flex:1;min-width:80px;accent-color:var(--accent)}.param__number{width:76px;padding:3px 6px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);font-variant-numeric:tabular-nums}.param__bindings{display:inline-flex;gap:3px}.param__bind{width:24px;height:22px;padding:0;border:1px solid var(--border);border-radius:6px;background:var(--bg-elev);color:var(--fg-muted);font-size:11px;font-weight:700;cursor:pointer}.param__bind.is-active{border-color:var(--accent);color:var(--accent)}.param__bind.is-open{background:var(--accent);color:var(--accent-fg)}.param__binding-row{margin:6px 0 4px 16px;padding-left:10px;border-left:2px solid var(--accent)}.param--boolean,.param--enum,.param--text{display:flex;align-items:center;justify-content:space-between;gap:12px}.param__text{flex:1;max-width:320px;padding:4px 6px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg)}.param__switch{position:relative;width:40px;height:22px;padding:0;border:1px solid var(--border);border-radius:999px;background:var(--bg-sunken);cursor:pointer}.param__switch-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--fg-muted);transition:transform .1s ease-out}.param__switch.is-on{background:var(--accent);border-color:var(--accent)}.param__switch.is-on .param__switch-knob{background:var(--accent-fg);transform:translate(18px)}.param--curve .param__label{display:block;margin-bottom:4px}.curve-editor{max-width:320px}.curve-editor__svg{width:100%;height:auto;border:1px solid var(--border);border-radius:8px;background:var(--bg);touch-action:none;user-select:none}.curve-editor__bg{fill:var(--bg-sunken)}.curve-editor__grid line{stroke:var(--border);stroke-width:1}.curve-editor__diag{stroke:var(--border);stroke-dasharray:4 4}.curve-editor__path{fill:none;stroke:var(--accent);stroke-width:2}.curve-editor__node{fill:var(--bg-elev);stroke:var(--fg);stroke-width:2;cursor:grab}.curve-editor__node.is-selected,.curve-editor__node:focus-visible{stroke:var(--accent);outline:none}.curve-editor__bar{display:flex;align-items:center;gap:6px;margin-top:6px}.curve-editor__hint{font-size:12px;color:var(--fg-muted)}.texture-editor__current{display:flex;gap:12px;align-items:flex-start;margin-bottom:10px}.texture-editor__actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.texture-editor__source{flex-basis:100%;font-size:12px;color:var(--fg-muted)}.texture-preview{border:1px solid var(--border);border-radius:6px;background:#000;image-rendering:auto}.texture-editor__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}.texture-editor__choice{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg);font-size:11px;cursor:pointer}.texture-editor__choice.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.texture-editor__status{min-height:1em;margin:6px 0 0;font-size:12px;color:var(--fg-muted)}.auto-repeat{width:min(680px,calc(100vw - 32px));padding:16px 18px;border:1px solid var(--border);border-radius:12px;background:var(--bg-elev);color:var(--fg);box-shadow:var(--shadow)}.auto-repeat::backdrop{background:#00000073}.auto-repeat h3{margin:0 0 10px}.auto-repeat__body{display:grid;grid-template-columns:1fr auto;gap:16px}.auto-repeat__preview{display:flex;flex-direction:column;align-items:center;gap:4px}.auto-repeat__caption{font-size:11px;color:var(--fg-muted)}.auto-repeat__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.pad{position:relative;display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;background:#29292f}.pad__bar{display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--bg-elev);border-bottom:1px solid var(--border)}.pad__title{flex:1;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--fg-muted)}.pad__ink input{width:28px;height:24px;padding:0;border:1px solid var(--border);border-radius:6px;background:transparent}.pad__stage{position:relative;flex:1;min-height:160px}.pad__stage canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none}.pad__gpu{cursor:crosshair}.pad__cursor{pointer-events:none}.pad__status,.pad__error{position:absolute;left:12px;right:12px;bottom:12px;margin:0;padding:6px 10px;border-radius:8px;font-size:12px;color:#fff;pointer-events:none}.pad__status{background:#0009}.pad__error{background:var(--danger)}.layers-popover{position:absolute;top:50%;transform:translateY(-50%);width:min(340px,calc(100vw - 90px));max-height:min(640px,calc(100% - 24px));display:flex;flex-direction:column;z-index:5;border:1px solid var(--border);border-radius:14px;background:var(--bg-elev);color:var(--fg);box-shadow:var(--shadow);overflow:hidden}.layers-popover--left{left:70px}.layers-popover--right{right:70px}.layers-panel{display:flex;flex-direction:column;min-height:0;max-height:inherit}.layers-panel__header{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--border)}.layers-panel__title{flex:1;margin:0;font-size:14px;font-weight:600}.layers-panel__count{font-size:11px;color:var(--fg-muted);font-variant-numeric:tabular-nums}.layers-panel__btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--bg-elev);color:var(--fg);font-size:15px;cursor:pointer}.layers-panel__btn:hover:not(:disabled){background:var(--bg-sunken)}.layers-panel__btn:disabled{opacity:.45;cursor:default}.layers-panel__list{flex:1;min-height:0;overflow-y:auto;padding:6px;user-select:none;-webkit-user-select:none;touch-action:pan-y}.layers-panel__list:focus-visible{outline:none}.layers-panel__empty{padding:16px;color:var(--fg-muted);text-align:center}.layers-panel__status{padding:6px 10px;border-top:1px solid var(--border);font-size:11px;color:var(--fg-muted)}.layers-panel__confirm{display:flex;align-items:center;gap:8px;padding:8px 10px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--danger) 10%,var(--bg-elev));font-size:13px}.layers-panel__confirm span{flex:1}.layers-panel__confirm button{padding:4px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-elev);color:var(--fg);cursor:pointer}.layers-panel__confirm button.is-danger{background:var(--danger);border-color:var(--danger);color:#fff}.layer-item{position:relative}.layer-row{position:relative;margin:2px 0;padding-left:calc(var(--depth, 0) * 16px);border:1px solid transparent;border-radius:10px;background:var(--bg-elev);overflow:hidden;cursor:default}.layer-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.layer-row__main{display:flex;align-items:center;gap:6px;min-height:52px;padding:4px 6px;transition:transform .12s ease-out}.layer-row.is-revealed .layer-row__main{transform:translate(-180px)}.layer-row.is-primary{background:color-mix(in srgb,var(--accent) 22%,var(--bg-elev));border-color:var(--accent)}.layer-row.is-secondary{background:color-mix(in srgb,var(--accent) 10%,var(--bg-elev));border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.layer-row.is-selection-source{box-shadow:inset 3px 0 0 var(--warn)}.layer-row.is-hidden .layer-row__thumb,.layer-row.is-hidden .layer-row__name{opacity:.45}.layer-row.is-dragging{opacity:.5}.layer-row.is-drop-before{box-shadow:0 -2px 0 0 var(--accent)}.layer-row.is-drop-after{box-shadow:0 2px 0 0 var(--accent)}.layer-row.is-drop-into,.layer-row.is-drop-group-with{border-color:var(--accent);border-style:dashed}.layer-row__expand{width:18px;height:24px;flex:none;padding:0;border:0;background:transparent;color:var(--fg-muted);font-size:12px;cursor:pointer}.layer-row__expand--spacer{display:inline-flex;align-items:center;justify-content:center}.layer-row__thumb{position:relative;flex:none;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:6px;overflow:hidden;background-color:#fff;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 75%,#ccc 75%),linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 75%,#ccc 75%);background-size:8px 8px;background-position:0 0,4px 4px}.layer-thumb{display:block;max-width:100%;max-height:100%;image-rendering:auto}.layer-thumb--group{font-size:22px;color:var(--fg-muted);background:var(--bg-sunken);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.layer-row--mask .layer-row__thumb{width:36px;height:36px;background:#000}.layer-row--mask .layer-row__main{min-height:40px}.layer-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.layer-row__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.layer-row__rename{width:100%;padding:2px 4px;border:1px solid var(--accent);border-radius:4px;background:var(--bg);color:var(--fg);font-size:13px}.layer-row__meta{display:flex;align-items:center;gap:4px;min-height:18px}.layer-row__badge{padding:1px 6px;border:1px solid var(--border);border-radius:999px;background:var(--bg-sunken);color:var(--fg);font-size:10px;font-variant-numeric:tabular-nums;line-height:1.4;cursor:pointer}.layer-row__badge:hover{border-color:var(--accent)}.layer-row__flag{padding:0 4px;border-radius:4px;background:color-mix(in srgb,var(--warn) 22%,transparent);color:var(--fg);font-size:10px;line-height:1.6}.layer-row__icon{flex:none;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--fg-muted);font-size:13px;cursor:pointer}.layer-row__icon.is-on{color:var(--fg)}.layer-row__target.is-on{color:var(--warn);border-color:var(--warn)}.layer-row__visible{flex:none;width:16px;height:16px;margin:0;accent-color:var(--accent);cursor:pointer}.layer-row__actions{position:absolute;top:0;right:0;bottom:0;width:180px;display:flex}.layer-row__actions button{flex:1;border:0;background:var(--bg-sunken);color:var(--fg);font-size:12px;cursor:pointer}.layer-row__actions button+button{border-left:1px solid var(--border)}.layer-row__actions button.is-danger{background:var(--danger);color:#fff}.layer-row__slider{display:flex;align-items:center;gap:8px;padding:2px 10px 6px 76px}.layer-row__slider input[type=range]{flex:1;accent-color:var(--accent)}.layer-row__slider-value{min-width:36px;font-size:11px;font-variant-numeric:tabular-nums;text-align:right}.layers-panel__opacity-chip{position:absolute;right:12px;top:48px;padding:4px 10px;border-radius:999px;background:var(--fg);color:var(--bg);font-size:12px;font-variant-numeric:tabular-nums;pointer-events:none;z-index:6}.blend-list{position:fixed;z-index:50;width:200px;max-height:min(420px,70vh);overflow-y:auto;padding:4px;border:1px solid var(--border);border-radius:10px;background:var(--bg-elev);color:var(--fg);box-shadow:var(--shadow)}.blend-list__title{padding:6px 10px 2px;font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--fg-muted)}.blend-list__group+.blend-list__group{border-top:1px solid var(--border);margin-top:4px}.blend-list__item{padding:5px 10px;border-radius:6px;font-size:13px;cursor:pointer}.blend-list__item.is-highlighted,.blend-list__item:focus-visible{background:var(--bg-sunken);outline:none}.blend-list__item.is-current{font-weight:600;color:var(--accent)}@media(prefers-reduced-motion:reduce){.layer-row__main{transition:none}}.saved-list{display:grid;gap:8px;min-width:220px}.saved-list ul{display:grid;gap:4px;max-height:220px;margin:0;padding:0;overflow-y:auto;list-style:none}.saved-list li{display:flex;align-items:center;gap:6px}.saved-list__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-list__empty{margin:0;color:var(--fg-muted)}.copy-paste-menu{position:fixed;display:grid;min-width:190px;padding:6px;border:1px solid var(--border);border-radius:12px;background:var(--bg-elev);color:var(--fg);box-shadow:var(--shadow);z-index:10}.copy-paste-menu__item{display:flex;justify-content:space-between;gap:16px;padding:7px 10px;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.copy-paste-menu__item:hover:not(:disabled),.copy-paste-menu__item:focus-visible{background:var(--bg-sunken);outline:none}.copy-paste-menu__item:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.copy-paste-menu__item:disabled{opacity:.45}.copy-paste-menu__key{color:var(--fg-muted);font:11px/1.6 var(--mono)}.editbar{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;width:max-content;max-width:calc(100% - 180px);padding:6px 8px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--bg-elev) 94%,transparent);color:var(--fg);box-shadow:var(--shadow);font-size:13px;z-index:3;user-select:none;-webkit-user-select:none;touch-action:manipulation}.editbar__group{display:inline-flex;align-items:center;gap:4px}.editbar__btn{min-height:32px;padding:4px 9px;border:1px solid var(--border);border-radius:8px;background:var(--bg-elev);color:var(--fg);font:inherit;white-space:nowrap;cursor:pointer}.editbar__btn:hover:not(:disabled):not(.is-active){background:var(--bg-sunken)}.editbar__btn:disabled{opacity:.45;cursor:default}.editbar__btn.is-active,.editbar__btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.editbar__btn:focus-visible,.segmented__opt:focus-visible,.editbar input:focus-visible,.editbar select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.editbar__slider,.editbar__select{display:inline-flex;align-items:center;gap:6px}.editbar__slider input[type=range]{width:80px}.editbar__slider output{min-width:36px;font-variant-numeric:tabular-nums;color:var(--fg-muted)}.editbar select{min-height:30px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg);font:inherit}.editbar__message{margin:0 6px}.segmented{display:inline-flex;border:1px solid var(--border);border-radius:9px;overflow:hidden}.segmented__opt{min-height:32px;padding:4px 9px;border:0;border-right:1px solid var(--border);background:var(--bg-elev);color:var(--fg);font:inherit;cursor:pointer}.segmented__opt:last-child{border-right:0}.segmented__opt.is-active{background:var(--accent);color:var(--accent-fg)}.popover{position:relative;display:inline-flex}.popover__panel{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);min-width:200px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--bg-elev);box-shadow:var(--shadow);z-index:5}.snapping{display:grid;gap:8px}.snapping__switch{display:flex;align-items:center;gap:8px}.numfield{display:inline-flex;align-items:center;gap:3px}.numfield__label{min-width:14px;color:var(--fg-muted);cursor:ew-resize;touch-action:none}.numfield__input{width:62px;min-height:28px;padding:2px 6px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);font:inherit;font-variant-numeric:tabular-nums;text-align:right}.numfield--invalid .numfield__input{border-color:var(--danger)}.numfield__unit{color:var(--fg-muted);font-size:11px}.canvas-screen__overlay{pointer-events:none}@media(max-width:720px){.editbar{max-width:calc(100% - 20px);bottom:8px}}.colors-button{position:relative;width:36px;height:36px;padding:0;border:2px solid var(--bg-elev);border-radius:50%;box-shadow:0 0 0 1px var(--border);cursor:pointer;touch-action:none}.colors-button.is-active{box-shadow:0 0 0 2px var(--accent)}.colors-button__secondary{position:absolute;right:-4px;bottom:-4px;width:13px;height:13px;border:2px solid var(--bg-elev);border-radius:50%;box-shadow:0 0 0 1px var(--border)}.colors-popover{position:absolute;top:50%;transform:translateY(-50%);width:min(340px,calc(100vw - 90px));max-height:min(660px,calc(100vh - 24px));display:flex;flex-direction:column;z-index:5;border:1px solid var(--border);border-radius:14px;background:var(--bg-elev);color:var(--fg);box-shadow:var(--shadow);overflow:hidden}.colors-popover--left{left:70px}.colors-popover--right{right:70px}.colors{display:flex;flex-direction:column;min-height:0;max-height:inherit;user-select:none;-webkit-user-select:none}.colors__head{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--border)}.colors__title{flex:1;margin:0;font-size:14px;font-weight:600}.colors__current{margin:4px 10px 0;font-size:11px;color:var(--fg-muted);font-variant-numeric:tabular-nums}.colors__icon{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--bg-elev);font-size:17px;cursor:pointer}.colors__tabs{display:flex;gap:2px;padding:6px 8px 0}.colors__tab{flex:1 1 auto;min-width:0;padding:5px 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid transparent;border-radius:7px;background:transparent;font-size:11.5px;cursor:pointer}.colors__tab:hover{background:var(--bg-sunken)}.colors__tab.is-active{border-color:var(--border);background:var(--bg-sunken);box-shadow:inset 0 -2px 0 var(--accent)}.colors__body{flex:1;min-height:0;overflow-y:auto;padding:10px;display:flex;flex-direction:column;align-items:stretch;gap:10px}.colors__foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;border-top:1px solid var(--border)}.colors__btn{padding:5px 9px;border:1px solid var(--border);border-radius:8px;background:var(--bg-elev);font-size:12px;cursor:pointer}.colors__btn:hover:not(:disabled){background:var(--bg-sunken)}.colors__btn:disabled{opacity:.45;cursor:default}.colors__btn.is-active,.colors__seg-btn.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.colors__btn.is-danger,.cpalette__menu-items .is-danger{color:var(--danger)}.colors__seg{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-right:auto}.colors__seg-btn{padding:5px 9px;border:0;background:var(--bg-elev);font-size:12px;cursor:pointer}.colors__field{display:flex;align-items:center;gap:8px;font-size:12px}.colors__field>span{min-width:52px;color:var(--fg-muted)}.colors__field input,.colors__field select{flex:1;min-width:0;padding:5px 7px;border:1px solid var(--border);border-radius:7px;background:var(--bg)}.colors__field input[aria-invalid=true]{border-color:var(--danger)}.colors__error{margin:4px 0 0;font-size:11px;color:var(--danger)}.colors__status{min-height:1em;margin:0;font-size:11px;color:var(--fg-muted)}.colors__status.is-error{color:var(--danger)}.colors__empty{margin:0;font-size:12px;color:var(--fg-muted)}.colors__swatch{width:24px;height:24px;padding:0;border:1px solid var(--border);border-radius:6px;cursor:pointer}.colors__swatch.is-current{box-shadow:0 0 0 2px var(--accent)}.colors__swatch--add{background:var(--bg-sunken);font-size:15px;line-height:1}.colors__number{width:52px;padding:4px 5px;border:1px solid var(--border);border-radius:7px;background:var(--bg);font-variant-numeric:tabular-nums}.cpair{position:relative;display:inline-flex;align-items:center;gap:4px}.cpair__primary,.cpair__secondary{width:26px;height:26px;border:1px solid var(--border);border-radius:50%}.cpair__secondary{width:18px;height:18px;padding:0;cursor:pointer}.cpair__swap{width:24px;height:24px;padding:0;border:0;background:transparent;font-size:14px;cursor:pointer}.cslider{position:relative;flex:none;width:100%;box-sizing:border-box;height:18px;min-width:80px;border:1px solid var(--border);border-radius:9px;touch-action:none;cursor:pointer}.cslider__thumb{position:absolute;top:50%;width:14px;height:14px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0009;transform:translate(-50%,-50%);pointer-events:none}.cdisc{position:relative;align-self:center;touch-action:none}.cdisc__ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:pointer}.cdisc__sb{position:absolute;border-radius:50%;cursor:crosshair}.cdisc__sb.is-precise{box-shadow:0 0 0 2px var(--accent)}.cdisc__raster{width:100%;height:100%;border-radius:50%;display:block}.cdisc__thumb,.cclassic__thumb{position:absolute;width:16px;height:16px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #000000b3;transform:translate(-50%,-50%);pointer-events:none}.cdisc__thumb--ring{box-sizing:border-box}.cclassic{display:flex;flex-direction:column;gap:10px}.cclassic__square{position:relative;width:100%;aspect-ratio:1;max-height:260px;border:1px solid var(--border);border-radius:8px;touch-action:none;cursor:crosshair}.charmony{display:flex;flex-direction:column;gap:10px}.charmony__wheel{position:relative;align-self:center;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle closest-side,#fff,#fff0),conic-gradient(from 0deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);touch-action:none;cursor:pointer}.charmony__shade{position:absolute;inset:0;border-radius:50%;background:#000;pointer-events:none}.charmony__handle{position:absolute;width:16px;height:16px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #000000b3;transform:translate(-50%,-50%);pointer-events:none}.charmony__handle--base{width:24px;height:24px}.charmony__swatches{display:flex;justify-content:center;gap:8px}.charmony__swatches .colors__swatch{width:36px;height:36px}.cvalue{display:flex;flex-direction:column;gap:8px}.cvalue__group{display:flex;flex-direction:column;gap:8px;margin:0;padding:6px 8px 8px;border:1px solid var(--border);border-radius:8px}.cvalue__group legend{padding:0 4px;font-size:11px;color:var(--fg-muted)}.cvalue__row{display:flex;align-items:center;gap:8px}.cvalue__row .cslider{flex:1;width:auto}.cpalettes{display:flex;flex-direction:column;gap:10px}.cpalettes__toolbar{display:flex;flex-wrap:wrap;gap:6px}.cpalette{display:flex;flex-direction:column;gap:6px;padding:6px 8px 8px;border:1px solid var(--border);border-radius:8px}.cpalette__head{display:flex;align-items:center;gap:6px}.cpalette__name{flex:1;margin:0;font-size:13px;font-weight:600}.cpalette__badge{font-weight:400;color:var(--fg-muted)}.cpalette__rename{flex:1;min-width:0;padding:4px 6px;border:1px solid var(--border);border-radius:6px;background:var(--bg)}.cpalette__menu{position:relative}.cpalette__menu summary{list-style:none;padding:2px 8px;border:1px solid var(--border);border-radius:6px;cursor:pointer}.cpalette__menu summary::-webkit-details-marker{display:none}.cpalette__menu-items{position:absolute;right:0;top:calc(100% + 4px);z-index:2;display:flex;flex-direction:column;min-width:150px;padding:4px;border:1px solid var(--border);border-radius:8px;background:var(--bg-elev);box-shadow:var(--shadow)}.cpalette__menu-items button{padding:6px 8px;border:0;border-radius:6px;background:transparent;text-align:left;font-size:12px;cursor:pointer}.cpalette__menu-items button:hover:not(:disabled){background:var(--bg-sunken)}.cpalette__menu-items button:disabled{opacity:.45}.cpalette__confirm{display:flex;align-items:center;gap:6px;font-size:12px}.cpalette__confirm span{flex:1}.cpalette__confirm .cpalette__confirm-swatch{flex:0 0 20px;width:20px;height:20px}.cpalette__grid,.chistory__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(24px,1fr));gap:4px}.ccamera{display:flex;flex-direction:column;gap:6px}.ccamera__video{width:100%;max-height:200px;border-radius:8px;background:#000;object-fit:cover}.ccamera__actions{display:flex;gap:6px}.chistory{display:flex;flex-direction:column;gap:6px}.chistory__head{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--fg-muted)}.chistory--compact .chistory__grid{grid-template-columns:repeat(5,1fr)}.ccompanion{position:fixed;z-index:7;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 8px 8px;border:1px solid var(--border);border-radius:12px;background:var(--bg-elev);color:var(--fg);box-shadow:var(--shadow);overflow:hidden;user-select:none;-webkit-user-select:none}.ccompanion__bar{align-self:stretch;display:flex;align-items:center;justify-content:space-between;gap:6px;margin:0 -8px;padding:6px 8px;border-bottom:1px solid var(--border);background:var(--bg-sunken);cursor:grab;touch-action:none}.ccompanion .chistory{align-self:stretch}.eyedropper-loupe{border-radius:50%;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.guide-editor{position:absolute;left:50%;top:12px;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;width:min(560px,calc(100% - 32px));padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--bg-elev) 95%,transparent);color:var(--fg);box-shadow:var(--shadow);font-size:13px;z-index:4;user-select:none;-webkit-user-select:none;touch-action:manipulation}.guide-editor__row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.guide-editor__field{display:inline-flex;align-items:center;gap:6px;min-width:0}.guide-editor__field input[type=range]{width:120px;accent-color:var(--accent)}.guide-editor__field input[type=color]{width:32px;height:28px;padding:0;border:1px solid var(--border);border-radius:6px;background:none}.guide-editor__field output{min-width:48px;font-variant-numeric:tabular-nums;opacity:.8}.guide-editor__status{margin:0;opacity:.8}.guide-editor__hint{flex:1 1 200px;opacity:.8}.guide-editor__spacer{flex:1 1 auto}@media(max-width:480px){.guide-editor__field input[type=range]{width:90px}}.guide-menu{display:flex;flex-direction:column;gap:2px}.guide-menu__item{min-height:32px;padding:4px 10px;border:0;border-radius:8px;background:none;color:var(--fg);font:inherit;text-align:left}.guide-menu__item:hover{background:color-mix(in srgb,var(--fg) 8%,transparent)}.guide-menu__item.is-active:after{content:" ✓"}.guide-menu__item:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.adjust-menu{position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%);z-index:6;display:flex;flex-direction:column;gap:2px;min-width:240px;max-height:calc(100vh - 40px);overflow-y:auto;padding:6px;border:1px solid var(--border);border-radius:12px;background:var(--bg-elev);color:var(--fg);box-shadow:var(--shadow);font-size:13px;text-align:left}.sidebar--right .adjust-menu{left:auto;right:calc(100% + 10px)}.adjust-menu__modes{display:flex;gap:4px;padding:2px 2px 6px;border-bottom:1px solid var(--border);margin-bottom:4px}.adjust-menu__mode{flex:1;min-height:32px;border:1px solid var(--border);border-radius:8px;background:var(--bg-elev);color:var(--fg);font:inherit;cursor:pointer}.adjust-menu__mode.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.adjust-menu__heading{padding:6px 8px 2px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-muted)}.adjust-menu__item{display:flex;align-items:center;gap:8px;width:100%;min-height:34px;padding:4px 10px;border:0;border-radius:8px;background:transparent;color:var(--fg);font:inherit;text-align:left;cursor:pointer}.adjust-menu__item:hover,.adjust-menu__item:focus-visible{background:var(--bg-sunken)}.adjust-menu__item.is-active{font-weight:600}.adjust-menu__item[aria-disabled=true]{opacity:.45;cursor:default}.adjust-menu__item--primary{color:var(--accent);font-weight:600}.adjust-menu__label{flex:1}.adjust-menu__tag{font-size:11px;color:var(--fg-muted)}.adjust-menu__key{font-family:var(--mono);font-size:11px;color:var(--fg-muted)}.adjust-menu__mode:focus-visible,.adjust-menu__item:focus-visible,.adjust-handle:focus-visible,.gradient-editor__stop:focus-visible,.gradient-editor__preset:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.adjust-banner{position:absolute;top:52px;left:50%;transform:translate(-50%);z-index:4;display:inline-flex;align-items:center;gap:8px;max-width:calc(100% - 180px);padding:6px 14px;border-radius:999px;background:#0a0a0ed1;color:#fff;font-size:14px;font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap}.adjust-banner.is-dragging{background:#0a0a0eeb;box-shadow:0 0 0 2px var(--accent)}.adjust-banner__precise{font-size:12px;color:#c9dcff}.adjust-banner__warn{font-size:12px;color:#ffd27a}.adjust-tapmenu{position:absolute;z-index:6;display:flex;flex-direction:column;min-width:150px;padding:4px;border:1px solid var(--border);border-radius:12px;background:var(--bg-elev);color:var(--fg);box-shadow:var(--shadow);font-size:14px}.adjust-panel{flex-direction:column;flex-wrap:nowrap;align-items:stretch;max-height:calc(100% - 110px);overflow-y:auto}.adjust-panel>*{flex-shrink:0}.adjust-panel__head{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.adjust-panel__title{margin:0;font-size:14px;font-weight:600}.adjust-panel__hint{font-size:12px;color:var(--fg-muted)}.adjust-panel__params{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}.adjust-panel__actions{justify-content:flex-end;flex-wrap:wrap}.adjust-param.is-target label{color:var(--accent);font-weight:600}.adjust-param__drag{color:var(--accent)}.adjust-toggle{display:inline-flex;align-items:center;gap:6px}.adjust-curves .curve-editor{margin-top:6px}.adjust-handle{position:absolute;z-index:3;width:28px;height:28px;margin:-14px 0 0 -14px;padding:0;border:2px solid #fff;border-radius:50%;background:#2f7cf659;box-shadow:0 0 0 1px #0009;cursor:move;touch-action:none}.adjust-handle span{display:block;width:4px;height:4px;margin:auto;border-radius:50%;background:#fff}.gradient-editor{display:flex;flex-direction:column;gap:6px;min-width:min(420px,70vw)}.gradient-editor__bar{position:relative;height:28px;margin:0 8px 12px;border:1px solid var(--border);border-radius:6px;cursor:copy;touch-action:none}.gradient-editor__stop{position:absolute;bottom:-12px;width:16px;height:16px;margin-left:-8px;border:2px solid var(--fg);border-radius:4px;box-shadow:0 0 0 1px var(--bg-elev);cursor:ew-resize}.gradient-editor__stop.is-selected{border-color:var(--accent);transform:scale(1.15)}.gradient-editor__row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.gradient-editor__color{display:inline-flex;align-items:center;gap:6px}.gradient-editor__hint{font-size:12px;color:var(--fg-muted)}.gradient-editor__presets{display:flex;flex-wrap:wrap;gap:4px}.gradient-editor__preset{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:3px 8px;border:1px solid var(--border);border-radius:8px;background:var(--bg-elev);color:var(--fg);font:inherit;font-size:12px;cursor:pointer}.gradient-editor__preset.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.gradient-editor__swatch{width:36px;height:14px;border-radius:3px}@media(prefers-reduced-motion:reduce){.gradient-editor__stop.is-selected{transform:none}}.sidebar{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 6px;width:52px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--bg-elev) 92%,transparent);box-shadow:var(--shadow);z-index:3;user-select:none;-webkit-user-select:none;touch-action:none}.sidebar--left{left:10px}.sidebar--right{right:10px}.sidebar__sliders{display:flex;flex-direction:column;align-items:center;gap:8px}.sidebar__btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:9px;background:var(--bg-elev);color:var(--fg);font-size:17px;line-height:1;cursor:pointer}.sidebar__btn:hover:not(:disabled){background:var(--bg-sunken)}.sidebar__btn:disabled{opacity:.45;cursor:default}.sidebar__btn.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.sidebar__history,.sidebar__tools{display:flex;flex-direction:column;gap:6px}.sidebar__modify{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:2px solid var(--fg-muted);border-radius:6px;background:transparent;cursor:pointer}.sidebar__modify-square{width:12px;height:12px;border-radius:2px;background:var(--fg-muted)}.sidebar__modify.is-active{border-color:var(--accent)}.sidebar__modify.is-active .sidebar__modify-square{background:var(--accent)}.vslider{display:flex;flex-direction:column;align-items:center;gap:4px}.vslider__track{position:relative;width:14px;height:150px;border-radius:7px;background:var(--bg-sunken);border:1px solid var(--border);cursor:ns-resize;touch-action:none}.vslider__track:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.vslider__fill{position:absolute;left:0;right:0;bottom:0;border-radius:7px;background:var(--accent);opacity:.55;pointer-events:none}.vslider__memory{position:absolute;left:-4px;width:4px;height:2px;margin-bottom:-1px;background:var(--fg-muted);pointer-events:none}.vslider__thumb{position:absolute;left:50%;width:22px;height:22px;margin-left:-11px;margin-bottom:-11px;border-radius:50%;background:var(--bg-elev);border:2px solid var(--fg);box-shadow:0 1px 3px #00000059;pointer-events:none;transition:transform 80ms ease-out}.vslider--dragging .vslider__thumb{transform:scale(1.15)}.vslider--precise .vslider__thumb{border-color:var(--accent)}.vslider__readout{min-width:44px;text-align:center;font-size:11px;font-variant-numeric:tabular-nums;color:var(--fg)}.vslider__caption{font-size:10px;color:var(--fg-muted);letter-spacing:.04em;text-transform:uppercase}.toast{position:absolute;top:12px;left:50%;transform:translate(-50%,-6px);padding:6px 14px;border-radius:999px;background:var(--fg);color:var(--bg);font-size:13px;font-weight:600;opacity:0;pointer-events:none;z-index:4;transition:opacity .12s ease-out,transform .12s ease-out}.toast--visible{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){.toast,.vslider__thumb{transition:none}}@media(max-height:880px){.sidebar{gap:8px}.vslider__track{height:100px}.sidebar__btn{width:34px;height:34px}.sidebar__history,.sidebar__tools{gap:5px}}@media(max-height:700px){.vslider__track{height:70px}.sidebar__btn{width:30px;height:30px;font-size:15px}}.sidebar{width:88px}.sidebar__tools{display:grid;grid-template-columns:repeat(2,auto);justify-items:center}.sidebar__guides{position:relative}.sidebar__guides-menu{position:absolute;top:0;left:calc(100% + 10px);z-index:5;padding:6px;border:1px solid var(--border);border-radius:10px;background:var(--bg-elev);box-shadow:var(--shadow)}.sidebar--right .sidebar__guides-menu{left:auto;right:calc(100% + 10px)}.sidebar__guides-menu .guide-menu{display:flex;flex-direction:column;gap:4px;min-width:170px}.editbar__label{color:var(--fg);white-space:nowrap;font-variant-numeric:tabular-nums}.editbar__text{min-height:30px;width:120px;padding:2px 8px;border:1px solid var(--border);border-radius:8px;background:var(--bg-elev);color:var(--fg);font:inherit}.editbar--colordrop{bottom:70px}.editbar--colordrop meter{width:120px}.fill-badge{position:absolute;top:0;left:0;z-index:4;padding:3px 9px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--bg-elev) 92%,transparent);color:var(--fg);font-size:12px;font-weight:600;white-space:nowrap;box-shadow:var(--shadow);cursor:pointer;touch-action:manipulation}.fill-badge:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.fill-badge[hidden]{display:none}.fill-drop-ghost{position:fixed;top:-14px;left:-14px;width:28px;height:28px;border:2px solid var(--bg-elev);border-radius:50%;box-shadow:0 0 0 1px var(--border),var(--shadow);pointer-events:none;z-index:50}.fill-drop-ghost[hidden]{display:none}.canvas-screen .editbar{max-width:calc(100% - 240px)}@media(max-width:720px){.canvas-screen .editbar{max-width:calc(100% - 20px)}}.text-ui{position:absolute;inset:0;pointer-events:none;z-index:4}.text-editor{position:absolute;inset:0;overflow:hidden}.text-editor__box{position:absolute;left:0;top:0;transform-origin:0 0;box-sizing:content-box;margin:0;padding:0;white-space:pre-wrap;overflow-wrap:anywhere;color:transparent;caret-color:var(--accent);outline:calc(1.5px / var(--text-view-scale, 1)) dashed var(--accent);outline-offset:calc(3px / var(--text-view-scale, 1));pointer-events:auto;cursor:text;user-select:text;-webkit-user-select:text}.text-editor__box::selection{background:color-mix(in srgb,var(--accent) 35%,transparent);color:transparent}.text-editor__box[data-empty=true]:before{content:attr(data-placeholder);color:color-mix(in srgb,var(--fg-muted) 80%,transparent);pointer-events:none}.text-editor__bar{position:absolute;display:flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--bg-elev) 94%,transparent);box-shadow:var(--shadow);pointer-events:auto;user-select:none;-webkit-user-select:none;font-size:13px}.text-editor__btn,.text-style__btn{min-height:30px;padding:3px 9px;border:1px solid var(--border);border-radius:7px;background:var(--bg-elev);color:var(--fg);font:inherit;cursor:pointer}.text-editor__btn.is-active,.text-style__btn.is-active,.text-editor__btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.text-editor__grip{cursor:move;touch-action:none}.text-editor__handle{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;padding:0;border:2px solid var(--accent);border-radius:50%;background:var(--bg-elev);pointer-events:auto;cursor:ew-resize;touch-action:none}.text-editor__btn:focus-visible,.text-editor__handle:focus-visible,.text-style :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.text-style{position:absolute;top:12px;right:72px;width:min(300px,calc(100% - 150px));max-height:calc(100% - 24px);overflow:auto;padding:10px 12px 12px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--bg-elev) 97%,transparent);color:var(--fg);box-shadow:var(--shadow);font-size:13px;pointer-events:auto}.text-style__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.text-style__head h2{margin:0;font-size:14px}.text-style__close{width:28px;height:28px;border:none;border-radius:7px;background:transparent;color:var(--fg);font-size:18px;cursor:pointer}.text-style__row{display:grid;grid-template-columns:74px 1fr auto;align-items:center;gap:8px;margin:6px 0}.text-style__row--wide{grid-template-columns:74px 1fr}.text-style__row select,.text-style__num input{min-width:0;padding:3px 4px;border:1px solid var(--border);border-radius:6px;background:var(--bg-sunken);color:var(--fg);font:inherit}.text-style__row input[type=range]{min-width:0;accent-color:var(--accent)}.text-style__num{display:inline-flex;align-items:center;gap:3px;color:var(--fg-muted)}.text-style__num input{width:58px}.text-style__row input[type=color]{width:100%;height:28px;padding:0;border:1px solid var(--border);border-radius:6px;background:none}.text-style__actions,.text-style__checks,.text-style__seg,.text-style__foot{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.text-style__check{display:inline-flex;align-items:center;gap:4px;cursor:pointer}.text-style__check input{accent-color:var(--accent)}.text-style__foot{justify-content:flex-end;margin-top:10px}.text-style__btn:disabled{opacity:.5;cursor:default}.editbar--quickshape .editbar__label{padding:0 6px;font-weight:600;white-space:nowrap}.save-banner{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0;padding:10px 12px;border-radius:var(--radius, 8px);background:var(--danger);color:#fff;font-size:.9rem}.save-banner button{padding:4px 10px;border:1px solid rgba(255,255,255,.7);border-radius:6px;background:transparent;color:inherit;font:inherit;cursor:pointer}.save-banner button:disabled{opacity:.6;cursor:default}.save-banner__detail{flex-basis:100%;opacity:.9}.save-banner--list ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.save-banner--list li{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.save-banner--notice{background:var(--bg-elev);color:var(--fg);border:1px solid var(--border)}.canvas-screen .save-banner{position:absolute;top:12px;left:50%;transform:translate(-50%);max-width:min(640px,calc(100% - 32px));z-index:20}.gallery>.save-banner{margin:12px 16px 0}.memory-banner{flex-wrap:nowrap;align-items:flex-start}.memory-banner--low{background:#b45309}.save-banner .memory-banner__close{flex:none;display:inline-flex;padding:4px;border:0}.canvas-screen{position:relative;height:calc(100% + 32px);margin:-16px;overflow:hidden;background:#29292f}.canvas-screen__stage{position:absolute;inset:0}.canvas-screen__stage canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none}.canvas-screen__gpu{cursor:crosshair}.canvas-screen__gpu:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.canvas-screen__cursor{pointer-events:none}.canvas-screen__status{position:absolute;left:50%;bottom:12px;transform:translate(-50%);margin:0;padding:6px 12px;border-radius:8px;background:#000000b3;color:#fff;font-size:12px;pointer-events:none}.canvas-screen__error{position:absolute;left:12px;right:12px;bottom:12px;margin:0;padding:10px 12px;border-radius:8px;background:var(--danger);color:#fff}.canvas-screen__meta{position:absolute;right:12px;bottom:12px;margin:0;padding:4px 8px;border-radius:6px;background:#0000008c;color:#fff;font:11px/1.4 var(--mono);pointer-events:none}.canvas-screen--ui-hidden .sidebar,.canvas-screen--ui-hidden .canvas-screen__meta{display:none}.new-canvas{min-width:300px;padding:20px 22px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);color:var(--fg);box-shadow:var(--shadow)}.new-canvas::backdrop{background:#00000073}.new-canvas h2{margin:0 0 12px;font-size:1.1em}.new-canvas__grid{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;align-items:center}.new-canvas__grid input[type=number]{width:100px;padding:4px 6px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg)}.new-canvas__bg{display:flex;align-items:center;gap:8px}.new-canvas__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.new-canvas__actions button,.gallery__new{padding:6px 14px;border:1px solid var(--border);border-radius:8px;background:var(--bg-elev);color:var(--fg);cursor:pointer}.new-canvas__actions button[type=submit],.gallery__new{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.gallery__list{margin:16px 0 0;padding:0;list-style:none}.gallery__list li{padding:6px 0}.actions-launcher{position:absolute;top:12px;z-index:6;width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-elev) 92%,transparent);color:var(--fg);box-shadow:var(--shadow);font-size:17px;line-height:1;cursor:pointer}.actions-launcher:hover{background:var(--bg-sunken)}.actions-launcher--right{right:54px}.actions-launcher--left{left:54px}.actions-menu{position:absolute;top:54px;z-index:7;width:min(280px,calc(100% - 32px));max-height:calc(100% - 70px);overflow:auto;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);color:var(--fg);box-shadow:var(--shadow)}.actions-menu--right{right:16px}.actions-menu--left{left:16px}.actions-menu__title{margin:0 0 6px;font-size:15px}.actions-menu__heading{margin:10px 0 4px;color:var(--fg-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.actions-menu__list{margin:0;padding:0;list-style:none}.actions-menu__item{width:100%;min-height:32px;padding:6px 8px;border:0;border-radius:6px;background:transparent;color:var(--fg);font:inherit;text-align:left;cursor:pointer}.actions-menu__item:hover:not(:disabled),.actions-menu__item:focus-visible{background:var(--bg-sunken)}.actions-menu__item:disabled{opacity:.5;cursor:progress}.actions-menu__status{min-height:1.4em;margin:8px 0 0;color:var(--fg-muted);font-size:12px;overflow-wrap:anywhere}.canvas-screen--ui-hidden .actions-launcher,.canvas-screen--ui-hidden .actions-menu{display:none}.gallery{position:relative;box-sizing:border-box;min-height:100%;padding:0 0 16px;background:var(--bg);color:var(--fg)}.gallery--drop{outline:3px dashed var(--accent);outline-offset:-8px}.gallery__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-bottom:16px}.gallery__title{display:flex;align-items:center;gap:8px;min-width:0}.gallery__heading{margin:0;font-size:1.4em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.gallery__count{color:var(--fg-muted);font-size:.9em;margin-right:4px}.gallery-btn,.gallery-dialog__actions button,.gallery-preview__bar button,.gallery__import-options button,.new-canvas__actions button{min-height:32px;padding:6px 14px;border:1px solid var(--border);border-radius:8px;background:var(--bg-elev);color:var(--fg);font:inherit;cursor:pointer}.gallery-btn:disabled,.gallery-preview__bar button:disabled,.new-canvas__actions button:disabled{opacity:.45;cursor:default}.gallery-btn--primary,.new-canvas__actions button[type=submit]{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.gallery-btn--danger{color:var(--danger);border-color:var(--danger)}.gallery-dialog__actions .gallery-btn--danger{background:var(--danger);color:#fff}:where(.gallery,.gallery-dialog,.gallery-preview) button:focus-visible,:where(.gallery,.gallery-dialog) :is(input,select):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gallery__import{position:relative}.gallery__import-options{position:absolute;right:0;top:calc(100% + 6px);z-index:20;display:flex;flex-direction:column;gap:4px;min-width:200px;padding:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);box-shadow:var(--shadow)}.gallery__import-options[hidden]{display:none}.gallery__import-options button{text-align:left;border-color:transparent}.gallery__import-options button:hover{background:var(--bg-sunken)}.gallery__import-hint{margin:4px 6px 0;font-size:12px;color:var(--fg-muted)}.gallery__empty{padding:48px 16px;text-align:center;color:var(--fg-muted)}.gallery__error{color:var(--danger)}.gallery__status{position:sticky;bottom:0;min-height:1.4em;margin-top:16px;font-size:13px;color:var(--fg-muted)}.gallery__dropzone{position:fixed;inset:auto 0 24px;margin:0 auto;width:max-content;max-width:calc(100% - 32px);padding:10px 18px;border-radius:999px;background:var(--accent);color:var(--accent-fg);pointer-events:none}.gallery-grid{display:grid;grid-template-columns:repeat(var(--gallery-cols, 4),minmax(0,1fr));gap:16px}.gallery-grid__row{display:contents}.gallery-tile{position:relative;display:flex;flex-direction:column;gap:4px;min-width:0;padding:8px;border-radius:var(--radius);outline:none;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:pan-y;-webkit-touch-callout:none}.gallery-tile:focus-visible{box-shadow:0 0 0 2px var(--accent)}.gallery-tile--selected{background:color-mix(in srgb,var(--accent) 18%,transparent)}.gallery-tile--dragging{opacity:.35}.gallery-tile--drop-onto .gallery-tile__art{box-shadow:0 0 0 3px var(--accent)}.gallery-tile--drop-before:before,.gallery-tile--drop-after:after{content:"";position:absolute;top:8px;bottom:8px;width:3px;border-radius:2px;background:var(--accent)}.gallery-tile--drop-before:before{left:-10px}.gallery-tile--drop-after:after{right:-10px}.gallery-tile__art{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 3;border-radius:8px;background:var(--bg-sunken)}.gallery-tile__layer{position:absolute;inset:10%;display:flex;align-items:center;justify-content:center}.gallery-tile--stack .gallery-tile__layer{transform:translate(calc(var(--i, 0) * 6px),calc(var(--i, 0) * -6px));z-index:calc(3 - var(--i, 0))}.gallery-thumb{display:block;max-width:100%;max-height:100%;border-radius:3px;box-shadow:var(--shadow);object-fit:contain}.gallery-thumb--placeholder{width:100%;max-height:100%;background:#fff}.gallery-thumb--placeholder:not(.gallery-thumb--large){width:auto;height:100%}.gallery-thumb--hidden-bg{background:repeating-conic-gradient(#cfcfd6 0% 25%,#fff 0% 50%) 50% / 16px 16px}.gallery-tile__check{position:absolute;top:6px;right:6px;z-index:5;display:grid;place-items:center;width:22px;height:22px;border:2px solid var(--bg-elev);border-radius:50%;background:#00000040;color:var(--accent-fg);font-size:13px}.gallery-tile__check.is-on{background:var(--accent)}.gallery-tile__name{overflow:hidden;padding:2px 4px;border:0;border-radius:4px;background:none;color:var(--fg);font:inherit;font-weight:600;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text}.gallery-tile__name:hover{background:var(--bg-sunken)}.gallery-tile__rename{min-width:0;padding:2px 4px;border:1px solid var(--accent);border-radius:4px;background:var(--bg-elev);color:var(--fg);font:inherit;font-weight:600}.gallery-tile__meta{padding:0 4px;font-size:12px;color:var(--fg-muted)}.gallery-drag-ghost{position:fixed;left:0;top:0;z-index:50;display:flex;align-items:center;gap:6px;max-width:220px;padding:6px 10px;border-radius:8px;background:var(--bg-elev);box-shadow:var(--shadow);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-drag-ghost__count{padding:0 6px;border-radius:999px;background:var(--accent);color:var(--accent-fg);font-size:12px}.gallery-dialog{box-sizing:border-box;max-width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:20px 22px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);color:var(--fg);box-shadow:var(--shadow)}.gallery-dialog::backdrop,.gallery-preview::backdrop{background:#0000008c}.gallery-dialog h2{margin:0 0 12px;font-size:1.1em}.gallery-dialog__actions,.new-canvas__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.new-canvas__grid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 12px;align-items:center}.new-canvas__grid :is(input[type=number],input[type=text],select){box-sizing:border-box;max-width:100%;padding:4px 6px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);font:inherit}.new-canvas__grid input[type=number]{width:110px}.new-canvas__grid input[type=text],#nc-preset{width:100%}.new-canvas__row,.new-canvas__size{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.new-canvas__swap{padding:2px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);cursor:pointer}.new-canvas__check{font-size:13px}.new-canvas__hint{margin:10px 0 0;font-size:12px;color:var(--fg-muted)}.new-canvas__error{margin:8px 0 0;color:var(--danger)}.gallery-preview{box-sizing:border-box;width:100vw;max-width:100vw;height:100vh;max-height:100vh;margin:0;padding:16px;border:0;background:#0b0b10;color:#f2f2f6}.gallery-preview[open]{display:flex;flex-direction:column}.gallery-preview__stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;touch-action:pan-y}.gallery-thumb--large{max-width:min(100%,1200px);max-height:calc(100% - 3em);width:auto}.gallery-thumb--placeholder.gallery-thumb--large{width:min(70vw,70vh)}.gallery-preview__caption{margin:12px 0 0}.gallery-preview__count{margin-left:8px;opacity:.7}.gallery-preview__bar{display:flex;justify-content:center;gap:8px;padding-top:12px}.gallery-preview__bar button{background:#24242e;border-color:#3a3a48;color:#f2f2f6}@media(max-width:520px){.new-canvas__grid{grid-template-columns:minmax(0,1fr)}}:root{--bg: #f4f4f7;--bg-elev: #ffffff;--bg-sunken: #e8e8ee;--fg: #16161c;--fg-muted: #5c5c6b;--accent: #2f7cf6;--accent-fg: #ffffff;--danger: #d93c3c;--ok: #2aa36b;--warn: #d9a21b;--border: #d3d3dc;--radius: 10px;--shadow: 0 2px 10px rgba(0, 0, 0, .12);--font: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--ui-scale: 1;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #1a1a22;--bg-elev: #24242e;--bg-sunken: #121218;--fg: #ececf2;--fg-muted: #a2a2b3;--accent: #5b9cff;--accent-fg: #0b1220;--border: #3a3a48;--shadow: 0 2px 12px rgba(0, 0, 0, .45);color-scheme:dark}}:root[data-theme=dark]{--bg: #1a1a22;--bg-elev: #24242e;--bg-sunken: #121218;--fg: #ececf2;--fg-muted: #a2a2b3;--accent: #5b9cff;--accent-fg: #0b1220;--border: #3a3a48;--shadow: 0 2px 12px rgba(0, 0, 0, .45);color-scheme:dark}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:calc(14px * var(--ui-scale));-webkit-text-size-adjust:100%;overscroll-behavior:none}a{color:var(--accent)}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{display:grid;grid-template-rows:auto 1fr;height:100%}.app-topbar{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--bg-elev);border-bottom:1px solid var(--border)}.app-topbar .brand{font-weight:700;letter-spacing:.08em}.app-topbar nav{display:flex;gap:4px}.app-topbar nav a{padding:6px 10px;border-radius:var(--radius);text-decoration:none;color:var(--fg)}.app-topbar nav a[aria-current=page]{background:var(--accent);color:var(--accent-fg)}.app-main{overflow:auto;padding:16px}.placeholder{max-width:720px;margin:48px auto;padding:24px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius)}.caps-table{width:100%;border-collapse:collapse;font-size:.95em}.caps-table th,.caps-table td{text-align:left;padding:6px 10px;border-bottom:1px solid var(--border);vertical-align:top}.caps-table code{font-family:var(--mono);font-size:.9em}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.8em;font-weight:600}.badge-ok{background:color-mix(in srgb,var(--ok) 20%,transparent);color:var(--ok)}.badge-no{background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger)}.badge-warn{background:color-mix(in srgb,var(--warn) 22%,transparent);color:var(--warn)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:root{--dock-left-edge: 108px;--dock-right-edge: 12px;--dock-top-edge: 56px;--dock-bottom-edge: 12px}html,body{overflow-x:hidden}.icon{display:block;flex:none;pointer-events:none}.app-topbar{gap:10px;padding:6px 12px;min-height:44px;box-sizing:border-box}.app-topbar nav{flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.app-topbar nav::-webkit-scrollbar{display:none}.app-topbar nav a{white-space:nowrap}.app-topbar__end{display:flex;align-items:center;gap:6px;margin-left:auto}.app-topbar__btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:32px;min-width:32px;padding:0 8px;border:1px solid var(--border);border-radius:8px;background:var(--bg-elev);color:var(--fg);font-size:13px;font-weight:600;cursor:pointer}.app-topbar__btn:hover{background:var(--bg-sunken)}.app-shell--no-topbar{grid-template-rows:1fr}.app-topbar-reveal{position:fixed;top:0;left:50%;translate:-50% 0;z-index:60;width:48px;height:18px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-top:0;border-radius:0 0 10px 10px;background:color-mix(in srgb,var(--bg-elev) 85%,transparent);color:var(--fg-muted);opacity:.7;cursor:pointer}.app-topbar-reveal:hover,.app-topbar-reveal:focus-visible{opacity:1}[data-pointer=coarse] .app-topbar-reveal{width:60px;height:26px}[data-layout=phone] .app-topbar .brand{display:none}[data-layout=phone] .app-main{padding:10px}:root .dock{position:absolute;z-index:3;transform:none;width:auto;display:grid;justify-items:center;align-items:center;gap:6px;padding:8px 6px}.dock__item{display:flex;justify-content:center;align-items:center}:root .dock--left,:root .dock--right{top:0;bottom:0;margin:auto 0;height:fit-content}.dock--cols-2{grid-template-columns:repeat(2,auto)}.dock--cols-1{grid-template-columns:auto}.dock--cols-2 .dock__item--wide{grid-column:1 / -1}:root .dock--row{left:0;right:0;margin:0 auto;width:fit-content;height:fit-content;max-width:calc(100% - 300px);display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:6px 8px}:root .dock--top{top:10px;bottom:auto}:root .dock--bottom{top:auto;bottom:34px}.dock--row .vslider{flex-direction:row;gap:6px}.dock--row .vslider__caption{display:none}.dock--top .adjust-menu,.dock--top .sidebar__guides-menu{top:calc(100% + 10px);bottom:auto;left:auto;right:0;transform:none}.dock--bottom .adjust-menu,.dock--bottom .sidebar__guides-menu{top:auto;bottom:calc(100% + 10px);left:auto;right:0;transform:none}.dock--top .sidebar__guides-menu,.dock--bottom .sidebar__guides-menu{right:auto;left:0}.dock--top .adjust-menu{max-height:calc(100dvh - var(--dock-top-edge) - 20px)}.sidebar:has([role=dialog]),.sidebar:has([role=menu]){z-index:30}.sidebar__btn .icon{width:20px;height:20px}.vslider--horizontal .vslider__track{width:130px;height:14px;margin:0 11px;cursor:ew-resize}.vslider--horizontal .vslider__fill{inset:0 auto 0 0;height:auto}.vslider--horizontal .vslider__memory{left:auto;top:-4px;width:2px;height:4px;margin:0 0 0 -1px}.vslider--horizontal .vslider__thumb{left:0;top:50%;bottom:auto;margin:-11px 0 0 -11px}@media(max-height:880px){:root .vslider__track:not(.vslider--horizontal *){height:100px}}@media(max-height:760px){:root .vslider__track:not(.vslider--horizontal *){height:76px}:root .dock{gap:5px;padding:6px}:root .sidebar__btn{width:33px;height:33px}}@media(max-height:640px){:root .vslider__track:not(.vslider--horizontal *){height:56px}:root .sidebar__btn{width:30px;height:30px}:root .vslider__caption{display:none}}@media(max-height:500px){:root .vslider__track:not(.vslider--horizontal *){height:44px}:root .dock--cols-2{grid-template-columns:repeat(3,auto)}}:root .ccompanion{z-index:35}.stroke-preview{position:fixed;z-index:60;padding:6px;border:1px solid var(--border);border-radius:14px;background:var(--bg-elev);box-shadow:var(--shadow);pointer-events:none;box-sizing:content-box}.stroke-preview canvas{display:block;border-radius:9px}.stroke-preview__values{display:flex;justify-content:space-between;gap:8px;padding:5px 2px 0;color:var(--fg);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.stroke-preview__note{padding:2px;color:var(--fg-muted);font-size:11px}:root .layers-popover,:root .brush-popover,:root .colors-popover{position:fixed;transform:none;width:var(--panel-w);top:var(--dock-top-edge);max-height:calc(100dvh - var(--dock-top-edge) - var(--dock-bottom-edge));z-index:30}:root .layers-popover{--panel-w: min(400px, calc(100vw - var(--dock-left-edge) - var(--dock-right-edge)))}:root .colors-popover{--panel-w: min(360px, calc(100vw - var(--dock-left-edge) - var(--dock-right-edge)))}:root .brush-popover{--panel-w: min(720px, calc(100vw - var(--dock-left-edge) - var(--dock-right-edge)))}:root .layers-popover--left,:root .brush-popover--left,:root .colors-popover--left{left:var(--dock-left-edge);right:auto}:root .layers-popover--right,:root .brush-popover--right,:root .colors-popover--right{right:var(--dock-right-edge);left:auto}:root .layers-popover--top,:root .brush-popover--top,:root .colors-popover--top,:root .layers-popover--bottom,:root .brush-popover--bottom,:root .colors-popover--bottom{right:auto;left:clamp(8px,calc(var(--anchor-x, 50vw) - var(--panel-w) / 2),calc(100vw - var(--panel-w) - 8px))}:root .layers-popover--bottom,:root .brush-popover--bottom,:root .colors-popover--bottom{top:auto;bottom:var(--dock-bottom-edge)}[data-layout=phone] .layers-popover,[data-layout=phone] .brush-popover,[data-layout=phone] .colors-popover{inset:auto 0 0;width:auto;max-height:82dvh;flex-direction:column;border-bottom:0;border-radius:18px 18px 0 0;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -10px 34px #00000059;z-index:40}[data-layout=phone] .layers-popover:before,[data-layout=phone] .brush-popover:before,[data-layout=phone] .colors-popover:before{content:"";display:block;flex:none;width:42px;height:4px;margin:8px auto 2px;border-radius:2px;background:var(--border)}[data-layout=phone] .brush-panel__header{flex-wrap:wrap}[data-layout=phone] .brush-panel__search{flex:1 1 140px;min-width:0}[data-layout=phone] .brush-panel__body{flex-direction:column}[data-layout=phone] .brush-panel__sets{width:auto;display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid var(--border);scrollbar-width:none}[data-layout=phone] .brush-panel__set{flex:none;white-space:nowrap}[data-layout=phone] .brush-panel__library-name{display:none}[data-layout=phone] .brush-panel__list{min-height:0;overflow-y:auto}.layer-row__icon{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:30px;border-radius:8px;color:var(--fg-muted)}.layer-row__icon:hover{background:var(--bg-sunken);color:var(--fg)}.layer-row__more{color:var(--fg)}[data-pointer=coarse] .layer-row__icon{min-width:40px;min-height:40px}.layers-panel__header button .icon,.layer-row__icon .icon{width:18px;height:18px}.layer-thumb--group{display:flex;align-items:center;justify-content:center;color:var(--fg-muted)}.ctx-menu{min-width:230px}.ctx-menu>.ctx-menu__group+.ctx-menu__group,.ctx-menu>.ctx-menu__item+.ctx-menu__group,.ctx-menu>.ctx-menu__group+.ctx-menu__item{margin-top:4px;padding-top:4px;border-top:1px solid var(--border)}.ctx-menu__group-label{padding:4px 10px 2px;color:var(--fg-muted);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ctx-menu__item{min-height:32px}[data-pointer=coarse] .ctx-menu__item{min-height:44px;font-size:15px}[data-layout=phone] .ctx-menu{left:8px!important;right:8px;top:auto!important;bottom:calc(8px + env(safe-area-inset-bottom));min-width:0;max-height:72dvh;padding:6px;border-radius:16px;box-shadow:0 -10px 34px #0006;z-index:70}[data-layout=phone] .gallery__toolbar{width:100%}[data-layout=phone] .gallery__toolbar>*{flex:1 1 auto}:root .canvas-screen .editbar{position:fixed;left:var(--dock-left-edge);right:var(--dock-right-edge);bottom:var(--dock-bottom-edge);transform:none;width:fit-content;max-width:min(980px,calc(100vw - var(--dock-left-edge) - var(--dock-right-edge)));margin:0 auto;box-sizing:border-box}:root .canvas-screen .editbar--colordrop{bottom:calc(var(--dock-bottom-edge) + 56px)}.editbar .editbar__label,.editbar output{font-variant-numeric:tabular-nums}[data-layout=phone] .prefs-launcher,[data-layout=phone] .actions-launcher{width:40px;height:40px}.prefs-launcher,.actions-launcher{display:inline-flex;align-items:center;justify-content:center}[data-layout=phone] .brush-panel__library{display:contents}[data-layout=phone] .brush-panel__sets>[role=tablist]{display:flex;gap:6px}[data-layout=phone] .brush-panel__sets{flex:none}[data-layout=phone] .brush-panel__set{width:auto;border-color:var(--border)}[data-layout=phone] .brush-panel__btn{min-height:36px}[data-layout=phone] .dock{gap:4px;padding:6px 4px}html[data-layout=phone] .dock--left{left:6px}html[data-layout=phone] .dock--right{right:6px}[data-layout=phone] .dock--row{max-width:calc(100% - 12px)}[data-layout=phone] .canvas-screen .editbar{left:6px;right:6px;max-width:none;z-index:5}[data-layout=phone] .canvas-screen:has(.editbar) .dock--left,[data-layout=phone] .canvas-screen:has(.editbar) .dock--right{top:58px;bottom:auto;margin:0}[data-layout=phone] .canvas-screen:has(.editbar) .dock:not(.dock--row) .dock__item--wide{display:none}.editbar__group{flex-wrap:wrap;justify-content:center}[data-layout=phone] .dock--top{top:58px}[data-layout=phone] .sidebar__btn{width:32px;height:32px}[data-layout=phone] .vslider__track:not(.vslider--horizontal *){height:84px}[data-layout=phone] .vslider--horizontal .vslider__track{width:90px}[data-layout=phone] .canvas-screen .memory-banner{top:auto;bottom:calc(var(--dock-bottom-edge) + 30px);left:var(--dock-left-edge);right:var(--dock-right-edge);transform:none;max-width:none}.layout-launcher-wrap{position:absolute;top:12px;z-index:8}.layout-launcher-wrap--right{right:96px}.layout-launcher-wrap--left{left:96px}.canvas-screen--ui-hidden .layout-launcher-wrap{display:none}.layout-launcher{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-elev) 92%,transparent);color:var(--fg);box-shadow:var(--shadow);cursor:pointer}.layout-launcher:hover,.layout-launcher.is-active{background:var(--bg-sunken)}[data-layout=phone] .layout-launcher{width:40px;height:40px}[data-layout=phone] .layout-launcher-wrap--right{right:104px}[data-layout=phone] .layout-launcher-wrap--left{left:104px}.layout-quick{position:absolute;top:calc(100% + 8px);width:min(320px,calc(100vw - 24px));max-height:calc(100dvh - 120px);overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--bg-elev);color:var(--fg);box-shadow:var(--shadow);font-size:13px}.layout-launcher-wrap--right .layout-quick{right:-96px}.layout-launcher-wrap--left .layout-quick{left:-96px}[data-layout=phone] .layout-quick{position:fixed;left:8px;right:8px;top:auto;bottom:calc(8px + env(safe-area-inset-bottom));width:auto;z-index:70}.layout-quick__title{margin:0;font-size:15px}.layout-quick__label{color:var(--fg-muted);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.layout-quick__presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px}.layout-preset{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px 6px;border:1px solid var(--border);border-radius:10px;background:var(--bg-elev);color:var(--fg);font:inherit;font-size:12px;cursor:pointer}.layout-preset:hover{background:var(--bg-sunken)}.layout-preset.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.layout-schematic{position:relative;display:block;width:56px;height:38px;border-radius:5px;background:var(--bg-sunken);border:1px solid var(--border)}.layout-schematic__bar{position:absolute;border-radius:2px;background:var(--accent)}.layout-schematic__bar--left{left:3px;top:6px;bottom:6px;width:7px}.layout-schematic__bar--right{right:3px;top:6px;bottom:6px;width:7px}.layout-schematic__bar--top{top:3px;left:14px;right:14px;height:6px}.layout-schematic__bar--bottom{bottom:3px;left:10px;right:10px;height:6px}.layout-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:4px 12px;border:1px solid var(--border);border-radius:9px;background:var(--bg-elev);color:var(--fg);font:inherit;cursor:pointer}.layout-btn:hover{background:var(--bg-sunken)}.layout-btn--wide{width:100%}.layout-btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.layout-check{display:flex;align-items:center;gap:8px;min-height:30px;cursor:pointer}.layout-icon-btn{width:34px;height:34px;flex:none;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:var(--bg-elev);color:var(--fg);cursor:pointer}.layout-icon-btn:disabled{opacity:.35;cursor:default}.layout-backdrop{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:12px;background:#00000059}.layout-advanced{display:flex;flex-direction:column;width:min(520px,100%);max-height:min(720px,calc(100dvh - 24px));border:1px solid var(--border);border-radius:16px;background:var(--bg-elev);color:var(--fg);box-shadow:var(--shadow)}.layout-advanced__head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 4px}.layout-advanced__head h2{margin:0;font-size:16px}.layout-advanced__hint{margin:0;padding:0 14px 8px;color:var(--fg-muted);font-size:12px}.layout-advanced__list{flex:1;min-height:0;overflow-y:auto;margin:0;padding:0 10px;list-style:none}.layout-advanced__row{display:flex;align-items:center;gap:6px;padding:5px 4px;border-bottom:1px solid var(--border)}.layout-advanced__row[data-dock=hidden] .layout-advanced__name{color:var(--fg-muted)}.layout-advanced__name{flex:1;min-width:0}.layout-advanced__row select{min-height:34px;border:1px solid var(--border);border-radius:8px;background:var(--bg-elev);color:var(--fg);font:inherit}.layout-advanced__foot{display:flex;justify-content:space-between;gap:8px;padding:10px 14px 14px}[data-layout=phone] .layout-backdrop{align-items:flex-end;padding:0}[data-layout=phone] .layout-advanced{width:100%;border-radius:18px 18px 0 0;max-height:88dvh;padding-bottom:env(safe-area-inset-bottom)}