:root{--paper:#f3eee6;--paper-2:#efe9df;--surface:#fffdf9;--ink:#23211c;--ink-soft:#6f6a60;--ink-faint:#837d70;--line:#e4ddd0;--line-strong:#d3cab8;--accent:#b5654a;--accent-press:#9d5440;--accent-ink:#8f4a34;--accent-soft:#b5654a1f;--accent-line:#b5654a66;--fit:#1f9b6e;--fit-soft:#1f9b6e1f;--tight:#b8791f;--tight-soft:#b8791f1f;--collide:#c2412b;--collide-soft:#c2412b1f;--danger:#c2412b;--font-display:"Fraunces", Georgia, "Times New Roman", serif;--font-ui:"Hanken Grotesk", system-ui, "Segoe UI", sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--r-control:8px;--r-card:10px;--r-panel:14px;--r-sm:8px;--r-md:10px;--r-lg:14px;--r-pill:999px;--elev-1:0 1px 2px #23211c0f;--elev-2:0 6px 18px #23211c14;--elev-3:0 16px 40px #23211c24;--shadow-sm:0 1px 2px #23211c0f;--shadow-md:0 6px 18px #23211c14;--shadow-lg:0 16px 40px #23211c24;--z-canvas:0;--z-canvas-ui:100;--z-sticky:200;--z-panel:300;--z-dropdown:400;--z-overlay:500;--z-modal:600;--z-toast:700;--z-tooltip:800;font-family:var(--font-ui);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;line-height:1.45}*{box-sizing:border-box}body{margin:0}#root{min-height:100vh}.app-shell{background:var(--paper);flex-direction:column;height:100dvh;display:flex}.app-header{background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.5rem .6rem;padding:.55rem .85rem;display:flex}.plan-tools{flex-wrap:wrap;flex-basis:100%;order:1;align-items:center;gap:.5rem;display:flex}.brand-mark{background:var(--surface);border:1.5px solid var(--ink);width:30px;height:30px;box-shadow:var(--shadow-sm);border-radius:8px;flex:none;position:relative}.brand-mark:before{content:"";background:var(--accent);border-radius:2px;width:11px;height:8px;position:absolute;bottom:5px;left:5px}.brand-mark:after{content:"";background:var(--surface);width:8px;height:1.5px;position:absolute;top:-1.5px;right:6px}.wordmark{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);font-size:1.25rem;font-weight:600;line-height:1}.room-chip{min-height:36px;font-family:var(--font-ui);background:var(--paper);border:1px solid var(--line-strong);border-radius:var(--r-pill);box-shadow:var(--shadow-sm);cursor:pointer;align-items:center;gap:.5rem;padding:0 .4rem 0 .75rem;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.room-chip:hover{background:var(--paper-2);border-color:var(--accent-line);box-shadow:0 2px 8px #23211c1a}.room-chip:active{background:var(--paper-2)}.room-chip-dims{font-variant-numeric:tabular-nums;color:var(--ink);font-size:.85rem;font-weight:600}.room-chip-edit{text-transform:uppercase;letter-spacing:.07em;height:22px;color:var(--accent-ink);background:var(--accent-soft);border-radius:var(--r-pill);align-items:center;padding:0 .5rem;font-size:.64rem;font-weight:700;line-height:1;display:inline-flex}.room-chip:hover .room-chip-edit{background:var(--accent);color:#fff}.app-header .snap-toggle{min-height:36px;padding:0 .8rem;font-size:.8rem}.layouts-chip{min-height:36px;font-family:var(--font-ui);color:var(--ink-soft);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-pill);cursor:pointer;align-items:center;gap:.4rem;padding:0 .8rem;font-size:.8rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.layouts-chip:hover{color:var(--ink);border-color:var(--ink-faint)}.layouts-chip-count{min-width:1.05rem;height:1.05rem;color:var(--surface);background:var(--accent);border-radius:var(--r-pill);justify-content:center;align-items:center;padding:0 .28rem;font-size:.66rem;font-weight:700;display:inline-flex}.sync-chip{color:var(--ink-soft);flex:none;align-items:center;gap:.4rem;margin-left:auto;font-size:.74rem;font-weight:600;display:inline-flex}.sync-dot{background:var(--ink-faint);border-radius:50%;width:9px;height:9px;transition:background .2s}.sync-chip.is-saved .sync-dot{background:var(--fit)}.sync-chip.is-saving .sync-dot{background:var(--tight);animation:1s ease-in-out infinite sync-pulse}.sync-chip.is-loading .sync-dot{background:var(--ink-faint);animation:1s ease-in-out infinite sync-pulse}.sync-chip.is-offline .sync-dot{background:var(--ink-faint)}.sync-label{display:none}@keyframes sync-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.sync-dot{animation:none!important}}.account-chip{flex:none;align-items:center;gap:.5rem;font-size:.74rem;display:inline-flex}.account-email{text-overflow:ellipsis;white-space:nowrap;max-width:16ch;color:var(--ink-soft);font-weight:600;display:none;overflow:hidden}.account-signout{color:var(--ink-soft);border-bottom:1px solid var(--line-strong);flex:none;padding-bottom:1px;font-weight:600;text-decoration:none;transition:color .15s,border-color .15s;position:relative}.account-signout:after{content:"";width:100%;min-width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.account-signout:hover{color:var(--ink);border-color:var(--ink-faint)}.auth-screen{background:radial-gradient(120% 80% at 50% -10%, var(--paper-2) 0%, var(--paper) 60%);justify-content:center;align-items:center;min-height:100dvh;padding:1.5rem;display:flex}.auth-card{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg,16px);width:100%;max-width:360px;box-shadow:var(--shadow-md,0 8px 30px #00000014);flex-direction:column;align-items:center;gap:.75rem;padding:2.25rem 1.75rem;display:flex}.brand-mark-lg{border-radius:11px;width:44px;height:44px}.auth-wordmark{font-size:1.65rem}.auth-tagline{color:var(--ink-soft);margin:.1rem 0 .4rem;font-size:.95rem;line-height:1.45}.auth-loading{color:var(--ink-soft);margin:.3rem 0 0;font-size:.9rem}.auth-google-btn{width:100%;min-height:48px;font-family:var(--font-ui);color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-pill);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:.65rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:border-color .15s,background .15s,transform 50ms;display:inline-flex}.auth-google-btn:hover{border-color:var(--ink-faint);background:var(--paper-2)}.auth-google-btn:active{transform:translateY(1px)}.auth-google-icon{flex:none;width:18px;height:18px}.auth-fineprint{color:var(--ink-faint);margin:.35rem 0 0;font-size:.78rem}.field{flex-direction:column;gap:.28rem;display:flex}.field-cap{text-transform:uppercase;letter-spacing:.07em;color:var(--ink-soft);padding-left:.1rem;font-size:.62rem;font-weight:700}.input-wrap{align-items:center;display:inline-flex;position:relative}.input-wrap .unit{color:var(--ink-faint);pointer-events:none;font-size:.8rem;position:absolute;right:.6rem}.field input,.field select{font-family:var(--font-ui);min-height:44px;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);padding:.4rem .65rem;font-size:16px;transition:border-color .15s,box-shadow .15s}.field input{width:5rem;padding-right:1.9rem}.field-dim input{width:4.4rem}.field-name input{width:9rem;padding-right:.65rem}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.field input.invalid{border-color:var(--danger);background:#fbf1ef}.select-wrap{position:relative}.select-wrap select{appearance:none;cursor:pointer;width:11rem;padding-right:2rem}.select-wrap:after{content:"";border-right:2px solid var(--ink-soft);border-bottom:2px solid var(--ink-soft);pointer-events:none;width:7px;height:7px;position:absolute;top:50%;right:.85rem;transform:translateY(-70%)rotate(45deg)}.btn{min-height:44px;font-family:var(--font-ui);border-radius:var(--r-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:0 1.05rem;font-size:.9rem;font-weight:600;transition:background .15s,border-color .15s,transform 50ms;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--ink);color:var(--surface);border-color:var(--ink);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:#34312a}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.btn-ghost:hover{background:var(--paper)}.btn-danger{color:var(--danger);background:#fbf1ef;border-color:#a13d2d52}.btn-danger:hover{background:#f6e6e2}.snap-toggle{min-height:44px;font-family:var(--font-ui);color:var(--ink-soft);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-pill);cursor:pointer;align-items:center;gap:.5rem;padding:0 .95rem;font-size:.85rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.snap-dot{border-radius:50%;flex:none;width:9px;height:9px;transition:background .15s,border-color .15s}.snap-toggle.on{color:var(--ink);background:var(--accent-soft);border-color:var(--accent-line)}.snap-toggle.on .snap-dot{background:var(--accent)}.snap-toggle.off .snap-dot{border:1.5px solid var(--ink-faint);background:0 0}.app-main{background-color:var(--paper-2);touch-action:none;background-image:radial-gradient(circle,#23211c0d 1px,#0000 1px);background-size:22px 22px;flex:1;min-height:0;position:relative;overflow:hidden}.inventory{z-index:2;flex-direction:column;gap:.4rem;max-width:calc(100% - 1.7rem);display:flex;position:absolute;top:.85rem;left:.85rem}.inv-toggle{min-height:38px;font-family:var(--font-ui);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);box-shadow:var(--shadow-sm);cursor:pointer;align-self:flex-start;align-items:center;gap:.5rem;padding:0 .85rem;font-size:.82rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.inv-toggle:hover{background:var(--paper)}.inv-count{min-width:1.3rem;height:1.3rem;color:var(--surface);background:var(--ink);border-radius:var(--r-pill);justify-content:center;align-items:center;padding:0 .35rem;font-size:.72rem;font-weight:700;display:inline-flex}.inv-caret{border-right:2px solid var(--ink-soft);border-bottom:2px solid var(--ink-soft);width:6px;height:6px;transition:transform .15s;transform:translateY(-1px)rotate(45deg)}.inventory.open .inv-caret{transform:translateY(1px)rotate(-135deg)}.inv-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);width:16rem;max-width:100%;max-height:46vh;box-shadow:var(--shadow-lg);-webkit-overflow-scrolling:touch;flex-direction:column;padding:.3rem;display:flex;overflow-y:auto}.inv-row{width:100%;min-height:44px;font-family:var(--font-ui);text-align:left;border-radius:var(--r-md);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.4rem .55rem;transition:background .12s;display:flex}.inv-row:hover{background:var(--paper)}.inv-row.sel{background:var(--accent-soft)}.inv-row-text{flex-direction:column;flex:1;gap:.05rem;min-width:0;display:flex}.inv-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.inv-dims{color:var(--ink-soft);font-size:.73rem}.inv-warn-dot{background:var(--danger);border-radius:50%;flex:none;width:9px;height:9px}.inv-warn-dot.caution{background:var(--tight)}.fit-alert{max-width:calc(100% - 1.7rem);font-family:var(--font-ui);color:var(--danger);border-radius:var(--r-pill);box-shadow:var(--shadow-md);white-space:nowrap;background:#fbf1ef;border:1px solid #a13d2d47;align-items:center;gap:.5rem;padding:.45rem .85rem;font-size:.8rem;font-weight:600;display:inline-flex;position:absolute;top:.85rem;left:50%;transform:translate(-50%)}.fit-alert-dot{background:var(--danger);border-radius:50%;flex:none;width:8px;height:8px}.fit-ok{max-width:calc(100% - 1.7rem);font-family:var(--font-ui);color:var(--fit);border:1px solid var(--fit-soft);border-radius:var(--r-pill);box-shadow:var(--shadow-md);white-space:nowrap;background:#eef7f2;align-items:center;gap:.5rem;padding:.45rem .85rem;font-size:.8rem;font-weight:600;animation:.22s cubic-bezier(.32,.72,0,1) fit-ok-in;display:inline-flex;position:absolute;top:.85rem;left:50%;transform:translate(-50%)}.fit-ok-dot{background:var(--fit);border-radius:50%;flex:none;width:8px;height:8px}@keyframes fit-ok-in{0%{opacity:0;transform:translate(-50%)translateY(-4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (prefers-reduced-motion:reduce){.fit-ok{animation:none}}.fit-caution{max-width:calc(100% - 1.7rem);font-family:var(--font-ui);color:var(--tight);border:1px solid var(--tight-soft);border-radius:var(--r-pill);box-shadow:var(--shadow-md);white-space:nowrap;background:#faf3e6;align-items:center;gap:.5rem;padding:.45rem .85rem;font-size:.8rem;font-weight:600;display:inline-flex;position:absolute;top:.85rem;left:50%;transform:translate(-50%)}.fit-caution-dot{background:var(--tight);border-radius:50%;flex:none;width:8px;height:8px}.selection-bar{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .7rem .6rem .95rem;display:flex;position:absolute;bottom:.85rem;left:.85rem;right:.85rem}.sel-info{flex-direction:column;gap:.1rem;min-width:0;display:flex}.sel-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.sel-dims{color:var(--ink-soft);font-size:.75rem}.sel-warn{text-transform:uppercase;letter-spacing:.05em;color:var(--danger);font-size:.72rem;font-weight:700}.sel-clear{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:.72rem;font-weight:600}.sel-clear.tight{color:var(--tight);font-weight:700}.sel-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:.45rem;display:flex}.sel-actions .btn{padding:0 .8rem;font-size:.85rem}.sel-stepper{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--paper-2);align-items:center;gap:0;display:inline-flex;overflow:hidden}.step-btn{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:1.25rem;line-height:1;transition:background .12s;display:inline-flex}.step-btn:hover{background:var(--accent-soft);color:var(--accent-ink)}.step-btn:active{background:var(--accent-line)}.step-val{text-align:center;font-variant-numeric:tabular-nums;min-width:3.5rem;color:var(--ink);font-size:.85rem;font-weight:600}.btn-photo{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent-line)}.btn-photo:hover{background:#b5654a2e}.image-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);flex-direction:column;gap:.5rem;padding:.7rem;display:flex;position:absolute;bottom:calc(100% + .5rem);left:0;right:0}.image-upload{cursor:pointer;justify-content:center}.image-url-row{gap:.45rem;display:flex}.image-url-row input{min-width:0;font-family:var(--font-ui);min-height:44px;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);flex:1;padding:.4rem .65rem;font-size:16px}.image-url-row input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.image-url-row .btn{flex:none}.image-remove{justify-content:center}.image-adjust{border-bottom:1px solid var(--line);flex-direction:column;gap:.55rem;padding-bottom:.6rem;display:flex}.image-opacity{flex-direction:column;gap:.35rem;display:flex}.image-opacity-cap{font-family:var(--font-ui);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);justify-content:space-between;align-items:baseline;font-size:.72rem;font-weight:600;display:flex}.image-opacity-val{font-variant-numeric:tabular-nums;color:var(--ink-soft)}.image-opacity input[type=range]{width:100%;height:24px;accent-color:var(--accent);cursor:pointer}.image-outline,.image-cutout{justify-content:center}.image-cutout:disabled{opacity:.6;cursor:progress}.image-error{color:var(--collide);background:var(--collide-soft);border-radius:var(--r-sm);margin:0;padding:.5rem .65rem;font-size:.78rem;font-weight:600;line-height:1.35}.image-outline.off{color:var(--ink-faint)}.image-outline.on{color:var(--accent-ink);background:var(--accent-soft);border-color:var(--accent-line)}.sel-info{flex:6rem}.clear-all{min-height:38px;font-family:var(--font-ui);color:var(--ink-soft);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);box-shadow:var(--shadow-sm);cursor:pointer;padding:0 .9rem;font-size:.8rem;font-weight:600;transition:color .15s,background .15s;position:absolute;bottom:.85rem;left:.85rem}.clear-all:hover{color:var(--danger);background:#fbf1ef}.clear-confirm{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-pill);max-width:calc(100% - 1.7rem);box-shadow:var(--shadow-md);flex-wrap:wrap;align-items:center;gap:.4rem;padding:.35rem .4rem .35rem .75rem;display:inline-flex;position:absolute;bottom:.85rem;left:.85rem}.clear-confirm-q{font-family:var(--font-ui);color:var(--ink);font-size:.8rem;font-weight:600}.clear-confirm-yes,.clear-confirm-no{min-height:36px;font-family:var(--font-ui);border-radius:var(--r-pill);cursor:pointer;padding:0 .85rem;font-size:.8rem;font-weight:700;transition:background .15s,color .15s,border-color .15s}.clear-confirm-yes{color:#fff;background:var(--collide);border:1px solid var(--collide)}.clear-confirm-yes:hover{background:#a8341f}.clear-confirm-no{color:var(--ink-soft);background:var(--surface);border:1px solid var(--line-strong)}.clear-confirm-no:hover{color:var(--ink);border-color:var(--ink-faint)}.fab{z-index:var(--z-canvas-ui);height:56px;font-family:var(--font-ui);color:var(--surface);background:var(--ink);border-radius:var(--r-pill);box-shadow:var(--elev-3);cursor:pointer;border:none;align-items:center;gap:.4rem;padding:0 1.4rem 0 1.15rem;font-size:1rem;font-weight:600;transition:transform 80ms,background .15s;display:inline-flex;position:absolute;bottom:1rem;right:1rem}.fab:hover{background:#34312a}.fab:active{transform:translateY(1px)}.fab-plus{margin-top:-2px;font-size:1.5rem;font-weight:400;line-height:1}.zoom-controls{z-index:var(--z-canvas-ui);flex-direction:column;gap:.4rem;display:flex;position:absolute;bottom:calc(1.7rem + 56px);right:1rem}.zoom-btn{width:44px;height:44px;font-family:var(--font-ui);color:var(--ink);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;padding:0;font-size:1.35rem;font-weight:400;line-height:1;transition:background .15s,transform 80ms,border-color .15s;display:inline-flex}.zoom-btn:hover{background:var(--accent-soft);border-color:var(--accent)}.zoom-btn:active{transform:translateY(1px)}.zoom-reset{letter-spacing:.02em;font-size:.78rem;font-weight:600}.sheet-scrim{z-index:var(--z-modal);background:#23211c66;justify-content:center;align-items:flex-end;animation:.2s scrim-in;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:520px;max-height:85vh;padding:.5rem 1.1rem calc(1.1rem + env(safe-area-inset-bottom));background:var(--surface);border-radius:var(--r-panel) var(--r-panel) 0 0;box-shadow:var(--elev-3);animation:.24s cubic-bezier(.32,.72,0,1) sheet-up;overflow-y:auto}.sheet-grip{border-radius:var(--r-pill);background:var(--line-strong);width:36px;height:4px;margin:.3rem auto .6rem;display:block}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:.9rem;display:flex}.sheet-title{font-family:var(--font-display);color:var(--ink);margin:0;font-size:1.25rem;font-weight:500}.sheet-close{width:44px;height:44px;color:var(--ink-soft);background:var(--paper);border:1px solid var(--line);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;line-height:1;transition:background .15s;display:inline-flex}.sheet-close:hover{background:var(--paper-2)}.sheet-body{flex-direction:column;gap:.85rem;display:flex}.sheet-fields{gap:.85rem;display:flex}.sheet-fields .field{flex:1}.sheet .field input,.sheet .select-wrap select{width:100%}.field-notes{font-family:var(--font-ui);width:100%;min-height:3.4rem;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);resize:vertical;padding:.5rem .65rem;font-size:16px;transition:border-color .15s,box-shadow .15s}.field-notes:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.sheet-done{width:100%;margin-top:.3rem}.sheet-section{border-top:1px solid var(--line);margin-top:1.1rem;padding-top:1rem}.sheet-section-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.opening-add-row{gap:.5rem;margin-top:.65rem;display:flex}.btn-add-opening{flex:1 1 0;justify-content:center}.shape-corner-row{flex-wrap:wrap;gap:.5rem;margin-top:.65rem;display:flex}.shape-corner-btn{white-space:nowrap;flex:30%;justify-content:center}.shape-corner-btn.is-active{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-ink)}.shape-notch-fields{margin-top:.65rem}.sheet-hint{font-family:var(--font-ui);color:var(--ink-soft);margin:.55rem 0 0;font-size:.82rem;line-height:1.45}.opening-list{flex-direction:column;gap:.4rem;margin:.65rem 0 0;padding:0;list-style:none;display:flex}.opening-row{background:var(--paper-2,var(--surface));border:1px solid var(--line);border-radius:var(--r-md);justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .65rem;display:flex}.opening-row-name{font-family:var(--font-ui);color:var(--ink);text-transform:capitalize;font-size:.85rem}.opening-row-del{color:var(--collide,#c2412b);flex:none}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.sheet-scrim,.sheet{animation:none}}.view-switch{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-pill);padding:3px;display:inline-flex}.view-tab{min-height:30px;font-family:var(--font-ui);color:var(--ink-soft);border-radius:var(--r-pill);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;padding:0 .85rem;font-size:.82rem;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.view-tab.on{color:var(--ink);background:var(--surface);box-shadow:var(--shadow-sm)}.view-tab-count{min-width:1.05rem;height:1.05rem;color:var(--surface);background:var(--accent);border-radius:var(--r-pill);justify-content:center;align-items:center;padding:0 .28rem;font-size:.66rem;font-weight:700;display:inline-flex}.app-main.is-hidden{display:none}.collect-screen{background:var(--paper);flex:1;min-height:0;position:relative;overflow:hidden}.collect{-webkit-overflow-scrolling:touch;height:100%;padding:1rem 1rem calc(5.5rem + env(safe-area-inset-bottom));overflow-y:auto}.collect-grid{grid-template-columns:repeat(2,1fr);gap:.85rem;display:grid}.collect-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.collect-photo{aspect-ratio:4/3;background:var(--paper-2);position:relative}.collect-photo img{object-fit:cover;width:100%;height:100%;display:block}.collect-photo-fallback{background-image:radial-gradient(circle,#23211c12 1px,#0000 1px);background-size:14px 14px;position:absolute;inset:0}.collect-remove{width:28px;height:28px;color:var(--ink);border:1px solid var(--line);cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffdf9e6;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;line-height:1;display:inline-flex;position:absolute;top:.4rem;right:.4rem}.collect-remove:hover{color:var(--danger)}.collect-remove:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.collect-meta{flex-direction:column;flex:1;gap:.3rem;padding:.6rem .7rem .5rem;display:flex}.collect-name{color:var(--ink);margin:0;font-size:.92rem;font-weight:600;line-height:1.25}.collect-facts{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.collect-dims{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:.76rem}.collect-price{font-variant-numeric:tabular-nums;color:var(--ink);font-size:.85rem;font-weight:700}.collect-notes{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.1rem 0 0;font-size:.76rem;line-height:1.35;display:-webkit-box;overflow:hidden}.collect-source{color:var(--accent-ink);font-size:.74rem;font-weight:600;text-decoration:none}.collect-source:hover{text-decoration:underline}.collect-actions{gap:.4rem;margin:0 .7rem .7rem;display:flex}.collect-edit{flex:none;min-height:40px;font-size:.85rem}.collect-add{flex:1;min-height:40px;font-size:.85rem}.collect-empty{text-align:center;flex-direction:column;align-items:center;gap:.5rem;max-width:22rem;margin:14vh auto 0;padding:0 1rem;display:flex}.collect-empty-mark{background:var(--surface);border:1.5px solid var(--line-strong);background-image:radial-gradient(circle,#23211c1a 1px,#0000 1px);background-size:9px 9px;border-radius:10px;width:44px;height:44px;margin-bottom:.3rem}.collect-empty h2{font-family:var(--font-display);color:var(--ink);margin:0;font-size:1.25rem;font-weight:500}.collect-empty p{color:var(--ink-soft);margin:0 0 .6rem;font-size:.88rem;line-height:1.5}.costs-screen{background:var(--paper);flex:1;min-height:0;position:relative;overflow:hidden}.shop{-webkit-overflow-scrolling:touch;height:100%;padding:1rem 1rem calc(2rem + env(safe-area-inset-bottom));max-width:34rem;margin:0 auto;overflow-y:auto}.shop-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.shop-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-sm);align-items:center;gap:.7rem;padding:.55rem .65rem;display:flex}.shop-thumb{background:var(--paper-2);border:1px solid var(--line);border-radius:8px;flex:none;width:52px;height:52px;position:relative;overflow:hidden}.shop-thumb img{object-fit:cover;width:100%;height:100%;display:block}.shop-thumb-fallback{background-image:radial-gradient(circle,#23211c1a 1px,#0000 1px);background-size:12px 12px;position:absolute;inset:0}.shop-qty{font-variant-numeric:tabular-nums;min-width:18px;height:18px;color:var(--paper);background:var(--ink);border-radius:9px;justify-content:center;align-items:center;padding:0 4px;font-size:.66rem;font-weight:700;display:inline-flex;position:absolute;bottom:2px;right:2px}.shop-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.shop-name{color:var(--ink);font-size:.92rem;font-weight:600;line-height:1.25}.shop-source{color:var(--accent-ink);align-self:flex-start;font-size:.74rem;font-weight:600;text-decoration:none}.shop-source:hover{text-decoration:underline}.shop-amounts{flex-direction:column;flex:none;align-items:flex-end;gap:.1rem;display:flex}.shop-line{font-variant-numeric:tabular-nums;color:var(--ink);font-size:.95rem;font-weight:700}.shop-unit{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:.72rem}.shop-noprice{color:var(--ink-soft);font-size:.78rem;font-style:italic}.shop-total{border-top:1.5px solid var(--line-strong);justify-content:space-between;align-items:baseline;margin-top:.9rem;padding:.85rem .7rem .4rem;display:flex}.shop-total-label{letter-spacing:.02em;text-transform:uppercase;color:var(--ink-soft);font-size:.82rem;font-weight:600}.shop-total-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink);font-size:1.5rem;font-weight:600}.shop-note{color:var(--ink-soft);margin:.2rem .7rem 0;font-size:.78rem;line-height:1.45}.shop-budget{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-sm);flex-direction:column;gap:.6rem;margin:1rem .2rem 0;padding:.85rem .7rem;display:flex}.shop-budget-set{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.shop-budget-cap{letter-spacing:.02em;text-transform:uppercase;color:var(--ink-soft);font-size:.82rem;font-weight:600}.shop-budget-input{background:var(--paper);border:1px solid var(--line);border-radius:9px;flex:1;align-items:center;gap:.15rem;max-width:11rem;min-height:44px;padding:0 .6rem;display:inline-flex}.shop-budget-input:focus-within{border-color:var(--line-strong)}.shop-budget-prefix{color:var(--ink-soft);font-size:.95rem;font-weight:600}.shop-budget-input input{width:100%;min-width:0;font-family:var(--font-ui);font-variant-numeric:tabular-nums;color:var(--ink);text-align:right;background:0 0;border:none;outline:none;flex:1;font-size:16px}.shop-budget-readout{border-top:1px solid var(--line);align-items:center;gap:.5rem;padding-top:.55rem;display:flex}.shop-budget-dot{border-radius:50%;flex:none;width:9px;height:9px}.shop-budget-readout.is-under .shop-budget-dot{background:var(--fit)}.shop-budget-readout.is-over .shop-budget-dot{background:var(--danger)}.shop-budget-text{font-variant-numeric:tabular-nums;color:var(--ink);font-size:.9rem;font-weight:600}.shop-budget-readout.is-over .shop-budget-text{color:var(--danger)}.shop-empty{text-align:center;flex-direction:column;align-items:center;gap:.5rem;max-width:22rem;margin:14vh auto 0;padding:0 1rem;display:flex}.shop-empty-mark{background:var(--surface);border:1.5px solid var(--line-strong);background-image:radial-gradient(circle,#23211c1a 1px,#0000 1px);background-size:9px 9px;border-radius:10px;width:44px;height:44px;margin-bottom:.3rem}.shop-empty h2{font-family:var(--font-display);color:var(--ink);margin:0;font-size:1.25rem;font-weight:500}.shop-empty p{color:var(--ink-soft);margin:0 0 .6rem;font-size:.88rem;line-height:1.5}.layouts{flex-direction:column;gap:.6rem;display:flex}.layouts-save{gap:.45rem;display:flex}.layouts-name{min-width:0;font-family:var(--font-ui);min-height:44px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:9px;flex:1;padding:.4rem .7rem;font-size:16px}.layouts-name:focus{border-color:var(--line-strong);outline:none}.layouts-save-btn{flex:none;min-height:44px}.layouts-current{color:var(--ink-soft);font-variant-numeric:tabular-nums;margin:0;font-size:.76rem}.layouts-empty{color:var(--ink-soft);margin:.4rem 0 .2rem;font-size:.85rem;line-height:1.5}.layouts-list{flex-direction:column;gap:.5rem;margin:.3rem 0 0;padding:0;list-style:none;display:flex}.layouts-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);align-items:center;gap:.6rem;padding:.55rem .65rem;display:flex}.layouts-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.layouts-row-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:600;overflow:hidden}.layouts-meta{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.74rem}.layouts-actions{flex:none;gap:.35rem;display:flex}.layouts-btn{min-height:40px;font-size:.82rem}.layouts-del{color:var(--danger)}.lib-photo-row{gap:.45rem;display:flex}.lib-photo-upload{flex:none;justify-content:center}.lib-url-input{min-width:0;font-family:var(--font-ui);min-height:44px;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);flex:1;padding:.4rem .65rem;font-size:16px}.lib-url-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.lib-photo-preview{border-radius:var(--r-md);border:1px solid var(--line);flex:none;width:56px;height:56px;position:relative;overflow:hidden}.lib-photo-preview img{object-fit:cover;width:100%;height:100%;display:block}.lib-photo-clear{width:20px;height:20px;color:var(--surface);cursor:pointer;background:#23211c99;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;line-height:1;display:inline-flex;position:absolute;top:2px;right:2px}@media (width>=700px){.app-header{padding:.7rem 1.5rem}.plan-tools{flex-basis:auto;order:0}.wordmark{font-size:1.4rem}.sync-label,.account-email{display:inline}.selection-bar{min-width:340px;bottom:1.25rem;left:auto;right:1.25rem}.collect{padding:1.4rem 1.5rem calc(5.5rem + env(safe-area-inset-bottom))}.collect-grid{grid-template-columns:repeat(4,1fr);gap:1.1rem;max-width:1100px;margin:0 auto}}