@font-face{font-family:MaterialSymbols;src:url(material_symbols_subset.ttf) format("truetype");font-weight:700;font-style:normal}*{box-sizing:border-box;margin:0;padding:0}.ms-icon{font-family:MaterialSymbols,sans-serif;border:none;background:none;padding:0;user-select:none;line-height:1}*{scrollbar-color:var(--color-text-suppressed) var(--color-bg);scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px;background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-text-suppressed);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-suppressed-hover)}::-webkit-scrollbar-thumb:active{background:var(--color-text)}body{font-family:sans-serif;font-size:var(--font-size-base);background:var(--color-bg);color:var(--color-text);display:flex;flex-direction:column;height:100vh;overflow:hidden;visibility:hidden}body[data-loading],body[data-ready],body[data-unsupported]{visibility:visible}body[data-loading] #toolbar,body[data-loading] #main,body[data-loading] #status{display:none}body[data-unsupported]{display:grid;place-items:center;padding:24px}#unsupported-environment{max-width:560px;color:#f0f0f0;line-height:1.5}#unsupported-environment h1{font-size:22px;margin-bottom:12px}#toolbar{display:flex;align-items:center;gap:var(--toolbar-element-gap);padding:var(--toolbar-padding-v) var(--toolbar-element-gap);background:var(--color-bg);font-size:var(--font-size-status);flex-shrink:0}#toolbar label{user-select:none}#flip-controls{display:inline-flex;gap:var(--toolbar-element-gap);align-items:center;margin-left:auto}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{background:var(--color-bg-hover2);border-radius:var(--border-radius);height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-text-suppressed);margin-top:-4px;cursor:pointer}input[type=range]::-webkit-slider-thumb:hover{background:var(--color-text-suppressed-hover)}input[type=range]::-webkit-slider-thumb:active{background:var(--color-text)}input[type=range]::-moz-range-track{background:var(--color-bg-hover2);border-radius:var(--border-radius);height:6px}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--color-text-suppressed);border:none;cursor:pointer}input[type=range]::-moz-range-thumb:hover{background:var(--color-text-suppressed-hover)}input[type=range]::-moz-range-thumb:active{background:var(--color-text)}#toolbar input[type=range]{flex:1;min-width:60px}input[type=checkbox]{accent-color:var(--color-text-suppressed)}.icon-checkbox{color:var(--color-text);cursor:pointer;font-size:18px;vertical-align:middle}.icon-checkbox:hover{color:var(--color-text-hover)}.toolbar-icon-btn{color:var(--color-text);cursor:pointer;font-size:22px;padding:2px}.toolbar-icon-btn:hover{color:var(--color-text-hover)}.toolbar-icon-btn:disabled{color:var(--color-text-suppressed);cursor:default}.toolbar-icon-btn:disabled:hover{color:var(--color-text-suppressed)}.flip-toggle-btn[data-active=true],.flip-toggle-btn[data-active=true]:hover{color:var(--color-accent)}#export-png-wrap{position:relative;display:inline-flex;align-items:center}.export-png-drag-source{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:grab}.export-png-drag-source:active{cursor:grabbing}.mobile-only{display:none}.desktop-only{display:inline-flex}.menu-item{cursor:pointer;white-space:nowrap}.menu-item:hover{background:var(--color-bg-hover)}.menu-sep{height:1px;background:var(--color-text-suppressed)}.menu-popup{position:absolute;background:var(--color-bg);border:1px solid var(--color-text-suppressed);border-radius:var(--border-radius);padding:2px 0;z-index:100;min-width:160px;font-size:var(--font-size-base);box-shadow:0 2px 8px var(--color-overlay)}.menu-popup.hidden{display:none}.menu-popup-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:4px 12px 4px 8px;color:var(--color-text)}.menu-popup-item.disabled{color:var(--color-text-suppressed);cursor:default}.menu-popup-item.disabled:hover{background:none}.menu-popup-item .menu-item-main{display:inline-flex;align-items:center;gap:5px}.menu-popup-item .menu-item-icon{width:20px;text-align:center;flex:0 0 20px;font-size:18px;line-height:1}.menu-popup-item .shortcut{color:var(--color-text-suppressed);margin-left:auto}.menu-popup-sep{margin:2px 8px}#main{display:flex;flex:1;overflow:hidden}#layer-panel{width:30%;min-width:120px;background:var(--color-bg);border-right:none;overflow:hidden;flex-shrink:0;display:flex;flex-direction:column}.tab-bar{display:flex;background:var(--color-bg);flex-shrink:0;border-bottom:1px solid var(--color-text-suppressed)}.tab-bar button{border:1px solid transparent;border-bottom:1px solid var(--color-text-suppressed);background:none;color:var(--color-text-suppressed);font-size:inherit;padding:4px 10px;cursor:pointer;user-select:none;margin-bottom:-1px}.tab-bar button:hover:not(:disabled){color:var(--color-text)}.tab-bar button.active{color:var(--color-text);background:var(--color-bg-hover);border-color:var(--color-text-suppressed);border-bottom-color:var(--color-bg-hover);border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.tab-bar button:disabled{color:var(--color-text-suppressed);cursor:default;opacity:.4}.tab-content{flex:1;overflow-y:auto;padding:2px 4px;touch-action:pan-y}.tab-content.hidden{display:none}#favorites-content{user-select:none}#favorites-content .pfv-item{display:flex;align-items:center;min-height:var(--layer-row-height);padding:1px 4px;cursor:default;white-space:nowrap;position:absolute;left:0;right:0}#favorites-content .pfv-item[hidden]{display:none}@media(hover:hover){#favorites-content .pfv-item:hover{background:var(--color-bg-hover)}#favorites-content .pfv-item.selected:hover{background:var(--color-bg-selected-hover)}}#favorites-content .pfv-item.touch-active{background:var(--color-bg-hover)}#favorites-content .pfv-item.selected{background:var(--color-bg-selected)}#favorites-content .pfv-item.selected.touch-active{background:var(--color-bg-selected-hover)}#favorites-content .pfv-icon{font-size:var(--layer-folder-icon-size);width:var(--layer-vis-btn-size);text-align:center;flex-shrink:0;margin-right:var(--layer-element-gap);cursor:pointer}#favorites-content .pfv-icon-folder{color:var(--color-text-suppressed)}#favorites-content .pfv-icon-folder:hover{color:var(--color-text-suppressed-hover)}#favorites-content .pfv-icon-item{color:var(--color-text)}#favorites-content .pfv-icon-item:hover{color:var(--color-text-hover)}#favorites-content .pfv-filter-icon{font-size:var(--layer-vis-icon-size);color:var(--color-text-suppressed);flex-shrink:0;margin-right:var(--layer-element-gap);cursor:pointer}#favorites-content .pfv-filter-icon[hidden]{display:none}#favorites-content .pfv-filter-icon:hover{color:var(--color-text-suppressed-hover)}#favorites-content .pfv-name{overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}#favorites-content .pfv-name[hidden]{display:none}#favorites-content .pfv-name-faview{color:var(--color-accent-alt)}#favorites-content .pfv-name-input{border:1px solid var(--color-accent);background:var(--color-bg);color:var(--color-text);font-size:inherit;font-family:inherit;outline:none;padding:0 2px;width:100%}.pfv-dnd-line{display:block;position:absolute;right:0;height:2px;background:var(--color-accent);pointer-events:none;z-index:10}.pfv-dnd-line[hidden]{display:none}.pfv-dnd-line:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid var(--color-accent)}.pfv-dnd-highlight{display:block;position:absolute;left:0;right:0;background:none;border:2px solid var(--color-accent);pointer-events:none;z-index:9}.pfv-dnd-highlight[hidden]{display:none}.pfv-dnd-tooltip{display:block;position:fixed;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-accent);padding:2px 6px;pointer-events:none;z-index:1000;white-space:nowrap}.pfv-dnd-tooltip[hidden]{display:none}#simpleview-content .fv-selector{margin-bottom:2px}#simpleview-content .fv-label{font-size:var(--font-size-status);color:var(--color-text-suppressed);padding:1px 4px 0}#simpleview-content .fv-control-grid{display:grid;grid-template-columns:minmax(24px,auto) minmax(0,1fr) minmax(24px,auto);grid-template-rows:auto auto;column-gap:2px;row-gap:2px;padding:0 4px}#simpleview-content .fv-nav-btn{grid-row:1 / span 2;color:var(--color-text);cursor:pointer;font-size:16px;min-width:24px;padding:2px 4px;flex-shrink:0;align-self:stretch}#simpleview-content .fv-nav-prev{grid-column:1}#simpleview-content .fv-nav-next{grid-column:3}#simpleview-content .fv-select-row{grid-column:2;min-width:0}#simpleview-content .fv-nav-btn:hover{color:var(--color-text-hover)}#simpleview-content .fv-nav-btn:disabled{color:var(--color-text-suppressed);cursor:default}#simpleview-content .fv-select-row select{flex:1;width:100%;min-width:0;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-text-suppressed);font-size:inherit;padding:1px 2px}#simpleview-content .fv-slider-row{grid-column:2;min-width:0}#simpleview-content .fv-slider-row-empty{min-height:14px}#simpleview-content .fv-slider-row input[type=range]{width:100%;height:14px;margin:2px 0}@media(pointer:coarse){#simpleview-content .fv-nav-btn{min-width:var(--mobile-touch-target-min);padding:2px 8px}}.ctx-menu{position:fixed;background:var(--color-bg);border:1px solid var(--color-text-suppressed);border-radius:var(--border-radius);padding:4px 0;z-index:300;min-width:140px;box-shadow:2px 2px 6px var(--color-overlay)}.ctx-menu-item{padding:4px 16px;user-select:none}.ctx-menu-sep{margin:4px 8px}.filter-overlay{position:fixed;inset:0;box-sizing:border-box;padding-top:var(--vv-top, 0px);padding-bottom:var(--vv-bottom-pad, 0px);background:var(--color-overlay);z-index:400;display:flex;align-items:center;justify-content:center}.dialog{background:var(--color-bg-hover2);border:1px solid var(--color-text-suppressed);border-radius:var(--border-radius);padding:12px;display:flex;flex-direction:column;overflow:hidden}.filter-dialog{width:min(500px,80vw);height:min(70vh,600px);min-width:300px;min-height:200px;max-width:80vw;max-height:80vh;position:relative}.filter-dialog-resize{position:absolute;right:0;bottom:0;width:12px;height:12px;cursor:nwse-resize}.filter-dialog-resize:after{content:"";position:absolute;right:2px;bottom:2px;width:8px;height:8px;border-right:2px solid var(--color-text-suppressed);border-bottom:2px solid var(--color-text-suppressed)}.dialog-title{font-weight:700;margin-bottom:var(--toolbar-element-gap)}.dialog-meta-row,.dialog-meta-label,.dialog-meta-value{color:var(--color-text)}.filter-dialog-tree{flex:1;overflow-y:auto;margin-bottom:var(--toolbar-element-gap);border:1px solid var(--color-text-suppressed);border-radius:var(--border-radius);min-height:0}.dialog-buttons{display:flex;gap:var(--toolbar-element-gap);align-items:center}.dialog-button,.dialog-buttons button{padding:var(--toolbar-padding-v) 12px;border:1px solid var(--color-text-suppressed);border-radius:var(--border-radius);background:var(--color-bg-hover);color:var(--color-text);cursor:pointer;font-size:inherit;min-width:76px;text-align:center}.dialog-button:hover,.dialog-buttons button:hover{background:var(--color-bg-selected)}.dialog-button:disabled,.dialog-buttons button:disabled{color:var(--color-text-suppressed);cursor:default;opacity:.5}.dialog-button:disabled:hover,.dialog-buttons button:disabled:hover{background:var(--color-bg-hover)}.dialog-buttons .spacer{flex:1}.name-dialog{width:320px}.name-dialog-body{margin-bottom:var(--toolbar-element-gap)}.name-dialog-body label{display:block;margin-bottom:var(--toolbar-padding-v)}.name-dialog-body input,.name-dialog-body select{width:100%;padding:var(--toolbar-padding-v);background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-accent);border-radius:var(--border-radius);font-size:inherit;font-family:inherit;outline:none}.export-settings-dialog{width:min(360px,calc(100vw - 32px))}.export-settings-body{display:flex;flex-direction:column;gap:var(--toolbar-element-gap);margin-bottom:var(--toolbar-element-gap)}.export-settings-size-section{display:flex;flex-direction:column;gap:var(--toolbar-element-gap)}.export-settings-note{margin:0;color:var(--color-text);font-size:var(--font-size-status)}.export-settings-body label{display:block}.export-settings-size-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:var(--toolbar-element-gap)}.export-settings-size-separator{padding-bottom:calc(var(--toolbar-padding-v) + 1px);color:var(--color-text-suppressed)}.export-settings-actions{display:flex;gap:var(--toolbar-element-gap)}.export-settings-actions button{flex:0 0 auto}.export-settings-icon-checkbox-label{display:inline-flex;align-items:center;gap:var(--toolbar-element-gap)}.export-settings-body input{width:100%;margin-top:var(--toolbar-padding-v);padding:var(--toolbar-padding-v);background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-accent);border-radius:var(--border-radius);font-size:inherit;font-family:inherit;outline:none}.export-settings-error{color:#ff8080}.autosave-restore-dialog{width:min(460px,90vw)}.autosave-prompt-body{display:grid;gap:var(--toolbar-element-gap);margin-bottom:var(--toolbar-element-gap)}.autosave-prompt-body p{margin:0}.autosave-meta,.autosave-preview-meta{display:grid;gap:3px;overflow-wrap:anywhere}.autosave-list-dialog{width:min(520px,92vw);max-height:min(620px,82vh)}.autosave-list-body{display:flex;margin-bottom:var(--toolbar-element-gap);min-height:0;flex:1;width:100%}.autosave-list-pane{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;min-height:0;width:100%}.autosave-list{border:1px solid var(--color-text-suppressed);border-radius:var(--border-radius);overflow:auto;min-height:0;flex:1;width:100%}.autosave-entry{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;width:100%;border:0;border-bottom:1px solid var(--color-text-suppressed);background:transparent;color:var(--color-text);padding:var(--toolbar-padding-v) 8px;font:inherit;text-align:left;cursor:pointer}.autosave-entry-row{position:relative;display:block;padding:0;border-bottom:1px solid var(--color-text-suppressed)}.autosave-entry-row:last-child{border-bottom:none}.autosave-entry-row .autosave-entry{border-bottom:0;padding-right:34px}.autosave-entry-title{display:flex;align-items:center;gap:6px;min-width:0}.autosave-entry-status{flex:0 0 auto;font-size:18px}.autosave-entry-status.match{color:var(--color-accent)}.autosave-entry-status.warning{color:var(--color-accent-alt2)}.autosave-entry-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autosave-entry:hover,.autosave-entry.selected{background:var(--color-bg-selected)}.autosave-entry-readonly:hover,.autosave-entry-readonly.selected{background:transparent}.autosave-entry:focus-visible{outline:1px solid var(--color-accent);outline-offset:-1px}.autosave-entry-delete-btn{position:absolute;top:2px;right:2px;width:28px;height:28px;font-size:18px;color:var(--color-text-suppressed);cursor:pointer}.autosave-entry-delete-btn:hover{color:var(--color-text-hover)}.autosave-entry-meta,.autosave-entry-count{color:var(--color-text-suppressed);font-size:var(--font-size-status)}.autosave-empty{color:var(--color-text-suppressed);padding:8px}.filter-check-item{display:flex;align-items:center;padding:1px 4px;cursor:pointer;user-select:none;height:var(--layer-row-height)}.filter-check-item:hover{background:var(--color-bg-hover)}.filter-check-btn{font-size:var(--layer-vis-icon-size);width:var(--layer-vis-btn-size);height:var(--layer-vis-btn-size);line-height:var(--layer-vis-btn-size);text-align:center;color:var(--color-text);cursor:pointer;flex-shrink:0;margin-right:var(--layer-element-gap)}.filter-check-btn:hover{color:var(--color-text-hover)}.filter-fold-icon{font-size:var(--layer-folder-icon-size);color:var(--color-text-suppressed);width:var(--layer-vis-btn-size);text-align:center;flex-shrink:0;margin-right:var(--layer-element-gap);cursor:pointer}.filter-fold-icon:hover{color:var(--color-text-suppressed-hover)}#splitter{width:4px;background:var(--color-text-suppressed);cursor:col-resize;flex-shrink:0}#splitter:hover{background:var(--color-text-suppressed-hover)}#splitter.active{background:var(--color-text)}#canvas-shell{flex:1;position:relative;background:var(--color-bg)}#empty-preview{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--toolbar-element-gap);padding:24px;color:var(--color-text);text-align:center;pointer-events:none}#empty-preview[hidden]{display:none}#empty-preview-brand{display:inline-flex;align-items:center;gap:12px;margin-bottom:8px}#empty-preview-brand-meta{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}#empty-preview-brand-name{font-size:calc(var(--font-size-base) * 1.6);font-weight:700}#empty-preview-brand-version{pointer-events:auto;color:var(--color-accent);font-size:var(--font-size-status);text-decoration:underline}#empty-preview-brand-version:hover{color:var(--color-accent-text-hover)}#empty-preview-brand-icon{display:block;width:72px;height:72px;object-fit:contain;flex:0 0 auto}#empty-preview-open{pointer-events:auto;border:none;border-radius:var(--border-radius);background:var(--color-bg-hover);color:var(--color-text);padding:var(--toolbar-padding-v) var(--toolbar-element-gap);font-size:inherit;font-family:inherit;cursor:pointer}#empty-preview-open:hover{background:var(--color-bg-selected)}#pinch-zoom-indicator{position:absolute;top:16px;right:16px;z-index:4;border-radius:var(--border-radius);background:var(--color-bg);color:var(--color-text);padding:4px 10px;font-size:var(--font-size-base);font-weight:600;pointer-events:none;opacity:1;transition:opacity .2s ease;box-shadow:0 2px 8px var(--color-overlay)}#pinch-zoom-indicator[data-fading=true]{opacity:0}#pinch-zoom-indicator[hidden]{display:none}#canvas-panel{position:absolute;inset:0;overflow:auto;cursor:default;touch-action:none;z-index:1}#canvas-panel[data-interactive]{cursor:grab}#canvas-panel[data-interactive][data-grabbing]{cursor:grabbing}#canvas{position:absolute;top:0;left:0;pointer-events:none;image-rendering:pixelated}#scroll-content{position:relative}#drop-overlay{position:fixed;inset:0;background:var(--color-overlay);border:3px dashed var(--color-accent);display:flex;align-items:center;justify-content:center;z-index:100;color:var(--color-accent-text);pointer-events:none}#drop-overlay[hidden]{display:none}#status{padding:2px 8px;background:var(--color-accent);color:var(--color-accent-text);font-size:var(--font-size-status);flex-shrink:0;user-select:none}#status-text{cursor:pointer}#status-text[hidden]{display:none}#file-info:not(:empty){margin-right:6px}#thumb-indicator{margin-right:6px;font-size:var(--font-size-status);display:none}#thumb-indicator[data-thumb-state=generating]{display:inline}#status-input{background:var(--color-bg);color:var(--color-accent-text);border:1px solid var(--color-text-suppressed);font-size:var(--font-size-status);font-family:inherit;padding:0 4px;outline:none;width:50%;min-width:200px}.vscroll-spacer{position:relative;width:100%}.layer-item{display:flex;align-items:center;min-height:var(--layer-row-height);padding:1px 4px;cursor:default;white-space:nowrap;position:absolute;left:0;right:0;user-select:none}.layer-item[hidden]{display:none}@media(hover:hover){.layer-item:hover{background:var(--color-bg-hover)}}.layer-item.touch-active{background:var(--color-bg-hover)}.layer-vis{width:var(--layer-vis-btn-size);height:var(--layer-vis-btn-size);color:var(--color-text);cursor:pointer;font-size:var(--layer-vis-icon-size);line-height:var(--layer-vis-btn-size);text-align:center;flex-shrink:0;margin-right:var(--layer-element-gap);touch-action:none}.layer-vis:hover{color:var(--color-text-hover)}.layer-vis.disabled{color:var(--color-text-suppressed);cursor:default}.layer-vis.disabled:hover{color:var(--color-text-suppressed)}.layer-fold-icon{width:var(--layer-thumb-display);height:var(--layer-thumb-display);color:var(--color-text-suppressed);cursor:pointer;font-size:var(--layer-folder-icon-size);line-height:var(--layer-thumb-display);text-align:center;flex-shrink:0;margin-right:var(--layer-element-gap);display:inline-flex;align-items:center;justify-content:center}.layer-fold-icon:hover{color:var(--color-text-suppressed-hover)}.layer-name{overflow:hidden;text-overflow:ellipsis}.layer-clip-marker{color:var(--color-text-suppressed);flex-shrink:0;margin-right:.25em}.layer-thumb{width:var(--layer-thumb-display);height:var(--layer-thumb-display);flex-shrink:0;margin-right:var(--layer-element-gap);background:var(--color-bg);border:1px solid var(--color-text-suppressed);border-radius:var(--border-radius);image-rendering:auto}@media(pointer:coarse){body{font-size:var(--mobile-font-size-base);height:100dvh}#toolbar{gap:var(--mobile-toolbar-element-gap);padding:var(--mobile-toolbar-padding-v) var(--mobile-toolbar-element-gap);font-size:var(--mobile-font-size-status)}.toolbar-icon-btn{font-size:var(--mobile-toolbar-icon-size);padding:4px}#toolbar .icon-checkbox-label{position:relative}#toolbar .icon-checkbox-label:after{content:"";position:absolute;top:50%;left:0;right:0;height:var(--mobile-touch-target-min);transform:translateY(-50%)}input[type=range]::-webkit-slider-thumb{width:var(--mobile-slider-thumb-size);height:var(--mobile-slider-thumb-size);margin-top:-10px}input[type=range]::-moz-range-thumb{width:var(--mobile-slider-thumb-size);height:var(--mobile-slider-thumb-size)}input[type=range]::-webkit-slider-runnable-track{height:var(--mobile-slider-track-height)}input[type=range]::-moz-range-track{height:var(--mobile-slider-track-height)}.menu-popup-item{min-height:var(--mobile-menu-item-height);padding:0 12px;font-size:var(--mobile-font-size-base);display:flex;align-items:center}.menu-popup-sep{margin:4px 8px}#status{padding:4px 8px;font-size:var(--mobile-font-size-status)}#favorites-content .pfv-item,#favorites-content{touch-action:pan-y}.layer-item{min-height:var(--mobile-layer-row-height)}.archive-entry{min-height:var(--mobile-layer-row-height);touch-action:pan-y}.archive-list{touch-action:pan-y}.layer-vis{width:var(--mobile-layer-vis-btn-size);height:var(--mobile-layer-vis-btn-size);font-size:var(--mobile-layer-vis-icon-size);touch-action:pan-y}.layer-fold-icon{width:var(--mobile-layer-thumb-display);height:var(--mobile-layer-thumb-display);line-height:var(--mobile-layer-thumb-display)}.layer-thumb,.layer-thumb-spacer{width:var(--mobile-layer-thumb-display);height:var(--mobile-layer-thumb-display)}}@media(pointer:coarse)and (orientation:landscape){input[type=range]{height:var(--mobile-touch-target-min);margin-top:calc(var(--mobile-touch-target-min) / -2);margin-bottom:calc(var(--mobile-touch-target-min) / -2)}input[type=range]::-webkit-slider-thumb{width:var(--mobile-slider-thumb-size-landscape);height:var(--mobile-slider-thumb-size-landscape);margin-top:-6px}input[type=range]::-moz-range-thumb{width:var(--mobile-slider-thumb-size-landscape);height:var(--mobile-slider-thumb-size-landscape)}#splitter{position:relative;touch-action:none;display:flex;align-items:center;justify-content:center;width:var(--mobile-drag-handle-area-height);background:transparent}#splitter:hover,#splitter.active{background:transparent}#splitter:hover:after,#splitter.active:after{background:var(--color-text-suppressed-hover)}#splitter:before{content:"";position:absolute;inset:0 -4px}#splitter:after{content:"";width:var(--mobile-drag-handle-height);height:var(--mobile-drag-handle-width);border-radius:calc(var(--mobile-drag-handle-height) / 2);background:var(--color-text-suppressed)}}@media(pointer:coarse)and (orientation:portrait){#toolbar .desktop-only{display:none}.mobile-only{display:inline-flex}#main{position:relative}#layer-panel{position:absolute;left:0;right:0;bottom:0;width:100%;max-width:none;height:50%;z-index:50;transform:translateY(100%);border-top:none;border-right:none;box-shadow:0 -2px 8px var(--color-overlay);overflow:visible}#layer-panel.drawer-animating{transition:transform .25s ease}#layer-panel.drawer-open{transform:translateY(0)}#splitter{display:none}.layer-vis,.layer-fold-icon{pointer-events:none}#panel-fab{position:absolute;right:var(--mobile-fab-margin);bottom:var(--mobile-fab-margin);width:var(--mobile-fab-size);height:var(--mobile-fab-size);border-radius:50%;border:none;background:var(--color-accent);color:var(--color-accent-text);font-size:var(--mobile-fab-icon-size);z-index:60;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px var(--color-overlay);transition:transform .15s ease;-webkit-tap-highlight-color:transparent}#panel-fab:active{transform:scale(.9)}#panel-fab[hidden]{display:none}#panel-drag-handle{display:flex;align-items:center;justify-content:center;height:var(--mobile-drag-handle-area-height);cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent}.drag-handle-pill{width:var(--mobile-drag-handle-width);height:var(--mobile-drag-handle-height);border-radius:calc(var(--mobile-drag-handle-height) / 2);background:var(--color-text-suppressed)}#panel-close-btn{position:absolute;right:12px;top:-36px;width:36px;height:36px;border:none;border-radius:8px 8px 0 0;background:var(--color-bg);color:var(--color-text-suppressed);font-size:18px;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 -2px 4px var(--color-overlay);-webkit-tap-highlight-color:transparent}#layer-panel.drawer-open #panel-close-btn{display:flex}#panel-close-btn:active{color:var(--color-text)}}.layer-thumb-spacer{display:inline-block;width:var(--layer-thumb-display);height:var(--layer-thumb-display);flex-shrink:0;margin-right:var(--layer-element-gap)}.layer-item[data-kind=folder] .layer-thumb,.layer-item[data-kind=folder] .layer-thumb-spacer,.layer-item[data-kind=thumb] .layer-fold-icon,.layer-item[data-kind=thumb] .layer-thumb-spacer,.layer-item[data-kind=spacer] .layer-fold-icon,.layer-item[data-kind=spacer] .layer-thumb{display:none}#loading{position:fixed;inset:0;background:var(--color-overlay);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:200;color:var(--color-accent-text)}#loading[data-phase=startup]{background:var(--color-bg);color:var(--color-text)}#loading[hidden]{display:none}#loading-bar-container{width:300px;height:8px;background:var(--color-text-suppressed);border-radius:var(--border-radius);margin-top:12px;overflow:hidden}#loading[data-phase=startup] #loading-bar-container{background:var(--color-bg-hover2)}#loading-bar{position:relative;height:100%;background:var(--color-accent);width:0%;transition:width .1s ease}#loading[data-mode=indeterminate] #loading-bar{width:35%;animation:loading-bar-indeterminate 1.1s ease-in-out infinite}#loading[data-mode=determinate] #loading-bar{animation:none;transform:none}@keyframes loading-bar-indeterminate{0%{transform:translate(-140%)}to{transform:translate(320%)}}#error-overlay{position:fixed;bottom:0;left:0;right:0;max-height:40vh;overflow:auto;background:var(--color-overlay);color:var(--color-accent-alt);font-size:11px;padding:8px;z-index:999;white-space:pre-wrap}.error-body{white-space:pre-wrap;margin-bottom:var(--toolbar-element-gap)}#status-controls{float:right}.error-dialog{width:min(420px,80vw)}.archive-dialog,.archive-text-dialog{width:min(500px,80vw);min-width:300px;max-width:80vw;max-height:80vh}.archive-text-dialog{height:min(74vh,440px);position:relative}@media(pointer:fine){.archive-text-dialog{width:min(720px,90vw);min-width:420px;min-height:260px;max-width:90vw;max-height:85vh}}.archive-text-name{color:var(--color-text);margin-bottom:var(--toolbar-element-gap);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-text-body{border:1px solid var(--color-text-suppressed);border-radius:var(--border-radius);flex:1;min-height:0;overflow:auto;padding:var(--toolbar-element-gap);white-space:pre-wrap}.archive-list{flex:1;overflow-y:auto;margin-bottom:var(--toolbar-element-gap);border:1px solid var(--color-text-suppressed);border-radius:var(--border-radius);min-height:0}.archive-entry{display:flex;align-items:center;gap:var(--layer-element-gap);width:100%;min-height:var(--layer-row-height);padding:1px 8px;border:none;border-bottom:1px solid var(--color-bg-hover);background:transparent;color:var(--color-text);cursor:default;font-size:inherit;text-align:left;white-space:nowrap;user-select:none}.archive-entry:last-child{border-bottom:none}@media(hover:hover){.archive-entry:hover{background:var(--color-bg-hover)}}.archive-entry:focus-visible{outline:1px solid var(--color-accent);outline-offset:-1px}.archive-entry-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-entry-size{color:var(--color-text-suppressed);white-space:nowrap}@media(max-width:767px){.archive-entry{min-height:var(--mobile-layer-row-height);touch-action:pan-y}.archive-list{touch-action:pan-y}}.icon-checkbox-label{cursor:pointer}#status-controls .icon-checkbox-label{margin-left:var(--toolbar-element-gap)}