:root{color:#edf1ef;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#111312;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;max-width:100vw;height:100%;min-height:100vh;overflow:hidden}body{background:linear-gradient(#ffffff0a,#0000 220px),#111312;margin:0;overflow:hidden}button,input{font:inherit}button{border:0}.app-shell{width:100vw;max-width:100vw;height:100vh;min-height:0;padding:14px;position:fixed;inset:0;overflow:hidden}.desktop-layout{grid-template-rows:auto minmax(0,1fr) auto;gap:14px;width:100%;height:100%;min-height:0;display:grid}.top-bar{background:#1a1d1b;border:1px solid #343a36;border-radius:8px;grid-template-columns:minmax(180px,260px) minmax(0,1fr) minmax(210px,auto);align-items:center;gap:16px;min-height:74px;padding:12px 14px;display:grid;box-shadow:0 14px 38px #0000003d}.brand-lockup{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{color:#17201b;background:#e8f3ee;border-radius:8px;flex:0 0 46px;place-items:center;width:46px;height:46px;font-weight:900;display:grid}.brand-lockup p,.brand-lockup span,.canvas-header p,.canvas-header span,.panel-summary p,.panel-summary span,.status-bar p{margin:0}.brand-lockup p{color:#fff;font-size:1.2rem;font-weight:900}.brand-lockup span{color:#9aa59f;font-size:.82rem;font-weight:700;display:block}.top-actions{justify-content:center;align-items:center;gap:10px;min-width:0;display:flex}.primary-action{color:#fff;cursor:pointer;white-space:nowrap;background:#2e7d69;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 18px;font-weight:850;display:inline-flex;box-shadow:0 10px 22px #2e7d6942}.primary-action.secondary{color:#16201b;box-shadow:none;background:#d5e2dc}.primary-action:disabled,.connection-pill:disabled{cursor:wait;opacity:.6}.file-input{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.connection-pill{color:#dfe7e3;cursor:pointer;white-space:nowrap;background:#242925;border-radius:8px;justify-content:flex-end;align-items:center;gap:9px;min-height:44px;padding:0 13px;display:inline-flex}.status-dot{background:#a9b2ad;border-radius:50%;width:9px;height:9px}.status-dot.online{background:#54d68b;box-shadow:0 0 0 4px #54d68b1f}.status-dot.offline{background:#ff6b5f;box-shadow:0 0 0 4px #ff6b5f1f}.status-dot.checking{background:#e5b84f;box-shadow:0 0 0 4px #e5b84f1f}.workbench{align-items:stretch;gap:14px;min-width:0;min-height:0;display:flex;overflow:hidden}.workbench>*{min-width:0}.image-canvas{background:#171a18;border:1px solid #343a36;border-radius:8px;flex-direction:column;flex:1 1 0;min-width:0;min-height:0;display:flex;overflow:hidden}.canvas-header{border-bottom:1px solid #2d332f;justify-content:space-between;align-items:center;gap:14px;min-width:0;min-height:64px;padding:14px 16px;display:flex}.canvas-header>div{min-width:0}.canvas-header p{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:850;overflow:hidden}.canvas-header span{color:#9aa59f;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:.86rem;display:block;overflow:hidden}.canvas-header strong{color:#b8e8cf;background:#2a302c;border-radius:8px;flex:none;padding:7px 10px;font-size:.78rem}.photo-stage{--stage-padding:18px;--stage-padding-double:36px;min-width:0;min-height:0;padding:var(--stage-padding);background-color:#121412;background-image:linear-gradient(45deg,#ffffff0a 25%,#0000 25%),linear-gradient(-45deg,#ffffff0a 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff0a 75%),linear-gradient(-45deg,#0000 75%,#ffffff0a 75%),none;background-position:0 0,0 14px,14px -14px,-14px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;flex:auto;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.preview-image{inset:var(--stage-padding);width:auto;min-width:0;height:auto;min-height:0;max-width:calc(100% - var(--stage-padding-double));max-height:calc(100% - var(--stage-padding-double));object-fit:contain;pointer-events:none;border-radius:4px;display:block;position:absolute;overflow:hidden;box-shadow:0 24px 62px #0000006b}.preview-image.is-processing{opacity:.72}.preview-loader,.before-badge{z-index:6;border-radius:8px;font-size:.82rem;font-weight:850;position:absolute}.preview-loader{color:#17201b;background:#eef2f0f0;align-items:center;gap:8px;padding:9px 12px;display:inline-flex;top:18px;right:18px;box-shadow:0 12px 28px #00000047}.preview-loader svg{animation:1s linear infinite spin}.before-badge{color:#17201b;background:#e8f3ee;padding:8px 11px;top:18px;left:18px}.crop-layer{z-index:4;touch-action:none;position:absolute}.crop-box{z-index:2;cursor:move;touch-action:none;border:2px solid #f5fff9;border-radius:4px;min-width:30px;min-height:30px;position:absolute;box-shadow:0 0 0 9999px #070a0975,0 0 0 1px #17201b99}.crop-box:after{content:"";pointer-events:none;border:1px solid #2e7d69b8;border-radius:2px;position:absolute;inset:0}.crop-handle{z-index:2;background:#f5fff9;border:2px solid #17201b;border-radius:50%;width:13px;height:13px;position:absolute;box-shadow:0 2px 8px #00000052}.crop-handle-n,.crop-handle-s{cursor:ns-resize;left:50%;transform:translate(-50%)}.crop-handle-e,.crop-handle-w{cursor:ew-resize;top:50%;transform:translateY(-50%)}.crop-handle-n{top:-8px}.crop-handle-s{bottom:-8px}.crop-handle-e{right:-8px}.crop-handle-w{left:-8px}.crop-handle-ne,.crop-handle-se,.crop-handle-sw,.crop-handle-nw{width:15px;height:15px}.crop-handle-ne{cursor:nesw-resize;top:-9px;right:-9px}.crop-handle-se{cursor:nwse-resize;bottom:-9px;right:-9px}.crop-handle-sw{cursor:nesw-resize;bottom:-9px;left:-9px}.crop-handle-nw{cursor:nwse-resize;top:-9px;left:-9px}.rule-grid{pointer-events:none;position:absolute;inset:0}.rule-line{background:#f5fff9ad;position:absolute}.rule-line-v{width:1px;height:100%;top:0}.rule-line-h{width:100%;height:1px;left:0}.rule-line-v-one{left:33.333%}.rule-line-v-two{left:66.666%}.rule-line-h-one{top:33.333%}.rule-line-h-two{top:66.666%}.rotation-guide-grid{z-index:1;pointer-events:none;background-image:linear-gradient(#f5fff921 1px,#0000 1px),linear-gradient(90deg,#f5fff921 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.rotation-guide-grid span{background:#f5fff938;position:absolute}.rotation-guide-grid span:first-child,.rotation-guide-grid span:nth-child(2){width:1px;height:100%;top:0}.rotation-guide-grid span:nth-child(3),.rotation-guide-grid span:nth-child(4){width:100%;height:1px;left:0}.rotation-guide-grid span:first-child{left:33.333%}.rotation-guide-grid span:nth-child(2){left:66.666%}.rotation-guide-grid span:nth-child(3){top:33.333%}.rotation-guide-grid span:nth-child(4){top:66.666%}.perspective-overlay{z-index:3;cursor:crosshair;touch-action:none;position:absolute;inset:0}.perspective-shape{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.perspective-shape polygon{fill:#2e7d692e;stroke:#f5fff9db;stroke-width:.8px;vector-effect:non-scaling-stroke}.perspective-shape polyline{fill:none;stroke:#2e7d69f5;stroke-width:2px;vector-effect:non-scaling-stroke}.perspective-point{z-index:4;color:#17201b;cursor:grab;touch-action:none;background:#f5fff9;border:2px solid #17201b;border-radius:50%;width:34px;height:34px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 14px #0000005c}.perspective-point:active{cursor:grabbing}.perspective-point span{font-size:.64rem;font-weight:800;line-height:1;display:block}.perspective-edit-hint{color:#edf4f1;pointer-events:none;background:#0d1210b8;border:1px solid #f5fff938;border-radius:7px;max-width:min(360px,100% - 24px);padding:8px 10px;font-size:.78rem;line-height:1.35;position:absolute;bottom:12px;right:12px}.stage-placeholder{aspect-ratio:4/3;color:#dce5e0;text-align:center;background:#edf1ef0d;border:1px dashed #68716b;border-radius:8px;align-content:center;place-items:center;gap:10px;width:min(520px,100%);display:grid}.stage-placeholder svg{color:#94b6a8}.stage-placeholder strong{font-size:clamp(1.15rem,2vw,1.7rem)}.stage-placeholder span{color:#a9b2ad;font-size:.95rem}.stage-placeholder.busy svg{animation:1s linear infinite spin}.right-panel{color:#171b19;background:#eef2f0;border:1px solid #d5ddda;border-radius:8px;flex-direction:column;flex:0 0 380px;gap:12px;width:380px;min-width:0;max-width:380px;min-height:0;max-height:100%;display:flex;overflow:hidden}.panel-summary{border-bottom:1px solid #d5ddda;align-items:center;gap:12px;min-height:68px;padding:14px;display:flex}.panel-summary svg{color:#2e7d69;flex:none}.panel-summary div{min-width:0}.panel-summary p{color:#131817;text-overflow:ellipsis;white-space:nowrap;font-weight:900;overflow:hidden}.panel-summary span{color:#60716c;margin-top:3px;font-size:.82rem;font-weight:700;display:block}.tool-sections{scrollbar-gutter:stable;flex-direction:column;flex:auto;gap:10px;min-width:0;min-height:0;padding:12px;display:flex;overflow:hidden auto}.tool-section{background:#fbfcfb;border:1px solid #d4ddda;border-radius:8px;min-width:0;max-width:100%;padding:12px}.tool-section header{align-items:center;gap:9px;margin-bottom:12px;display:flex}.tool-section header.section-header-with-actions{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0}.section-header-with-actions>div:first-child{align-items:center;gap:9px;min-width:0;display:flex}.tool-section header svg{color:#2e7d69}.tool-section h2{margin:0;font-size:.95rem}.slider-stack{flex-direction:column;gap:12px;min-width:0;display:flex}.panel-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;min-width:0;display:flex}.panel-actions button{color:#25332d;cursor:pointer;background:#e3ebe7;border-radius:7px;align-items:center;gap:6px;min-height:32px;padding:0 9px;font-size:.76rem;font-weight:850;display:inline-flex}.panel-actions button[aria-pressed=true]{color:#fff;background:#2e7d69}.panel-actions button:disabled{cursor:not-allowed;opacity:.48}.ai-tabs{background:#e8efec;border:1px solid #d2dcd8;border-radius:8px;gap:4px;min-width:0;padding:3px;display:flex}.ai-tabs button{color:#43514b;cursor:pointer;background:0 0;border-radius:6px;flex:1 1 0;min-width:0;min-height:32px;padding:0 8px;font-size:.76rem;font-weight:900}.ai-tabs button.is-active{color:#fff;background:#2e7d69}.ai-tab-panel{flex-direction:column;gap:10px;min-width:0;display:flex}.ai-recipe-form{gap:8px;width:100%;min-width:0;display:flex}.ai-recipe-form input{color:#17201b;background:#fff;border:1px solid #c9d5d1;border-radius:7px;flex:auto;min-width:0;min-height:38px;padding:0 10px;font-size:.82rem;font-weight:750}.ai-recipe-form button,.ai-quick-button,.ai-undo-button,.history-actions button{color:#25332d;cursor:pointer;background:#e3ebe7;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:0 10px;font-size:.76rem;font-weight:850;display:inline-flex}.ai-recipe-form button{color:#fff;background:#2e7d69;flex:none}.ai-generative-form{flex-direction:column}.ai-generative-form button{width:100%}.ai-recipe-form button:disabled,.ai-recipe-form input:disabled,.ai-quick-button:disabled,.ai-undo-button:disabled,.history-actions button:disabled{cursor:not-allowed;opacity:.48}.ai-quick-button{color:#25332d;background:#dbe7e2;width:100%}.ai-undo-button{color:#25332d;background:#e3ebe7;width:100%}.ai-status-message{color:#8f3529;background:#fff2ef;border:1px solid #efc5be;border-radius:8px;margin:0;padding:9px 10px;font-size:.78rem;font-weight:850;line-height:1.35}.ai-warning,.generative-result{border-radius:8px;margin:0;padding:9px 10px;font-size:.78rem;font-weight:850;line-height:1.35}.ai-warning{color:#755817;background:#fff8e6;border:1px solid #e8d2a2}.generative-result{color:#1d5f4b;background:#eef8f3;border:1px solid #cfe0d8}.ai-explanation{color:#1d2a25;background:#eef8f3;border:1px solid #cfe0d8;border-radius:8px;min-width:0;padding:10px}.ai-explanation strong,.ai-explanation p,.ai-explanation span{margin:0;display:block}.ai-explanation strong{color:#2e7d69;font-size:.75rem;font-weight:900}.ai-explanation p{overflow-wrap:anywhere;margin-top:5px;font-size:.78rem;font-weight:760;line-height:1.38}.ai-explanation span{color:#5e7069;margin-top:7px;font-size:.72rem;font-weight:850}.history-actions{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.history-actions button{flex:136px;min-width:0}.history-actions button[aria-pressed=true]{color:#fff;background:#2e7d69}.history-list{flex-direction:column;gap:6px;min-width:0;margin:10px 0 0;padding:0;display:flex}.history-list li{color:#26322e;background:#f4f8f6;border:1px solid #d9e3df;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;min-width:0;min-height:34px;padding:7px 9px;font-size:.77rem;font-weight:780;list-style:none;display:flex}.history-list li.is-current{background:#e2f1eb;border-color:#2e7d69;box-shadow:inset 3px 0 #2e7d69}.history-list li.is-empty{color:#66756f;justify-content:center}.history-list span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.history-list time{color:#6b7b75;flex:none;font-size:.7rem}.preset-list{flex-direction:column;gap:7px;min-width:0;display:flex}.preset-button,.preset-clear-button{cursor:pointer;text-align:left;border-radius:8px;width:100%;min-width:0}.preset-button{color:#22302a;background:#f3f7f5;border:1px solid #d2dcd8;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;min-height:54px;padding:8px 10px;display:flex}.preset-button span{overflow-wrap:anywhere;max-width:100%;font-size:.82rem;font-weight:900}.preset-button small{color:#60716a;max-width:100%;font-size:.72rem;font-weight:700;line-height:1.3}.preset-button.is-active{background:#e2f1eb;border-color:#2e7d69;box-shadow:inset 3px 0 #2e7d69}.preset-clear-button{color:#25332d;text-align:center;background:#e3ebe7;border:1px solid #d2dcd8;justify-content:center;align-items:center;min-height:32px;padding:0 10px;font-size:.76rem;font-weight:850;display:inline-flex}.preset-button:disabled,.preset-clear-button:disabled{cursor:not-allowed;opacity:.48}.geometry-actions{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.geometry-actions button{color:#25332d;cursor:pointer;background:#e3ebe7;border-radius:7px;flex:95px;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:32px;padding:0 8px;font-size:.74rem;font-weight:850;display:inline-flex}.geometry-actions button:disabled{cursor:not-allowed;opacity:.48}.perspective-actions button{flex-basis:140px}.perspective-edit-panel{background:#edf6f2;border:1px solid #bfd3cb;border-radius:8px;flex-direction:column;gap:9px;min-width:0;padding:10px;display:flex}.perspective-edit-panel p{color:#2f3c37;margin:0;font-size:.78rem;line-height:1.4}.segmented-control{background:#e8efec;border:1px solid #d2dcd8;border-radius:8px;gap:4px;min-width:0;padding:3px;display:flex}.segmented-control button{color:#43514b;cursor:pointer;background:0 0;border-radius:6px;flex:1 1 0;min-width:0;min-height:30px;padding:0 6px;font-size:.75rem;font-weight:850}.segmented-control button.is-active{color:#fff;background:#2e7d69}.segmented-control button:disabled{cursor:not-allowed;opacity:.52}.toggle-control{color:#45514d;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:34px;font-size:.82rem;font-weight:850;display:flex;position:relative}.toggle-control input{opacity:0;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.toggle-control input:disabled+.toggle-track,.toggle-control input:disabled~.toggle-track{cursor:not-allowed;opacity:.5}.toggle-track{background:#d7e0dc;border:1px solid #becbc6;border-radius:999px;flex:none;width:46px;height:24px;transition:background .16s,border-color .16s;position:relative}.toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .16s;position:absolute;top:50%;left:3px;transform:translateY(-50%);box-shadow:0 2px 5px #151f1b3d}.toggle-control.is-on .toggle-track{background:#2e7d69;border-color:#2e7d69}.toggle-control.is-on .toggle-thumb{left:23px}.slider-control{flex-direction:column;gap:7px;min-width:0;max-width:100%;display:flex;overflow:visible}.slider-label{color:#45514d;justify-content:space-between;align-items:center;gap:10px;min-width:0;font-size:.82rem;font-weight:800;display:flex}.slider-label strong{color:#17201b;font-variant-numeric:tabular-nums;text-align:right;flex:none;min-width:44px}.range-shell{align-self:center;width:min(220px,100% - 48px);min-width:0;max-width:none;height:30px;padding:0;position:relative;overflow:visible}.range-visual{cursor:pointer;touch-action:none;width:100%;height:30px;position:relative}.range-track,.range-fill{border-radius:999px;height:8px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.range-track{background:#cfd9d5;right:0}.range-fill{width:var(--slider-percent);background:#2e7d69}.range-thumb{top:50%;left:var(--slider-percent);background:#2e7d69;border:2px solid #fff;border-radius:50%;width:20px;height:20px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 7px #151f1b42}.range-visual:focus-visible .range-thumb{outline-offset:2px;outline:2px solid #173a31}.range-visual[aria-disabled=true]{cursor:not-allowed}.slider-control.is-readonly span{color:#68746f}.slider-control.is-readonly .range-visual{opacity:.58}.status-bar{color:#aeb8b3;background:#1a1d1b;border:1px solid #343a36;border-radius:8px;align-items:center;gap:16px;min-height:42px;padding:8px 12px;font-size:.84rem;display:flex;overflow:hidden}.status-bar div{flex:1 1 0;align-items:center;gap:8px;min-width:0;display:inline-flex}.status-bar span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status-bar strong{color:#e8f3ee}.status-bar p{color:#ffb2aa;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.toast-panel{z-index:20;gap:10px;width:min(410px,100vw - 36px);display:grid;position:fixed;bottom:68px;right:18px}.modal-backdrop{z-index:30;background:#0c100e8a;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.export-dialog{color:#17201b;background:#fbfcfb;border:1px solid #d4ddda;border-radius:8px;width:min(420px,100%);min-width:0;padding:16px;box-shadow:0 20px 70px #00000057}.export-dialog header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.export-dialog header p{margin:0;font-size:1rem;font-weight:950}.export-dialog header span{color:#66736f;margin-top:3px;font-size:.82rem;display:block}.export-dialog header button{color:#25332d;background:#e3ebe7;border-radius:7px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.export-field{color:#34413c;flex-direction:column;gap:8px;min-width:0;margin-bottom:14px;font-size:.84rem;font-weight:850;display:flex}.export-field span{justify-content:space-between;gap:12px;display:flex}.export-field strong{color:#2e7d69}.export-field input[type=text]{color:#17201b;width:100%;min-width:0;height:40px;font:inherit;background:#fff;border:1px solid #cbd6d2;border-radius:7px;padding:0 10px}.export-field input[type=range]{accent-color:#2e7d69;width:100%}.export-dialog footer{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.dialog-button{border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 13px;font-weight:900;display:inline-flex}.dialog-button.primary{color:#fff;background:#2e7d69}.dialog-button.secondary{color:#25332d;background:#e3ebe7}.dialog-button:disabled,.export-dialog header button:disabled,.export-field input:disabled{cursor:not-allowed;opacity:.55}.toast{color:#18211d;background:#f7faf8;border:1px solid #343a36;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px;display:grid;box-shadow:0 18px 42px #00000052}.toast.success>svg{color:#2e7d69}.toast.error>svg{color:#c84d42}.toast.info>svg{color:#8b6820}.toast strong,.toast span{display:block}.toast strong{font-weight:900}.toast span{color:#596662;margin-top:3px;font-size:.88rem}.toast button{color:#53605b;cursor:pointer;background:0 0;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.mobile-layout{flex-direction:column;gap:10px;width:100%;height:100%;min-height:0;display:flex}.mobile-header{background:#1a1d1b;border:1px solid #343a36;border-radius:8px;flex:none;justify-content:space-between;align-items:center;gap:10px;min-width:0;min-height:56px;padding:8px 10px;display:flex}.mobile-header .brand-mark{flex-basis:38px;width:38px;height:38px;font-size:.78rem}.mobile-header .brand-lockup{gap:9px;min-width:0}.mobile-header .brand-lockup p{font-size:1rem}.mobile-header .brand-lockup span{font-size:.72rem}.mobile-status-pill{color:#dfe7e3;cursor:pointer;white-space:nowrap;background:#242925;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:38px;padding:0 10px;font-size:.78rem;font-weight:820;display:inline-flex}.mobile-preview-area{flex:auto;min-width:0;min-height:0;display:flex}.mobile-layout .image-canvas{flex:auto;width:100%}.mobile-layout .canvas-header{min-height:48px;padding:9px 11px}.mobile-layout .canvas-header p{font-size:.88rem}.mobile-layout .canvas-header span{font-size:.74rem}.mobile-layout .canvas-header strong{padding:5px 8px;font-size:.68rem}.mobile-layout .photo-stage{--stage-padding:8px;--stage-padding-double:16px}.mobile-layout .stage-placeholder{gap:8px;width:min(330px,100%)}.mobile-layout .stage-placeholder svg{width:42px;height:42px}.mobile-layout .stage-placeholder strong{font-size:1rem}.mobile-layout .stage-placeholder span{font-size:.78rem}.mobile-bottom-nav{min-width:0;min-height:72px;padding:6px;padding-bottom:max(6px, env(safe-area-inset-bottom));z-index:22;background:#1a1d1b;border:1px solid #343a36;border-radius:8px;flex:none;gap:4px;display:flex;box-shadow:0 -12px 30px #00000038}.mobile-bottom-nav button{color:#b9c5bf;cursor:pointer;background:0 0;border-radius:8px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:58px;padding:0;font-size:.64rem;font-weight:820;display:flex}.mobile-bottom-nav button.is-active{color:#fff;background:#2e7d69}.mobile-bottom-nav svg{flex:none}.mobile-bottom-nav span{text-align:center;white-space:normal;word-break:keep-all;width:100%;max-width:100%;line-height:1.05;overflow:hidden}.mobile-sheet-backdrop{z-index:10;background:0 0;flex:none;justify-content:center;align-items:stretch;min-width:0;padding:0;display:flex}.mobile-tool-sheet{color:#17201b;background:#fbfcfb;border:1px solid #d4ddda;border-radius:8px;flex-direction:column;width:100%;min-width:0;max-height:min(42dvh,380px);display:flex;overflow:hidden;box-shadow:0 12px 28px #0000003d}.mobile-sheet-header{border-bottom:1px solid #d8e0dd;flex:none;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:12px 14px;display:flex}.mobile-sheet-header div{min-width:0}.mobile-sheet-header span,.mobile-sheet-header h2{text-overflow:ellipsis;white-space:nowrap;margin:0;display:block;overflow:hidden}.mobile-sheet-header span{color:#68766f;font-size:.74rem;font-weight:780}.mobile-sheet-header h2{color:#151d19;margin-top:2px;font-size:1rem;font-weight:950}.mobile-sheet-header button{color:#25332d;cursor:pointer;background:#e3ebe7;border-radius:8px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.mobile-sheet-content{min-width:0;min-height:0;padding:14px;overflow:hidden auto}.mobile-tool-group{flex-direction:column;gap:14px;min-width:0;display:flex}.mobile-file-actions,.mobile-history-actions,.mobile-button-row{gap:8px;min-width:0;display:flex}.mobile-file-actions .primary-action,.mobile-action-button,.mobile-history-actions button,.mobile-button-row button,.mobile-export-button{color:#25332d;cursor:pointer;background:#e3ebe7;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:46px;padding:0 12px;font-size:.82rem;font-weight:880;display:inline-flex}.mobile-file-actions .primary-action,.mobile-file-actions .mobile-action-button,.mobile-history-actions button,.mobile-button-row button{flex:1 1 0}.mobile-file-actions .primary-action,.mobile-export-button{color:#fff;box-shadow:none;background:#2e7d69}.mobile-history-actions{flex-wrap:wrap}.mobile-history-actions button{flex-basis:calc(50% - 4px)}.mobile-edit-quick-actions button{flex-basis:calc(33.333% - 6px)}.mobile-history-actions button[aria-pressed=true],.mobile-button-row button[aria-pressed=true]{color:#fff;background:#2e7d69}.mobile-file-actions button:disabled,.mobile-action-button:disabled,.mobile-history-actions button:disabled,.mobile-button-row button:disabled,.mobile-export-button:disabled{cursor:not-allowed;opacity:.5}.mobile-history-list{flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;display:flex}.mobile-history-list li{color:#26322e;background:#f4f8f6;border:1px solid #d9e3df;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-width:0;min-height:36px;padding:7px 9px;font-size:.78rem;font-weight:780;list-style:none;display:flex}.mobile-history-list span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mobile-history-list time{color:#6b7b75;flex:none;font-size:.7rem}.mobile-segmented{background:#e8efec;border:1px solid #d2dcd8;border-radius:9px;gap:5px;min-width:0;padding:4px;display:flex}.mobile-segmented button{color:#43514b;cursor:pointer;background:0 0;border-radius:7px;flex:1 1 0;min-width:0;min-height:40px;padding:0 6px;font-size:.78rem;font-weight:900}.mobile-segmented button.is-active{color:#fff;background:#2e7d69}.mobile-toggle{color:#2c3833;cursor:pointer;background:#f5f8f7;border:1px solid #d9e3df;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:46px;padding:0 11px;font-size:.86rem;font-weight:880;display:flex;position:relative}.mobile-toggle input{opacity:0;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.mobile-help-text,.mobile-perspective-actions p{color:#65736d;margin:0;font-size:.8rem;line-height:1.35}.mobile-tool-sheet .slider-control{gap:9px}.mobile-tool-sheet .slider-label{font-size:.88rem}.mobile-tool-sheet .range-shell{height:44px;width:calc(100% - 30px)!important}.mobile-tool-sheet .range-visual{height:44px}.mobile-tool-sheet .range-track,.mobile-tool-sheet .range-fill{height:10px}.mobile-tool-sheet .range-thumb{width:28px;height:28px}.mobile-preset-row{gap:8px;min-width:0;padding-bottom:2px;display:flex;overflow-x:auto}.mobile-preset-row button{color:#22302a;cursor:pointer;white-space:nowrap;background:#f3f7f5;border:1px solid #d2dcd8;border-radius:8px;flex:none;min-height:44px;padding:0 12px;font-size:.78rem;font-weight:900}.mobile-preset-row button.is-active{color:#1e5f4c;background:#e2f1eb;border-color:#2e7d69}.mobile-ai-form{gap:8px;min-width:0;display:flex}.mobile-ai-form input{color:#17201b;background:#fff;border:1px solid #c9d5d1;border-radius:8px;flex:auto;min-width:0;min-height:46px;padding:0 11px;font-size:.86rem;font-weight:780}.mobile-ai-form button{color:#fff;cursor:pointer;background:#2e7d69;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:7px;min-height:46px;padding:0 12px;font-size:.82rem;font-weight:900;display:inline-flex}.mobile-ai-form input:disabled,.mobile-ai-form button:disabled{cursor:not-allowed;opacity:.5}.mobile-perspective-actions{background:#edf6f2;border:1px solid #bfd3cb;border-radius:8px;flex-direction:column;gap:9px;min-width:0;padding:10px;display:flex}.mobile-export-card{background:#f4f8f6;border:1px solid #d9e3df;border-radius:8px;align-items:center;gap:11px;min-width:0;padding:12px;display:flex}.mobile-export-card svg{color:#2e7d69;flex:none}.mobile-export-card div{min-width:0}.mobile-export-card strong,.mobile-export-card span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.mobile-export-card strong{color:#17201b;font-size:.9rem;font-weight:950}.mobile-export-card span{color:#65736d;margin-top:3px;font-size:.78rem;font-weight:760}.mobile-export-button{width:100%}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=820px){body{overflow:hidden}.app-shell.is-mobile-shell{height:100dvh;min-height:100dvh;padding:10px}.toast-panel{width:min(390px,100vw - 20px);bottom:92px;right:10px}}@media (width<=430px){.app-shell.is-mobile-shell{padding:8px}.mobile-layout{gap:8px}.mobile-header{min-height:52px;padding:7px 8px}.mobile-status-pill{padding:0 8px;font-size:.72rem}.mobile-bottom-nav{gap:2px;min-height:68px;padding:5px}.mobile-bottom-nav button{min-height:56px;font-size:.5rem}.mobile-sheet-backdrop{padding:0}.mobile-tool-sheet{max-height:min(44dvh,360px)}.mobile-sheet-content{padding:12px}.mobile-file-actions,.mobile-ai-form{flex-direction:column}.mobile-ai-form button,.mobile-file-actions .primary-action,.mobile-file-actions .mobile-action-button{width:100%}}@media (width>=821px){.app-shell.is-desktop-shell{min-width:920px}}