:root{--ink:#24221e;--paper:#f8f6f1;--canvas:#e8e5df;--line:#e4e0d8;--muted:#817d74;--seal:#a64032;--panel:340px;color:var(--ink);background:var(--paper);font-family:ui-sans-serif,PingFang SC,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:0;min-height:100%;margin:0}body{background:var(--paper);overflow:hidden}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:5px;padding:7px 10px}button:hover:not(:disabled){border-color:#bdb6ab}button:disabled{opacity:.45;cursor:not-allowed}.primary{border-color:var(--ink);background:var(--ink);color:#fff}.secondary{background:#fff}.wide{justify-content:center;width:100%}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.wb{background:#fff;grid-template-rows:64px minmax(0,1fr) auto;height:100dvh;display:grid;overflow:hidden}.wb header{border-bottom:1px solid var(--line);grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:8px 22px;display:grid}.wb header>b{letter-spacing:.08em;font:600 30px Georgia,Songti SC,serif}.header-center{justify-content:center;align-items:center;gap:12px;min-width:0;display:flex}.header-center h1{text-overflow:ellipsis;white-space:nowrap;max-width:260px;margin:0;font-size:15px;font-weight:500;overflow:hidden}.mode-toggle{display:flex}.mode-toggle button{border-radius:0;min-width:54px}.mode-toggle button:first-child{border-radius:5px 0 0 5px}.mode-toggle button:last-child{border-radius:0 5px 5px 0}.mode-toggle button.active,.toolbar button.active,.tabs button.active,.status-bar button.selected{background:var(--ink);border-color:var(--ink);color:#fff}.header-actions{white-space:nowrap;justify-content:flex-end;align-items:center;gap:7px;min-width:0;display:flex}.account-menu{position:relative}.account-menu summary{max-width:180px;color:var(--muted);cursor:pointer;align-items:center;gap:5px;list-style:none;display:flex}.account-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-menu summary::-webkit-details-marker{display:none}.account-menu-popover{z-index:30;border:1px solid var(--line);background:#fff;width:210px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 24px #0002}.account-menu-popover b{overflow-wrap:anywhere;padding:5px;font-size:12px;display:block}.account-menu-popover button{text-align:left;border:0;width:100%}.header-status{color:#5c7b62}.export-button{align-items:center;gap:5px;display:flex}.mobile-history,.mobile-quick-menu{display:none}.ps-grid{grid-template-columns:54px minmax(0,1fr) var(--side-panel-width,var(--panel));min-height:0;display:grid;overflow:hidden}.toolbar{background:#24221e;flex-direction:column;align-items:center;gap:8px;padding:10px 7px;display:flex}.toolbar button{color:#d9d6d0;background:0 0;border:0;place-items:center;width:38px;height:38px;padding:0;display:grid}.toolbar button:hover,.toolbar button.active{color:#fff;background:#9f4437}.workspace{grid-template-rows:auto minmax(0,1fr) 44px;min-width:0;min-height:0;display:grid;overflow:hidden}.options-bar{border-bottom:1px solid var(--line);white-space:nowrap;align-items:center;gap:8px;min-height:42px;padding:4px 14px;display:flex;overflow-x:auto}.options-bar.idle-options{color:var(--muted)}.options-hint{color:var(--muted);font-size:13px}.opt-label{align-items:center;gap:5px;font-size:13px;display:flex}.opt-label input[type=range]{width:120px}.swatch-group{gap:5px;display:flex}.swatch{border-radius:4px;width:23px;height:23px;padding:0}.swatch.active{outline:2px solid var(--ink);outline-offset:2px}.art{background:var(--canvas);touch-action:none;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.images{transform-origin:50%;will-change:transform;-webkit-user-select:none;user-select:none;position:relative}.base-art,.compare-layer img{object-fit:fill;pointer-events:none;width:100%;height:100%;display:block}.paint-mask{width:100%;height:100%;position:absolute;inset:0}.compare-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.images>i{background:var(--seal);width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #fff}.images>input[type=range]{opacity:0;cursor:ew-resize;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0}.persp-dot{background:var(--seal);color:#fff;border-radius:50%;place-items:center;width:21px;height:21px;font-size:11px;display:grid;position:absolute;transform:translate(-50%,-50%)}.process,.preview-badge,.preview-error,.canvas-notice{z-index:4;border-radius:6px;position:absolute;box-shadow:0 3px 12px #0002}.process{color:var(--ink);background:#fff;align-items:center;gap:7px;padding:8px 12px;font-size:13px;display:flex;top:12px;left:50%;transform:translate(-50%)}.preview-badge{color:#685e50;background:#fffdf9;align-items:center;gap:6px;padding:5px 7px;font-size:12px;display:flex;top:9px;left:9px}.preview-badge button{color:var(--seal);background:0 0;border:0;padding:3px 6px}.preview-error,.canvas-notice{max-width:min(360px,86%);color:var(--seal);text-align:center;background:#fff;padding:12px 14px;top:50%;left:50%;transform:translate(-50%,-50%)}.canvas-notice{color:var(--muted)}.status-bar{border-top:1px solid var(--line);white-space:nowrap;background:#fff;align-items:center;gap:7px;padding:5px 12px;display:flex}.status-bar button{padding:5px 8px;font-size:12px}.status-bar span{text-align:center;min-width:42px;font-size:12px}.status-bar nav{gap:4px;margin-left:auto;display:flex}.status-bar nav button{background:0 0;border:0}.side-panel{border-left:1px solid var(--line);background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.panel-resize{z-index:5;cursor:col-resize;background:0 0;border:0;width:8px;padding:0;position:absolute;top:0;bottom:0;left:-4px}.panel-toggle{z-index:5;background:0 0;border:0;padding:4px 6px;position:absolute;top:9px;right:8px}.panel-collapsed .side-panel{display:none}.panel-collapsed .ps-grid{grid-template-columns:54px minmax(0,1fr) 0}.panel-reopen{z-index:9;position:absolute;top:73px;right:8px}.sheet-handle,.sheet-close{display:none}.tabs{border-bottom:1px solid var(--line);flex:none;padding-right:38px;display:flex}.tabs button{min-width:0;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:1;padding:13px 7px;font-size:13px}.tabs button.active{border-bottom-color:var(--seal);color:var(--ink);background:0 0}.panel-body{flex:1;min-height:0;padding:18px;overflow:auto}.panel-body h2,.panel-body h3{margin:0 0 12px;font-family:Georgia,Songti SC,serif}.panel-body p{line-height:1.65}.record,.project-card{text-align:left;gap:10px;width:100%;margin:0 0 8px;padding:8px;display:flex}.record img,.project-card img{object-fit:cover;background:#eee;width:44px;height:44px}.record span,.project-card-copy{min-width:0}.record small,.project-card small{color:var(--muted);margin-top:4px;display:block}.track-badge{color:var(--seal);background:#f2e3dd;border-radius:3px;margin-left:4px;padding:1px 4px;font-size:10px;font-style:normal;display:inline-block}.track-badge.fidelity{color:#46724e;background:#e6eee7}.tick{align-items:flex-start;gap:8px;margin:9px 0;display:flex}.tick small{color:var(--muted);margin-top:2px;display:block}.muted{color:var(--muted);font-size:13px}.quality{background:#f1f7f1;border-left:3px solid #68906d;padding:10px}.feedback-actions,.dialog-actions,.mobile-adjust-actions{gap:8px;display:flex}.mobile-adjust-actions{display:none}.retouch-note{color:var(--muted);margin-top:4px;font-family:inherit;font-size:12px;font-weight:400;display:block}.retouch-group{border-top:1px solid var(--line);padding:12px 0}.retouch-group h4{margin:0 0 6px}.retouch-row{align-items:center;gap:8px;min-height:44px;display:flex}.retouch-row label{flex:1;align-items:center;gap:7px;min-width:0;display:flex}.retouch-row input[type=range]{min-width:94px;accent-color:var(--seal);flex:1}.retouch-row button{padding:5px 7px;font-size:12px}.retouch-export-label{color:var(--muted);font-size:13px}.account-credit-card{border:1px solid var(--line);background:#f7f4ed;margin:12px 0;padding:16px}.account-credit-card b{font-size:28px}.account-legal{justify-content:center;gap:12px;margin-top:18px;display:flex}.account-legal button,.account-danger{color:var(--muted);background:0 0;border:0}.account-danger{color:var(--seal)}.mobile-version-entry,.mobile-tabbar{display:none}.legal-links{background:#fff;justify-content:center;gap:20px;padding:8px;display:flex}.legal-links button{color:var(--muted);background:0 0;border:0;font-size:12px}.empty{background:var(--paper);text-align:center;min-height:100dvh;padding:8vh 20px}.intro b{font:600 42px Georgia,Songti SC,serif}.intro h1{margin:8px 0}.drop{cursor:pointer;background:#fff;border:1px dashed #bcb5aa;place-items:center;gap:10px;max-width:560px;margin:28px auto;padding:42px 20px;display:grid}.drop.dragging{border-color:var(--seal);background:#fff7f4}.drop h2{margin:0}.uploading-note{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin:12px auto;display:flex}.toast{color:var(--seal);background:#fbeae7;border:1px solid #e3b7af;border-radius:8px;align-items:center;gap:7px;max-width:min(480px,92%);margin:12px auto;padding:10px 14px;font-size:14px;display:flex}.recent{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.recent .project-card{max-width:260px}.modal{z-index:100;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal>div,.modal form{background:#fff;width:min(480px,100%);max-height:90dvh;padding:24px;overflow:auto}.modal .close{float:right;background:0 0;border:0;font-size:24px}.modal label{text-align:left;gap:6px;margin:12px 0;display:grid}.modal input,.modal textarea{border:1px solid var(--line);border-radius:5px;width:100%;padding:10px}.auth-submit{justify-content:center;width:100%;min-height:48px;margin:20px 0 10px;display:flex}.delete-modal{color:var(--ink)}.danger-button{border-color:var(--seal);background:var(--seal);color:#fff}@media (width<=899px){.wb{grid-template-rows:54px minmax(0,1fr) auto;height:100dvh}.wb header{grid-template-columns:78px minmax(0,1fr) 42px;gap:4px;padding:5px 9px}.wb header>b{font-size:23px}.header-center{justify-content:center;gap:7px;min-width:0}.header-center h1{display:none}.mode-toggle button{min-width:48px;padding:7px 8px}.header-actions{display:none}.mobile-history{gap:1px;display:flex;position:absolute;top:10px;right:48px}.mobile-history button{background:0 0;border:0;place-items:center;width:28px;height:32px;padding:0;display:grid}.mobile-quick-menu{z-index:20;display:block;position:relative}.mobile-quick-menu>button{background:0 0;border:0;place-items:center;width:34px;height:34px;padding:0;display:grid}.mobile-quick-menu-popover{z-index:40;border:1px solid var(--line);background:#fff;width:210px;padding:8px;position:fixed;top:58px;right:8px;box-shadow:0 8px 24px #0003}.mobile-quick-menu-popover button{text-align:left;border:0;align-items:center;gap:8px;width:100%;display:flex}.ps-grid{grid-template-rows:minmax(0,1fr) 0;grid-template-columns:minmax(0,1fr)}.mobile-sheet-half .ps-grid{grid-template-rows:minmax(0,58%) minmax(0,42%)}.mobile-sheet-full .ps-grid{grid-template-rows:minmax(120px,32%) minmax(0,68%)}.toolbar{display:none}.workspace{grid-row:1;grid-template-rows:auto minmax(0,1fr) 42px}.options-bar{min-height:35px;padding:2px 9px}.options-bar.idle-options{display:none}.options-bar button{padding:5px 7px;font-size:12px}.options-hint{font-size:11px}.art{min-height:0}.status-bar{overscroll-behavior-x:contain;gap:3px;padding:4px 7px;overflow-x:auto}.status-bar button{flex:none;padding:5px 6px;font-size:11px}.status-bar .status-undo,.status-bar .status-zoom{display:none}.status-bar .status-fit{font-size:11px}.status-bar span{min-width:36px}.status-bar nav{gap:1px;margin-left:4px}.status-bar nav button{padding:5px}.side-panel{border-left:0;border-top:1px solid var(--line);grid-row:2;min-height:0;display:none}.mobile-sheet-half .side-panel,.mobile-sheet-full .side-panel{display:flex}.panel-resize,.panel-toggle,.panel-reopen,.tabs{display:none}.sheet-handle{background:linear-gradient(#c9c4ba,#c9c4ba) 50%/40px 4px no-repeat;border:0;flex:none;width:100%;height:20px;display:block}.sheet-close{z-index:3;width:34px;height:30px;color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:2px;right:6px}.panel-body{padding:10px 14px 8px}.side-panel .panel-body{overscroll-behavior:contain;overflow-y:auto}.side-panel .panel-body h3{padding-right:30px;font-size:20px}.mobile-adjust-actions{padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff;flex:none;display:flex}.mobile-adjust-actions button{flex:1;min-height:44px}.retouch-group{padding:7px 0}.retouch-group h4{margin:0 0 3px;font-size:15px}.retouch-row{min-height:46px;padding:2px 0}.retouch-row label{white-space:nowrap;gap:7px;font-size:14px}.retouch-row input[type=range]{min-width:0;height:38px}.retouch-row:not(.expanded) input[type=range],.retouch-row:not(.expanded) button{display:none}.retouch-row:not(.expanded) label{justify-content:space-between;width:100%}.retouch-row.expanded button{display:none}.retouch-row select{max-width:80px}.retouch-export-label{display:none}.preview-badge{padding:4px 6px;font-size:11px;top:7px;left:7px}.process{max-width:86%;font-size:11px}.canvas-notice{font-size:13px}.mobile-tabbar{min-height:62px;padding:5px 7px calc(5px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff;grid-row:3;justify-content:space-around;gap:2px;display:flex}.mobile-tabbar button{color:var(--muted);background:0 0;border:0;flex:1;place-items:center;gap:2px;padding:4px;font-size:11px;display:grid}.mobile-tabbar button.active{color:var(--seal)}.mobile-tabbar svg{width:19px;height:19px}.legal-links{display:none}.mobile-version-entry{display:flex}.record,.project-card{padding:7px}.account-email-full{overflow-wrap:anywhere}.empty{padding-top:8vh}.modal{align-items:flex-end;padding:0}.modal>div,.modal form{border-radius:14px 14px 0 0;width:100%;max-height:88dvh}.wb,.ps-grid,.workspace,.side-panel{max-width:100vw;overflow-x:hidden}}