:root{color:#4c463b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink:#4c463b;--muted:#716b5e;--accent:#536a50;--line:#dedccf;--desk:#e6e9dd;--paper:#fcfaf4;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;accent-color:var(--accent);scrollbar-color:#a4ad96 #f5f3eb;background:#f5f3eb;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit;color:inherit}button{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:8px;min-height:44px;padding:8px 13px;font-size:12px}button:enabled:hover{border-color:var(--accent);background:#f0f2e8}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input{caret-color:var(--accent)}::selection{color:#354331;background:#d6dfc8}canvas{display:block}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{width:min(1480px,100% - 80px);margin:0 auto}.app-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:22px 0;display:flex}.wordmark{color:var(--ink);letter-spacing:-.035em;font-size:22px;font-weight:750;text-decoration:none}.wordmark-dot{color:var(--accent)}.header-note{color:var(--muted);font-size:12px}.workspace-topline{justify-content:space-between;align-items:center;gap:20px;padding:24px 0 16px;display:flex}.workspace-heading h1{letter-spacing:-.025em;margin:0 0 6px;font-size:28px;font-weight:600}.workspace-heading p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.workspace{margin:0}.file-controls{max-width:600px}.file-actions{flex-wrap:wrap;gap:6px;display:flex}.file-actions button:last-child{background:var(--accent);border-color:var(--accent);color:#fffdf6}.file-actions button:last-child:hover:enabled{background:#435b41}.file-input{display:none}.save-status{min-height:22px;color:var(--accent);overflow-wrap:anywhere;margin:5px 0 0;font-size:11px;line-height:1.8}.save-status[data-phase=error],.save-status[data-phase=protected],.save-status[data-phase=conflict]{color:#8b3830}.storage-recovery{border:1px solid var(--line);border-radius:8px;margin-top:8px;padding:12px}.storage-recovery p,.file-notice{margin:0 0 8px;font-size:12px;line-height:1.8}.storage-recovery button{margin:0 8px 4px 0}.raw-download{margin-top:8px}.file-notice{color:var(--muted);margin-top:8px}.workspace-tools,.editor-toolbar,.selection-controls,.selection-controls form,.layer-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.workspace-tools{border-top:1px solid var(--line);justify-content:space-between;padding:10px 0}.artwork-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.editor-controls button[aria-pressed=true]{border-color:var(--accent);background:#dce4d1}.editor-toolbar .zoom-value{text-align:center;font-variant-numeric:tabular-nums;min-width:42px;font-size:12px}.toolbar-divider{border-left:1px solid var(--line);height:20px;margin:0 4px}.selection-controls{border-top:1px solid var(--line);margin-top:8px;padding:12px 0}.selection-controls strong{margin-right:8px;font-size:13px}.selection-controls label{align-items:center;gap:6px;font-size:12px;display:flex}.selection-controls input{border:1px solid var(--line);background:var(--paper);border-radius:6px;width:72px;min-height:44px;padding:8px;font-size:13px}.selection-controls .delete-sticker{color:#8b3830}.selection-hint,.view-instructions{color:var(--muted);font-size:12px;line-height:1.8}.selection-hint{margin:0;padding:8px 0}.onboarding{background:#e9ecdf;border-radius:8px;align-items:center;gap:13px;min-height:64px;margin:0 0 12px;padding:11px 15px;display:flex}.guide-step{color:var(--accent);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px}.onboarding p{flex:1;margin:0;font-size:12px;line-height:1.7}.onboarding strong{margin-right:12px;font-weight:600;display:inline}.onboarding button{background:0 0;border-color:#c5cdb9}.guide-reopen{min-height:32px;color:var(--accent);text-underline-offset:3px;background:0 0;border:0;margin:0 0 7px;padding:4px 0;text-decoration:underline}.legacy-work{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:12px;font-size:11px;display:flex}.canvas-frame{background:var(--desk);border-radius:14px;height:clamp(480px,44vw,640px);position:relative;overflow:hidden}.workspace-canvas{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%}.workspace-canvas:focus-visible{outline:2px solid var(--accent);outline-offset:-3px;border-radius:14px}.album-heading{pointer-events:none;justify-content:space-between;align-items:center;gap:8px;min-height:34px;font-size:14px;display:flex;position:absolute}.album-heading span{font-weight:600}.album-heading small{color:var(--muted);margin-top:5px;font-size:11px;font-weight:400;display:block}.album-heading button{pointer-events:auto;min-height:44px;color:var(--accent);background:0 0;border:0;padding:6px;font-size:11px}.album-pagination{color:var(--muted);justify-content:space-between;align-items:center;gap:4px;font-size:11px;display:flex;position:absolute}.album-pagination button{background:0 0;border-color:#0000;min-height:44px;padding:4px 10px}.album-reset{position:absolute;bottom:12px;left:12px}.workspace-caption{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:10px;font-size:11px;display:flex}.peel-progress{align-items:center;gap:8px;display:inline-flex}.peel-progress progress{width:64px;height:5px}.interaction-status{justify-content:space-between;align-items:center;gap:12px;min-height:52px;display:flex}.interaction-status p{color:var(--accent);margin:0;font-size:12px;line-height:1.8}.interaction-status button{background:0 0;flex-shrink:0;min-height:36px;padding:5px 10px}.workspace-help{border-top:1px solid var(--line);padding-top:5px}.workspace-help summary{cursor:pointer;width:-moz-fit-content;width:fit-content;color:var(--muted);padding:12px 0;font-size:12px}.sticker-inventory{color:var(--muted);flex-wrap:wrap;gap:10px 24px;margin:12px 0;padding:0;font-size:12px;list-style:none;display:flex}.scope-note{color:var(--muted);margin:16px 0 0;font-size:11px;line-height:1.8}.app-footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:24px;padding:18px 0 24px;font-size:11px;display:flex}.loading-state{background:var(--desk);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:520px;display:flex}.loading-state h2{margin:0;font-size:22px;font-weight:500}.loading-state p{color:var(--muted);font-size:13px}.loading-paper{background:var(--paper);border-radius:5px 5px 22px;width:70px;height:82px;transform:rotate(-8deg);box-shadow:2px 8px 18px #555d3e20}@media (max-width:719px){.app-shell{width:calc(100% - 32px)}.app-header{padding:16px 0}.wordmark{font-size:20px}.header-note{display:none}.workspace-topline{padding:18px 0 8px;display:block}.workspace-heading{flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-bottom:14px;display:flex}.workspace-heading h1{margin:0;font-size:23px}.workspace-heading p{font-size:11px}.file-actions button{padding:6px 10px}.workspace-tools{gap:7px}.editor-toolbar{gap:4px}.workspace-tools .editor-controls{width:100%;min-width:0}.editor-toolbar{flex-wrap:nowrap;max-width:100%;overflow-x:auto}.editor-toolbar>*{flex-shrink:0}.editor-toolbar button{padding:5px 9px}.editor-toolbar .zoom-value{min-width:34px}.toolbar-divider{margin:0}.artwork-count{display:none}.onboarding{align-items:flex-start;gap:9px;height:96px;padding:8px 10px}.onboarding p{font-size:11px}.onboarding strong{display:block}.onboarding button{padding:5px 7px;font-size:11px}.guide-step{padding-top:4px;font-size:11px}.canvas-frame{border-radius:12px;height:460px}.album-heading{font-size:12px}.album-pagination button{min-height:44px;padding:4px 6px;font-size:11px}.workspace-caption{gap:5px;font-size:10px}.peel-progress{gap:4px;font-size:10px}.peel-progress progress{width:36px}.interaction-status p{font-size:11px}.selection-controls form{gap:6px}.selection-controls input{width:62px}.app-footer{padding-bottom:max(20px, env(safe-area-inset-bottom));margin-top:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}