.home-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);display:flex;position:relative}.home-brand{align-items:center;gap:var(--space-2);min-height:var(--tap-target-min);display:flex}.home-brand-icon{color:var(--color-accent);flex-shrink:0;display:inline-flex}.home-brand-icon svg{width:22px;height:22px}.home-brand-name{font-family:var(--font-heading);font-weight:var(--weight-heading);font-size:var(--text-lg)}.home-nav{align-items:center;gap:var(--space-2);display:flex}.home-tools{position:relative}.home-tools-btn{align-items:center;gap:var(--space-1);min-height:var(--tap-target-min);min-width:44px;padding:var(--space-2) var(--space-3);color:var(--color-text);font-size:var(--text-base);font-weight:var(--weight-body-medium);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;display:inline-flex}.home-tools-btn:hover{background:var(--color-border-subtle)}.home-tools-chevron{color:var(--color-text-secondary);display:inline-flex}.home-tools-panel{top:calc(100% + var(--space-2));min-width:220px;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--color-text-secondary);font-size:var(--text-sm);position:absolute;right:0}.home-lang{align-items:center;gap:var(--space-1);padding-left:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);display:flex}.home-lang-icon{color:var(--color-text-secondary);flex-shrink:0;display:inline-flex}.home-lang-select{min-height:var(--tap-target-min);min-width:44px;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-1);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-body-medium);letter-spacing:.02em;cursor:pointer;background:0 0;border:none}.home-main{gap:var(--space-10);padding:var(--space-6) var(--space-4) var(--space-20);grid-template-columns:1fr;max-width:1200px;margin-inline:auto;display:grid}.home-upload-section{order:-1}.home-copy{gap:var(--space-10);flex-direction:column;display:flex}@media (width>=960px){.home-main{align-items:start;gap:var(--space-12);padding-block:var(--space-20);grid-template-columns:1.15fr .85fr}.home-upload-section{order:2}.home-copy{order:1}}.home-hero-title{font-size:clamp(2rem,1.3rem + 2.4vw,2.75rem)}.home-hero-reassurance{align-items:center;gap:var(--space-2);margin-top:var(--space-2);color:var(--color-success);font-weight:var(--weight-body-medium);display:inline-flex}.home-hero-reassurance-icon{flex-shrink:0;display:inline-flex}.home-hero-subtitle{margin-top:var(--space-4);color:var(--color-text-secondary);max-width:48ch}.home-demo-title{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-body-medium);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);margin-bottom:var(--space-3)}.home-demo-frame{aspect-ratio:2/3;max-width:320px;margin-top:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);touch-action:none;--split:50%;position:relative;overflow:hidden}.home-demo-layer{position:absolute;inset:0}.home-demo-layer svg,.home-demo-layer img{object-fit:cover;width:100%;height:100%;display:block}.home-demo-after{clip-path:inset(0 0 0 var(--split));transition:clip-path var(--duration-fast) var(--ease-standard)}.home-demo-badge{top:var(--space-3);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);font-size:var(--text-xs);font-weight:var(--weight-body-medium);box-shadow:var(--shadow-sm);position:absolute}.home-demo-badge-before{left:var(--space-3)}.home-demo-badge-after{right:var(--space-3)}.home-demo-divider{top:0;bottom:0;left:var(--split);background:var(--color-accent);width:2px;box-shadow:var(--shadow-sm);transition:left var(--duration-fast) var(--ease-standard);position:absolute}.home-demo-handle{top:50%;left:var(--split);background:var(--color-surface);border:2px solid var(--color-accent);border-radius:var(--radius-pill);width:40px;height:40px;color:var(--color-accent);box-shadow:var(--shadow-md);cursor:grab;transition:left var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.home-demo-slider{opacity:0;pointer-events:none;width:100%;height:100%;accent-color:var(--color-accent);margin:0;position:absolute;inset:0}.home-demo-slider:focus-visible~.home-demo-handle{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.upload-card{background:var(--color-surface);border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);transition:border-color var(--duration-base) var(--ease-standard), background-color var(--duration-base) var(--ease-standard)}.is-drag-active .upload-card{border-color:var(--color-accent);background:var(--color-bg);box-shadow:var(--shadow-lg)}.upload-status{min-height:1.5em;color:var(--color-error);font-size:var(--text-sm);font-weight:var(--weight-body-medium)}.upload-status:empty{display:none}.upload-status-info{color:var(--color-text-secondary)}.upload-dropzone{text-align:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.upload-idle,.upload-selected{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.upload-icon{color:var(--color-accent);display:inline-flex}.upload-idle[hidden],.upload-selected[hidden]{display:none}.upload-choose-btn{width:100%;max-width:280px}.upload-hint{color:var(--color-text-secondary);font-size:var(--text-sm)}.upload-selected-name{font-weight:var(--weight-body-medium);word-break:break-all}.upload-examples{margin-top:var(--space-6)}.upload-examples-title{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-3)}.upload-examples-list{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.upload-example{aspect-ratio:1;min-height:var(--tap-target-min);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:0;overflow:hidden}.upload-example svg{width:100%;height:100%;display:block}.upload-example:hover{border-color:var(--color-accent)}.upload-example picture,.upload-example img{object-fit:cover;width:100%;height:100%;display:block}.result-panel{gap:var(--space-4);margin-top:var(--space-6);flex-direction:column;grid-column:1/-1;display:flex}.result-panel[hidden]{display:none}.result-title{font-size:var(--text-xl,1.5rem)}.result-status{min-height:1.5em;font-size:var(--text-sm);color:var(--color-text-secondary)}.result-viewer{gap:var(--space-6);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (width>=900px){.result-viewer{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr)}}.compare-frame{border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:var(--color-surface);touch-action:none;-webkit-user-select:none;user-select:none;--split:50%;display:grid;position:relative;overflow:hidden}.compare-layer{grid-area:1/1;justify-content:center;align-items:center;display:flex}.compare-layer canvas{object-fit:contain;width:100%;height:auto;max-height:70vh;display:block}.compare-after{clip-path:inset(0 0 0 var(--split))}.compare-badge{top:var(--space-3);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);font-size:var(--text-xs);font-weight:var(--weight-body-medium);box-shadow:var(--shadow-sm);position:absolute}.compare-badge-before{left:var(--space-3)}.compare-badge-after{right:var(--space-3)}.compare-divider{top:0;bottom:0;left:var(--split);background:var(--color-accent);width:2px;box-shadow:var(--shadow-sm);position:absolute}.compare-handle{top:50%;left:var(--split);background:var(--color-surface);border:2px solid var(--color-accent);border-radius:var(--radius-pill);width:40px;height:40px;color:var(--color-accent);box-shadow:var(--shadow-md);cursor:grab;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.compare-slider{opacity:0;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.compare-slider:focus-visible~.compare-handle{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.result-controls{gap:var(--space-4);flex-direction:column;display:flex}.result-fieldset{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4) var(--space-4);margin:0}.result-fieldset legend{padding:0 var(--space-1);font-weight:var(--weight-body-medium);font-size:var(--text-sm)}.result-options{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.result-option{align-items:center;gap:var(--space-2);cursor:pointer;min-height:44px;display:inline-flex}.result-option input{accent-color:var(--color-accent);width:18px;height:18px}.result-color{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;width:44px;height:44px;padding:2px}.result-color:disabled{opacity:.5;cursor:not-allowed}.result-note,.result-size{font-size:var(--text-sm);color:var(--color-text-secondary)}.result-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.result-actions button{min-height:48px}.result-download:disabled{opacity:.55;cursor:progress}.compare-frame--editing{cursor:crosshair}.compare-frame--editing .compare-handle,.compare-frame--editing .compare-divider,.compare-frame--editing .compare-badge{display:none}.result-brush-size{align-items:center;gap:var(--space-3);margin-top:var(--space-3);font-size:var(--text-sm);display:flex}.result-brush-size input{accent-color:var(--color-accent);flex:1;min-height:44px}.result-touchup-actions{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.result-touchup-actions button{min-height:44px}.result-width{align-items:center;gap:var(--space-3);margin-top:var(--space-3);font-size:var(--text-sm);display:flex}.result-width input{width:8rem;min-height:44px;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit}.editor-head{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.editor-head .result-status{flex:12rem}.editor-history{gap:var(--space-2);display:flex}.editor-history .btn{min-height:44px;padding-inline:var(--space-4)}.editor-body{gap:var(--space-6);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (width>=900px){.editor-body{grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr)}}.editor-stage{min-width:0;position:relative}.editor-progress{left:var(--space-3);right:var(--space-3);bottom:var(--space-3);z-index:3;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);pointer-events:none;display:grid;position:absolute}.editor-progress[hidden]{display:none}.editor-progress-step,.editor-progress-batch{font-size:var(--text-sm);font-weight:var(--weight-body-medium);color:var(--color-text);margin:0}.editor-progress-batch{color:var(--color-text-secondary)}.editor-progress-bar{border-radius:var(--radius-pill);background:var(--color-border-subtle);height:6px;overflow:hidden}.editor-progress-bar[hidden]{display:none}.editor-progress-fill{height:100%;width:var(--progress,0%);border-radius:inherit;background:var(--color-accent);transition:width var(--duration-slow) var(--ease-standard);display:block}.editor-progress-bar-global .editor-progress-fill{background:var(--color-success)}.editor-stage[data-busy] .compare-frame:after{content:"";z-index:2;pointer-events:none;animation:editor-sweep 1.6s var(--ease-standard) infinite;background:linear-gradient(100deg,#0000 30%,#ffffff59 50%,#0000 70%) 0 0/250% 100%;position:absolute;inset:0}@keyframes editor-sweep{0%{background-position:120% 0}to{background-position:-120% 0}}@media (prefers-reduced-motion:reduce){.editor-stage[data-busy] .compare-frame:after{background:0 0;animation:none}.editor-progress-fill{transition:none}}.editor-tools{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.editor-tools>*{flex-shrink:0}.editor-tabs{gap:var(--space-1);scrollbar-width:thin;border-bottom:1px solid var(--color-border-subtle);display:flex;overflow-x:auto}.editor-tab{min-height:44px;padding:0 var(--space-3);color:var(--color-text-secondary);font:inherit;font-weight:var(--weight-body-medium);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:none}.editor-tab[aria-selected=true]{color:var(--color-text);border-bottom-color:var(--color-accent)}.editor-tab:focus-visible,.editor-panel:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:2px}.editor-panel{gap:var(--space-4);flex-direction:column;display:flex}.editor-panel[hidden]{display:none}.editor-fieldset{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4) var(--space-4);gap:var(--space-3);flex-direction:column;min-width:0;margin:0;display:flex}.editor-fieldset legend{padding:0 var(--space-1);font-weight:var(--weight-body-medium);font-size:var(--text-sm)}.editor-fieldset:disabled{opacity:.6}.editor-options,.editor-row{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.editor-option,.editor-check,.editor-color{align-items:center;gap:var(--space-2);cursor:pointer;min-height:44px;display:inline-flex}.editor-option input,.editor-check input{accent-color:var(--color-accent);width:18px;height:18px}.editor-color input{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;width:44px;height:44px;padding:2px}.editor-range{align-items:center;gap:0 var(--space-3);font-size:var(--text-sm);grid-template-columns:1fr auto;display:grid}.editor-range output{color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.editor-range input{width:100%;min-height:36px;accent-color:var(--color-accent);grid-column:1/-1}.editor-select{gap:var(--space-1);font-size:var(--text-sm);flex-direction:column;display:flex}.editor-select select{min-height:44px;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit}.editor-note{font-size:var(--text-sm);color:var(--color-text-secondary)}.editor-swatches{gap:var(--space-2);flex-wrap:wrap;display:flex}.editor-swatch{border-radius:var(--radius-pill);border:2px solid var(--color-border-strong);cursor:pointer;width:44px;height:44px;font-size:0}.editor-swatch-white{background:#fff}.editor-photos{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(96px,1fr));display:grid}.editor-photo{border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;aspect-ratio:8/5;border:2px solid #0000;padding:0;overflow:hidden}.editor-photo img{object-fit:cover;width:100%;height:100%;display:block}.editor-photo[aria-pressed=true]{border-color:var(--color-accent)}.editor-download{gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--color-border-subtle);flex-direction:column;display:flex}.editor-download-menu{gap:var(--space-3);flex-direction:column;display:flex}.editor-download-menu[hidden]{display:none}.editor-strip{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;display:flex;overflow-x:auto}.editor-strip-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:flex}.editor-thumb{flex:none;position:relative}.editor-thumb-open{border:2px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;width:64px;height:64px;padding:0;display:block;overflow:hidden}.editor-thumb-open img{object-fit:cover;width:100%;height:100%;display:block}.editor-thumb.is-current .editor-thumb-open{border-color:var(--color-accent)}.editor-thumb[data-status=queued] img,.editor-thumb[data-status=processing] img{opacity:.55}.editor-thumb[data-status=error] .editor-thumb-open{border-color:var(--color-error)}.editor-thumb-remove{border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-surface);width:26px;height:26px;color:var(--color-text);cursor:pointer;font-size:16px;line-height:1;position:absolute;top:-8px;right:-8px}.editor-add{border:2px dashed var(--color-border-strong);border-radius:var(--radius-sm);width:64px;height:64px;color:var(--color-text);cursor:pointer;background:0 0;flex:none;font-size:28px}.editor-shortcuts{margin-top:calc(-1 * var(--space-2))}@media (width<=719px){.editor-tools{z-index:5;max-height:55vh;margin-inline:calc(-1 * var(--space-4));padding:var(--space-3) var(--space-4) var(--space-4);background:var(--color-surface);border-top:1px solid var(--color-border-subtle);border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:sticky;bottom:0;overflow-y:auto;box-shadow:0 -8px 24px #14161a1f}.editor-tabs{top:calc(-1 * var(--space-3));background:var(--color-surface);z-index:1;position:sticky}.editor-shortcuts{display:none}}@media (prefers-reduced-motion:reduce){.editor-tab,.editor-photo{transition:none}}