.loft-photo-to-3d{--p3d-room:var(--color-surface-primary);position:relative;container:p3d/inline-size}:root[data-theme=light] .loft-photo-to-3d{--p3d-room:var(--color-text-heading)}:where(.loft-photo-to-3d) :where(button,select,input){font:inherit}.loft-photo-to-3d :is(button,select,a,input,canvas,summary,[tabindex]):focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.loft-photo-to-3d__bar{z-index:10;border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-elevated);align-items:center;gap:8px;min-width:0;padding:8px 12px;display:flex;position:relative}.loft-photo-to-3d__bar-row{display:contents}.loft-photo-to-3d__name{min-width:0;color:var(--color-text-heading);white-space:nowrap;order:1;align-items:center;gap:8px;margin:0 8px 0 0;font-size:15px;font-weight:600;display:flex}.loft-photo-to-3d__name span{text-overflow:ellipsis;overflow:hidden}.loft-photo-to-3d__name i{color:var(--color-accent-primary);flex:none;font-size:22px}.loft-photo-to-3d__modes{order:2}.loft-photo-to-3d__spacer{flex:1;order:3}.loft-photo-to-3d__gap{order:3;display:none}.loft-photo-to-3d__sample-chip{order:4}.loft-photo-to-3d__new{order:5}.loft-photo-to-3d__dl-wrap{display:contents}.loft-photo-to-3d__dl{order:6}.loft-photo-to-3d__chip{border-radius:var(--radius-pill);white-space:nowrap;border:1px solid var(--color-border-default);background:var(--color-surface-card);min-width:0;min-height:32px;color:var(--color-text-body);align-items:center;gap:6px;padding:5px 10px;font-size:13px;display:inline-flex}.loft-photo-to-3d__chip i{color:var(--color-accent-primary);flex:none;font-size:16px}.loft-photo-to-3d__btn{border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-surface-card);min-width:44px;min-height:44px;color:var(--color-text-heading);cursor:pointer;white-space:nowrap;transition:border-color var(--duration-quick) var(--easing-out);justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:14px;display:inline-flex;position:relative}.loft-photo-to-3d__btn:hover{border-color:var(--color-border-hover)}.loft-photo-to-3d__btn i{font-size:18px}.loft-photo-to-3d__btn--primary{background:var(--color-accent-fill);border-color:var(--color-accent-fill);color:var(--color-on-accent)}.loft-photo-to-3d__btn--danger{border-color:var(--color-error);color:var(--color-error)}.loft-photo-to-3d__btn[disabled]{opacity:.45;cursor:default}.loft-photo-to-3d__btn[aria-pressed=true]{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:var(--color-cyan-bg-soft)}.loft-photo-to-3d__btn--small{font-size:13px}.loft-photo-to-3d__lbl-short{display:none}.loft-photo-to-3d__seg{border-radius:var(--radius-lg);background:var(--color-surface-card);border:1px solid var(--color-border-default);gap:2px;min-width:0;padding:3px;display:inline-flex}.loft-photo-to-3d__seg button{border-radius:var(--radius-md);min-width:0;min-height:44px;color:var(--color-text-body);cursor:pointer;white-space:nowrap;background:0 0;border:0;flex:1 1 0;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:14px;display:inline-flex}.loft-photo-to-3d__seg button i{flex:none;font-size:18px}.loft-photo-to-3d__seg button[aria-pressed=true]{background:var(--color-accent-fill);color:var(--color-on-accent);font-weight:600}.loft-photo-to-3d__seg button[disabled]{opacity:.45;cursor:default}.loft-photo-to-3d__menu{background:var(--color-surface-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);width:min(320px,100% - 24px);box-shadow:var(--shadow-3);flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);right:12px}.loft-photo-to-3d__menu[hidden]{display:none}.loft-photo-to-3d__menu-item{border-radius:var(--radius-md);width:100%;min-height:52px;color:var(--color-text-body);cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 10px;font-size:14px;display:grid}.loft-photo-to-3d__menu-item:hover{background:var(--color-surface-card-hover)}.loft-photo-to-3d__menu-item[disabled]{opacity:.45;cursor:default}.loft-photo-to-3d__menu-item i{color:var(--color-accent-primary);font-size:20px}.loft-photo-to-3d__menu-item b{color:var(--color-text-heading);font-weight:600;display:block}.loft-photo-to-3d__menu-item small{color:var(--color-text-muted);font-size:12px}.loft-photo-to-3d__menu-size{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:12px}.loft-photo-to-3d__menu-note{color:var(--color-text-muted);border-top:1px solid var(--color-border-subtle);margin:4px 0 0;padding:6px 10px 4px;font-size:12px}.loft-photo-to-3d__work{--ar:1.333;--fit-pad:24px;grid-template:"canvas rail"minmax(0,1fr)/minmax(0,1fr) 360px;min-width:0;height:100%;min-height:0;display:grid;position:relative}.loft-photo-to-3d__work--empty{grid-template-columns:minmax(0,1fr);grid-template-areas:"canvas";overflow:auto}.loft-photo-to-3d__canvas{background:var(--color-surface-card);flex-direction:column;grid-area:canvas;min-width:0;min-height:0;display:flex;position:relative}.loft-photo-to-3d__view{min-height:0;transition:background var(--duration-base);flex:auto;place-items:center;display:grid;position:relative;overflow:hidden;container:p3dview/size}.loft-photo-to-3d__view--room{background:var(--p3d-room)}.loft-photo-to-3d__stage{aspect-ratio:var(--ar);width:min(calc(100cqw - var(--fit-pad)), calc((100cqh - var(--fit-pad)) * var(--ar)));position:relative}.loft-photo-to-3d__stage canvas{touch-action:none;cursor:grab;border-radius:var(--radius-sm);width:100%;height:100%;transition:filter var(--duration-base);display:block;position:absolute;inset:0}.loft-photo-to-3d__stage canvas:active{cursor:grabbing}.loft-photo-to-3d__stage--dim canvas{filter:brightness(.4)}.loft-photo-to-3d__stage-msg{text-align:center;color:var(--color-text-muted);place-items:center;padding:16px;font-size:13px;display:grid;position:absolute;inset:0}.loft-photo-to-3d__viewbar{border-top:1px solid var(--color-border-subtle);background:var(--color-surface-elevated);flex:none;align-items:center;gap:6px;min-width:0;padding:4px 8px;display:flex}.loft-photo-to-3d__hint{min-width:0;color:var(--color-text-body);white-space:nowrap;white-space:normal;align-items:center;gap:6px;margin:0;font-size:13px;line-height:1.3;display:flex}.loft-photo-to-3d__hint span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.loft-photo-to-3d__hint i{color:var(--color-accent-primary);flex:none;font-size:16px}.loft-photo-to-3d__hint--warn i{color:var(--color-warning)}.loft-photo-to-3d__hint--err i{color:var(--color-error)}.loft-photo-to-3d__viewbar .loft-photo-to-3d__btn{flex:none}.loft-photo-to-3d__fill{flex:1}.loft-photo-to-3d__rail{border-left:1px solid var(--color-border-subtle);background:var(--color-surface-elevated);flex-direction:column;grid-area:rail;min-width:0;min-height:0;display:flex}.loft-photo-to-3d__rail-head{border-bottom:1px solid var(--color-border-subtle);align-items:baseline;gap:8px;padding:12px 14px;display:flex}.loft-photo-to-3d__rail-head h2{color:var(--color-text-heading);margin:0;font-size:15px}.loft-photo-to-3d__rail-count{color:var(--color-text-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px}.loft-photo-to-3d__rail-body{flex-direction:column;flex:1;gap:14px;padding:12px 14px;display:flex;overflow:auto}.loft-photo-to-3d__rail-body--dim>:not(.loft-photo-to-3d__notice){opacity:.3;pointer-events:none}.loft-photo-to-3d__rail-foot{border-top:1px solid var(--color-border-subtle);flex:none;padding:10px 14px}.loft-photo-to-3d__field{gap:6px;display:grid}.loft-photo-to-3d__field-top{color:var(--color-text-body);justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;display:flex}.loft-photo-to-3d__field-top>:first-child{color:var(--color-text-heading);font-weight:500}.loft-photo-to-3d__field-top output{font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.loft-photo-to-3d__field-hint{color:var(--color-text-muted);margin:0;font-size:12px}.loft-photo-to-3d__field .loft-photo-to-3d__seg{width:100%}.loft-photo-to-3d__field .loft-photo-to-3d__seg button{white-space:normal;text-align:center;line-height:1.2}.loft-photo-to-3d__field select{background:var(--color-surface-card);width:100%;min-height:44px;color:var(--color-text-heading);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:0 10px;font-size:16px}.loft-photo-to-3d input[type=range]{width:100%;min-height:44px;accent-color:var(--color-accent-primary);background:0 0;margin:0}.loft-photo-to-3d__group{gap:14px;display:grid}.loft-photo-to-3d__adv{border-top:1px solid var(--color-border-subtle);padding-top:4px}.loft-photo-to-3d__adv>summary{cursor:pointer;min-height:44px;color:var(--color-text-heading);align-items:center;font-size:14px;font-weight:500;display:flex}.loft-photo-to-3d__adv>.loft-photo-to-3d__group{padding-top:6px}.loft-photo-to-3d__switch{width:100%;min-height:44px;color:var(--color-text-heading);cursor:pointer;border-radius:var(--radius-md);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:0;font-size:14px;display:flex}.loft-photo-to-3d__switch small{color:var(--color-text-muted);font-size:12px;display:block}.loft-photo-to-3d__knob{border-radius:var(--radius-full);background:var(--color-border-strong);width:34px;height:20px;transition:background var(--duration-base);flex:none;position:relative}.loft-photo-to-3d__knob:after{content:"";background:var(--color-on-accent);width:16px;height:16px;transition:left var(--duration-base);border-radius:50%;position:absolute;top:2px;left:2px}[aria-pressed=true]>.loft-photo-to-3d__knob{background:var(--color-accent-primary)}[aria-pressed=true]>.loft-photo-to-3d__knob:after{left:16px}.loft-photo-to-3d__meter{gap:6px;display:grid}.loft-photo-to-3d__meter-top{justify-content:space-between;font-size:13px;display:flex}.loft-photo-to-3d__meter-top b{color:var(--color-text-heading);font-weight:500}.loft-photo-to-3d__meter-top span{color:var(--color-text-muted)}.loft-photo-to-3d__meter-bar{border-radius:var(--radius-full);background:var(--color-surface-card);height:6px;overflow:hidden}.loft-photo-to-3d__meter-bar span{background:var(--color-accent-primary);height:100%;display:block}.loft-photo-to-3d__meter--warn .loft-photo-to-3d__meter-bar span{background:var(--color-warning)}.loft-photo-to-3d__notice{border-radius:var(--radius-lg);background:var(--color-info-bg-soft);border:1px solid var(--color-border-default);grid-template-columns:22px minmax(0,1fr);gap:8px;padding:12px;font-size:13px;line-height:1.5;display:grid}.loft-photo-to-3d__notice>i{color:var(--color-info);font-size:20px}.loft-photo-to-3d__notice p{margin:0 0 8px}.loft-photo-to-3d__notice p:last-child{margin:0}.loft-photo-to-3d__notice b{color:var(--color-text-heading)}.loft-photo-to-3d__notice--warn{background:var(--color-warning-bg-soft)}.loft-photo-to-3d__notice--warn>i{color:var(--color-warning)}.loft-photo-to-3d__actions{flex-wrap:wrap;gap:8px;display:flex}.loft-photo-to-3d__notice .loft-photo-to-3d__btn{white-space:normal;text-align:left;max-width:100%}.loft-photo-to-3d__checks{border:1px solid var(--color-border-default);border-radius:var(--radius-xl);background:var(--color-surface-card);gap:10px;padding:12px;display:grid}.loft-photo-to-3d__checks-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.loft-photo-to-3d__checks-head h3{color:var(--color-text-heading);margin:0;font-size:14px}.loft-photo-to-3d__verdict{border-radius:var(--radius-pill);border:1px solid;align-items:center;gap:4px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-flex}.loft-photo-to-3d__verdict--ok{color:var(--color-success)}.loft-photo-to-3d__verdict--warn{color:var(--color-warning)}.loft-photo-to-3d__verdict--err{color:var(--color-error)}.loft-photo-to-3d__checks ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.loft-photo-to-3d__checks li{grid-template-columns:20px minmax(0,1fr);gap:8px;font-size:13px;line-height:1.4;display:grid}.loft-photo-to-3d__checks li>i{color:var(--color-success);font-size:18px}.loft-photo-to-3d__checks li.is-warn>i{color:var(--color-warning)}.loft-photo-to-3d__checks li.is-err>i{color:var(--color-error)}.loft-photo-to-3d__checks li b{color:var(--color-text-heading);font-weight:500}.loft-photo-to-3d__checks li small{color:var(--color-text-muted);font-size:12px;display:block}.loft-photo-to-3d__checks li .loft-photo-to-3d__btn{margin-top:6px;font-size:13px}.loft-photo-to-3d__advice{color:var(--color-text-muted);border-top:1px solid var(--color-border-subtle);align-items:flex-start;gap:6px;margin:0;padding-top:10px;font-size:12px;display:flex}.loft-photo-to-3d__advice i{color:var(--color-accent-primary);flex:none;font-size:16px}.loft-photo-to-3d__card{z-index:5;background:var(--color-surface-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-2xl);width:min(440px,100% - 32px);max-height:calc(100% - 32px);box-shadow:var(--shadow-3);grid-area:canvas;place-self:center;padding:20px;position:relative;overflow:auto}.loft-photo-to-3d__card h3{color:var(--color-text-heading);align-items:center;gap:8px;margin:0 0 6px;font-size:17px;display:flex}.loft-photo-to-3d__card h3 i{color:var(--color-accent-primary);flex:none;font-size:22px}.loft-photo-to-3d__card p{margin:0 0 12px;font-size:14px;line-height:1.5}.loft-photo-to-3d__card--warn h3 i{color:var(--color-warning)}.loft-photo-to-3d__card--err h3 i{color:var(--color-error)}.loft-photo-to-3d__progress{border-radius:var(--radius-full);background:var(--color-surface-card);height:8px;overflow:hidden}.loft-photo-to-3d__progress span{background:var(--color-accent-primary);height:100%;display:block}.loft-photo-to-3d__meta{color:var(--color-text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin:6px 0 14px;font-size:12px;display:flex}.loft-photo-to-3d__steps{gap:8px;margin:0 0 14px;padding:0;font-size:14px;list-style:none;display:grid}.loft-photo-to-3d__steps li{color:var(--color-text-muted);align-items:center;gap:8px;display:flex}.loft-photo-to-3d__steps li.is-done{color:var(--color-text-body)}.loft-photo-to-3d__steps li.is-done i{color:var(--color-success)}.loft-photo-to-3d__steps li.is-now{color:var(--color-text-heading);font-weight:600}.loft-photo-to-3d__steps li.is-now i{color:var(--color-accent-primary)}.loft-photo-to-3d__splash-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.loft-photo-to-3d__splash-tip{color:var(--color-text-muted);text-align:center;margin-top:8px;font-size:12px;display:block}@media (pointer:coarse){.loft-photo-to-3d__splash-tip{display:none}}@container p3d (width<=899px){.loft-photo-to-3d__bar{flex-direction:column;align-items:stretch;gap:6px;padding:6px 10px}.loft-photo-to-3d__bar-row{align-items:center;gap:8px;min-width:0;display:flex}.loft-photo-to-3d__gap{flex:1;display:block}.loft-photo-to-3d__spacer{display:none}.loft-photo-to-3d__modes{width:100%}.loft-photo-to-3d__viewbar .loft-photo-to-3d__lbl{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.loft-photo-to-3d__viewbar .loft-photo-to-3d__btn{width:44px;padding:0}}@container p3d (width<=1023px){.loft-photo-to-3d__work{grid-template-columns:minmax(0,1fr) 320px}.loft-photo-to-3d__work--empty{grid-template-columns:minmax(0,1fr)}}@container p3d (width<=559px){.loft-photo-to-3d__lbl{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:is(.loft-photo-to-3d__bar,.loft-photo-to-3d__viewbar) .loft-photo-to-3d__btn:has(.loft-photo-to-3d__lbl){width:44px;padding:0}.loft-photo-to-3d__bar .loft-photo-to-3d__dl:has(.loft-photo-to-3d__lbl){gap:4px;width:auto;padding:0 10px}.loft-photo-to-3d__lbl-short{display:inline}.loft-photo-to-3d__sample-chip{display:none}.loft-photo-to-3d__seg button{padding:0 6px}}@container p3d (width<=640px){.loft-photo-to-3d__work{--fit-pad:12px;overscroll-behavior:contain;grid-template:"canvas"max-content"rail"max-content/minmax(0,1fr);overflow-y:auto}.loft-photo-to-3d__canvas{min-height:max-content}.loft-photo-to-3d__work--empty{grid-template-rows:minmax(0,1fr);grid-template-areas:"canvas";overflow:auto}.loft-photo-to-3d .loft-editor__statusbar{display:none}.loft-photo-to-3d__view{height:min(calc((100cqw - var(--fit-pad)) / var(--ar) + var(--fit-pad)), 46dvh, max(160px, calc(100dvh - 380px)));flex:none}.loft-photo-to-3d__rail{border-left:0;min-height:auto}.loft-photo-to-3d__rail-head{padding:10px 12px}.loft-photo-to-3d__rail-body{flex:none;padding:12px;overflow:visible}.loft-photo-to-3d__card{grid-area:1/1/3/2;align-self:start;margin-top:16px}}@media (pointer:coarse){.loft-photo-to-3d :is(.loft-photo-to-3d__btn,.loft-photo-to-3d__seg button,.loft-photo-to-3d__switch,.loft-photo-to-3d__menu-item){font-size:16px}}@media (prefers-reduced-motion:reduce){.loft-photo-to-3d__stage canvas,.loft-photo-to-3d__view{transition:none}}.loft-photo-to-3d__status{white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:4px;display:inline-flex}.loft-photo-to-3d__status i{color:var(--color-accent-primary)}