.photo-visualizer{font-family:Avenir Next,Avenir,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#272824;background:#efede7;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #272824;--muted: #777970;--soft: #64748b;--line: #e2e0d8;--line-strong: #cfccc2;--panel: #fbfaf7;--canvas: #ebe8e1;--wall: #fffefa;--accent: #8b5cf6;--accent-deep: #7c3aed;--accent-soft: #f5f3ff;--sage: #687466;--success: #52705b;--warning: #a96e2f;--danger: #a94c46;--shadow-sm: 0 1px 2px rgba(36, 34, 29, .05), 0 7px 20px rgba(36, 34, 29, .04);--shadow-lg: 0 24px 70px rgba(35, 32, 25, .14), 0 2px 10px rgba(35, 32, 25, .08)}.photo-visualizer,.photo-visualizer *{box-sizing:border-box}.photo-visualizer{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}.photo-visualizer button,.photo-visualizer input,.photo-visualizer select{font:inherit}.photo-visualizer button{color:inherit}.photo-visualizer .photo-visualizer-shell{display:flex;flex-direction:column;height:100%;background:var(--canvas)}.photo-visualizer .topbar{z-index:20;display:grid;grid-template-columns:282px minmax(0,1fr) auto;align-items:center;min-height:68px;padding:0 18px 0 20px;border-bottom:1px solid var(--line);background:#fbfaf7f5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.photo-visualizer .brand{display:inline-flex;gap:11px;align-items:center;min-width:0}.photo-visualizer .brand-mark{position:relative;width:34px;height:34px;flex:0 0 auto;border-radius:10px 10px 5px 5px;background:var(--ink);overflow:hidden}.photo-visualizer .brand-mark:before{position:absolute;content:"";width:11px;height:16px;left:6px;top:6px;border:1.5px solid rgba(255,255,255,.88);border-radius:1px;transform:rotate(-5deg)}.photo-visualizer .brand-mark:after{position:absolute;content:"";width:10px;height:13px;right:5px;bottom:5px;border:1.5px solid #e89b76;border-radius:1px;transform:rotate(6deg)}.photo-visualizer .brand-name{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:22px;font-weight:500;line-height:1;letter-spacing:-.025em}.photo-visualizer .brand-subtitle{display:block;margin-top:3px;color:var(--muted);font-size:11px;font-weight:600;line-height:1;letter-spacing:.09em;text-transform:uppercase}.photo-visualizer .project-title-wrap{display:flex;justify-content:center;min-width:0}.photo-visualizer .project-title{width:min(310px,85%);border:1px solid transparent;border-radius:7px;background:transparent;color:var(--ink);font-size:14px;font-weight:600;text-align:center;padding:7px 10px;transition:.16s ease}.photo-visualizer .project-title:hover,.photo-visualizer .project-title:focus{border-color:var(--line);background:var(--panel)}.photo-visualizer .topbar-actions{display:flex;align-items:center;gap:8px}.photo-visualizer .privacy-note{display:inline-flex;align-items:center;gap:6px;margin-right:5px;color:var(--muted);font-size:11px;white-space:nowrap}.photo-visualizer .button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 13px;border:1px solid var(--line-strong);border-radius:8px;background:var(--panel);color:var(--ink);font-size:12px;font-weight:600;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease,color .14s ease}.photo-visualizer .button:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.photo-visualizer .button:active:not(:disabled){transform:translateY(1px)}.photo-visualizer .button:disabled{cursor:not-allowed;opacity:.45}.photo-visualizer .button.primary{border-color:var(--ink);background:var(--ink);color:#fff}.photo-visualizer .button.primary:hover:not(:disabled){border-color:#41423d;background:#41423d}.photo-visualizer .button.accent{border-color:var(--accent);background:var(--accent);color:#fff}.photo-visualizer .button.accent:hover:not(:disabled){border-color:var(--accent-deep);background:var(--accent-deep)}.photo-visualizer .button.ghost{border-color:transparent;background:transparent}.photo-visualizer .button.danger-ghost{border-color:transparent;background:transparent;color:var(--danger)}.photo-visualizer .button.small{height:32px;padding:0 9px;font-size:11px}.photo-visualizer .button.wide{width:100%}.photo-visualizer .icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;transition:.14s ease}.photo-visualizer .icon-button:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.photo-visualizer .icon-button:disabled{cursor:not-allowed;opacity:.35}.photo-visualizer .workspace{display:grid;grid-template-columns:282px minmax(480px,1fr) 304px;min-height:0;flex:1}.photo-visualizer .sidebar{z-index:10;display:flex;min-height:0;flex-direction:column;background:var(--panel)}.photo-visualizer .sidebar.left{border-right:1px solid var(--line)}.photo-visualizer .sidebar.right{border-left:1px solid var(--line)}.photo-visualizer .sidebar-scroll{min-height:0;padding:19px 18px 24px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d3d0c7 transparent}.photo-visualizer .section{padding-bottom:20px}.photo-visualizer .section+.section{padding-top:20px;border-top:1px solid var(--line)}.photo-visualizer .accordion-header{display:flex;align-items:center;gap:8px}.photo-visualizer .accordion-heading{min-width:0;flex:1;margin:0}.photo-visualizer .accordion-trigger{display:flex;width:100%;min-height:44px;align-items:center;justify-content:space-between;gap:10px;padding:4px 2px;border:0;border-radius:8px;background:transparent;text-align:left;cursor:pointer}.photo-visualizer .accordion-trigger:hover{color:var(--accent-deep)}.photo-visualizer .accordion-trigger-copy{display:block;min-width:0}.photo-visualizer .accordion-trigger-copy strong,.photo-visualizer .accordion-trigger-copy small{display:block}.photo-visualizer .accordion-trigger-copy strong{color:var(--ink);font-size:11px;font-weight:800;letter-spacing:.095em;line-height:1.25;text-transform:uppercase}.photo-visualizer .accordion-trigger-copy small{margin-top:4px;color:var(--muted);font-size:11px;font-weight:500;line-height:1.35}.photo-visualizer .accordion-chevron{flex:0 0 auto;color:var(--muted);transition:transform .16s ease,color .16s ease}.photo-visualizer .accordion-trigger[aria-expanded=true] .accordion-chevron{color:var(--accent-deep);transform:rotate(180deg)}.photo-visualizer .accordion-panel{padding-top:14px}.photo-visualizer .accordion-panel[hidden]{display:none}.photo-visualizer .accordion-subsection{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.photo-visualizer .section-kicker{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.095em;text-transform:uppercase}.photo-visualizer .section-kicker .count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#eceae4;color:var(--muted);font-size:11px;letter-spacing:normal}.photo-visualizer .section-title{margin:0 0 5px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:21px;font-weight:500;line-height:1.1;letter-spacing:-.015em}.photo-visualizer .section-copy{margin:0 0 16px;color:var(--muted);font-size:12px;line-height:1.55}.photo-visualizer .field-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.photo-visualizer .field-row.three{grid-template-columns:1fr 1fr 74px}.photo-visualizer .field{display:block;min-width:0}.photo-visualizer .field-label{display:flex;justify-content:space-between;margin-bottom:6px;color:var(--muted);font-size:11px;font-weight:600}.photo-visualizer .input-shell{position:relative}.photo-visualizer .input-shell input,.photo-visualizer .field select,.photo-visualizer .text-input{width:100%;height:38px;min-width:0;padding:0 10px;border:1px solid var(--line-strong);border-radius:7px;outline:none;background:var(--panel);color:var(--ink);font-size:12px;font-weight:600;transition:border-color .14s ease,box-shadow .14s ease}.photo-visualizer .input-shell.has-suffix input{padding-right:34px}.photo-visualizer .input-shell input:focus,.photo-visualizer .field select:focus,.photo-visualizer .text-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #8b5cf62e}.photo-visualizer .input-suffix{position:absolute;top:50%;right:10px;color:var(--soft);font-size:11px;pointer-events:none;transform:translateY(-50%)}.photo-visualizer .wall-ratio-card{display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--panel) 75%,var(--canvas))}.photo-visualizer .wall-ratio-visual{width:46px;max-height:38px;flex:0 0 auto;border:1px solid #d5d2c9;background:#fff;box-shadow:0 3px 8px #28262014}.photo-visualizer .wall-ratio-card strong{display:block;font-size:11px;font-weight:600}.photo-visualizer .wall-ratio-card span{display:block;margin-top:2px;color:var(--muted);font-size:11px}.photo-visualizer .wall-look{margin-top:12px}.photo-visualizer .wall-color-row{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:8px}.photo-visualizer .wall-color-swatch{width:23px;height:23px;padding:0;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px var(--line-strong);cursor:pointer}.photo-visualizer .wall-color-swatch.active{box-shadow:0 0 0 2px var(--accent)}.photo-visualizer .wall-color-custom{position:relative;display:inline-flex;width:23px;height:23px;overflow:hidden;border:2px solid #fff;border-radius:50%;background:conic-gradient(#d96a55,#d9a24c,#c9c25a,#7cad74,#6293bd,#9a7ab8,#d96a55);box-shadow:0 0 0 1px var(--line-strong);cursor:pointer}.photo-visualizer .wall-color-custom:focus-within{box-shadow:0 0 0 2px var(--accent)}.photo-visualizer .wall-color-custom input{position:absolute;inset:0;width:100%;height:100%;cursor:pointer;opacity:0}.photo-visualizer .wall-photo-upload{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;padding:8px 10px;border:1px dashed #c8c4b9;border-radius:8px;background:color-mix(in srgb,var(--panel) 72%,var(--canvas));color:var(--ink);font-size:11px;font-weight:600;cursor:pointer;transition:.16s ease}.photo-visualizer .wall-photo-upload:hover,.photo-visualizer .wall-photo-upload:focus-within{border-color:var(--accent);background:var(--accent-soft)}.photo-visualizer .wall-photo-upload input{position:absolute;inset:0;width:100%;height:100%;cursor:pointer;opacity:0}.photo-visualizer .wall-photo-chip{display:flex;align-items:center;gap:9px;margin-top:10px;padding:7px 8px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--panel) 75%,var(--canvas))}.photo-visualizer .wall-photo-chip img{width:38px;height:28px;flex:0 0 auto;border-radius:4px;object-fit:cover}.photo-visualizer .wall-photo-chip>span{flex:1;min-width:0}.photo-visualizer .wall-photo-chip strong{display:block;font-size:11px;font-weight:600}.photo-visualizer .wall-photo-chip small{display:block;margin-top:1px;color:var(--muted);font-size:11px}.photo-visualizer .gap-live-control{margin-top:12px;padding:10px 11px 8px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--panel) 72%,var(--canvas))}.photo-visualizer .grid-control-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.photo-visualizer .grid-control-head .section-kicker{margin-bottom:5px}.photo-visualizer .grid-control-copy{margin:0;color:var(--muted);font-size:11px;line-height:1.4}.photo-visualizer .toggle-switch{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.photo-visualizer .toggle-switch input{position:absolute;width:1px;height:1px;opacity:0}.photo-visualizer .toggle-switch>span{position:relative;width:33px;height:19px;border-radius:999px;background:var(--line-strong);transition:.15s ease}.photo-visualizer .toggle-switch>span:after{position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #23201b3d;content:"";transition:.15s ease}.photo-visualizer .toggle-switch input:checked+span{background:var(--accent)}.photo-visualizer .toggle-switch input:checked+span:after{transform:translate(14px)}.photo-visualizer .toggle-switch input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.photo-visualizer .toggle-switch em{min-width:16px;color:var(--muted);font-size:11px;font-style:normal;font-weight:700}.photo-visualizer .grid-settings{display:grid;grid-template-columns:minmax(0,1fr) 88px;align-items:end;gap:9px;margin-top:12px;transition:opacity .14s ease}.photo-visualizer .grid-settings.disabled{opacity:.45;pointer-events:none}.photo-visualizer .grid-unit-toggle{display:grid;grid-template-columns:1fr 1fr;height:38px;padding:3px;border:1px solid var(--line-strong);border-radius:7px;background:var(--canvas)}.photo-visualizer .grid-unit-toggle button{border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:11px;font-weight:600;cursor:pointer}.photo-visualizer .grid-unit-toggle button.active{background:var(--panel);color:var(--ink);box-shadow:0 1px 4px #27241f1f}.photo-visualizer .grid-step-field .field-label{margin-bottom:6px}.photo-visualizer .margin-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:var(--ink);font-size:11px;font-weight:600}.photo-visualizer .margin-heading small{color:var(--soft);font-size:11px;font-weight:500}.photo-visualizer .margin-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 9px}.photo-visualizer .gap-number-row{display:grid;grid-template-columns:minmax(0,1fr) 88px;align-items:end;gap:9px;margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}.photo-visualizer .gap-number-row>span{align-self:center}.photo-visualizer .gap-number-row strong,.photo-visualizer .gap-number-row small{display:block}.photo-visualizer .gap-number-row strong{font-size:11px}.photo-visualizer .gap-number-row small{margin-top:3px;color:var(--muted);font-size:11px}.photo-visualizer .gap-live-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;font-size:11px;font-weight:600}.photo-visualizer .gap-live-label output{color:var(--accent-deep);font-size:11px;font-weight:700}.photo-visualizer .gap-live-control input[type=range]{width:100%;height:4px;margin:6px 0;border-radius:999px;outline:none;background:linear-gradient(90deg,var(--accent),#d6d2c8);accent-color:var(--accent);cursor:pointer}.photo-visualizer .gap-live-control.disabled{opacity:.62}.photo-visualizer .gap-live-control.disabled input{cursor:not-allowed}.photo-visualizer .gap-scale{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;color:var(--soft);font-size:11px}.photo-visualizer .gap-scale span:nth-child(2){overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.photo-visualizer .drop-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:116px;padding:16px;border:1px dashed #c8c4b9;border-radius:10px;background:color-mix(in srgb,var(--panel) 72%,var(--canvas));text-align:center;cursor:pointer;transition:.16s ease}.photo-visualizer .drop-zone:hover,.photo-visualizer .drop-zone:focus-within,.photo-visualizer .drop-zone.dragging{border-color:var(--accent);background:var(--accent-soft)}.photo-visualizer .drop-zone:focus-within{box-shadow:0 0 0 3px #8b5cf633}.photo-visualizer .drop-zone input{position:absolute;inset:0;width:100%;height:100%;cursor:pointer;opacity:0}.photo-visualizer .upload-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin-bottom:9px;border-radius:50%;background:var(--panel);color:var(--accent);box-shadow:var(--shadow-sm)}.photo-visualizer .drop-zone strong{font-size:12px;font-weight:600}.photo-visualizer .drop-zone span{margin-top:3px;color:var(--muted);font-size:11px}.photo-visualizer .library{display:grid;gap:7px;margin-top:12px}.photo-visualizer .photo-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:2px;min-height:58px;padding:4px;border:1px solid transparent;border-radius:8px;background:transparent;transition:.14s ease}.photo-visualizer .photo-row:hover{background:var(--accent-soft)}.photo-visualizer .photo-row.selected{border-color:#8b5cf666;background:var(--accent-soft)}.photo-visualizer .photo-select{display:grid;grid-template-columns:46px minmax(0,1fr) auto;min-width:0;align-items:center;gap:10px;padding:2px;border:0;border-radius:6px;background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:left}.photo-visualizer .photo-select:focus-visible,.photo-visualizer .photo-remove:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.photo-visualizer .photo-remove{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;transition:.14s ease}.photo-visualizer .photo-remove:hover{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.photo-visualizer .photo-thumb{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:5px;background:#e5e2da;overflow:hidden}.photo-visualizer .photo-thumb img{width:100%;height:100%;object-fit:cover}.photo-visualizer .photo-meta{min-width:0}.photo-visualizer .photo-name{display:block;overflow:hidden;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.photo-visualizer .photo-size{display:block;margin-top:4px;color:var(--muted);font-size:11px}.photo-visualizer .photo-quality-dot{width:7px;height:7px;margin-right:5px;border-radius:50%;background:var(--success)}.photo-visualizer .canvas-column{position:relative;display:flex;min-width:0;min-height:0;flex-direction:column;background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.45),transparent 45%),var(--canvas)}.photo-visualizer .canvas-column:-webkit-full-screen{width:100vw;height:100dvh;min-height:0;border:0;background:var(--canvas)}.photo-visualizer .canvas-column:fullscreen,.photo-visualizer .canvas-column.fullscreen-fallback{width:100vw;height:100dvh;min-height:0;border:0;background:var(--canvas)}.photo-visualizer .canvas-column.fullscreen-fallback{position:fixed;z-index:400;inset:0}.photo-visualizer .canvas-column:-webkit-full-screen .preset-toolbar{display:none}.photo-visualizer .canvas-column:fullscreen .preset-toolbar,.photo-visualizer .canvas-column.fullscreen-fallback .preset-toolbar{display:none}.photo-visualizer .canvas-column:-webkit-full-screen .canvas-stage{padding:clamp(58px,7vh,88px) clamp(42px,7vw,112px) clamp(48px,6vh,76px)}.photo-visualizer .canvas-column:fullscreen .canvas-stage,.photo-visualizer .canvas-column.fullscreen-fallback .canvas-stage{padding:clamp(58px,7vh,88px) clamp(42px,7vw,112px) clamp(48px,6vh,76px)}.photo-visualizer .wall-fullscreen-toggle{position:absolute;z-index:30;top:12px;right:12px;height:34px;border-color:#cbd5e1e6;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm)}.photo-visualizer .layout-toolbar{z-index:5;display:flex;align-items:center;justify-content:center;min-height:62px;padding:10px 16px 8px}.photo-visualizer .layout-toolbar-inner{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(207,204,194,.9);border-radius:10px;background:#fbfaf7eb;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.photo-visualizer .layout-label{padding:0 9px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.photo-visualizer .layout-button{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:11px;font-weight:600;cursor:pointer;transition:.14s ease}.photo-visualizer .layout-button:hover:not(:disabled){background:var(--accent-soft);color:var(--ink)}.photo-visualizer .layout-button.active{background:var(--ink);color:#fff}.photo-visualizer .layout-button:disabled{cursor:not-allowed;opacity:.38}.photo-visualizer .preset-toolbar{z-index:5;padding:10px 14px 8px;border-bottom:1px solid rgba(207,204,194,.72);background:#f4f2ecc7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.photo-visualizer .preset-toolbar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px;padding:0 2px}.photo-visualizer .preset-toolbar-head>span{display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.photo-visualizer .preset-toolbar-head>span svg{color:var(--accent)}.photo-visualizer .preset-toolbar-head>small{color:var(--muted);font-size:11px}.photo-visualizer .preset-scroll{display:flex;gap:7px;padding:1px 1px 5px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#cbc7bc transparent;scrollbar-width:thin}.photo-visualizer .preset-card{display:grid;grid-template-columns:52px minmax(0,1fr);width:137px;min-width:137px;height:68px;align-items:center;gap:8px;padding:7px;border:1px solid var(--line-strong);border-radius:9px;background:var(--panel);cursor:pointer;text-align:left;transition:.15s ease}.photo-visualizer .preset-card:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.photo-visualizer .preset-card.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px #8b5cf633}.photo-visualizer .preset-diagram{position:relative;display:block;width:52px;height:50px;border-radius:5px;background:#eeece6}.photo-visualizer .preset-diagram i{position:absolute;display:block;min-width:2px;min-height:2px;border:1px solid #8f8e86;background:#fff;box-shadow:0 1px 1px #25242017}.photo-visualizer .preset-card.active .preset-diagram{background:#ede9fe}.photo-visualizer .preset-card.active .preset-diagram i{border-color:var(--accent-deep)}.photo-visualizer .preset-card-copy{display:block;min-width:0}.photo-visualizer .preset-card-copy strong,.photo-visualizer .preset-card-copy small{display:block}.photo-visualizer .preset-card-copy strong{color:var(--ink);font-size:11px;font-weight:700;line-height:1.2}.photo-visualizer .preset-card-copy small{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.2}.photo-visualizer .toolbar-divider{width:1px;height:22px;margin:0 3px;background:var(--line)}.photo-visualizer .canvas-stage{position:relative;min-height:0;flex:1;padding:24px 52px 46px}.photo-visualizer .wall-canvas-container,.photo-visualizer .wall-canvas-wrap{position:relative;display:flex;width:100%;height:100%;align-items:center;justify-content:center}.photo-visualizer .wall-sized-wrap{position:relative;flex:0 0 auto}.photo-visualizer .wall-canvas{position:relative;isolation:isolate;max-width:100%;max-height:100%;border:1px solid rgba(183,180,171,.68);background-color:var(--wall);background-image:linear-gradient(rgba(60,59,54,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(60,59,54,.035) 1px,transparent 1px);background-size:var(--grid-size, 0) var(--grid-size, 0);box-shadow:0 20px 45px #34302821,0 2px 8px #34302814;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.photo-visualizer .wall-canvas.drag-over{box-shadow:0 0 0 3px var(--accent),0 20px 45px #34302821}.photo-visualizer .wall-canvas:after{position:absolute;z-index:0;right:0;bottom:0;left:0;height:3px;content:"";background:#eeeae1;box-shadow:0 -1px #9a968c2e;pointer-events:none}.photo-visualizer .wall-empty{position:absolute;z-index:1;top:50%;left:50%;width:min(320px,80%);color:var(--muted);pointer-events:none;text-align:center;transform:translate(-50%,-50%)}.photo-visualizer .wall-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:12px;border:1px solid #dedbd2;border-radius:50%;background:#f7f5f0;color:var(--accent)}.photo-visualizer .wall-empty strong{display:block;margin-bottom:5px;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:18px;font-weight:500}.photo-visualizer .wall-empty span{display:block;font-size:11px;line-height:1.5}.photo-visualizer .wall-empty .button{margin-top:14px;pointer-events:auto}.photo-visualizer .photo-frame,.photo-visualizer .wall-photo{position:absolute;z-index:1;padding:0;border:0;background:#eee;box-shadow:0 4px 12px #23201b2b,0 1px 2px #23201b1f;cursor:grab;touch-action:none;transition:box-shadow .12s ease}.photo-visualizer .photo-frame:active,.photo-visualizer .wall-photo:active{cursor:grabbing}.photo-visualizer .photo-frame img,.photo-visualizer .wall-photo img{display:block;width:100%;height:100%;object-fit:contain;background:#f6f4ef;pointer-events:none}.photo-visualizer .photo-frame.selected,.photo-visualizer .wall-photo.selected,.photo-visualizer .wall-photo--selected,.photo-visualizer .photo-frame[data-selected=true],.photo-visualizer .wall-photo[data-selected=true]{z-index:3;box-shadow:0 0 0 2px var(--accent),0 7px 18px #23201b40}.photo-visualizer .photo-frame.selected:before,.photo-visualizer .wall-photo.selected:before,.photo-visualizer .wall-photo--selected:before,.photo-visualizer .photo-frame[data-selected=true]:before,.photo-visualizer .wall-photo[data-selected=true]:before{position:absolute;inset:-5px;border:1px solid rgba(139,92,246,.72);content:"";pointer-events:none}.photo-visualizer .resize-handle{position:absolute;z-index:6;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:var(--accent);box-shadow:0 1px 4px #1e1c1840}.photo-visualizer .resize-handle.se,.photo-visualizer .resize-handle.bottom-right{right:-7px;bottom:-7px;cursor:nwse-resize}.photo-visualizer .resize-handle.sw,.photo-visualizer .resize-handle.bottom-left{bottom:-7px;left:-7px;cursor:nesw-resize}.photo-visualizer .resize-handle.ne,.photo-visualizer .resize-handle.top-right{top:-7px;right:-7px;cursor:nesw-resize}.photo-visualizer .resize-handle.nw,.photo-visualizer .resize-handle.top-left{top:-7px;left:-7px;cursor:nwse-resize}.photo-visualizer .dimension-badge,.photo-visualizer .photo-dimensions{position:absolute;z-index:8;top:calc(100% + 8px);left:50%;display:inline-flex;align-items:center;height:23px;padding:0 8px;border-radius:5px;background:var(--ink);color:#fff;font-size:11px;font-weight:600;white-space:nowrap;box-shadow:0 3px 9px #1e1c182e;pointer-events:none;transform:translate(-50%)}.photo-visualizer .canvas-ruler{position:absolute;z-index:3;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.02em;pointer-events:none}.photo-visualizer .canvas-ruler.width{bottom:-24px;left:0;width:100%;text-align:center}.photo-visualizer .canvas-ruler.width:before,.photo-visualizer .canvas-ruler.width:after{position:absolute;top:6px;width:calc(50% - 32px);height:1px;content:"";background:#cbc7bc}.photo-visualizer .canvas-ruler.width:before{left:0}.photo-visualizer .canvas-ruler.width:after{right:0}.photo-visualizer .canvas-ruler.height{top:50%;right:-44px;transform:translateY(-50%) rotate(90deg)}.photo-visualizer .canvas-footnote{position:absolute;right:18px;bottom:13px;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px}.photo-visualizer .canvas-status{position:absolute;bottom:12px;left:18px;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.photo-visualizer .status-dot{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px #52705b1f}.photo-visualizer .status-dot.fair{background:var(--warning);box-shadow:0 0 0 3px #a96e2f1f}.photo-visualizer .status-dot.low{background:var(--danger);box-shadow:0 0 0 3px #a94c461f}.photo-visualizer .inspector-empty{padding-top:34px;color:var(--muted);text-align:center}.photo-visualizer .inspector-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;margin-bottom:11px;border-radius:50%;background:#f0eee8;color:var(--soft)}.photo-visualizer .inspector-empty strong{display:block;margin-bottom:5px;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:17px;font-weight:500}.photo-visualizer .inspector-empty p{margin:0 auto;max-width:220px;font-size:11px;line-height:1.55}.photo-visualizer .inspector-preview{position:relative;display:flex;height:146px;align-items:center;justify-content:center;margin-bottom:15px;border-radius:9px;background:#ece9e2;overflow:hidden}.photo-visualizer .inspector-preview img{width:100%;height:100%;object-fit:contain}.photo-visualizer .inspector-frame-shell{display:flex;height:118px;max-width:82%;padding:5px;border-radius:2px;box-shadow:0 8px 18px #27231d38,inset 0 0 0 1px #fff3}.photo-visualizer .inspector-frame-shell.finish-black{background:#292825}.photo-visualizer .inspector-frame-shell.finish-oak{background:linear-gradient(135deg,#b68b5e,#7b5638)}.photo-visualizer .inspector-frame-shell.finish-white{background:#f8f6f0;box-shadow:0 8px 18px #27231d29,inset 0 0 0 1px #cec9bd}.photo-visualizer .inspector-frame-mount{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:#fff;overflow:hidden}.photo-visualizer .inspector-frame-shell.fit-mat .inspector-frame-mount{background:linear-gradient(145deg,#fff,#eee9df)}.photo-visualizer .inspector-preview-image-opening{flex:0 0 auto;background:#fff;overflow:hidden;box-shadow:0 0 0 1px #4b433926}.photo-visualizer .inspector-frame-shell.fit-crop img{object-fit:cover}.photo-visualizer .selected-pill{position:absolute;top:9px;left:9px;padding:4px 7px;border-radius:999px;background:#272824d6;color:#fff;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.photo-visualizer .inspector-name{margin:0;overflow:hidden;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.photo-visualizer .inspector-resolution{margin:4px 0 17px;color:var(--muted);font-size:11px}.photo-visualizer .aspect-lock{display:flex;align-items:center;gap:7px;margin:12px 0;padding:9px 10px;border:1px solid #dfddd5;border-radius:7px;background:color-mix(in srgb,var(--panel) 75%,var(--canvas));color:var(--muted);font-size:11px;line-height:1.35}.photo-visualizer .aspect-lock svg{flex:0 0 auto;color:var(--success)}.photo-visualizer .subsection-label{margin:17px 0 9px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.photo-visualizer .inspector-subhead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:17px}.photo-visualizer .inspector-subhead .subsection-label{margin:0}.photo-visualizer .orientation-toggle{display:inline-flex;padding:2px;border:1px solid var(--line);border-radius:6px;background:var(--canvas)}.photo-visualizer .orientation-toggle button{height:23px;padding:0 6px;border:0;border-radius:4px;background:transparent;color:var(--muted);font-size:11px;font-weight:600;cursor:pointer}.photo-visualizer .orientation-toggle button.active{background:var(--panel);color:var(--ink);box-shadow:0 1px 3px #26231d1a}.photo-visualizer .frame-size-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:9px}.photo-visualizer .frame-size-chip{display:inline-flex;height:30px;align-items:baseline;justify-content:center;gap:2px;padding:0 3px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--muted);font-size:11px;font-weight:700;cursor:pointer}.photo-visualizer .frame-size-chip span{color:var(--soft);font-size:11px;font-weight:500}.photo-visualizer .frame-size-chip:hover:not(:disabled){border-color:var(--accent);color:var(--accent-deep)}.photo-visualizer .frame-size-chip.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-deep);box-shadow:inset 0 0 0 1px #8b5cf629}.photo-visualizer .frame-size-chip:disabled{cursor:not-allowed;opacity:.35}.photo-visualizer .frame-size-note{margin:6px 0 0;color:var(--soft);font-size:11px;line-height:1.35}.photo-visualizer .fit-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.photo-visualizer .fit-options>button{display:grid;grid-template-columns:31px minmax(0,1fr);align-items:center;gap:7px;min-height:48px;padding:7px;border:1px solid var(--line);border-radius:7px;background:var(--panel);cursor:pointer;text-align:left}.photo-visualizer .fit-options>button.active{border-color:var(--accent);background:var(--accent-soft)}.photo-visualizer .fit-options>button:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.photo-visualizer .fit-options strong,.photo-visualizer .fit-options small{display:block}.photo-visualizer .fit-options strong{font-size:11px}.photo-visualizer .fit-options small{margin-top:2px;color:var(--muted);font-size:11px;line-height:1.25}.photo-visualizer .fit-icon{position:relative;display:block;width:29px;height:32px;border:2px solid #5a5b55;background:#fff}.photo-visualizer .fit-icon i{position:absolute;inset:5px;display:block;background:linear-gradient(145deg,#99f6e4 45%,#8b5cf6 46%)}.photo-visualizer .fit-icon.crop i{inset:0}.photo-visualizer .finish-row{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.photo-visualizer .finish-row .subsection-label{margin:0}.photo-visualizer .finish-options{display:flex;gap:7px}.photo-visualizer .finish-swatch{width:23px;height:23px;padding:0;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px var(--line-strong);cursor:pointer}.photo-visualizer .finish-swatch.black{background:#292825}.photo-visualizer .finish-swatch.oak{background:linear-gradient(135deg,#bd9266,#7d5738)}.photo-visualizer .finish-swatch.white{background:#f8f6f0}.photo-visualizer .finish-swatch.active{box-shadow:0 0 0 2px var(--accent)}.photo-visualizer .print-recommendation{display:grid;grid-template-columns:1fr auto;gap:3px 8px;margin-top:14px;padding:10px;border:1px solid #dcd8cd;border-radius:8px;background:color-mix(in srgb,var(--panel) 75%,var(--canvas))}.photo-visualizer .print-recommendation span{color:var(--muted);font-size:11px}.photo-visualizer .print-recommendation strong{font-size:11px;text-align:right}.photo-visualizer .print-recommendation small{grid-column:1 / -1;color:var(--soft);font-size:11px}.photo-visualizer .size-presets{display:flex;flex-wrap:wrap;gap:6px}.photo-visualizer .size-chip{height:29px;padding:0 9px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--muted);font-size:11px;font-weight:600;cursor:pointer}.photo-visualizer .size-chip:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-deep)}.photo-visualizer .quality-card{margin-top:17px;padding:11px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--panel) 75%,var(--canvas))}.photo-visualizer .quality-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:11px}.photo-visualizer .quality-label{display:inline-flex;align-items:center;gap:6px;font-weight:600}.photo-visualizer .quality-value{color:var(--muted);font-size:11px}.photo-visualizer .quality-bar{height:4px;border-radius:999px;background:#dedbd2;overflow:hidden}.photo-visualizer .quality-bar>span{display:block;height:100%;border-radius:inherit;background:var(--success)}.photo-visualizer .quality-bar.fair>span{background:var(--warning)}.photo-visualizer .quality-bar.low>span{background:var(--danger)}.photo-visualizer .quality-card p{margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.photo-visualizer .inspector-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:18px;padding-top:17px;border-top:1px solid var(--line)}.photo-visualizer .notice{display:flex;gap:9px;margin-top:12px;padding:10px;border-radius:8px;background:#f0eee8;color:var(--muted);font-size:11px;line-height:1.45}.photo-visualizer .modal-backdrop{position:fixed;z-index:100;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#2524206b;animation:pv-fade-in .16s ease-out}.photo-visualizer .modal{display:flex;width:min(760px,100%);max-height:min(720px,calc(100vh - 48px));flex-direction:column;border:1px solid rgba(255,255,255,.65);border-radius:14px;background:var(--panel);box-shadow:var(--shadow-lg);overflow:hidden;animation:pv-modal-in .18s ease-out}.photo-visualizer .modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 26px 20px;border-bottom:1px solid var(--line)}.photo-visualizer .modal-title{margin:0 0 4px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:28px;font-weight:500;letter-spacing:-.025em}.photo-visualizer .modal-subtitle{margin:0;color:var(--muted);font-size:11px}.photo-visualizer .modal-content{min-height:0;padding:0 26px;overflow-y:auto}.photo-visualizer .summary-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:20px 0;border:1px solid var(--line);border-radius:9px;background:var(--line);overflow:hidden}.photo-visualizer .summary-stat{padding:13px 15px;background:var(--panel)}.photo-visualizer .summary-stat span{display:block;margin-bottom:4px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.photo-visualizer .summary-stat strong{font-size:13px;font-weight:600}.photo-visualizer .print-table{width:100%;border-collapse:collapse;margin-bottom:22px}.photo-visualizer .print-table th{padding:9px 8px;border-bottom:1px solid var(--line-strong);color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-align:left;text-transform:uppercase}.photo-visualizer .print-table td{padding:10px 8px;border-bottom:1px solid var(--line);font-size:11px;vertical-align:middle}.photo-visualizer .table-subtext{display:block;margin-top:3px;color:var(--muted);font-size:11px;font-weight:500}.photo-visualizer .print-item{display:flex;align-items:center;gap:10px;min-width:0}.photo-visualizer .print-thumb{display:flex;width:42px;height:34px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:4px;background:#ece9e2;overflow:hidden}.photo-visualizer .print-thumb img{width:100%;height:100%;object-fit:contain}.photo-visualizer .print-filename{display:block;max-width:235px;overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.photo-visualizer .quality-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;background:#e9f0ea;color:var(--success);font-size:11px;font-weight:700}.photo-visualizer .quality-badge.fair{background:#f6eddf;color:var(--warning)}.photo-visualizer .quality-badge.low{background:#f5e5e3;color:var(--danger)}.photo-visualizer .modal-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 26px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--panel) 82%,var(--canvas))}.photo-visualizer .modal-footer-note{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px}.photo-visualizer .modal-footer-actions{display:flex;gap:8px}.photo-visualizer .toast{position:fixed;z-index:200;bottom:22px;left:50%;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;background:var(--ink);color:#fff;font-size:11px;font-weight:600;box-shadow:var(--shadow-lg);transform:translate(-50%);animation:pv-toast-in .18s ease-out}.photo-visualizer .mobile-panel-toggle,.photo-visualizer .mobile-frame-picker{display:none}@keyframes pv-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pv-modal-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pv-toast-in{0%{opacity:0;transform:translate(-50%,7px)}to{opacity:1;transform:translate(-50%)}}.photo-visualizer .preview-modal{width:min(430px,92vw)}.photo-visualizer .preview-options{display:grid;gap:10px;padding-bottom:18px}.photo-visualizer .preview-option{display:flex;align-items:flex-start;gap:11px;padding:12px;border:1px solid var(--line-strong);border-radius:10px;background:#f8f6f1;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:.15s ease}.photo-visualizer .preview-option:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.photo-visualizer .preview-option:disabled{opacity:.55;cursor:not-allowed}.photo-visualizer .preview-option-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 auto;border-radius:50%;background:var(--panel);color:var(--accent);box-shadow:var(--shadow-sm)}.photo-visualizer .preview-option strong{display:block;font-size:12.5px;font-weight:600}.photo-visualizer .preview-option small{display:block;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.45}.photo-visualizer .camera-preview{position:fixed;inset:0;z-index:300;background:#0d0c0b}.photo-visualizer .camera-preview__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.photo-visualizer .camera-preview__gestures{position:absolute;inset:0;overflow:hidden;cursor:move;touch-action:none}.photo-visualizer .camera-preview__overlay{position:absolute;left:50%;top:50%;border:2px dashed rgba(255,255,255,.85);border-radius:2px;pointer-events:none}.photo-visualizer .camera-preview__hint{position:absolute;top:max(14px,calc(env(safe-area-inset-top) + 8px));left:50%;z-index:2;max-width:86vw;margin:0;padding:7px 13px;border-radius:999px;background:#141210b8;color:#fff;font-size:11px;text-align:center;transform:translate(-50%);pointer-events:none}.photo-visualizer .camera-preview__controls{position:absolute;bottom:max(16px,calc(env(safe-area-inset-bottom) + 10px));left:50%;z-index:2;display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:12px;background:#141210c7;color:#fff;transform:translate(-50%)}.photo-visualizer .camera-preview__controls label{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600}.photo-visualizer .camera-preview__controls input[type=range]{width:92px;accent-color:var(--accent)}.photo-visualizer .camera-preview__controls button{padding:6px 11px;border:1px solid rgba(255,255,255,.4);border-radius:7px;background:transparent;color:#fff;font-size:11px;font-weight:600;cursor:pointer}.photo-visualizer .camera-preview__controls button:disabled{opacity:.5;cursor:not-allowed}.photo-visualizer .camera-preview__close{position:absolute;top:max(12px,calc(env(safe-area-inset-top) + 6px));right:max(12px,calc(env(safe-area-inset-right) + 6px));z-index:3;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;border-radius:50%;background:#141210c7;color:#fff;cursor:pointer}.photo-visualizer .camera-preview__error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px}.photo-visualizer .camera-preview__error p{max-width:340px;margin:0;padding:16px 18px;border-radius:12px;background:#141210d9;color:#fff;font-size:12.5px;line-height:1.5;text-align:center}.photo-visualizer .ar-canvas{position:fixed;inset:0;z-index:300}.photo-visualizer .ar-overlay{position:fixed;inset:0;z-index:301;pointer-events:none}.photo-visualizer .ar-overlay__hint{position:absolute;top:max(16px,calc(env(safe-area-inset-top) + 8px));left:50%;max-width:min(88vw,520px);margin:0;padding:10px 15px;border-radius:999px;background:#141210b8;color:#fff;font-size:13px;line-height:1.45;text-align:center;transform:translate(-50%)}.photo-visualizer .ar-overlay__controls{position:absolute;bottom:max(22px,calc(env(safe-area-inset-bottom) + 12px));left:50%;display:flex;width:max-content;max-width:calc(100vw - 24px);flex-wrap:wrap;justify-content:center;gap:10px;transform:translate(-50%);pointer-events:auto}.photo-visualizer .ar-overlay__place,.photo-visualizer .ar-overlay__exit{padding:10px 20px;min-height:48px;border:0;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer;box-shadow:0 3px 14px #0000004d;touch-action:manipulation;pointer-events:auto}.photo-visualizer .ar-overlay__place{background:#7c3aed;color:#fff}.photo-visualizer .ar-overlay__place:disabled{background:#1e1b19b8;color:#ffffffb8;cursor:wait}.photo-visualizer .ar-overlay__exit{background:#fff;color:#1c1a18}@media (max-width: 1180px){.photo-visualizer .topbar{grid-template-columns:238px minmax(0,1fr) auto}.photo-visualizer .workspace{grid-template-columns:238px minmax(430px,1fr) 270px}.photo-visualizer .sidebar-scroll{padding-inline:14px}.photo-visualizer .canvas-stage{padding-inline:38px}.photo-visualizer .privacy-note{display:none}.photo-visualizer .layout-button{padding-inline:8px}.photo-visualizer .layout-button span{display:none}}@media (max-width: 900px){.photo-visualizer{overflow-x:hidden;overflow-y:auto}.photo-visualizer .photo-visualizer-shell{min-height:100%;height:auto}.photo-visualizer .topbar{position:sticky;top:0;grid-template-columns:1fr auto;min-height:62px}.photo-visualizer .project-title-wrap{display:none}.photo-visualizer .workspace{display:flex;min-height:calc(100vh - 62px);flex-direction:column}.photo-visualizer .sidebar.left{order:1;border-right:0;border-bottom:1px solid var(--line)}.photo-visualizer .sidebar.right{order:3;border-left:0;border-top:1px solid var(--line)}.photo-visualizer .canvas-column{order:2;min-height:580px}.photo-visualizer .sidebar-scroll{overflow:visible}.photo-visualizer .sidebar .section{max-width:620px;width:100%;margin-inline:auto}.photo-visualizer .canvas-stage{min-height:480px}.photo-visualizer .library{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-visualizer .mobile-frame-picker{position:absolute;z-index:15;display:flex;height:40px;align-items:stretch;border:2px solid #fff;border-radius:7px;background:var(--ink);box-shadow:0 4px 12px #1e1c184d;overflow:hidden;transform:translate(-50%,calc(-100% - 5px))}.photo-visualizer .mobile-frame-picker:focus-within{outline:2px solid var(--accent);outline-offset:2px}.photo-visualizer .mobile-frame-picker select{width:108px;padding:0 8px;border:0;outline:0;background:var(--ink);color:#fff;font-size:11px;font-weight:700}.photo-visualizer .mobile-frame-picker button{display:inline-flex;width:38px;align-items:center;justify-content:center;padding:0;border:0;border-left:1px solid rgba(255,255,255,.18);background:var(--ink);color:#fff}}@media (max-width: 600px){.photo-visualizer .topbar{padding-inline:13px}.photo-visualizer .brand-subtitle{display:none}.photo-visualizer .brand-name{font-size:19px}.photo-visualizer .topbar-actions .button span{display:none}.photo-visualizer .topbar-actions .button{width:38px;padding:0}.photo-visualizer .layout-toolbar{justify-content:flex-start;padding-inline:10px;overflow-x:auto}.photo-visualizer .layout-toolbar-inner{min-width:max-content}.photo-visualizer .layout-label{display:none}.photo-visualizer .layout-button span{display:inline}.photo-visualizer .canvas-stage{min-height:390px;padding:14px 34px 44px 20px}.photo-visualizer .canvas-column{min-height:490px}.photo-visualizer .canvas-ruler.height{right:-27px}.photo-visualizer .frame-size-grid,.photo-visualizer .frame-size-note,.photo-visualizer .inspector-subhead{display:none}.photo-visualizer .wall-photo__dimensions{display:none!important}.photo-visualizer .canvas-footnote{display:none}.photo-visualizer .field-row.three{grid-template-columns:1fr 1fr 70px}.photo-visualizer .library{grid-template-columns:1fr}.photo-visualizer .modal-backdrop{align-items:flex-end;padding:0}.photo-visualizer .modal{width:100%;max-height:92vh;border-radius:15px 15px 0 0}.photo-visualizer .modal-header,.photo-visualizer .modal-content,.photo-visualizer .modal-footer{padding-inline:17px}.photo-visualizer .summary-wall{grid-template-columns:1fr}.photo-visualizer .print-table th:nth-child(4),.photo-visualizer .print-table td:nth-child(4){display:none}.photo-visualizer .modal-footer-note{display:none}.photo-visualizer .modal-footer{justify-content:flex-end}}@media print{.photo-visualizer{overflow:visible;background:#fff}.photo-visualizer .photo-visualizer-shell>*{display:none!important}.photo-visualizer .modal-backdrop{position:static;display:block!important;padding:0;background:#fff}.photo-visualizer .modal{width:100%;max-height:none;border:0;box-shadow:none}.photo-visualizer .modal-header{padding:0 0 16px}.photo-visualizer .modal-header .icon-button,.photo-visualizer .modal-footer{display:none}.photo-visualizer .modal-content{padding:0;overflow:visible}.photo-visualizer .print-table{break-inside:avoid}}@media (prefers-reduced-motion: reduce){.photo-visualizer,.photo-visualizer *,.photo-visualizer *:before,.photo-visualizer *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.photo-visualizer{width:100%;height:clamp(720px,calc(100dvh - 190px),920px);min-height:720px;overflow:hidden;border:1px solid #d1d5db;border-radius:.75rem;background:#f8fafc;color:#2c3e50;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--ink: #2c3e50;--muted: #64748b;--soft: #64748b;--line: #e5e7eb;--line-strong: #cbd5e1;--panel: #ffffff;--canvas: #f3f4f6;--wall: #fffefa;--accent: #8b5cf6;--accent-deep: #7c3aed;--accent-soft: #f5f3ff;--sage: #0f766e;--success: #047857;--warning: #b45309;--danger: #b91c1c;--shadow-sm: 0 1px 2px rgba(44, 62, 80, .06), 0 7px 20px rgba(44, 62, 80, .05);--shadow-lg: 0 24px 70px rgba(44, 62, 80, .16), 0 2px 10px rgba(44, 62, 80, .08)}.photo-visualizer .brand-mark{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:linear-gradient(135deg,#8b5cf6,#14b8a6);color:#fff}.photo-visualizer .brand-mark:before,.photo-visualizer .brand-mark:after{display:none}.photo-visualizer .brand-mark svg{width:18px;height:18px}.photo-visualizer .brand-name,.photo-visualizer .section-title,.photo-visualizer .modal-title{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.photo-visualizer .button.primary,.photo-visualizer .button.accent{border-color:transparent;background:linear-gradient(135deg,#8b5cf6,#7c3aed 54%,#0d9488);color:#fff}.photo-visualizer .button.primary:hover:not(:disabled),.photo-visualizer .button.accent:hover:not(:disabled){border-color:transparent;background:linear-gradient(135deg,#7c3aed,#6d28d9 54%,#0f766e)}.photo-visualizer:has(.camera-preview),.photo-visualizer:has(.ar-overlay){overflow:visible}.photo-visualizer button:focus-visible,.photo-visualizer input:focus-visible,.photo-visualizer select:focus-visible,.photo-visualizer [tabindex]:focus-visible{outline:3px solid #7c3aed;outline-offset:2px}.dark .photo-visualizer{border-color:#404040;background:#171717;color:#f9fafb;--ink: #f9fafb;--muted: #cbd5e1;--soft: #94a3b8;--line: #343434;--line-strong: #4b5563;--panel: #202020;--canvas: #171717;--accent: #a78bfa;--accent-deep: #c4b5fd;--accent-soft: #312e4f;--sage: #5eead4;--success: #6ee7b7;--warning: #fbbf24;--danger: #fca5a5;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .32), 0 7px 20px rgba(0, 0, 0, .22);--shadow-lg: 0 24px 70px rgba(0, 0, 0, .42), 0 2px 10px rgba(0, 0, 0, .3)}.dark .photo-visualizer button:focus-visible,.dark .photo-visualizer input:focus-visible,.dark .photo-visualizer select:focus-visible,.dark .photo-visualizer [tabindex]:focus-visible{outline-color:#c4b5fd}.dark .photo-visualizer .topbar,.dark .photo-visualizer .sidebar,.dark .photo-visualizer .preset-toolbar,.dark .photo-visualizer .modal,.dark .photo-visualizer .button,.dark .photo-visualizer input,.dark .photo-visualizer select,.dark .photo-visualizer .wall-ratio-card,.dark .photo-visualizer .photo-row,.dark .photo-visualizer .preview-option,.dark .photo-visualizer .print-recommendation{background-color:var(--panel);color:var(--ink)}.dark .photo-visualizer .canvas-stage,.dark .photo-visualizer .empty-inspector,.dark .photo-visualizer .drop-zone,.dark .photo-visualizer .grid-settings,.dark .photo-visualizer .gap-live-control{background-color:#1a1a1a}.dark .photo-visualizer .project-title:hover,.dark .photo-visualizer .project-title:focus,.dark .photo-visualizer .preset-card,.dark .photo-visualizer .wall-photo-upload,.dark .photo-visualizer .wall-photo-chip{background-color:#262626;color:var(--ink)}.dark .photo-visualizer .wall-empty{color:#64748b}.dark .photo-visualizer .wall-empty strong{color:#1f2937}.dark .photo-visualizer .notice{background-color:#262626;color:#cbd5e1}.dark .photo-visualizer .layout-button.active,.dark .photo-visualizer .dimension-badge,.dark .photo-visualizer .photo-dimensions,.dark .photo-visualizer .toast,.dark .photo-visualizer .mobile-frame-picker,.dark .photo-visualizer .mobile-frame-picker select,.dark .photo-visualizer .mobile-frame-picker button{background:#111827;color:#fff}.dark .photo-visualizer .topbar{background:#202020f5}.dark .photo-visualizer .layout-toolbar-inner{border-color:var(--line-strong);background:#202020f0}.dark .photo-visualizer .preset-toolbar{border-color:var(--line);background:#171717e6}.dark .photo-visualizer .button.ghost,.dark .photo-visualizer .button.danger-ghost,.dark .photo-visualizer .icon-button{background:transparent}.dark .photo-visualizer .button:not(.primary):not(.accent):hover:not(:disabled),.dark .photo-visualizer .icon-button:hover:not(:disabled),.dark .photo-visualizer .layout-button:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.dark .photo-visualizer .wall-photo-upload:hover,.dark .photo-visualizer .wall-photo-upload:focus-within,.dark .photo-visualizer .drop-zone:hover,.dark .photo-visualizer .drop-zone:focus-within,.dark .photo-visualizer .drop-zone.dragging{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.dark .photo-visualizer .toggle-switch>span{background:#4b5563}.dark .photo-visualizer .toggle-switch>span:after{background:#f8fafc}.dark .photo-visualizer .toggle-switch input:checked+span{background:var(--accent)}.dark .photo-visualizer .grid-unit-toggle,.dark .photo-visualizer .orientation-toggle{border-color:var(--line-strong);background:#171717}.dark .photo-visualizer .grid-unit-toggle button.active,.dark .photo-visualizer .orientation-toggle button.active{background:#343434;color:var(--ink)}.dark .photo-visualizer .preset-card,.dark .photo-visualizer .frame-size-chip,.dark .photo-visualizer .fit-options>button,.dark .photo-visualizer .size-chip,.dark .photo-visualizer .preview-option{border-color:var(--line-strong);background:#262626;color:var(--ink)}.dark .photo-visualizer .preset-card:hover,.dark .photo-visualizer .preset-card.active,.dark .photo-visualizer .frame-size-chip:hover:not(:disabled),.dark .photo-visualizer .frame-size-chip.active,.dark .photo-visualizer .fit-options>button:hover:not(:disabled),.dark .photo-visualizer .fit-options>button.active,.dark .photo-visualizer .size-chip:hover,.dark .photo-visualizer .preview-option:hover:not(:disabled),.dark .photo-visualizer .photo-row:hover,.dark .photo-visualizer .photo-row.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.dark .photo-visualizer .preset-diagram,.dark .photo-visualizer .photo-thumb,.dark .photo-visualizer .inspector-empty-icon,.dark .photo-visualizer .inspector-preview,.dark .photo-visualizer .print-thumb,.dark .photo-visualizer .section-kicker .count{background:#343434}.dark .photo-visualizer .preset-diagram i{border-color:#94a3b8;background:#171717}.dark .photo-visualizer .preset-card.active .preset-diagram{background:var(--accent-soft)}.dark .photo-visualizer .aspect-lock,.dark .photo-visualizer .quality-card,.dark .photo-visualizer .print-recommendation,.dark .photo-visualizer .modal-footer,.dark .photo-visualizer .summary-stat,.dark .photo-visualizer .wall-ratio-card,.dark .photo-visualizer .wall-photo-chip,.dark .photo-visualizer .gap-live-control{border-color:var(--line);background:#262626;color:var(--ink)}.dark .photo-visualizer .upload-icon,.dark .photo-visualizer .preview-option-icon{background:#343434;color:var(--accent-deep)}.dark .photo-visualizer .fit-icon{border-color:#94a3b8;background:#262626}.dark .photo-visualizer .quality-bar{background:#4b5563}.dark .photo-visualizer .quality-badge{background:#10b9812e;color:var(--success)}.dark .photo-visualizer .quality-badge.fair{background:#f59e0b2e;color:var(--warning)}.dark .photo-visualizer .quality-badge.low{background:#ef44442e;color:var(--danger)}.dark .photo-visualizer .photo-row{background:transparent}.dark .photo-visualizer .photo-row:hover,.dark .photo-visualizer .photo-row.selected{background:var(--accent-soft)}@media (max-width: 380px){.photo-visualizer .camera-preview__hint{top:max(58px,calc(env(safe-area-inset-top) + 52px));width:calc(100% - 24px - env(safe-area-inset-left) - env(safe-area-inset-right));max-width:none;border-radius:10px}.photo-visualizer .camera-preview__controls{right:max(12px,env(safe-area-inset-right));bottom:max(12px,calc(env(safe-area-inset-bottom) + 8px));left:max(12px,env(safe-area-inset-left));flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px;transform:none}.photo-visualizer .camera-preview__controls label{display:grid;grid-template-columns:52px minmax(0,1fr);width:100%}.photo-visualizer .camera-preview__controls input[type=range]{width:100%;min-width:0}.photo-visualizer .camera-preview__controls button{width:100%;min-height:34px}}@media (max-width: 900px){.photo-visualizer{height:auto;min-height:0;overflow:visible}}@media print{body.photo-visualizer-printing>#root>div>header,body.photo-visualizer-printing>#root>div>footer,body.photo-visualizer-printing .photo-visualizer-page-chrome{display:none!important}body.photo-visualizer-printing .photo-visualizer{height:auto;min-height:0;overflow:visible;border:0;background:#fff}}