:root{color:#3d3344;font-synthesis:none;--paper:#fffaf8;--ink:#3d3344;--muted:#6f6373;--line:#eadde5;--accent:#ef91ad;--accent-dark:#a94f70;--mint:#a9ddce;--butter:#ffe8a7;--lavender:#d8c9ef;--sky:#c7def5;--stage:#211c24;--stage-soft:#2c2530;--radius:18px;background:#f7f1f6;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,HarmonyOS Sans,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}button,input,select,textarea{font:inherit}button,label{-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible,input:focus-visible,label[data-touch-target]:focus-within{outline-offset:2px;outline:3px solid #2367d1}.app-shell{grid-template-rows:72px minmax(0,1fr);height:100dvh;min-height:0;display:grid;overflow:hidden}.topbar{z-index:5;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:relative}.brand{align-items:center;gap:11px;display:flex}.brand-mark{color:#fff;background:var(--ink);border-radius:11px;place-items:center;width:36px;height:36px;font-family:Georgia,serif;display:grid}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.08em;font-size:15px}.brand small{color:var(--muted);margin-top:2px;font-size:11px}.topbar-actions{gap:8px;display:flex}.quiet-button,.primary-button,.select-button{border:0;border-radius:12px;min-height:44px;padding:0 17px}.quiet-button{color:var(--muted);background:0 0}.primary-button{color:#fff;background:var(--accent-dark)}button:disabled{opacity:.4}.workspace{grid-template-columns:clamp(220px,19vw,272px) minmax(0,1fr) clamp(240px,20vw,288px);min-height:0;display:grid}.side-panel{background:var(--paper);min-height:0;padding:32px 24px;overflow:auto}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line)}.eyebrow{color:var(--accent-dark);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:700}h1{letter-spacing:-.03em;margin:0;font-family:Georgia,Songti SC,serif;font-size:clamp(25px,2vw,34px);font-weight:500;line-height:1.2}.supporting{color:var(--muted);margin:16px 0 24px;font-size:13px;line-height:1.65}.select-button{cursor:pointer;color:#fff;background:var(--ink);place-items:center;font-weight:650;display:grid}.select-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.import-status{color:var(--muted);margin:10px 0 0;font-size:11px;line-height:1.45}.import-error{color:#a43f2c;margin:6px 0 0;font-size:11px}.restored-indicator{color:#1f6b4e;margin:7px 0 0;font-size:11px;font-weight:700}.mode-preview,.desktop-section{gap:8px;margin-top:28px;display:grid}.mode-card{border:1px solid var(--line);min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border-radius:12px;align-items:center;padding:0 13px;font-size:13px;display:flex}.mode-card.active{color:var(--ink);background:#efede6;border-color:#c7c1b4}.layout-options{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px;display:grid}.layout-option{border:1px solid var(--line);min-height:54px;color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;padding:5px;font-size:10px}.layout-option.active{color:var(--accent-dark);border-color:var(--accent);background:#fff1ea}.reverse-order{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border-radius:11px;margin-top:10px}.canvas-stage{background-image:radial-gradient(#cbc7bc .7px,#0000 .7px);background-size:16px 16px;place-items:center;min-width:0;padding:40px;display:grid;position:relative;overflow:hidden}.mobile-import-feedback{display:none}.empty-canvas{aspect-ratio:1;background:#fff;border:1px solid #ddd8ca;border-radius:4px;place-content:center;justify-items:center;gap:9px;width:min(62vh,560px);display:grid;box-shadow:0 22px 70px #3732261a}.empty-canvas>span{color:var(--muted);font-size:13px}.empty-grid{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:4px;width:84px;height:60px;margin-bottom:10px;display:grid}.empty-grid span{background:#e4e0d7;border-radius:5px}.empty-grid span:first-child{background:#d7d1c5;grid-row:1/3}.canvas-viewport{touch-action:none;place-items:center;width:min(100%,72vh,720px);display:grid;position:relative}.canvas-viewport[data-mode^=stitch-]{overscroll-behavior:contain;scrollbar-gutter:stable;align-items:start;width:100%;height:100%;overflow:auto}.canvas-viewport[data-mode=stitch-vertical] .canvas-sheet{width:min(100%,520px)}.canvas-sheet{width:100%;aspect-ratio:var(--canvas-ratio);transform-origin:50%;will-change:transform;background:#fff;position:relative;overflow:hidden;box-shadow:0 22px 70px #37322624}.editor-canvas{width:100%;height:100%;display:block}.canvas-hit-layer{position:absolute;inset:0}.preview-frame{cursor:grab;background:50%/cover no-repeat;border:0;min-width:0;min-height:0;padding:0;transition:box-shadow .18s,opacity .18s;position:absolute;overflow:hidden}.preview-frame.selected{box-shadow:inset 0 0 0 3px var(--accent)}.preview-frame.dragging{z-index:3;opacity:.88;pointer-events:none;cursor:grabbing;will-change:transform;border-radius:4px;box-shadow:0 16px 36px #2b261e47,inset 0 0 0 3px #fff}.preview-frame.swap-target{z-index:2;box-shadow:inset 0 0 0 4px var(--accent-dark), inset 0 0 0 999px #da6c4229}.preview-frame:focus-visible{z-index:2;outline:3px solid var(--accent);outline-offset:-3px}.annotation-hit-target{z-index:4;cursor:move;touch-action:none;background:#2927221f;border:1px dashed #ffffffc2;border-radius:10px;width:44px;height:44px;padding:0;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #29272247}.annotation-hit-target.selected{box-shadow:0 0 0 3px var(--accent);background:#d9613c33;border-style:solid;border-color:#fff}.annotation-hit-target:focus-visible{outline-offset:3px;outline:3px solid #2367d1}.canvas-zoom-controls{z-index:4;border:1px solid color-mix(in srgb, var(--line) 75%, transparent);background:color-mix(in srgb, var(--paper) 90%, transparent);border-radius:12px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;bottom:8px;right:8px;transform:translateY(calc(100% + 10px));box-shadow:0 7px 24px #3732261a}.canvas-zoom-controls button{min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:0 9px}.canvas-zoom-controls button:hover{background:#ece9e1}.canvas-zoom-controls output{min-width:42px;color:var(--muted);text-align:center;font-size:11px}.gesture-owner{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.control-placeholder{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:52px;font-size:13px;display:flex}.control-placeholder b{font-weight:500}.control-placeholder i{border:1px solid var(--line);background:#f7f3e8;border-radius:50%;width:22px;height:22px}.control-field,.range-field{color:var(--muted);gap:8px;margin-bottom:18px;font-size:12px;display:grid}.control-field select{border:1px solid var(--line);min-height:44px;color:var(--ink);background:#fff;border-radius:10px;padding:0 10px}.control-field input{min-height:44px}.range-field{grid-template-columns:1fr auto}.range-field input{width:100%;accent-color:var(--accent);grid-column:1/-1}.range-field output{color:var(--ink);font-variant-numeric:tabular-nums}.context-actions{background:#efede6;border-radius:12px;gap:8px;margin:22px 0;padding:14px;display:grid}.context-actions p{color:var(--muted);text-overflow:ellipsis;margin:0 0 4px;font-size:11px;overflow:hidden}.context-actions button{border:1px solid var(--line);min-height:44px;color:var(--ink);cursor:pointer;background:#fff;border-radius:10px}.nudge-grid{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.exchange-targets{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.context-actions .done-button{color:#fff;border-color:var(--ink);background:var(--ink)}.text-annotation-editor{color:var(--ink);gap:14px;display:grid}.text-annotation-editor.desktop{border:1px solid var(--line);background:#efede6;border-radius:14px;margin:22px 0;padding:15px}.text-editor-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.text-editor-heading strong{font-size:14px}.text-editor-heading-actions{align-items:center;gap:7px;display:flex}.text-editor-heading button{min-width:44px;min-height:44px;color:var(--muted);background:0 0;border:0;padding:0 10px}.text-editor-heading-actions .save-annotation{border:1px solid var(--accent-dark);color:#fff;background:var(--accent-dark);border-radius:10px;padding:0 14px;font-weight:700}.text-editor-field{color:var(--muted);gap:7px;font-size:12px;display:grid}.text-editor-field textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:82px;color:var(--ink);background:#fff;border-radius:10px;padding:10px 11px;font-size:16px;line-height:1.45}.text-editor-field span{justify-self:end;font-size:10px}.text-annotation-editor .range-field{margin:0}.text-color-row{flex-wrap:wrap;gap:7px;display:flex}.text-color-row>button{border:1px solid var(--line);min-width:44px;min-height:44px;color:var(--ink);background:#fff;border-radius:10px;padding:0 10px}.text-color-row>button[aria-pressed=true]{color:var(--accent-dark);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.text-color-row>label{min-height:44px;color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.text-color-row input[type=color]{border:1px solid var(--line);background:#fff;border-radius:10px;width:44px;height:44px;padding:4px}.text-style-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.text-style-grid label{color:var(--muted);gap:5px;font-size:11px;display:grid}.text-style-grid select,.text-style-grid button{border:1px solid var(--line);min-height:44px;color:var(--ink);background:#fff;border-radius:10px;padding:0 9px}.text-style-grid button[aria-pressed=true]{color:#fff;border-color:var(--ink);background:var(--ink)}.text-editor-actions{justify-content:flex-end;gap:8px;display:flex}.text-editor-actions:empty{display:none}.text-editor-actions button{border:1px solid var(--line);background:#fff;border-radius:10px;min-height:44px;padding:0 14px}.text-editor-actions .delete-annotation{color:#a43f2c;border-color:#d7a99f;margin-right:auto}.text-editor-actions .save-annotation{color:#fff;border-color:var(--accent-dark);background:var(--accent-dark);font-weight:700}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.storage-status{color:var(--muted);margin:22px 0 10px;font-size:11px;line-height:1.55}.clear-project-button{color:#a43f2c;cursor:pointer;background:0 0;border:0;min-height:44px;padding:0;font-size:12px}.mobile-dock,.mobile-drawer,.mobile-quick-controls{display:none}.export-notice{z-index:20;border:1px solid var(--line);background:var(--paper);border-radius:15px;gap:7px;width:min(92vw,620px);padding:16px 18px;display:grid;position:fixed;top:84px;left:50%;transform:translate(-50%);box-shadow:0 18px 60px #28241d33}.export-notice strong{font-size:14px}.export-notice span,.export-notice output{color:var(--muted);font-size:12px;line-height:1.5}.export-notice.error{border-color:#d7a99f}.export-recovery-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.export-notice button{border:1px solid var(--line);min-height:44px;color:var(--ink);background:#fff;border-radius:10px;padding:0 14px}.export-notice button:first-child{color:#fff;border-color:var(--accent-dark);background:var(--accent-dark)}@media (width<=899px){.app-shell[data-mobile-empty=true] .workspace{height:100%}.app-shell[data-mobile-empty=true] .canvas-stage{padding:0}.app-shell[data-mobile-surface=preview]>.mobile-top-actions,.app-shell[data-mobile-surface=preview]>.mobile-main-dock,.app-shell[data-mobile-surface=preview]>.mobile-photo-actions{display:none}.app-shell[data-mobile-surface=preview] .workspace{z-index:20;height:100dvh;position:fixed;inset:0}.app-shell[data-mobile-surface=preview] .canvas-stage{padding:calc(56px + env(safe-area-inset-top)) 12px 12px}.app-shell[data-mobile-surface=save]>.mobile-main-dock,.app-shell[data-mobile-surface=save]>.mobile-photo-actions{display:none}.app-shell{grid-template-rows:calc(60px + env(safe-area-inset-top)) minmax(0, 1fr) calc(64px + env(safe-area-inset-bottom))}.export-notice{top:calc(68px + env(safe-area-inset-top))}.topbar{padding:env(safe-area-inset-top) 14px 0}.brand small,.side-panel{display:none}.topbar-actions{gap:4px}.mobile-history-button{min-width:44px;color:var(--ink);padding:0 7px}.workspace{min-height:0;display:block}.canvas-stage{width:100%;height:100%;padding:22px 18px}.mobile-import-feedback{z-index:2;color:var(--muted);background:color-mix(in srgb, var(--paper) 88%, transparent);text-align:center;pointer-events:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 10px;font-size:11px;line-height:1.4;display:flex;position:absolute;top:10px;left:14px;right:14px}.mobile-import-feedback .import-error{margin:0}.mobile-storage-status{color:#777269;font-size:10px}.mobile-import-feedback .restored-indicator{margin:0}.mobile-quick-controls{z-index:3;border:1px solid color-mix(in srgb, var(--line) 78%, transparent);background:color-mix(in srgb, var(--paper) 92%, transparent);scrollbar-width:none;border-radius:13px;align-items:center;gap:7px;padding:5px;display:flex;position:absolute;top:58px;left:8px;right:8px;overflow-x:auto;box-shadow:0 8px 24px #37322617}.mobile-quick-controls::-webkit-scrollbar{display:none}.mobile-quick-controls label{min-width:112px;min-height:44px;color:var(--muted);white-space:nowrap;grid-template-columns:auto 1fr;align-items:center;gap:6px;padding:0 8px;font-size:10px;display:grid}:is(.mobile-quick-controls label:has(select),.mobile-quick-controls label:has(input[type=color])){min-width:104px}.mobile-quick-controls input[type=range]{width:70px;accent-color:var(--accent-dark)}.mobile-quick-controls input[type=color],.mobile-quick-controls select{border:1px solid var(--line);background:#fff;border-radius:9px;min-width:52px;min-height:44px}.mobile-quick-controls button{border:1px solid var(--line);min-width:44px;min-height:44px;color:var(--ink);background:#fff;border-radius:10px;flex:none;padding:0 12px}.mobile-quick-controls output,.mobile-quick-controls span{color:var(--muted);white-space:nowrap;flex:none;font-size:11px}.empty-canvas{width:min(88vw,58vh)}.canvas-viewport{width:min(100%,92vw,62vh)}.canvas-zoom-controls{max-width:100%;bottom:-2px;right:0;transform:translateY(100%)}.canvas-zoom-controls button{min-width:44px;padding:0 7px}.mobile-dock{padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--paper);grid-template-columns:repeat(5,1fr);display:grid}.mobile-dock button{min-width:44px;min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:11px}.mobile-dock .select-button{min-width:44px;min-height:44px;color:var(--ink);background:#ece9e1;padding:0 4px;font-weight:400}.mobile-drawer{z-index:8;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));max-height:min(48vh,430px);padding:8px 18px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--paper);border-radius:20px 20px 0 0;display:block;position:fixed;overflow:auto;box-shadow:0 -18px 50px #37322624}.drawer-grabber{background:#cfcbc1;border-radius:3px;width:42px;height:4px;margin:0 auto 12px}.mobile-drawer h2{margin:0 0 14px;font:600 17px/1.2 Georgia,Songti SC,serif}.mobile-mode-grid,.mobile-layout-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mobile-layout-grid{margin-top:10px}.mobile-mode-grid button,.mobile-layout-grid button,.mobile-alternatives button,.drawer-export,.mobile-reverse{border:1px solid var(--line);min-width:44px;min-height:44px;color:var(--ink);background:#fff;border-radius:11px}.mobile-mode-grid button.active,.mobile-layout-grid button.active{color:var(--accent-dark);border-color:var(--accent);background:#fff1ea}.mobile-reverse{width:100%;margin-top:10px}.mobile-alternatives{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:16px;display:grid}.mobile-alternatives span{color:var(--muted);grid-column:1/-1;font-size:11px}.drawer-export{color:#fff;border-color:var(--accent-dark);background:var(--accent-dark);width:100%;font-weight:700}.mobile-danger-zone{border-top:1px solid var(--line);color:#9a3928;gap:8px;margin-top:22px;padding-top:14px;font-size:11px;display:grid}.mobile-danger-zone button{color:#9a3928;background:#fff8f5;border:1px solid #d7a99f;border-radius:11px;min-height:44px}.text-annotation-editor.mobile{z-index:50;overscroll-behavior:contain;width:auto;max-height:min(58dvh,520px);padding:14px 18px calc(18px + env(safe-area-inset-bottom));background:var(--paper);border:1px solid #eadde5eb;border-radius:24px;align-self:stretch;margin:0 10px 10px;position:relative;overflow:auto;box-shadow:0 12px 34px #0c081047,inset 0 1px #fffc}}@media (width<=899px) and (orientation:landscape){.app-shell{grid-template-rows:calc(52px + env(safe-area-inset-top)) minmax(0, 1fr) calc(56px + env(safe-area-inset-bottom))}.canvas-stage{padding:12px 18px 18px}.canvas-viewport{width:min(66vw,66vh)}.mobile-drawer{bottom:calc(56px + env(safe-area-inset-bottom));max-height:62vh}.text-annotation-editor.mobile{max-height:72dvh;margin-bottom:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}[data-shell=desktop] .topbar{background:color-mix(in srgb, var(--paper) 94%, transparent);border-bottom-color:var(--line);box-shadow:0 8px 28px #76536914}[data-shell=desktop] .brand-mark{color:var(--ink);background:var(--butter);box-shadow:inset 0 0 0 1px #a94f7024}[data-shell=desktop] .brand strong{color:var(--ink)}[data-shell=desktop] .quiet-button{color:var(--ink);border:1px solid #0000}[data-shell=desktop] .quiet-button:hover{background:#f8e9f0}[data-shell=desktop] .primary-button{color:#fff;background:var(--accent-dark);box-shadow:0 8px 18px #a94f7033}[data-shell=desktop] .side-panel{background:var(--paper)}[data-shell=desktop] .left-panel{border-right-color:var(--line)}[data-shell=desktop] .right-panel{border-left-color:var(--line)}[data-shell=desktop] .eyebrow{color:var(--accent-dark)}[data-shell=desktop] .select-button{color:var(--ink);background:var(--butter);border:1px solid #e2c777;box-shadow:0 8px 18px #b5892b1f}[data-shell=desktop] .mode-card.active,[data-shell=desktop] .layout-option.active{color:var(--accent-dark);border-color:var(--accent);background:#fff0f5}[data-shell=desktop] .context-actions{background:#fff2f6;border:1px solid #f1d9e3}[data-shell=desktop] .canvas-stage{background-color:#f5edf3;background-image:radial-gradient(#d8cbd5 .7px,#0000 .7px)}[data-shell=desktop] .canvas-sheet{box-shadow:0 26px 70px #53374a2e}[data-shell=desktop] .preview-frame.selected{box-shadow:inset 0 0 0 3px var(--accent)}[data-shell=desktop] .preview-frame.swap-target{box-shadow:inset 0 0 0 4px var(--accent-dark), inset 0 0 0 999px #ef91ad29}[data-shell=desktop] .control-field select,[data-shell=desktop] .text-editor-field textarea,[data-shell=desktop] .text-style-grid select,[data-shell=desktop] .text-style-grid button{border-color:var(--line);background:#fff}[data-shell=desktop] .range-field input{accent-color:var(--accent-dark)}.mobile-top-actions,.mobile-main-dock,.mobile-photo-actions,.mobile-tool-sheet,.mobile-empty-canvas,.mobile-save-sheet,.mobile-preview-backdrop,.mobile-toast,.mobile-legacy-compat{display:none}@media (width<=899px){.app-shell[data-mobile-empty=true]{grid-template-rows:minmax(0,1fr)}.app-shell[data-mobile-empty=false]{grid-template-rows:auto minmax(0,1fr) auto}.app-shell[data-mobile-empty=true]>.topbar,.app-shell[data-mobile-empty=true]>.mobile-top-actions,.app-shell[data-mobile-empty=true]>.mobile-main-dock,.app-shell[data-mobile-empty=false]>.topbar{display:none}.app-shell[data-mobile-empty=false]>.mobile-top-actions{display:flex}.app-shell[data-mobile-empty=false]>.mobile-main-dock,.app-shell[data-mobile-empty=false]>.mobile-photo-actions{display:grid}.workspace{flex-direction:column;height:100%;min-height:0;display:flex}.canvas-stage{background:var(--stage);background-image:radial-gradient(#ffffff12 .7px,#0000 .7px);background-size:16px 16px;flex:auto;width:100%;min-height:0;padding:18px 12px}.canvas-stage.is-preview{padding:0}.canvas-viewport{width:min(100%,92vw,64dvh);max-height:100%}.canvas-viewport[data-mode=stitch-vertical]{touch-action:pan-y}.canvas-sheet{box-shadow:0 20px 50px #0000004d}.canvas-zoom-controls{display:none}.mobile-import-feedback,.mobile-quick-controls,.mobile-dock{display:none!important}.empty-canvas{display:none}.mobile-empty-canvas{color:#fff7fb;text-align:center;background:var(--stage);place-items:center;width:100%;height:100%;min-height:0;padding:24px;display:grid;position:relative}.mobile-empty-canvas:before{content:"";pointer-events:none;border:1px dashed #ffe7ef42;border-radius:28px;position:absolute;inset:14px}.mobile-empty-canvas-picker{z-index:1;color:#fff8fb;cursor:pointer;background:#fffaf814;border:1px dashed #efb2c6;border-radius:28px;place-items:center;gap:9px;width:min(82vw,360px);min-height:176px;padding:28px 22px;display:grid;position:relative}.mobile-empty-canvas-picker:hover,.mobile-empty-canvas-picker:focus-within{background:#fffaf824;box-shadow:0 0 0 3px #ef91ad57}.mobile-empty-canvas-picker strong{font-size:18px;font-weight:700}.mobile-empty-canvas-picker span{color:#e8dbe3;font-size:12px}.mobile-empty-canvas-picker svg{width:34px;height:34px;color:var(--accent)}.mobile-empty-canvas-picker input,.mobile-add-picker input,.mobile-replace-picker input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.mobile-top-actions{z-index:10;min-height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 10px 0;color:#fff8fb;background:var(--stage);justify-content:space-between;align-items:center;gap:6px;position:relative}.mobile-add-picker,.mobile-top-action,.mobile-save-action{color:#fff8fb;cursor:pointer;touch-action:manipulation;background:#fffaf814;border:1px solid #fff3;border-radius:14px;justify-content:center;align-items:center;gap:5px;min-width:44px;min-height:44px;padding:0 8px;display:inline-flex}.mobile-add-picker{color:var(--ink);background:var(--butter);border-color:#e2c777;font-size:12px;font-weight:700}.mobile-top-action:disabled{opacity:.46;cursor:not-allowed}.mobile-top-action[aria-pressed=true]{color:var(--accent);background:#ef91ad21;border-color:#ef91adb8}.mobile-top-action svg,.mobile-add-picker svg,.mobile-save-action svg{flex:none;width:20px;height:20px}.mobile-top-action span,.mobile-add-picker span,.mobile-save-action span{white-space:nowrap;font-size:11px;line-height:1}.mobile-history-group{align-items:center;gap:3px;display:flex}.mobile-save-action{color:#fff;border-color:var(--accent-dark);background:var(--accent-dark);box-shadow:0 7px 18px #0000002e}.mobile-main-dock,.mobile-photo-actions{z-index:10;min-height:calc(72px + env(safe-area-inset-bottom));padding:6px 9px calc(6px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid #eadde5;grid-template-columns:repeat(3,1fr);gap:6px;position:relative;box-shadow:0 -9px 24px #261a2524}.mobile-dock-item{min-width:44px;min-height:58px;color:var(--muted);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;display:flex}.mobile-dock-item svg{width:23px;height:23px}.mobile-dock-item.active{color:var(--accent-dark);background:#fff0f5}.mobile-dock-item:focus-visible{outline-offset:-2px;outline:3px solid #6f4a9a}.mobile-photo-actions{grid-template-columns:repeat(4,1fr)}.mobile-photo-actions .mobile-dock-item:first-child{color:var(--accent-dark)}.mobile-replace-picker{min-width:44px;min-height:58px;color:var(--accent-dark);cursor:pointer;background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.mobile-replace-picker svg{width:23px;height:23px}.mobile-replace-picker span{font-size:11px}.mobile-tool-sheet{overscroll-behavior:contain;max-height:min(38dvh,304px);padding:10px 16px calc(14px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid #eadde5;border-radius:22px 22px 0 0;flex:0 auto;display:block;overflow:auto;box-shadow:0 -16px 36px #301e2b2e}.mobile-tool-sheet h2{color:var(--ink);align-items:center;gap:7px;margin:0 0 10px;font-size:16px;line-height:1.25;display:flex}.mobile-tool-sheet h2 small{color:var(--muted);margin-left:auto;font-size:11px;font-weight:500}.mobile-tool-sheet .sheet-grabber{background:#dcc8d2;border-radius:3px;width:42px;height:4px;margin:0 auto 10px}.mobile-tool-sheet .sheet-section{gap:8px;display:grid}.mobile-tool-sheet .sheet-grid{grid-template-columns:repeat(3,minmax(44px,1fr));gap:8px;display:grid}.mobile-tool-sheet button,.mobile-tool-sheet select,.mobile-tool-sheet input[type=color]{min-width:44px;min-height:44px}.mobile-sheet-button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;place-items:center;gap:3px;font-size:11px;display:grid}.mobile-sheet-button svg{width:20px;height:20px;color:var(--accent-dark)}.mobile-sheet-button.active{border-color:var(--accent);color:var(--accent-dark);box-shadow:inset 0 0 0 1px var(--accent);background:#fff0f5}.mobile-sheet-button:disabled{opacity:.46;cursor:not-allowed}.mobile-tool-sheet .control-field,.mobile-tool-sheet .range-field{color:var(--muted);margin-bottom:10px;font-size:12px}.mobile-tool-sheet .control-field select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:11px}.mobile-tool-sheet .range-field{grid-template-columns:1fr auto}.mobile-tool-sheet .range-field input{width:100%;accent-color:var(--accent-dark);grid-column:1/-1}.mobile-tool-sheet .sheet-danger{color:#9c3f57;background:#fff5f8;border-color:#e5b5c4}.mobile-asset-list{max-height:82px;color:var(--muted);gap:5px;font-size:11px;display:grid;overflow:auto}.mobile-asset-list span{background:#fbf4f7;border-radius:8px;padding:4px 8px}.mobile-asset-list span.selected{color:var(--accent-dark);background:#fff0f5;font-weight:700}.mobile-preview-backdrop{z-index:30;pointer-events:none;background:0 0;grid-template-rows:auto minmax(0,1fr);display:grid;position:fixed;inset:0}.mobile-preview-toolbar{min-height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;justify-content:flex-end;align-items:center;display:flex}.mobile-preview-toolbar button{color:#fff8fb;pointer-events:auto;background:#211c24c7;border:1px solid #fff3;border-radius:13px;align-items:center;gap:5px;min-width:44px;min-height:44px;display:inline-flex}.mobile-preview-canvas{pointer-events:none;place-items:center;min-height:0;padding:12px;display:grid}.mobile-preview-canvas .canvas-stage{width:100%;height:100%;padding:0}.mobile-save-sheet{z-index:60;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));max-height:min(72dvh,560px);color:var(--ink);background:var(--paper);border:1px solid #eadde5;border-radius:24px;gap:12px;padding:16px;display:grid;position:fixed;left:10px;overflow:auto;box-shadow:0 18px 48px #301e2b3d,inset 0 1px #ffffffe6}.mobile-save-sheet h2{margin:0;font-size:17px}.mobile-save-sheet .save-summary{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.mobile-save-sheet .save-actions,.mobile-tool-sheet .save-actions{gap:8px;display:flex}.mobile-save-sheet button{border:1px solid var(--line);min-height:44px;color:var(--ink);visibility:visible;opacity:1;background:#fffdfc;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:13px;display:inline-flex}.mobile-tool-sheet .save-actions button{border:1px solid var(--line);min-height:44px;color:var(--ink);background:#fff;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;display:inline-flex}.mobile-tool-sheet .save-actions button.primary,.mobile-save-sheet button.primary{color:#fff;border-color:var(--accent-dark);background:var(--accent-dark)}.mobile-save-sheet .export-recovery-actions{gap:8px;margin:0;display:grid}.mobile-save-sheet .export-recovery-actions button{width:100%}.mobile-photo-delete{color:#a94f70}.mobile-photo-delete:hover,.mobile-photo-delete:focus-visible{color:#8f3f5d;background:#fff0f5}.mobile-toast{z-index:40;right:14px;bottom:calc(82px + env(safe-area-inset-bottom));color:var(--ink);background:#fff8fb;border:1px solid #f0c5d2;border-radius:15px;align-items:flex-start;gap:8px;padding:12px 14px;font-size:12px;line-height:1.45;display:flex;position:fixed;left:14px;box-shadow:0 14px 34px #2d172738}.mobile-toast svg{color:#b34e6c;flex:none}.mobile-toolbar-legacy-anchor{width:1px;height:1px;position:absolute;top:0;left:0}.mobile-legacy-compat{z-index:100;opacity:0;pointer-events:auto;width:1px;height:1px;display:block;position:fixed;top:0;left:0;overflow:hidden}.mobile-legacy-compat label,.mobile-legacy-compat button,.mobile-legacy-compat select,.mobile-legacy-compat input{width:1px;min-width:1px;height:1px;min-height:1px;margin:0;padding:0}}@media (width<=899px) and (orientation:landscape){.mobile-top-actions{min-height:calc(48px + env(safe-area-inset-top))}.mobile-main-dock,.mobile-photo-actions{min-height:calc(60px + env(safe-area-inset-bottom))}.mobile-dock-item,.mobile-replace-picker{min-height:48px}.mobile-tool-sheet{max-height:min(46dvh,248px)}}@media (width<=899px){.app-shell[data-mobile-empty=false]{background:var(--stage)}.workspace,.canvas-stage{z-index:0;position:relative}.mobile-top-actions{z-index:40;pointer-events:auto;background:linear-gradient(#211c24fa,#211c24d6)}.mobile-main-dock,.mobile-photo-actions{z-index:50;min-height:calc(74px + env(safe-area-inset-bottom));padding:8px 8px calc(8px + env(safe-area-inset-bottom));pointer-events:auto;background:#fffaf8fa;border:1px solid #eadde5eb;border-radius:24px;margin:0 10px 10px;box-shadow:0 12px 34px #0c081047,inset 0 1px #fffc}.mobile-tool-sheet{z-index:30;pointer-events:auto;border:1px solid #eadde5f2;border-radius:24px;flex:none;min-height:0;max-height:min(40dvh,320px);margin:0 10px 10px;position:relative;box-shadow:0 12px 34px #0c08103d,inset 0 1px #fffc}.mobile-top-actions>*,.mobile-main-dock>*,.mobile-photo-actions>*,.mobile-tool-sheet button,.mobile-tool-sheet select,.mobile-tool-sheet input{pointer-events:auto}.mobile-add-picker,.mobile-top-action,.mobile-save-action,.mobile-dock-item,.mobile-replace-picker,.mobile-sheet-button{transition:transform .18s,background-color .18s,border-color .18s,box-shadow .18s,color .18s}.mobile-add-picker:active,.mobile-top-action:active:not(:disabled),.mobile-save-action:active:not(:disabled),.mobile-dock-item:active,.mobile-replace-picker:active,.mobile-sheet-button:active{transform:scale(.96)}.mobile-top-action:hover:not(:disabled),.mobile-add-picker:hover,.mobile-save-action:hover:not(:disabled){box-shadow:0 6px 16px #00000029}.mobile-dock-item.active{box-shadow:0 5px 14px #a94f7024}.mobile-tool-sheet h2{letter-spacing:-.01em;padding:2px 2px 4px}.mobile-tool-sheet .sheet-section{padding:0 1px}.mobile-sheet-button{background:#fffdfc;border-radius:15px;min-height:48px}.mobile-sheet-button:hover{background:#fff4f7;border-color:#efb3c6}.mobile-empty-canvas{background:radial-gradient(circle at 50% 42%, #ef91ad2e, transparent 42%), var(--stage)}.mobile-empty-canvas-picker{box-shadow:0 24px 70px #0003,inset 0 1px #ffffff14}}@media (width<=899px) and (orientation:landscape){.mobile-main-dock,.mobile-photo-actions{min-height:calc(62px + env(safe-area-inset-bottom));margin-bottom:6px}.mobile-tool-sheet{max-height:min(46dvh,248px);margin-bottom:6px}}@media (width<=899px){.app-shell[data-mobile-empty=false],.app-shell[data-mobile-empty=true]{background:#f4ecf5}.app-shell[data-mobile-surface=text] .workspace{height:auto}.app-shell[data-mobile-surface=text] .canvas-viewport[data-mode=grid]{aspect-ratio:1;width:min(64vw,40dvh - 92px);max-width:100%;height:auto}.mobile-top-actions{color:var(--ink);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf8f0;border-bottom:1px solid #d6c0d3b8;box-shadow:0 8px 22px #5c395814}.mobile-top-action{color:#66556c;background:#fffdfc;border-color:#e7dbe8}.mobile-top-action:hover:not(:disabled),.mobile-top-action:focus-visible{color:var(--accent-dark);background:#fff4f7;border-color:#efb3c6}.mobile-history-group{gap:6px}.mobile-add-picker{background:var(--butter);border-color:#e0c375;box-shadow:0 6px 15px #b5892b21}.mobile-save-action{border-color:var(--accent-dark);background:var(--accent-dark);box-shadow:0 7px 18px #a94f7038}.canvas-stage{background-color:#eee5f2;background-image:radial-gradient(#d5c4dc .8px,#0000 .8px),radial-gradient(circle at 20% 18%,#ef91ad29,#0000 34%),radial-gradient(circle at 86% 82%,#a9ddce2e,#0000 32%);background-size:18px 18px,auto,auto}.canvas-sheet{box-shadow:0 24px 54px #5b3b582e,inset 0 1px #ffffffe0}.mobile-tool-sheet{background:#fffaf8fa;border-color:#e2d1e5;box-shadow:0 15px 36px #4f2e4d33,inset 0 1px #ffffffe0}.mobile-tool-sheet .sheet-grabber{background:#d7b6d8}.mobile-main-dock,.mobile-photo-actions{background:#fffaf8fa;border-color:#e2d1e5;box-shadow:0 13px 32px #4f2e4d2e,inset 0 1px #ffffffe6}.mobile-dock-item{color:#76647a}.mobile-dock-item.active{color:var(--accent-dark);background:#fff0f5;border:1px solid #f0b6c8;box-shadow:0 6px 16px #a94f701f}.mobile-dock-item:focus-visible{outline-color:#9c6ab2}.mobile-replace-picker{color:#5d8c7c}.mobile-replace-picker:hover,.mobile-replace-picker:focus-within{color:#3f7664;background:#effaf5}.mobile-empty-canvas{color:var(--ink);background:radial-gradient(circle at 50% 35%,#ef91ad40,#0000 38%),radial-gradient(circle at 82% 80%,#a9ddce3d,#0000 34%),#eee5f2}.mobile-empty-canvas:before{border-color:#d8c0df}.mobile-empty-canvas-picker{color:var(--ink);background:#fffaf8b8;border-color:#d5b6db;box-shadow:0 24px 70px #5b3b5829,inset 0 1px #ffffffe6}.mobile-empty-canvas-picker span{color:var(--muted)}.mobile-empty-canvas-picker:hover,.mobile-empty-canvas-picker:focus-within{background:#fffaf8e6;box-shadow:0 0 0 3px #ef91ad47,0 24px 70px #5b3b5824}}