*{box-sizing:border-box}:root{--panel: rgba(255,255,255,.96);--ink: #30363b;--line: #dfe3e6;--accent: #2276d2}html,body,#app{width:100%;height:100%;margin:0}#app{display:flex;overflow:hidden}body{overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:#f5f6f7}#myroom-container{--stage-gutter: 16px;--stage-controls-space: 92px;position:relative;width:calc(100% - 270px);height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#eef0f1}.stage-topbar{position:absolute;z-index:7;top:0;left:0;right:0;height:118px;display:flex;align-items:flex-start;justify-content:space-between;padding:16px 18px;background:transparent;pointer-events:none}.stage-actions{pointer-events:auto}.brand{color:#59636a;font-size:15px;font-weight:600;letter-spacing:.02em}.brand span{color:#a0a8ad;font-weight:400}.stage-actions{display:flex;gap:8px}.square-action{width:36px;height:36px;border:0;border-radius:4px;background:#777d80;color:#fff;font-size:20px;box-shadow:0 2px 5px #0002;cursor:pointer}.square-action:hover{background:#5f666a}.stage-arrow{position:absolute;z-index:9;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:50%;color:#fff;background:#121618d1;font-size:34px;line-height:25px;cursor:pointer}.stage-arrow:hover{background:#267ad4}.stage-arrow--left{left:14px}.stage-arrow--right{right:14px}#myroom-container>canvas{position:absolute;inset:var(--stage-gutter) var(--stage-gutter) var(--stage-controls-space);width:auto;height:auto;margin:auto;max-width:calc(100% - var(--stage-gutter) * 2);max-height:calc(100% - var(--stage-controls-space) - var(--stage-gutter));object-fit:contain;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}#bg-canvas{z-index:1}#renderer-canvas{z-index:2}#shadow-canvas{display:none;pointer-events:none}#mask-canvas{z-index:4;pointer-events:none}#gizmo-canvas{z-index:5;touch-action:none}.loading-hint{position:absolute;z-index:8;left:50%;bottom:150px;transform:translate(-50%);padding:9px 15px;border-radius:7px;background:#191f23c7;color:#fff;font-size:12px;letter-spacing:.01em;pointer-events:none;transition:opacity .3s}.analysis-loading{position:absolute;z-index:9;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:all;background:#ffffff52;-webkit-backdrop-filter:brightness(1.2) saturate(.72) blur(1px);backdrop-filter:brightness(1.2) saturate(.72) blur(1px);opacity:1;transition:opacity .22s ease}.analysis-loading[hidden]{display:none}.analysis-loading.is-leaving{opacity:0;pointer-events:none}.analysis-loading__spinner{width:38px;height:38px;border:3px solid rgba(255,255,255,.72);border-top-color:#2276d2;border-right-color:#2276d261;border-radius:50%;filter:drop-shadow(0 2px 5px rgba(20,35,44,.2));animation:analysis-spin .75s linear infinite}@keyframes analysis-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.analysis-loading__spinner{animation-duration:1.5s}}.room-toolbar{position:absolute;z-index:10;display:flex;background:#fffffffa;box-shadow:0 4px 16px #10161a2e,0 1px 3px #10161a1a;border:1px solid rgba(210,216,220,.9)}.room-toolbar--left{top:50%;left:66px;transform:translateY(-50%);flex-direction:column;border-radius:10px;overflow:hidden;padding:4px;gap:2px}.room-toolbar--bottom{bottom:18px;left:50%;transform:translate(-50%);display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;width:max-content;border-radius:10px;padding:5px 7px;gap:2px}#transformControls{display:flex;align-items:center}.tool-divider{width:1px;height:24px;margin:0 3px;background:var(--line);flex:none}#planeControls{flex-direction:row!important}.tool{width:42px;height:42px;border:0;border-radius:7px;background:transparent;color:#53616b;cursor:pointer;display:grid;place-items:center;transition:background .15s ease,color .15s ease}.tool svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tool svg.tool-icon--filled{fill:currentColor;stroke:none}.room-toolbar--left .tool svg{width:19px;height:19px}.room-toolbar--left .tool{border-bottom:0}.tool:hover,.tool.active{background:#e9f2fc;color:var(--accent)}.tool:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.camera-drawer{position:absolute;z-index:11;top:50%;left:72px;transform:translateY(-50%);display:none;width:236px;padding:14px;background:#fffffffa;border:1px solid #d8dde0;border-radius:12px;box-shadow:0 12px 32px #10161a33,0 2px 6px #10161a1a}.camera-drawer.open{display:block}.drawer-title{display:grid;gap:2px;margin-bottom:12px}.drawer-title strong{color:#273036;font-size:13px}.drawer-title span{color:#818b91;font-size:10px}.drawer-uploads{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:12px}.drawer-button{display:flex;min-height:58px;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px;border:1px solid #e0e5e8;border-radius:8px;background:#f8fafb;color:#4c575e;font-size:10px;cursor:pointer;font-weight:600}.drawer-button b{color:var(--accent);font-size:17px;font-weight:500}.drawer-button:hover{background:#eef5fc;border-color:#b9d4f1;color:var(--accent)}.drawer-button input{display:none}.size-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding-top:12px;border-top:1px solid var(--line)}.size-fields label{font-size:9px;color:#737e85;text-transform:uppercase;letter-spacing:.04em}.size-fields input{width:100%;height:32px;margin-top:4px;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:#fff}.size-fields button{grid-column:1 / -1;height:34px;border:0;border-radius:7px;background:var(--accent);color:#fff;font-size:11px;font-weight:700}.size-fields button:hover{background:#195fab}#applySize{grid-column:1 / -1;border:0;padding:7px;color:#fff;background:var(--accent);border-radius:3px;cursor:pointer}.room-gallery{position:relative;flex:0 0 270px;height:100%;padding:12px 12px 12px 10px;background:#f0f2f3;border-left:1px solid #d9dddf;overflow:hidden;display:flex;flex-direction:column}.gallery-heading{display:flex;align-items:baseline;gap:7px;height:32px;padding:2px 5px 8px;color:#4f5a60}.gallery-heading strong{font-size:14px}.gallery-heading span{color:#9aa2a7;font-size:11px}.gallery-divider{height:1px;margin:8px 5px 12px;background:#d5dadc}.gallery-note{padding:0 7px;color:#91999e;font-size:11px;line-height:1.45;text-align:center}.room-card--action{background:#e9edef}.room-card--action img{object-fit:contain;padding:12px}.room-gallery>.room-card--my-room{flex:0 0 auto;margin:8px 0 0;border-color:#cdd3d6}.gallery-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:#858b8f transparent}.room-card{display:block;width:100%;padding:9px 9px 10px;margin:0 0 12px;border:1px solid transparent;border-radius:4px;background:#e6e9ea;color:#6a7379;cursor:pointer;font-size:12px}.room-card:hover{border-color:#28bf9b}.room-card.active{border-color:#00b88a;background:#f8faf9;color:#00ab80;box-shadow:0 0 0 1px #00b88a inset}.room-card img{display:block;width:100%;height:115px;object-fit:cover;margin-bottom:8px;border-radius:2px}.room-card span{display:block;text-align:center}.gallery-toggle{position:absolute;left:50%;transform:translate(-50%);z-index:12;width:24px;height:20px;border:0;color:#fff;background:#6e7477;cursor:pointer}.gallery-toggle:hover{background:#565b5e}.gallery-toggle--top{top:2px;border-radius:0 0 12px 12px}.gallery-toggle--bottom{bottom:2px;border-radius:12px 12px 0 0}@media (max-width: 800px){#myroom-container{--stage-gutter: 10px;--stage-controls-space: 72px;width:100%;height:calc(100% - 86px)}.room-gallery{position:absolute;z-index:20;right:0;bottom:0;width:100%;height:86px;padding:6px 10px}.gallery-scroll{display:flex;gap:8px;overflow-x:auto}.room-card{min-width:130px;margin:0;padding:4px}.room-card img{height:48px;margin-bottom:3px}.gallery-toggle{display:none}.stage-topbar{height:58px}.stage-arrow{top:48%}}@media (max-width: 600px){.tool{width:38px;height:38px}.room-toolbar--bottom{max-width:calc(100% - 20px);overflow-x:auto}.camera-drawer{left:44px}}.refinement-option{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:11px;border-top:1px solid #e5e8ea;color:#657078;font-size:10px;line-height:1.3;cursor:pointer}.refinement-option input{width:15px;height:15px;margin:0;accent-color:#2276d2}html.dark{--panel: rgba(29,33,38,.98);--ink: #e4e8eb;--line: #3a4249;--accent: #62aaf5}html.dark body{background:#111418}html.dark #myroom-container{background:#171b20}html.dark .room-gallery{background:#1c2126;border-left-color:#343b42}html.dark .gallery-heading{color:#d6dce1}html.dark .gallery-heading span,html.dark .gallery-note{color:#89949d}html.dark .gallery-divider{background:#343b42}html.dark .room-card{background:#252b31;color:#aab4bc}html.dark .room-card.active{background:#202f2d;color:#47d2ac;border-color:#20b892}html.dark .room-card--action{background:#20252a}html.dark .room-toolbar,html.dark .camera-drawer{background:#1d2126fa;border-color:#3b444c}html.dark .tool{color:#b9c5cd}html.dark .tool:hover,html.dark .tool.active{background:#263b51;color:#72b8ff}html.dark .drawer-title strong{color:#e4e8eb}html.dark .drawer-title span,html.dark .size-fields label{color:#9aa6ae}html.dark .drawer-button{background:#252c32;border-color:#3c464e;color:#c0c9cf}html.dark .size-fields input{background:#20252a;color:#e4e8eb;border-color:#3c464e}html.dark .refinement-option{border-color:#39434b;color:#aeb9c1}html.embedded #saveBtn{display:none!important}html.embedded .room-toolbar--left{left:18px}html.embedded .room-toolbar--bottom{bottom:18px}