:root{color-scheme:light;--bg: #f5f7fb;--surface: #ffffff;--surface-muted: #f0f5ff;--surface-subtle: #fafafa;--border: #d9d9d9;--border-strong: #bfbfbf;--text: #1f1f1f;--text-muted: #595959;--accent: #1677ff;--accent-soft: #e6f4ff;--success: #13a86b;--danger: #cf1322;--danger-soft: #fff1f0;--shadow: 0 8px 24px rgba(31, 31, 31, .08);--radius-lg: 8px;--radius-md: 6px;--radius-sm: 4px;--content-width: 1480px;--shell-gap: 16px}*{box-sizing:border-box}html{min-height:100%;background:var(--bg);scroll-behavior:smooth;scroll-padding-top:calc(84px + env(safe-area-inset-top));overflow-x:hidden}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg);overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.56}button:disabled{border-color:#d9d9d9!important;background:#f5f5f5!important;color:#8c8c8c!important;box-shadow:none!important}a{color:var(--accent);text-decoration:none}a:hover,a:focus-visible{text-decoration:underline}img,canvas{display:block;max-width:100%}.app-shell{padding:calc(18px + env(safe-area-inset-top)) calc(18px + env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) calc(18px + env(safe-area-inset-left))}.app-frame{width:min(100%,var(--content-width));margin:0 auto;display:grid;gap:var(--shell-gap)}.app-header,.workspace-panel,.panel,.ad-slot,.module-nav{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.app-header{border-radius:var(--radius-lg);padding:20px;display:flex;gap:20px;align-items:center;justify-content:space-between}.brand-block{min-width:0}.brand-block,.lead{overflow-wrap:anywhere}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:0;color:var(--success);font-size:.75rem;font-weight:700}h1,h2,p{margin-top:0}h1{margin-bottom:10px;font-size:2.25rem;line-height:1.08}.lead{margin-bottom:0;max-width:64ch;color:var(--text-muted)}.header-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;align-items:center}.upload-card{min-width:min(100%,280px);padding:14px 16px;border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-subtle);display:grid;gap:4px;align-content:start;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.upload-card--primary{border-style:solid;border-color:#31c46b;background:#31c46b;color:#0b1410;box-shadow:0 3px #08502a2e}.upload-card--primary .upload-card__hint{color:#102319}.upload-card:hover,.upload-card:focus-within{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px #1677ff1f}.upload-card--primary:hover,.upload-card--primary:focus-within{border-color:#22a957;background:#45d67c;box-shadow:0 0 0 2px #31c46b33,0 3px #08502a2e}.donation-link{width:100%;min-height:44px;padding:10px 13px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);display:inline-flex;gap:10px;align-items:center;justify-content:flex-start;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.donation-link:hover,.donation-link:focus-visible{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px #1677ff1f;text-decoration:none}.donation-link__icon{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);display:inline-grid;place-items:center;flex:0 0 auto}.donation-link__icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.donation-link__title{font-size:.92rem;font-weight:700;line-height:1.2}.upload-card.is-dragover{border-color:var(--success);background:#f6ffed;box-shadow:0 0 0 2px #13a86b29}.upload-card input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0}.upload-card__title{font-weight:700}.upload-card__hint{color:var(--text-muted);font-size:.94rem}.btn,.tool-btn,.module-action,.module-tab{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.btn{padding:11px 16px;font-weight:700}.btn:hover,.btn:focus-visible,.tool-btn:hover,.tool-btn:focus-visible,.module-action:hover,.module-action:focus-visible,.module-tab:hover,.module-tab:focus-visible{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px #1677ff1f;outline:none;text-decoration:none}.btn--primary{border-color:var(--accent);background:var(--accent);color:#fff}.btn--primary:hover,.btn--primary:focus-visible{background:#0958d9}.btn--secondary{background:var(--surface-subtle)}.btn--success{border-color:#95de64;background:#95de64;color:#1f1f1f}.btn--success:hover,.btn--success:focus-visible{border-color:#73d13d;background:#73d13d;color:#1f1f1f}.btn--danger{border-color:#ff7875;background:#ff7875;color:#1f1f1f}.btn--danger:hover,.btn--danger:focus-visible{border-color:#ff4d4f;background:#ff4d4f;color:#1f1f1f}.app-main{display:grid;grid-template-columns:220px minmax(0,1fr) minmax(300px,370px);gap:var(--shell-gap);align-items:stretch}.module-rail{position:sticky;top:calc(16px + env(safe-area-inset-top));z-index:5;display:grid;align-self:start;min-width:0}.module-nav{border-radius:var(--radius-lg);overflow:hidden;height:auto}.module-nav__summary{min-height:52px;padding:14px 16px;display:flex;align-items:center;font-weight:700}#toolboxTitle{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.language-control{display:block;color:var(--text-muted);font-size:.82rem;font-weight:500;min-width:0}.language-control select{width:160px;min-width:0;max-width:100%;height:34px;padding:5px 20px 5px 8px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.language-control select option{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.module-nav__content{padding:0 12px 14px;display:grid;grid-template-rows:auto;gap:14px}.module-tabs{display:grid;gap:8px}.module-tab{min-height:42px;padding:10px 12px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;color:var(--text);font-weight:650;text-align:left}.module-tab__title,.module-tab__hint{display:block;width:100%}.module-tab__hint{color:var(--text-muted);font-size:.78rem;font-weight:500;line-height:1.25}.module-tab.is-active,.module-tab[aria-selected=true]{border-color:var(--accent);background:var(--accent-soft);color:#0958d9}.module-panel[hidden],.panel[hidden],[data-module-inspector][hidden],[data-module-toolbar][hidden],[data-module-status][hidden],[data-module-workspace][hidden],.option-row[hidden],.background-progress[hidden],.background-comparison[hidden],#backgroundCompareSourceCanvas[hidden],#backgroundCompareHandle[hidden],.module-panel--ghost{display:none!important}.btn--input{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;overflow:hidden;text-align:center}.btn--input input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0}.module-actions{padding-top:12px;border-top:1px solid var(--border);display:grid;gap:8px}.module-settings{padding-top:12px;border-top:1px solid var(--border);display:grid;align-content:start;gap:8px}.module-settings__label,.module-support__label{margin:0;color:var(--text-muted);font-size:.78rem;font-weight:700;line-height:1.2;text-transform:uppercase}.module-support{padding-top:12px;border-top:1px solid var(--border);display:grid;align-content:start;gap:10px}.module-support__links{display:grid;gap:8px}.module-support__note{margin:0;color:var(--text-muted);font-size:.78rem;line-height:1.45}.module-action{width:100%;min-height:40px;padding:9px 12px;display:inline-flex;align-items:center;justify-content:center;font-weight:650}.module-action--danger{color:var(--danger);background:var(--danger-soft);border-color:#ffccc7}.module-action--danger:hover,.module-action--danger:focus-visible{border-color:var(--danger);background:#fff2f0}.workspace-column,.sidebar{display:grid;gap:var(--shell-gap);min-width:0;align-content:start}.shared-workspace{grid-column:2;grid-row:1 / span 2}.sidebar{grid-column:3;grid-row:1}.workspace-panel{border-radius:var(--radius-lg);padding:16px;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:14px;min-height:min(860px,calc(100vh - 120px));align-content:stretch}.background-compare-frame{--background-compare-position: 50%;position:relative;width:min(100%,var(--background-preview-source-width, 1200px));aspect-ratio:var(--background-preview-aspect-ratio, 720 / 520);justify-self:center;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background-color:#fff;background-image:linear-gradient(45deg,#d9d9d9 25%,transparent 25%),linear-gradient(-45deg,#d9d9d9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d9d9d9 75%),linear-gradient(-45deg,transparent 75%,#d9d9d9 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}#backgroundResultCanvas,#backgroundCompareSourceCanvas{display:block;width:100%;height:100%;min-height:0}#backgroundCompareSourceCanvas{position:absolute;inset:0;clip-path:polygon(0 0,var(--background-compare-position) 0,var(--background-compare-position) 100%,0 100%)}.background-compare-handle{position:absolute;top:0;bottom:0;left:var(--background-compare-position);width:2px;background:var(--accent);box-shadow:0 0 0 1px #ffffffeb;transform:translate(-1px);pointer-events:none}.background-compare-frame.has-comparison{cursor:ew-resize;touch-action:none}.background-progress{display:grid;gap:8px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--accent-soft)}.background-progress__header,.background-comparison__labels{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-muted);font-size:.9rem}.background-progress__track{height:8px;overflow:hidden;border-radius:var(--radius-sm);background:#1677ff29}.background-progress__track span{display:block;width:0;height:100%;border-radius:inherit;background:var(--accent);transition:width .16s ease}.background-comparison{display:grid;gap:8px}.background-comparison label{color:var(--text-muted);font-size:.94rem}.background-comparison input[type=range]{width:100%;accent-color:var(--accent)}.advanced-options{display:grid;gap:12px;padding:10px 0 0}.advanced-options summary{min-height:38px;display:flex;align-items:center;cursor:pointer;color:var(--accent);font-weight:700}.privacy-note{margin:0;padding:10px 12px;border:1px solid #ffe58f;border-radius:var(--radius-md);background:#fffbe6;color:#5f4b00;font-size:.92rem}.method-note{display:grid;gap:4px;padding:10px 12px;border:1px solid #d6e4ff;border-radius:var(--radius-md);background:#f8fbff}.method-note strong{font-size:.94rem;color:#0958d9}.method-note p{margin:0;color:var(--text-muted);font-size:.92rem}.method-note[data-tone=success]{border-color:#b7eb8f;background:#f6ffed}.method-note[data-tone=success] strong{color:#237804}.method-note[data-tone=warning]{border-color:#ffe58f;background:#fffbe6}.method-note[data-tone=warning] strong{color:#ad6800}.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:8px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-subtle);align-self:start}.toolbar-group{display:flex;flex-wrap:wrap;gap:8px}.toolbar-group--primary{flex:1 1 auto}.tool-btn{padding:8px 12px;min-height:38px;font-weight:600}.tool-btn[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:#0958d9}.tool-btn--primary{border-color:var(--accent);background:var(--accent);color:#fff}.tool-btn--primary:hover,.tool-btn--primary:focus-visible{background:#0958d9;color:#fff}.tool-btn--success{border-color:#95de64;background:#95de64;color:#1f1f1f}.tool-btn--success:hover,.tool-btn--success:focus-visible{border-color:#73d13d;background:#73d13d;color:#1f1f1f}.tool-btn--danger{border-color:#ff7875;background:#ff7875;color:#1f1f1f}.tool-btn--danger:hover,.tool-btn--danger:focus-visible{border-color:#ff4d4f;background:#ff4d4f;color:#1f1f1f}.tool-btn--toggle{min-width:96px;padding-inline:12px}.status-bar{display:flex;flex-wrap:wrap;gap:8px;align-self:start}.status-pill{padding:6px 10px;border-radius:999px;background:var(--surface-muted);border:1px solid #bae0ff;color:#0958d9;font-size:.92rem}.canvas-wrap{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px;min-width:0;min-height:0}.canvas-stage{position:relative;min-height:0;border-radius:var(--radius-lg);overflow:auto;background-color:#fff;background-image:linear-gradient(45deg,#d9d9d9 25%,transparent 25%),linear-gradient(-45deg,#d9d9d9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d9d9d9 75%),linear-gradient(-45deg,transparent 75%,#d9d9d9 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border:1px solid var(--border)}.canvas-stage--background{display:grid;place-items:center;padding:12px}.canvas-stage--background:not(.is-image-loaded) .background-compare-frame{visibility:hidden}.canvas-stage--atlas{min-height:0;padding:16px;overflow:visible;background:#f8fafc;background-image:none}body[data-active-module=background-removal] .shared-workspace .canvas-stage:not(.is-image-loaded){min-height:0;aspect-ratio:4 / 3}body[data-active-module=background-removal] .shared-workspace .canvas-stage:not(.is-image-loaded) #sheetCanvas{height:100%;min-height:0}.canvas-stage.is-image-loaded{min-height:0;display:grid;place-items:center;padding:12px}.canvas-stage.is-workspace-active{outline:2px solid rgba(22,119,255,.28);outline-offset:3px}.canvas-stage.grid-enabled{background-image:linear-gradient(45deg,#d9d9d9 25%,transparent 25%),linear-gradient(-45deg,#d9d9d9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d9d9d9 75%),linear-gradient(-45deg,transparent 75%,#d9d9d9 75%),linear-gradient(0deg,rgba(22,119,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(22,119,255,.08) 1px,transparent 1px);background-position:0 0,0 10px,10px -10px,-10px 0,0 0,0 0;background-size:20px 20px,20px 20px,20px 20px,20px 20px,16px 16px,16px 16px}.canvas-stage .canvas-container{max-width:100%}#sheetCanvas{width:100%;height:100%;min-height:0;background-color:#fff;background-image:linear-gradient(45deg,#d9d9d9 25%,transparent 25%),linear-gradient(-45deg,#d9d9d9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d9d9d9 75%),linear-gradient(-45deg,transparent 75%,#d9d9d9 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.canvas-stage .lower-canvas{background-color:#fff;background-image:linear-gradient(45deg,#d9d9d9 25%,transparent 25%),linear-gradient(-45deg,#d9d9d9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d9d9d9 75%),linear-gradient(-45deg,transparent 75%,#d9d9d9 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.canvas-stage.is-image-loaded .canvas-container{width:min(100%,var(--canvas-source-width, 1200px))!important;height:auto!important;aspect-ratio:var(--canvas-aspect-ratio, 1200 / 840);max-height:none}.canvas-stage.is-image-loaded #sheetCanvas,.canvas-stage.is-image-loaded .lower-canvas,.canvas-stage.is-image-loaded .upper-canvas{width:100%!important;height:100%!important;min-height:0}.empty-state{position:absolute;inset:0;display:grid;place-content:center;gap:10px;padding:28px;text-align:center;color:var(--text-muted);pointer-events:none}.canvas-stage.is-image-loaded .empty-state,.empty-state[hidden],.atlas-empty-state[hidden],.atlas-overflow-notice[hidden]{display:none!important}.empty-state h2{margin-bottom:0;color:var(--text)}.empty-state ul{margin:0;padding-left:18px;text-align:left;justify-self:center;max-width:38ch}.empty-state__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;pointer-events:auto}.empty-state__actions .btn{min-width:148px}.atlas-workspace{display:grid;gap:16px}.atlas-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.atlas-summary,.atlas-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.atlas-summary-card,.atlas-stat-card{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.atlas-summary-card__label,.atlas-stat-card__label{color:var(--text-muted);font-size:.88rem}.atlas-summary-card__value,.atlas-stat-card__value{font-size:1rem;line-height:1.2}.atlas-workspace__body{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:16px;align-items:start}.atlas-pane{display:grid;gap:14px;min-width:0;padding:16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.atlas-pane__header{display:grid;gap:6px}.atlas-pane__header h2{margin:0;font-size:1.05rem}.atlas-pane__header p{margin:0;color:var(--text-muted)}.atlas-pane__eyebrow{margin:0;color:var(--accent);font-size:.78rem;font-weight:700;text-transform:uppercase}.atlas-dropzone{display:grid;gap:6px;padding:14px 16px;border:1px dashed #91caff;border-radius:var(--radius-md);background:#f5faff;color:var(--text)}.atlas-dropzone p{margin:0}.atlas-dropzone__hint{color:var(--text-muted);font-size:.9rem}.atlas-list-shell{display:grid;gap:12px;min-height:0}.atlas-sprite-list{margin:0;padding:0;list-style:none;display:grid;gap:10px;align-content:start}.atlas-sprite-list.is-scrollable{max-height:910px;overflow-y:auto;padding-right:4px;scrollbar-gutter:stable}.atlas-sprite-item{display:grid;grid-template-columns:auto 56px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-subtle)}.atlas-sprite-item.is-selected{border-color:var(--accent);background:#f0f8ff;box-shadow:0 0 0 1px #1677ff2e}.atlas-sprite-item.is-missing{border-style:dashed}.atlas-sprite-item.is-dragging{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px #1677ff1f}.atlas-sprite-item.is-drop-target{border-color:#69b1ff;background:#f0f8ff}.atlas-sprite-handle,.atlas-sprite-remove{min-height:36px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.atlas-sprite-handle{color:var(--text-muted);font-weight:600}.atlas-sprite-remove{color:var(--danger)}.atlas-sprite-thumb{width:56px;height:56px;border-radius:var(--radius-sm);border:1px solid var(--border);background:linear-gradient(45deg,#d9d9d9 25%,transparent 25%),linear-gradient(-45deg,#d9d9d9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d9d9d9 75%),linear-gradient(-45deg,transparent 75%,#d9d9d9 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;background-color:#fff}.atlas-sprite-meta{min-width:0;display:grid;gap:4px}.atlas-sprite-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.atlas-sprite-size{color:var(--text-muted);font-size:.9rem}.atlas-preview-frame{position:relative;min-height:360px;padding:16px;overflow:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(45deg,#d9d9d9 25%,transparent 25%),linear-gradient(-45deg,#d9d9d9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d9d9d9 75%),linear-gradient(-45deg,transparent 75%,#d9d9d9 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;background-color:#fff}#atlasPreviewCanvas{width:min(100%,1024px);height:auto;margin:0 auto;background-color:transparent}.atlas-empty-state{display:grid;place-content:center;gap:8px;min-height:220px;padding:20px;text-align:center;color:var(--text-muted)}.atlas-empty-state--inline{min-height:180px;border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--surface-subtle)}.atlas-empty-state h3{margin:0;color:var(--text);font-size:1rem}.atlas-empty-state p{margin:0}.atlas-overflow-notice{padding:10px 12px;border:1px solid #ffccc7;border-radius:var(--radius-md);background:#fff2f0;color:var(--danger);font-size:.92rem}.atlas-overflow-notice--panel{margin-top:-4px}.panel-footnote{margin:-4px 0 0;color:var(--text-muted);font-size:.9rem}.method-note--atlas{gap:6px}.method-note--atlas p{margin:0}.workspace-caption{margin:0 2px;color:var(--text-muted);font-size:.9rem;text-align:center}.panel{border-radius:var(--radius-lg);padding:18px;align-self:start}.panel__header h2{margin-bottom:8px;font-size:1.1rem}.panel__header p{margin-bottom:0;color:var(--text-muted)}.panel{display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}.form-grid label{font-size:.94rem;color:var(--text-muted)}.form-grid input,.form-grid select,.option-row input,.option-row select{width:100%;min-height:40px;padding:9px 11px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text)}.form-grid input:focus,.form-grid select:focus,.option-row input:focus,.option-row select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #1677ff1f;outline:none}.form-grid input[type=range]{padding-inline:0}.form-grid input[type=checkbox],.option-row input[type=checkbox]{width:20px;height:20px;min-height:20px;padding:0;justify-self:start;accent-color:var(--accent)}.panel-actions{display:flex;gap:10px;flex-wrap:wrap}.panel-actions--compact .btn{flex:1 1 0}.export-options{display:grid;gap:12px}.option-row{display:grid;gap:6px}.option-row span{color:var(--text-muted);font-size:.94rem}.option-row--inline{grid-template-columns:1fr auto;align-items:center}.ad-slot{border-radius:var(--radius-lg);padding:16px;min-height:88px}body:not([data-ads-visible=true]) .ad-slot{display:none!important}.ad-slot__inner{min-height:56px;display:grid;gap:4px;align-content:center;justify-items:center;text-align:center;color:var(--text-muted)}.ad-slot__label{text-transform:uppercase;letter-spacing:0;font-size:.72rem;font-weight:700;color:var(--success)}:target{scroll-margin-top:calc(84px + env(safe-area-inset-top))}@media(max-width:1200px){.app-main{grid-template-columns:220px minmax(0,1fr)}.shared-workspace{grid-column:2;grid-row:1}.sidebar{grid-column:1 / -1;grid-row:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.atlas-workspace__body{grid-template-columns:1fr}}@media(max-width:860px){.app-shell{padding:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left))}.app-main{grid-template-columns:1fr;align-items:start}.shared-workspace,.sidebar{grid-column:1;grid-row:auto}.module-rail{grid-row:1}.module-rail{top:env(safe-area-inset-top)}.module-nav{border-radius:var(--radius-lg);height:auto}.module-nav__summary{min-height:44px;padding:10px 12px}.module-nav__content{padding:0 10px 10px;grid-template-rows:auto;gap:10px}.module-support{align-self:auto}.module-tabs{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.module-tabs::-webkit-scrollbar{display:none}.module-tab{flex:0 0 auto;min-width:156px;justify-content:center}.module-actions{display:flex;overflow-x:auto}.module-action{flex:0 0 auto;width:auto;min-width:116px}.app-header{flex-direction:column;align-items:stretch}h1{font-size:1.8rem}.header-actions{justify-content:stretch}.upload-card{min-width:0;width:100%}.donation-link{width:100%}.sidebar,.form-grid{grid-template-columns:1fr}.background-comparison__labels{flex-direction:column;align-items:flex-start}.atlas-toolbar,.atlas-summary,.atlas-stats-grid{grid-template-columns:1fr}.atlas-sprite-item{grid-template-columns:auto 48px minmax(0,1fr)}.atlas-sprite-remove{grid-column:1 / -1}.canvas-stage{min-height:540px}.canvas-stage--atlas{min-height:0;padding:12px}#sheetCanvas{height:min(60vh,620px);min-height:540px}.canvas-stage.is-image-loaded{min-height:0}.panel-actions,.toolbar-group{width:100%}.tool-btn,.btn{flex:1 1 auto}}@media(max-width:460px){.app-frame{gap:12px}.workspace-panel,.panel,.ad-slot,.app-header{padding:14px}.toolbar-group{gap:6px}.toolbar-group .tool-btn{flex:1 1 calc(50% - 3px);min-width:0}.panel-actions{flex-direction:column}.panel-actions .btn{width:100%}.empty-state{padding:20px}.empty-state ul{padding-left:16px}.atlas-pane,.atlas-summary-card,.atlas-stat-card{padding:14px}.atlas-preview-frame{min-height:280px;padding:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}