:root{--ui-bg:#18181b9e;--ui-bg-strong:#18181bd1;--ui-border:#ffffff24;--ui-text:#ffffffeb;--ui-accent:#e83c3cd8;--ui-accent-text:#14141a;--ui-radius:12px}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}.viewer-ui{z-index:100;pointer-events:none;position:fixed;inset:0}.viewer-ui,.viewer-ui button{cursor:default}.viewer-ui button{cursor:pointer}.space-drawer{z-index:250;align-items:stretch;display:flex;position:fixed;top:50%;left:0;transform:translateY(-50%)}.space-drawer-panel{background:var(--ui-bg-strong);-webkit-backdrop-filter:blur(16px);pointer-events:none;width:0;max-height:64vh;transition:width .35s;position:relative;overflow:hidden;box-shadow:4px 0 25px #00000040}.space-drawer.open .space-drawer-panel{pointer-events:auto;width:180px}.space-drawer-tab{writing-mode:vertical-rl;text-orientation:mixed;border:1px solid var(--ui-border);border-radius:0 var(--ui-radius) var(--ui-radius) 0;background:var(--ui-accent);-webkit-backdrop-filter:blur(16px);color:var(--ui-text);letter-spacing:3px;cursor:pointer;pointer-events:auto;border-left:none;flex-shrink:0;padding:24px 11px;font-size:13px;font-weight:700;transition:background .2s,border-color .2s;box-shadow:3px 0 18px #0000004d}.space-drawer-list{overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;gap:8px;max-height:64vh;padding:10px;display:flex;overflow-y:auto}.space-drawer-list::-webkit-scrollbar{display:none}.space-name-button{box-sizing:border-box;border:1px solid var(--ui-border);width:100%;color:var(--ui-text);letter-spacing:.01em;text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:#ffffff0d;border-radius:9px;flex-shrink:0;padding:12px 14px;font-size:14px;font-weight:500;transition:background .2s,border-color .2s;overflow:hidden}.space-name-button:hover{background:#ffffff1a}.space-name-button.is-active{background:var(--ui-accent);border-color:var(--ui-accent);color:var(--ui-accent-text);font-weight:700}.space-drawer-scroll-hint{text-align:center;color:var(--ui-text);opacity:0;pointer-events:none;background:linear-gradient(#0000,#18181be6);padding:6px 0 8px;font-size:16px;transition:opacity .2s;animation:1.4s ease-in-out infinite space-scroll-hint-bounce;position:absolute;bottom:0;left:0;right:0}.space-drawer-scroll-hint.show{opacity:1}@keyframes space-scroll-hint-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media (width<=600px){.space-drawer-tab{letter-spacing:2px;padding:16px 8px;font-size:11px}.space-drawer.open .space-drawer-panel{width:145px}}.pattern-bar{box-sizing:border-box;border-radius:var(--ui-radius);background:var(--ui-bg);-webkit-backdrop-filter:blur(16px);pointer-events:auto;width:min(90vw,1100px);padding:15px 18px;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 8px 35px #00000040}.pattern-list{scrollbar-width:thin;align-items:flex-start;gap:14px;padding:3px;display:flex;overflow-x:auto}.pattern-button{cursor:pointer;background:#ffffff0f;border:2px solid #0000;border-radius:7px;flex:none;width:105px;padding:0;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden}.pattern-thumbnail{object-fit:cover;width:105px;height:105px;display:block}.pattern-name{box-sizing:border-box;width:100%;color:var(--ui-text);text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:8px 4px;font-size:13px;font-weight:500;line-height:1.2;display:block;overflow:hidden}.pattern-button:hover{transform:translateY(-4px)}@media (width<=600px){.pattern-bar{width:94vw;padding:9px 10px;bottom:10px}.pattern-list{gap:8px}.pattern-button{width:75px}.pattern-thumbnail{width:75px;height:75px}.pattern-name{padding:5px 2px;font-size:10px}}.pattern-detail-button{background:var(--ui-bg-strong);-webkit-backdrop-filter:blur(16px);color:var(--ui-text);border:1px solid var(--ui-border);letter-spacing:1px;cursor:pointer;pointer-events:auto;z-index:200;border-radius:8px;padding:11px 22px;font-size:13px;font-weight:600;transition:background .2s,border-color .2s;position:fixed;bottom:210px;left:50%;transform:translate(-50%)}.pattern-detail-button:hover{border-color:var(--ui-accent);background:#28282dd9}.pattern-detail-overlay{cursor:default;opacity:0;pointer-events:none;z-index:300;background:#0a0a0cb3;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.pattern-detail-overlay.show{opacity:1;pointer-events:auto}.pattern-detail-image{cursor:pointer;object-fit:contain;cursor:pointer;max-width:90vw;max-height:90vh;display:block}.right-control-panel{box-sizing:border-box;-webkit-backdrop-filter:blur(18px);border-radius:var(--ui-radius);pointer-events:auto;z-index:200;background:#18181b94;border:1px solid #ffffff24;flex-direction:column;gap:0;width:82px;padding:12px 10px 13px;display:flex;position:absolute;top:50%;left:auto;right:24px;transform:translateY(-50%);box-shadow:0 8px 28px #00000038}.brightness-control{box-sizing:border-box;flex-direction:column;align-items:center;gap:7px;width:100%;display:flex}.brightness-icon{color:#fffffff0;opacity:.9;flex:none;justify-content:center;align-items:center;width:15px;height:15px;display:flex}.brightness-icon svg{width:100%;height:100%;display:block}.brightness-slider{writing-mode:vertical-lr;width:3px;min-width:3px;height:86px;accent-color:var(--ui-accent);cursor:pointer;direction:rtl;flex:none;margin:0}.color-control{box-sizing:border-box;pointer-events:auto;border-top:1px solid #ffffff1c;width:100%;margin-top:12px;padding-top:12px}.color-title{color:#ffffffeb;letter-spacing:2px;text-align:center;text-shadow:0 1px 4px #0006;margin-bottom:9px;font-size:12px;font-weight:700;line-height:1}.color-list{flex-flow:column;justify-content:center;align-items:center;gap:9px;display:flex}.color-button{box-sizing:border-box;cursor:pointer;pointer-events:auto;background:0 0;border:1px solid #ffffff47;border-radius:50%;flex:none;width:40px;height:40px;padding:2px;transition:transform .18s,border-color .18s,box-shadow .18s}.color-button:hover{transform:scale(1.08)}.color-button.is-active{border-color:#fff;box-shadow:0 0 0 1px #ffffffa6,0 2px 8px #0000002e}.color-swatch{border-radius:50%;width:100%;height:100%;display:block;box-shadow:inset 0 0 0 1px #00000024}@media (width<=900px) and (orientation:landscape){.right-control-panel{width:58px;padding:8px 7px 9px;top:50%;left:auto;right:8px;transform:translateY(-50%)}.brightness-control{gap:5px}.brightness-icon{width:12px;height:12px}.brightness-slider{width:2px;min-width:2px;height:58px}.color-title{letter-spacing:1.4px;margin-bottom:6px;font-size:8px}.color-list{gap:6px}.color-button{width:25px;height:25px;padding:1.5px}}.plank-size-control{background:var(--ui-bg);border-radius:var(--ui-radius);border:1px solid var(--ui-border);-webkit-backdrop-filter:blur(16px);pointer-events:auto;z-index:200;align-items:center;gap:6px;padding:6px;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #0003}.plank-size-btn{color:var(--ui-text);border:1px solid var(--ui-border);cursor:pointer;background:#ffffff0d;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:500;transition:background .2s,border-color .2s}.plank-size-btn:hover{background:#ffffff1f}.plank-size-btn.is-active{background:var(--ui-accent);border-color:var(--ui-accent);color:var(--ui-accent-text);font-weight:700}.rotate-button{color:#fff;border:1px solid var(--ui-border);cursor:pointer;pointer-events:auto;background:#ffffff0d;border-radius:8px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;padding:0;transition:background .2s,border-color .2s,transform .15s;display:flex}.rotate-button:hover{background:#ffffff1f}.rotate-button:active{transform:scale(.95)}.rotate-button.is-active{background:var(--ui-accent);border-color:var(--ui-accent);color:var(--ui-accent-text)}.rotate-icon{width:25px;height:25px;display:block}@media (width<=900px) and (orientation:landscape){.space-drawer-tab{letter-spacing:1.5px;padding:14px 7px;font-size:10px}.space-drawer.open .space-drawer-panel{width:135px}.space-drawer-list{gap:5px;max-height:62vh;padding:7px}.space-name-button{border-radius:7px;padding:8px 9px;font-size:11px}.pattern-bar{border-radius:9px;width:78vw;max-width:700px;padding:6px 8px;bottom:6px;left:50%}.pattern-list{gap:6px;padding:2px}.pattern-button{border-width:1px;border-radius:5px;width:52px}.pattern-thumbnail{width:52px;height:52px}.pattern-name{padding:4px 2px;font-size:8px}.pattern-detail-button{letter-spacing:.7px;border-radius:6px;padding:7px 12px;font-size:9px;bottom:91px}.brightness-control{border-radius:9px;gap:4px;padding:7px 6px;top:8px;right:8px}.brightness-icon{width:13px;height:13px}.brightness-slider-wrap{width:22px;height:78px}.brightness-slider{width:78px;height:3px}.color-title{letter-spacing:1.4px;margin-bottom:6px;font-size:8px}.color-list{gap:6px}.color-button{width:19px;height:19px;padding:1.5px}.plank-size-control{scrollbar-width:none;border-radius:9px;gap:4px;max-width:calc(100vw - 110px);padding:4px;top:8px;overflow-x:auto}.plank-size-control::-webkit-scrollbar{display:none}.plank-size-btn{border-radius:6px;flex:none;padding:7px 9px;font-size:9px}.rotate-button{border-radius:6px;width:30px;height:30px}.rotate-icon{width:19px;height:19px}}@media (width<=900px) and (orientation:portrait){body:before{content:"Please rotate your device";z-index:11000;box-sizing:border-box;color:#fff;letter-spacing:.08em;text-align:center;background:#111214;justify-content:center;align-items:center;padding:24px;font-size:14px;font-weight:600;display:flex;position:fixed;inset:0}}.viewer-cursor{pointer-events:none;z-index:9999;opacity:0;border:1px solid #ffffffe6;border-radius:50%;width:42px;height:42px;transition:opacity .15s;position:fixed;transform:translate(-50%,-50%)}.viewer-cursor.is-visible{opacity:1}.loading-overlay{z-index:10000;-webkit-backdrop-filter:blur(3px);opacity:0;pointer-events:none;background:#0a0a0a73;flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:opacity .25s;display:flex;position:fixed;inset:0}.loading-overlay.show{opacity:1;pointer-events:auto}.loading-spinner{border:3px solid #ffffff40;border-top-color:var(--ui-accent);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite loading-spin}.loading-text{color:#fff;letter-spacing:.02em;font-size:14px;font-weight:500}@keyframes loading-spin{to{transform:rotate(360deg)}}@media (width<=900px){.space-drawer{gap:6px;width:72px;padding:8px}.space-button{border-radius:8px;min-height:46px;padding:6px 4px;font-size:10px}.right-control-panel{border-radius:12px;width:54px;padding:7px 6px 8px;top:50%;left:auto;right:8px;transform:translateY(-50%)}.brightness-control{gap:5px}.brightness-icon{width:15px;height:15px}.brightness-slider{width:3px;height:62px}.color-control{margin-top:8px;padding-top:8px}.color-title{letter-spacing:.5px;margin-bottom:6px;font-size:7px}.color-list{gap:6px}.color-button{border-width:1px;width:25px;height:25px}.pattern-bar{border-radius:12px;height:72px;padding:7px 8px;bottom:8px;left:8px;right:8px}.pattern-item{min-width:52px}.pattern-thumbnail{border-radius:7px;width:42px;height:42px}.pattern-label{margin-top:3px;font-size:8px}.pattern-detail-button{border-radius:8px;padding:7px 9px;font-size:9px;bottom:88px;right:8px}.plank-size-control{gap:4px;top:8px;left:8px}.plank-size-button,.rotate-layout-button{border-radius:7px;padding:6px 8px;font-size:9px}}@media (width>=901px) and (width<=1200px){.space-drawer{width:82px;padding:9px}.space-button{min-height:50px;font-size:11px}.right-control-panel{width:62px;padding:9px 7px;right:12px}.brightness-slider{height:70px}.color-button{width:29px;height:29px}.pattern-bar{height:78px;bottom:12px;left:12px;right:12px}.pattern-thumbnail{width:46px;height:46px}.pattern-label{font-size:9px}}@media (hover:none),(pointer:coarse){.viewer-cursor,.viewer-cursor.is-visible{opacity:0!important;visibility:hidden!important;display:none!important}canvas{touch-action:none;cursor:default!important}.space-drawer{gap:0;width:auto;padding:0}.space-drawer-tab{letter-spacing:1.4px;border-radius:0 9px 9px 0;padding:14px 7px;font-size:9px}.space-drawer.open .space-drawer-panel{width:min(132px,34vw)}.space-drawer-panel,.space-drawer-list{max-height:54dvh}.space-drawer-list{gap:5px;padding:6px}.space-name-button{border-radius:6px;padding:8px;font-size:10px}.plank-size-control{top:max(6px, env(safe-area-inset-top));scrollbar-width:none;white-space:nowrap;border-radius:8px;gap:3px;width:auto;max-width:calc(100vw - 96px);padding:4px;left:50%;overflow-x:auto;transform:translate(-50%)}.plank-size-control::-webkit-scrollbar{display:none}.plank-size-btn{border-radius:5px;flex:none;padding:6px 7px;font-size:8px}.rotate-button{border-radius:5px;flex:none;width:28px;height:28px}.rotate-icon{width:17px;height:17px}.right-control-panel{top:50%;right:max(6px, env(safe-area-inset-right));border-radius:10px;width:48px;padding:7px 5px 8px;left:auto;transform:translateY(-50%)}.brightness-control{gap:4px}.brightness-icon{width:12px;height:12px}.brightness-slider{width:2px;min-width:2px;height:52px}.color-control{margin-top:7px;padding-top:7px}.color-title{letter-spacing:.6px;margin-bottom:5px;font-size:7px}.color-list{gap:5px}.color-button{width:24px;height:24px;padding:1px}.pattern-bar{left:50%;right:auto;bottom:max(6px, env(safe-area-inset-bottom));border-radius:9px;width:min(78vw,620px);height:auto;padding:5px 6px;transform:translate(-50%)}.pattern-list{gap:5px;padding:1px}.pattern-button{border-width:1px;border-radius:5px;width:46px}.pattern-thumbnail{width:46px;height:46px}.pattern-name{padding:3px 2px;font-size:7px}.pattern-detail-button{letter-spacing:.5px;white-space:nowrap;border-radius:6px;padding:6px 9px;font-size:8px;bottom:73px;left:50%;right:auto;transform:translate(-50%)}}@media (hover:none) and (pointer:coarse) and (orientation:portrait){body:before{content:none!important;display:none!important}.space-drawer{top:43%}.space-drawer.open .space-drawer-panel{width:min(124px,32vw)}.space-drawer-panel,.space-drawer-list{max-height:46dvh}.plank-size-control{max-width:calc(100vw - 70px)}.plank-size-btn{padding:5px 6px;font-size:7.5px}.right-control-panel{width:46px;top:42%}.brightness-slider{height:46px}.color-button{width:22px;height:22px}.pattern-bar{width:calc(100vw - 76px);max-width:520px}.pattern-button{width:43px}.pattern-thumbnail{width:43px;height:43px}.pattern-detail-button{bottom:69px}}@media (hover:none) and (pointer:coarse) and (width>=768px){.space-drawer-tab{padding:17px 8px;font-size:10px}.space-drawer.open .space-drawer-panel{width:145px}.space-name-button{padding:9px 10px;font-size:11px}.right-control-panel{width:52px;padding:8px 6px 9px}.brightness-slider{height:60px}.color-button{width:26px;height:26px}.pattern-bar{width:min(74vw,720px);padding:6px 7px}.pattern-button,.pattern-thumbnail{width:52px}.pattern-thumbnail{height:52px}.pattern-name{font-size:8px}.pattern-detail-button{font-size:9px;bottom:82px}}.viewer-2d{z-index:20;box-sizing:border-box;opacity:1;visibility:visible;clip-path:circle(150%);pointer-events:auto;background:#050505;justify-content:center;align-items:center;padding:clamp(18px,3.2vw,52px);transition:opacity .65s cubic-bezier(.22,.8,.22,1),transform .75s cubic-bezier(.22,.8,.22,1),clip-path .8s cubic-bezier(.65,0,.35,1),visibility linear;display:flex;position:fixed;inset:0;transform:scale(1)}.viewer-2d.is-hidden{opacity:0;visibility:hidden;clip-path:circle(0% at calc(100% - 72px) 72px);pointer-events:none;transition:opacity .55s,transform .75s cubic-bezier(.22,.8,.22,1),clip-path .8s cubic-bezier(.65,0,.35,1),visibility 0s linear .8s;transform:scale(1.035)}.viewer-2d-frame{box-sizing:border-box;background:#000;border:clamp(12px,1.8vw,28px) solid #000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden;box-shadow:0 18px 70px #00000094}.viewer-2d-canvas{object-fit:contain;background:#000;width:100%;height:100%;display:block}.view-toggle-button{z-index:500;color:#fff;letter-spacing:-.5px;-webkit-backdrop-filter:blur(14px);pointer-events:auto;cursor:pointer;background:#08080ad1;border:3px solid #fffffff2;border-radius:50%;width:clamp(76px,7vw,104px);height:clamp(76px,7vw,104px);padding:0;font-size:clamp(18px,1.55vw,24px);font-weight:900;transition:transform .25s,background .25s,box-shadow .25s;position:fixed;top:clamp(18px,2.6vw,36px);right:clamp(18px,2.6vw,36px);box-shadow:0 10px 35px #0000006b,inset 0 0 0 1px #ffffff24}.view-toggle-button:hover{background:#e83c3ce6;transform:scale(1.07);box-shadow:0 12px 42px #0000007a,0 0 0 7px #ffffff14}@keyframes viewTogglePulse{0%{transform:scale(1)}42%{transform:scale(.82)rotate(-8deg)}72%{transform:scale(1.13)rotate(3deg)}to{transform:scale(1)}}.pattern-drawer{z-index:260;pointer-events:none;flex-direction:column;align-items:center;width:min(92vw,1120px);display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.pattern-drawer-tab{border:1px solid var(--ui-border);background:var(--ui-accent);color:#fff;letter-spacing:2.4px;pointer-events:auto;cursor:pointer;border-bottom:none;border-radius:11px 11px 0 0;order:1;min-width:132px;padding:8px 22px 9px;font-size:11px;font-weight:800;transform:translateY(1px);box-shadow:0 -5px 18px #00000040}.pattern-drawer-panel{box-sizing:border-box;opacity:0;background:var(--ui-bg-strong);-webkit-backdrop-filter:blur(18px);border:1px solid var(--ui-border);border-radius:var(--ui-radius) var(--ui-radius) 0 0;pointer-events:none;border-bottom:none;order:2;width:100%;max-height:0;transition:max-height .42s cubic-bezier(.22,.8,.22,1),opacity .22s,transform .42s cubic-bezier(.22,.8,.22,1);overflow:hidden;transform:translateY(100%);box-shadow:0 -10px 36px #00000047}.pattern-drawer.open .pattern-drawer-panel{opacity:1;pointer-events:auto;max-height:170px;transform:translateY(0)}.pattern-drawer .pattern-bar{width:100%!important;height:auto!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border-radius:0!important;padding:4px 12px 10px!important;position:static!important;bottom:auto!important;left:auto!important;right:auto!important;transform:none!important}.pattern-drawer .pattern-detail-button{z-index:2;letter-spacing:.9px;width:max-content;line-height:1.1;display:block;box-shadow:0 3px 10px #00000029;border-radius:7px 7px 5px 5px!important;margin:5px auto -1px!important;padding:5px 14px!important;font-size:9px!important;position:relative!important;transform:none!important}.pattern-drawer .pattern-list{align-items:flex-start;padding-top:2px!important}@media (pointer:coarse),(hover:none){.viewer-cursor{display:none!important}.view-toggle-button:hover{transform:none}}@media (width<=900px){.viewer-2d{padding:14px}.viewer-2d-frame{border-width:10px}.view-toggle-button{border-width:2px;width:66px;height:66px;font-size:16px;top:12px;right:12px}.pattern-drawer{width:min(94vw,760px)}.pattern-drawer.open .pattern-drawer-panel{max-height:160px}.pattern-drawer-tab{letter-spacing:1.8px;min-width:104px;padding:7px 17px 8px;font-size:9px}.pattern-drawer .pattern-detail-button{margin-top:6px!important;padding:5px 12px!important;font-size:8px!important}.pattern-drawer .pattern-bar{padding:5px 8px 8px!important}.pattern-drawer .pattern-list{gap:7px!important}.pattern-drawer .pattern-button{width:58px!important}.pattern-drawer .pattern-thumbnail{width:58px!important;height:48px!important}.pattern-drawer .pattern-name{padding:4px 2px!important;font-size:8px!important}}@media (width<=600px) and (orientation:portrait){body:before{content:none!important;display:none!important}.viewer-2d{padding:10px}.viewer-2d-frame{border-width:8px}.view-toggle-button{width:60px;height:60px;font-size:15px;top:10px;right:10px}.pattern-drawer{width:92vw}.pattern-drawer.open .pattern-drawer-panel{max-height:145px}.pattern-drawer .pattern-button{width:52px!important}.pattern-drawer .pattern-thumbnail{width:52px!important;height:42px!important}}.viewer-2d-webgl{max-width:100%;max-height:100%;position:relative}.viewer-2d-webgl canvas{width:100%;height:100%;display:block}.perspective-calibration-layer{z-index:40;pointer-events:none;opacity:0;transition:opacity .2s;position:absolute;inset:0}.perspective-calibration-layer.is-active{opacity:1;pointer-events:auto;background:linear-gradient(#ffffff29,#ffffff29) 50%/1px 100% no-repeat,linear-gradient(90deg,#ffffff29,#ffffff29) 50%/100% 1px no-repeat}.perspective-handle{color:#fff;cursor:grab;touch-action:none;background:#0a0a0cb8;border:2px solid #fff;border-radius:50%;width:34px;height:34px;font:700 12px/1 Arial,sans-serif;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 12px #00000073}.perspective-handle:active{cursor:grabbing}.perspective-calibration-panel{z-index:500;box-sizing:border-box;-webkit-backdrop-filter:blur(18px);color:#fff;background:#121214e0;border:1px solid #ffffff29;border-radius:12px;gap:9px;width:min(520px,100vw - 32px);padding:14px 16px;display:none;position:absolute;top:22px;left:50%;transform:translate(-50%,-16px);box-shadow:0 12px 40px #00000059}.perspective-calibration-panel.is-active{display:grid}.perspective-calibration-panel strong{letter-spacing:.14em;font-size:12px}.perspective-help{opacity:.7;font-size:11px}.perspective-calibration-panel label{letter-spacing:.08em;grid-template-columns:72px 1fr;align-items:center;gap:10px;font-size:9px;font-weight:700;display:grid}.perspective-calibration-panel input[type=range]{width:100%}.perspective-actions{flex-wrap:wrap;gap:7px;display:flex}.perspective-actions button{color:#fff;letter-spacing:.06em;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:7px;padding:7px 10px;font-size:9px;font-weight:700}.perspective-readout{color:#ffffffc7;-webkit-user-select:text;user-select:text;background:#00000047;border-radius:7px;max-height:118px;margin:0;padding:8px;font-size:9px;line-height:1.35;overflow:auto}@media (width<=900px){.perspective-calibration-panel{gap:6px;padding:9px 10px;top:8px}.perspective-readout{display:none}.perspective-handle{width:28px;height:28px}}.perspective-grid{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.perspective-grid line,.perspective-grid polyline{fill:none;stroke:#ffffff9e;stroke-width:1.4px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 2px #0000008c)}.perspective-vp-handle{color:#fff;cursor:grab;touch-action:none;background:#08080ab8;border:2px solid #fffffff2;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 5px 20px #0000006b}.perspective-vp-handle:active{cursor:grabbing}.perspective-vp-handle span:before,.perspective-vp-handle span:after{content:"";background:#ffffffe6;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.perspective-vp-handle span:before{width:26px;height:1px}.perspective-vp-handle span:after{width:1px;height:26px}.perspective-vp-handle b{letter-spacing:.12em;text-shadow:0 1px 4px #000;font:800 10px/1 Arial,sans-serif;position:absolute;top:57px;left:50%;transform:translate(-50%)}.perspective-calibration-panel--simple{width:min(500px,100vw - 32px)}.perspective-calibration-panel--simple .perspective-help b{color:#fff}@media (pointer:coarse){.perspective-vp-handle{width:58px;height:58px}}.perspective-corner-handle{color:#fff;cursor:grab;touch-action:none;z-index:4;background:#0a0a0cd1;border:2px solid #fffffff2;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;font-size:15px;font-weight:800;box-shadow:0 4px 18px #00000061}.perspective-corner-handle:active{cursor:grabbing;transform:scale(1.08)}.perspective-calibration-panel--quad .perspective-help b{color:#fff}@media (pointer:coarse){.perspective-corner-handle{width:52px;height:52px;margin-top:-26px;margin-left:-26px;font-size:16px}}.pattern-drawer>.pattern-drawer-tab{order:1!important}.pattern-drawer>.pattern-drawer-panel{order:2!important}.pattern-drawer .pattern-detail-button{margin:5px auto -1px!important;padding:5px 14px!important;position:relative!important;bottom:auto!important;left:auto!important;right:auto!important}.pattern-drawer .pattern-bar{padding-top:4px!important}@media (width<=900px){.pattern-drawer.open .pattern-drawer-panel{max-height:118px!important}.pattern-drawer-tab{padding:6px 15px 7px!important}.pattern-drawer .pattern-detail-button{margin:3px auto -1px!important;padding:4px 10px!important;font-size:7px!important}.pattern-drawer .pattern-bar{padding:3px 7px 6px!important}}.pattern-detail-button{display:none!important}.pattern-button{position:relative}.pattern-button.is-active:after{content:"";z-index:4;filter:drop-shadow(0 2px 5px #000000a6);pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='13.5' cy='13.5' r='7.5' fill='none' stroke='white' stroke-width='2.4'/%3E%3Cpath d='M19 19l7 7' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;width:23px;height:23px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.pattern-button.is-active{border-color:var(--ui-accent)!important;box-shadow:0 0 0 1px #ffffff29,0 5px 18px #00000052!important}.pattern-button.is-active .pattern-name{z-index:5;background:#0f0f12b8;position:relative}@media (hover:none),(pointer:coarse){.pattern-button:hover{transform:none!important}}@media (width<=900px){.pattern-drawer.open .pattern-drawer-panel{max-height:100px!important}.pattern-drawer .pattern-bar{padding:4px 7px 6px!important}.pattern-button.is-active:after{width:18px;height:18px;top:40%}}@media (width<=600px) and (orientation:portrait){.pattern-drawer.open .pattern-drawer-panel{max-height:96px!important}}.pattern-drawer{width:min(92vw,1080px)!important}.pattern-drawer-tab{border:1px solid var(--ui-border)!important;background:var(--ui-accent)!important;min-width:118px!important;color:var(--ui-text)!important;letter-spacing:2.4px!important;border-bottom:none!important;border-radius:10px 10px 0 0!important;padding:9px 18px!important;font-size:11px!important;font-weight:700!important;transition:background .2s,border-color .2s,transform .35s!important;box-shadow:0 -4px 18px #00000047!important}.pattern-drawer-tab:hover{background:#28282dd9!important}.pattern-drawer-panel{background:var(--ui-bg-strong)!important;border:1px solid var(--ui-border)!important;border-radius:var(--ui-radius) var(--ui-radius) 0 0!important;border-bottom:none!important;transition:max-height .35s,opacity .22s,transform .35s!important;box-shadow:0 -8px 28px #00000040!important}.pattern-drawer.open .pattern-drawer-panel{max-height:145px!important}.pattern-drawer .pattern-bar{padding:7px 10px 9px!important}.pattern-drawer .pattern-list{gap:9px!important;padding:2px!important}.plank-size-control{box-sizing:border-box;min-height:48px;border-radius:10px!important;gap:5px!important;padding:5px!important;top:20px!important;left:50%!important;transform:translate(-50%)!important}.right-control-panel{box-sizing:border-box;min-height:48px;background:var(--ui-bg)!important;border:1px solid var(--ui-border)!important;-webkit-backdrop-filter:blur(16px)!important;border-radius:10px!important;flex-direction:row!important;align-items:center!important;gap:9px!important;width:auto!important;padding:5px 9px!important;display:flex!important;position:fixed!important;top:20px!important;left:calc(50% + 250px)!important;right:auto!important;transform:none!important;box-shadow:0 4px 15px #0003!important}.right-control-panel .brightness-control{flex-direction:row!important;align-items:center!important;gap:6px!important;width:auto!important;display:flex!important}.right-control-panel .brightness-icon{width:14px!important;height:14px!important}.right-control-panel .brightness-slider{writing-mode:horizontal-tb!important;direction:ltr!important;width:72px!important;min-width:72px!important;height:3px!important;margin:0!important}.right-control-panel .color-control{border-top:none!important;border-left:1px solid #ffffff1c!important;flex-direction:row!important;align-items:center!important;gap:7px!important;width:auto!important;margin:0!important;padding:0 0 0 9px!important;display:flex!important}.right-control-panel .color-title{letter-spacing:1.2px!important;margin:0!important;font-size:9px!important}.right-control-panel .color-list{flex-direction:row!important;gap:5px!important}.right-control-panel .color-button{width:27px!important;height:27px!important;padding:1px!important}.viewer-2d,.viewer-2d.is-visible,.viewer-2d.is-hidden{clip-path:none!important;transform:none!important}.viewer-2d{transition:opacity .18s linear,visibility linear!important}.viewer-2d.is-hidden{opacity:0!important;visibility:hidden!important;transition:opacity .18s linear,visibility 0s linear .18s!important}.viewer-2d.is-visible{opacity:1!important;visibility:visible!important}.view-toggle-button.is-switching{animation:none!important}.view-shade-transition{z-index:490;pointer-events:none;-webkit-backdrop-filter:blur(2px);opacity:0;visibility:hidden;background:#050507b8;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility 0s linear .3s;position:fixed;inset:0}.view-shade-transition.is-covering{opacity:1;visibility:visible;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility linear}.view-shade-transition.is-revealing{opacity:0;visibility:visible;transition:opacity .48s cubic-bezier(.22,.8,.22,1)}@media (width>=701px) and (width<=1200px){.plank-size-control{top:12px!important;left:42%!important}.right-control-panel{min-height:42px;gap:6px!important;padding:4px 7px!important;top:12px!important;left:calc(42% + 205px)!important}.right-control-panel .brightness-slider{width:52px!important;min-width:52px!important}.right-control-panel .color-button{width:23px!important;height:23px!important}}@media (width<=700px),(hover:none) and (pointer:coarse){.plank-size-control{top:max(6px, env(safe-area-inset-top))!important;gap:2px!important;max-width:48vw!important;min-height:34px!important;padding:3px!important;left:6px!important;transform:none!important}.plank-size-btn{padding:5px 6px!important;font-size:7px!important}.rotate-button{width:24px!important;height:24px!important}.right-control-panel{top:max(6px, env(safe-area-inset-top))!important;border-radius:8px!important;gap:4px!important;max-width:calc(52vw - 82px)!important;min-height:34px!important;padding:3px 5px!important;left:calc(48vw + 12px)!important;right:auto!important}.right-control-panel .brightness-icon{width:10px!important;height:10px!important}.right-control-panel .brightness-slider{width:34px!important;min-width:34px!important;height:2px!important}.right-control-panel .color-control{gap:4px!important;padding-left:5px!important}.right-control-panel .color-title{display:none!important}.right-control-panel .color-list{gap:3px!important}.right-control-panel .color-button{width:18px!important;height:18px!important}.pattern-drawer-tab{letter-spacing:1.5px!important;min-width:96px!important;padding:6px 12px 7px!important;font-size:8px!important}.pattern-drawer.open .pattern-drawer-panel{max-height:96px!important}.pattern-drawer .pattern-bar{padding:4px 6px 6px!important}}:root{--top-ui-y:18px;--top-ui-x:18px;--top-ui-height:50px;--drawer-width:min(92vw, 1080px);--drawer-tab-width:118px;--drawer-tab-height:34px;--drawer-bg:#121216d1;--drawer-border:#ffffff24;--drawer-shadow:0 -8px 28px #00000040}.plank-size-control{top:var(--top-ui-y)!important;left:var(--top-ui-x)!important;height:var(--top-ui-height)!important;min-height:var(--top-ui-height)!important;box-sizing:border-box!important;align-items:center!important;padding:5px!important;display:flex!important;right:auto!important;transform:none!important}.right-control-panel{top:var(--top-ui-y)!important;height:var(--top-ui-height)!important;min-height:var(--top-ui-height)!important;box-sizing:border-box!important;background:var(--ui-bg)!important;border:1px solid var(--ui-border)!important;-webkit-backdrop-filter:blur(16px)!important;border-radius:10px!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:9px!important;padding:5px 10px!important;display:flex!important;left:350px!important;right:auto!important;transform:none!important;box-shadow:0 4px 15px #0003!important}.right-control-panel .brightness-control,.right-control-panel .color-control{box-sizing:border-box!important;align-items:center!important;height:100%!important}.right-control-panel .color-button{width:28px!important;height:28px!important}.space-drawer,.pattern-drawer{width:var(--drawer-width)!important}.space-drawer-tab,.pattern-drawer-tab{box-sizing:border-box!important;min-width:var(--drawer-tab-width)!important;height:var(--drawer-tab-height)!important;min-height:var(--drawer-tab-height)!important;border:1px solid var(--drawer-border)!important;background:var(--ui-accent)!important;color:#fff!important;letter-spacing:2.2px!important;-webkit-backdrop-filter:blur(16px)!important;border-bottom:none!important;border-radius:10px 10px 0 0!important;justify-content:center!important;align-items:center!important;padding:0 18px!important;font-size:11px!important;font-weight:700!important;line-height:1!important;transition:background .2s,border-color .2s,transform .35s cubic-bezier(.22,.8,.22,1)!important;display:flex!important;box-shadow:0 -4px 18px #00000040!important}.space-drawer-panel,.pattern-drawer-panel{box-sizing:border-box!important;background:var(--drawer-bg)!important;border:1px solid var(--drawer-border)!important;border-radius:var(--ui-radius) var(--ui-radius) 0 0!important;box-shadow:var(--drawer-shadow)!important;-webkit-backdrop-filter:blur(18px)!important;border-bottom:none!important;transition:max-height .35s,opacity .22s,transform .35s cubic-bezier(.22,.8,.22,1)!important}.space-drawer .space-bar,.pattern-drawer .pattern-bar{box-sizing:border-box!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;padding:7px 10px 9px!important}.space-drawer-tab:hover,.pattern-drawer-tab:hover{background:#28282deb!important}@media (width>=701px) and (width<=1200px){:root{--top-ui-y:12px;--top-ui-x:12px;--top-ui-height:42px;--drawer-width:min(94vw, 760px);--drawer-tab-width:104px;--drawer-tab-height:30px}.plank-size-control{left:var(--top-ui-x)!important;max-width:320px!important}.right-control-panel{height:var(--top-ui-height)!important;min-height:var(--top-ui-height)!important;gap:6px!important;padding:4px 7px!important;left:338px!important}.right-control-panel .brightness-slider{width:48px!important;min-width:48px!important}.right-control-panel .color-button{width:23px!important;height:23px!important}.space-drawer-tab,.pattern-drawer-tab{letter-spacing:1.7px!important;padding:0 14px!important;font-size:9px!important}}@media (width<=700px),(hover:none) and (pointer:coarse){:root{--top-ui-y:max(6px, env(safe-area-inset-top));--top-ui-x:6px;--top-ui-height:34px;--drawer-width:92vw;--drawer-tab-width:96px;--drawer-tab-height:26px}.plank-size-control{top:var(--top-ui-y)!important;left:var(--top-ui-x)!important;height:var(--top-ui-height)!important;min-height:var(--top-ui-height)!important;gap:2px!important;max-width:49vw!important;padding:3px!important;right:auto!important}.right-control-panel{top:var(--top-ui-y)!important;height:var(--top-ui-height)!important;min-height:var(--top-ui-height)!important;border-radius:8px!important;gap:4px!important;max-width:calc(51vw - 78px)!important;padding:3px 5px!important;left:calc(49vw + 10px)!important;right:auto!important}.right-control-panel .brightness-slider{width:32px!important;min-width:32px!important}.right-control-panel .color-button{width:18px!important;height:18px!important}.space-drawer,.pattern-drawer{width:var(--drawer-width)!important}.space-drawer-tab,.pattern-drawer-tab{min-width:var(--drawer-tab-width)!important;height:var(--drawer-tab-height)!important;min-height:var(--drawer-tab-height)!important;letter-spacing:1.4px!important;border-radius:8px 8px 0 0!important;padding:0 11px!important;font-size:8px!important}.space-drawer .space-bar,.pattern-drawer .pattern-bar{padding:4px 6px 6px!important}}@media (width<=480px) and (orientation:portrait){.plank-size-control{max-width:52vw!important}.right-control-panel{max-width:calc(48vw - 72px)!important;left:calc(52vw + 8px)!important}.right-control-panel .brightness-slider{width:25px!important;min-width:25px!important}.right-control-panel .color-button{width:16px!important;height:16px!important}}.space-drawer{z-index:250!important;flex-direction:row!important;align-items:stretch!important;width:auto!important;height:auto!important;display:flex!important;position:fixed!important;top:50%!important;bottom:auto!important;left:0!important;transform:translateY(-50%)!important}.space-drawer-panel{-webkit-backdrop-filter:blur(18px)!important;opacity:.72!important;pointer-events:none!important;background:#121216d1!important;border:1px solid #ffffff24!important;border-left:none!important;border-radius:0 12px 12px 0!important;width:0!important;max-width:180px!important;height:auto!important;max-height:64vh!important;transition:width .42s cubic-bezier(.22,.8,.22,1),opacity .28s,transform .42s cubic-bezier(.22,.8,.22,1)!important;position:relative!important;overflow:hidden!important;transform:translate(-14px)!important;box-shadow:4px 0 25px #00000040!important}.space-drawer.open .space-drawer-panel{opacity:1!important;pointer-events:auto!important;width:180px!important;transform:translate(0)!important}.space-drawer-tab{writing-mode:vertical-rl!important;text-orientation:mixed!important;background:var(--ui-accent)!important;color:#fff!important;letter-spacing:2.2px!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid #ffffff24!important;border-left:none!important;border-radius:0 10px 10px 0!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:auto!important;min-width:0!important;height:auto!important;min-height:118px!important;padding:20px 10px!important;font-size:11px!important;font-weight:700!important;line-height:1!important;transition:background .2s,border-color .2s,transform .42s cubic-bezier(.22,.8,.22,1)!important;display:flex!important;box-shadow:3px 0 18px #00000040!important}.space-drawer-tab:hover{background:#28282deb!important}.space-drawer-list{box-sizing:border-box!important;flex-direction:column!important;gap:8px!important;width:180px!important;max-height:64vh!important;padding:10px!important;display:flex!important;overflow:hidden auto!important}:root{--top-control-y:18px;--top-control-h:50px;--top-control-gap:10px;--plank-control-w:350px}.plank-size-control{top:var(--top-control-y)!important;width:var(--plank-control-w)!important;max-width:var(--plank-control-w)!important;height:var(--top-control-h)!important;min-height:var(--top-control-h)!important;box-sizing:border-box!important;left:18px!important;right:auto!important;overflow:auto hidden!important;transform:none!important}.right-control-panel{top:var(--top-control-y)!important;width:auto!important;max-width:calc(100vw - 396px)!important;height:var(--top-control-h)!important;min-height:var(--top-control-h)!important;box-sizing:border-box!important;left:378px!important;right:auto!important;transform:none!important}@media (width>=701px) and (width<=1200px){:root{--top-control-y:12px;--top-control-h:42px;--plank-control-w:300px}.plank-size-control{width:var(--plank-control-w)!important;max-width:var(--plank-control-w)!important;left:12px!important}.right-control-panel{max-width:calc(100vw - 332px)!important;height:var(--top-control-h)!important;min-height:var(--top-control-h)!important;left:320px!important}.space-drawer.open .space-drawer-panel{width:160px!important}.space-drawer-panel,.space-drawer-list{max-width:160px!important}.space-drawer-list{width:160px!important}.space-drawer-tab{min-height:104px!important;padding:16px 8px!important;font-size:9px!important}}@media (width<=700px),(hover:none) and (pointer:coarse){:root{--top-control-y:max(6px, env(safe-area-inset-top));--top-control-h:34px}.plank-size-control{top:var(--top-control-y)!important;width:min(72vw,360px)!important;max-width:calc(100vw - 78px)!important;height:var(--top-control-h)!important;min-height:var(--top-control-h)!important;left:6px!important}.right-control-panel{top:calc(var(--top-control-y) + var(--top-control-h) + 5px)!important;width:auto!important;max-width:calc(100vw - 78px)!important;height:var(--top-control-h)!important;min-height:var(--top-control-h)!important;padding:3px 6px!important;left:6px!important;right:auto!important}.space-drawer{top:50%!important;bottom:auto!important;left:0!important;transform:translateY(-50%)!important}.space-drawer.open .space-drawer-panel{width:min(145px,42vw)!important}.space-drawer-panel,.space-drawer-list{max-width:min(145px,42vw)!important}.space-drawer-list{gap:5px!important;width:min(145px,42vw)!important;padding:6px!important}.space-drawer-tab{writing-mode:vertical-rl!important;text-orientation:mixed!important;letter-spacing:1.5px!important;width:auto!important;min-width:0!important;height:auto!important;min-height:88px!important;padding:12px 7px!important;font-size:8px!important}}:root{--drawer-tab-length:118px}.pattern-drawer-tab{width:var(--drawer-tab-length)!important;min-width:var(--drawer-tab-length)!important;max-width:var(--drawer-tab-length)!important}.space-drawer-tab{min-height:var(--drawer-tab-length)!important;height:var(--drawer-tab-length)!important;max-height:var(--drawer-tab-length)!important;box-sizing:border-box!important;padding:10px 8px!important}.plank-size-btn{white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;flex-wrap:nowrap!important;line-height:1!important}.plank-size-control{flex-wrap:nowrap!important}.plank-size-control .plank-size-btn{min-width:max-content!important}@media (width>=701px) and (width<=1200px){:root{--drawer-tab-length:104px}.space-drawer-tab{padding:8px 7px!important}.plank-size-btn{padding-left:7px!important;padding-right:7px!important;font-size:9px!important}}@media (width<=700px),(hover:none) and (pointer:coarse){:root{--drawer-tab-length:96px}.space-drawer-tab{min-height:var(--drawer-tab-length)!important;height:var(--drawer-tab-length)!important;max-height:var(--drawer-tab-length)!important;padding:7px 6px!important}.pattern-drawer-tab{width:var(--drawer-tab-length)!important;min-width:var(--drawer-tab-length)!important;max-width:var(--drawer-tab-length)!important}.plank-size-btn{white-space:nowrap!important;padding-left:5px!important;padding-right:5px!important;font-size:7px!important}}.space-drawer{flex-direction:row!important;align-items:center!important;display:flex!important;top:50%!important;bottom:auto!important;left:0!important;transform:translateY(-50%)!important}.space-drawer-panel{align-self:center!important}.space-drawer-tab{flex:none!important;justify-content:center!important;align-self:center!important;align-items:center!important;margin:0!important;display:flex!important}.plank-size-control{white-space:nowrap!important;gap:5px!important;width:auto!important;min-width:max-content!important;max-width:none!important;padding:5px!important;overflow:visible!important}.plank-size-control .plank-size-btn{white-space:nowrap!important;flex:none!important;min-width:0!important;padding-left:14px!important;padding-right:14px!important}.plank-size-control .rotate-button{flex:none!important}@media (width>=1201px){.plank-size-control{left:18px!important}.right-control-panel{max-width:calc(100vw - 658px)!important;left:640px!important;right:auto!important}}@media (width>=701px) and (width<=1200px){.plank-size-control{gap:3px!important;width:auto!important;min-width:max-content!important;max-width:none!important;padding:4px!important;left:12px!important}.plank-size-control .plank-size-btn{padding-left:8px!important;padding-right:8px!important;font-size:9px!important}.right-control-panel{max-width:calc(100vw - 442px)!important;left:430px!important}.space-drawer{align-items:center!important}.space-drawer-tab{align-self:center!important}}@media (width<=700px),(hover:none) and (pointer:coarse){.plank-size-control{scrollbar-width:none!important;gap:2px!important;width:auto!important;min-width:0!important;max-width:calc(100vw - 12px)!important;padding:3px!important;left:6px!important;overflow:auto hidden!important}.plank-size-control::-webkit-scrollbar{display:none!important}.plank-size-control .plank-size-btn{min-width:max-content!important;padding-left:6px!important;padding-right:6px!important;font-size:7px!important}.right-control-panel{width:auto!important;max-width:calc(100vw - 12px)!important;left:6px!important;right:auto!important}.space-drawer{align-items:center!important}.space-drawer-tab{align-self:center!important}}:root{--drawer-tab-thickness:34px}.pattern-drawer-tab{height:var(--drawer-tab-thickness)!important;min-height:var(--drawer-tab-thickness)!important}.space-drawer-tab{width:var(--drawer-tab-thickness)!important;min-width:var(--drawer-tab-thickness)!important;max-width:var(--drawer-tab-thickness)!important;box-sizing:border-box!important;background:linear-gradient(90deg, #ffffff1a 0%, #ffffff06 22%, #0000000f 100%), var(--ui-accent)!important;-webkit-backdrop-filter:blur(16px)saturate(115%)!important;border:1px solid #ffffff2e!important;border-left:none!important;padding-left:0!important;padding-right:0!important;box-shadow:4px 0 18px #0000004d,inset 1px 0 #ffffff1a,inset -1px 0 #0000001f!important}.space-drawer-panel{-webkit-backdrop-filter:blur(18px)saturate(110%)!important;background:linear-gradient(90deg,#ffffff06 0%,#fff0 45%),#121216d1!important;border-color:#ffffff24!important;box-shadow:5px 0 28px #00000047,inset -1px 0 #ffffff09,inset 0 1px #ffffff0a!important}.pattern-drawer-tab{background:linear-gradient(180deg, #ffffff1a 0%, #ffffff06 28%, #0000000f 100%), var(--ui-accent)!important;border-color:#ffffff2e!important;box-shadow:0 -4px 18px #00000047,inset 0 1px #ffffff1a,inset 0 -1px #0000001f!important}@media (width>=1201px){.right-control-panel{max-width:calc(100vw - 608px)!important;left:420px!important}}@media (width>=701px) and (width<=1200px){:root{--drawer-tab-thickness:30px}.right-control-panel{max-width:calc(100vw - 417px)!important;left:300px!important}.space-drawer-tab{width:var(--drawer-tab-thickness)!important;min-width:var(--drawer-tab-thickness)!important;max-width:var(--drawer-tab-thickness)!important}.pattern-drawer-tab{height:var(--drawer-tab-thickness)!important;min-height:var(--drawer-tab-thickness)!important}}@media (width<=700px),(hover:none) and (pointer:coarse){:root{--drawer-tab-thickness:26px}.space-drawer-tab{width:var(--drawer-tab-thickness)!important;min-width:var(--drawer-tab-thickness)!important;max-width:var(--drawer-tab-thickness)!important}.pattern-drawer-tab{height:var(--drawer-tab-thickness)!important;min-height:var(--drawer-tab-thickness)!important}}:root{--viewer-frame-pad:clamp(18px, 3.2vw, 52px);--viewer-frame-border:clamp(12px, 1.8vw, 28px)}.viewer-360{z-index:10;box-sizing:border-box;padding:var(--viewer-frame-pad);background:#050505;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.viewer-360-frame,.viewer-2d-frame{aspect-ratio:4/3;box-sizing:border-box;border:var(--viewer-frame-border) solid #000;background:#000;flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:0 18px 70px #00000094;width:min(calc(100vw - (var(--viewer-frame-pad) * 2)), calc((100vh - (var(--viewer-frame-pad) * 2)) * 4 / 3))!important;height:auto!important}.viewer-360-frame>canvas{touch-action:none;background:#000;display:block;width:100%!important;height:100%!important}.viewer-2d-webgl{width:100%!important;max-width:none!important;height:100%!important;max-height:none!important}.viewer-2d-webgl canvas{width:100%!important;height:100%!important}.viewer-2d{z-index:20;padding:var(--viewer-frame-pad)!important}@media (width<=900px){:root{--viewer-frame-pad:14px;--viewer-frame-border:10px}}@media (width<=600px) and (orientation:portrait){:root{--viewer-frame-pad:10px;--viewer-frame-border:8px}}body.view-360-active .viewer-ui,body.view-360-active .space-drawer,body.view-360-active .pattern-drawer,body.view-360-active .plank-size-control,body.view-360-active .right-control-panel,body.view-360-active .view-toggle-button,body.view-360-active .pattern-detail-button{pointer-events:auto;opacity:1!important;visibility:visible!important}.pattern-drawer{z-index:260!important;pointer-events:none!important;flex-direction:row-reverse!important;align-items:center!important;width:auto!important;height:auto!important;display:flex!important;position:fixed!important;inset:50% 0 auto auto!important;transform:translateY(-50%)!important}.pattern-drawer-tab{width:var(--drawer-tab-thickness,34px)!important;min-width:var(--drawer-tab-thickness,34px)!important;max-width:var(--drawer-tab-thickness,34px)!important;writing-mode:vertical-rl!important;text-orientation:mixed!important;pointer-events:auto!important;border:1px solid #ffffff2e!important;border-right:none!important;border-radius:10px 0 0 10px!important;order:1!important;justify-content:center!important;align-items:center!important;height:118px!important;min-height:118px!important;max-height:118px!important;margin:0!important;padding:0!important;display:flex!important;transform:none!important}.pattern-drawer-panel{opacity:.72!important;pointer-events:none!important;border:1px solid #ffffff24!important;border-right:none!important;border-radius:12px 0 0 12px!important;order:2!important;width:0!important;max-width:0!important;height:min(68vh,620px)!important;max-height:min(68vh,620px)!important;transition:width .42s cubic-bezier(.22,.8,.22,1),max-width .42s cubic-bezier(.22,.8,.22,1),opacity .28s,transform .42s cubic-bezier(.22,.8,.22,1)!important;overflow:hidden!important;transform:translate(14px)!important}.pattern-drawer.open .pattern-drawer-panel{opacity:1!important;pointer-events:auto!important;width:150px!important;max-width:150px!important;height:min(68vh,620px)!important;max-height:min(68vh,620px)!important;transform:translate(0)!important}.pattern-drawer .pattern-bar{width:150px!important;height:100%!important;padding:10px 9px!important;overflow:hidden!important}@media (width<=900px){.pattern-drawer.open .pattern-drawer-panel{width:124px!important;max-width:124px!important}.pattern-drawer .pattern-bar{width:124px!important}.pattern-drawer .pattern-button,.pattern-drawer .pattern-thumbnail{width:94px!important}.pattern-drawer .pattern-thumbnail{height:72px!important}.pattern-drawer-tab{height:104px!important;min-height:104px!important;max-height:104px!important}}@media (width<=600px) and (orientation:portrait){.pattern-drawer.open .pattern-drawer-panel{width:108px!important;max-width:108px!important}.pattern-drawer .pattern-bar{width:108px!important}.pattern-drawer .pattern-button,.pattern-drawer .pattern-thumbnail{width:80px!important}.pattern-drawer .pattern-thumbnail{height:62px!important}.pattern-drawer-tab{height:96px!important;min-height:96px!important;max-height:96px!important}}.pattern-drawer{z-index:300!important;pointer-events:none!important;flex-direction:row!important;align-items:center!important;gap:0!important;width:auto!important;height:auto!important;display:flex!important;position:fixed!important;inset:50% 0 auto auto!important;transform:translateY(-50%)!important}.pattern-drawer-tab{order:1!important;flex:0 0 var(--drawer-tab-thickness,34px)!important;width:var(--drawer-tab-thickness,34px)!important;min-width:var(--drawer-tab-thickness,34px)!important;max-width:var(--drawer-tab-thickness,34px)!important;writing-mode:vertical-rl!important;text-orientation:mixed!important;pointer-events:auto!important;border:1px solid #fff3!important;border-right:none!important;border-radius:12px 0 0 12px!important;justify-content:center!important;align-items:center!important;height:118px!important;min-height:118px!important;max-height:118px!important;margin:0!important;padding:0!important;display:flex!important;transform:none!important;box-shadow:-7px 0 24px #00000047,inset 1px 0 #ffffff14!important}.pattern-drawer-panel{opacity:0!important;-webkit-backdrop-filter:blur(20px)saturate(115%)!important;pointer-events:none!important;background:linear-gradient(90deg,#ffffff06,#fff0),#0e0e12e6!important;border:1px solid #ffffff24!important;border-right:none!important;border-radius:14px 0 0 14px!important;flex:none!important;order:2!important;width:0!important;max-width:0!important;height:min(72vh,650px)!important;max-height:min(72vh,650px)!important;margin:0!important;padding:0!important;transition:width .4s cubic-bezier(.22,.8,.22,1),max-width .4s cubic-bezier(.22,.8,.22,1),opacity .22s!important;overflow:hidden!important;transform:none!important;box-shadow:-12px 0 38px #0000004d,inset 1px 0 #ffffff09!important}.pattern-drawer.open .pattern-drawer-panel{opacity:1!important;pointer-events:auto!important;width:154px!important;max-width:154px!important;height:min(72vh,650px)!important;max-height:min(72vh,650px)!important}.pattern-drawer .pattern-bar{box-sizing:border-box!important;width:154px!important;height:100%!important;padding:12px 9px!important;overflow:hidden!important}.pattern-drawer .pattern-list{box-sizing:border-box!important;flex-direction:column!important;align-items:center!important;gap:10px!important;width:100%!important;height:100%!important;padding:2px 3px 12px!important;display:flex!important;overflow:hidden auto!important}.pattern-drawer .pattern-button{flex:none!important;width:116px!important}.pattern-drawer .pattern-thumbnail{width:116px!important;height:88px!important}.top-dashboard{z-index:285!important;box-sizing:border-box!important;-webkit-backdrop-filter:blur(22px)saturate(115%)!important;pointer-events:auto!important;background:linear-gradient(#323438f7 0%,#1d1e22f5 52%,#131417f5 100%)!important;border:1px solid #ffffff24!important;border-top:none!important;border-radius:0 0 26px 26px!important;justify-content:center!important;align-items:center!important;gap:clamp(16px,2.2vw,34px)!important;width:min(92vw,1120px)!important;min-height:74px!important;padding:10px clamp(20px,3vw,46px) 13px!important;display:flex!important;position:fixed!important;top:0!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 14px 34px #00000057,inset 0 -1px #ffffff0f,inset 0 1px #ffffff0a!important}.top-dashboard:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;position:absolute;bottom:-1px;left:11%;right:11%}.top-dashboard .plank-size-control,.top-dashboard .right-control-panel{width:auto!important;min-width:0!important;max-width:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:0!important;margin:0!important;position:relative!important;inset:auto!important;transform:none!important}.top-dashboard .plank-size-control{border-right:1px solid #ffffff21!important;justify-content:center!important;align-items:center!important;gap:6px!important;padding:0 22px 0 0!important;display:flex!important;overflow:visible!important}.top-dashboard .right-control-panel{justify-content:center!important;align-items:center!important;gap:clamp(14px,1.8vw,26px)!important;padding:0!important;display:flex!important}.top-dashboard .brightness-control,.top-dashboard .color-control{margin:0!important;position:relative!important;inset:auto!important;transform:none!important}.top-dashboard .plank-size-btn,.top-dashboard .rotate-button,.top-dashboard .color-button{background:linear-gradient(#ffffff13,#ffffff06)!important;border:1px solid #ffffff1f!important;min-height:38px!important;box-shadow:inset 0 1px #ffffff0e,0 3px 10px #00000029!important}.top-dashboard .plank-size-btn{padding:0 13px!important;font-size:10px!important}.top-dashboard .rotate-button{width:40px!important;min-width:40px!important;height:40px!important;padding:5px!important}.top-dashboard .brightness-control{align-items:center!important;gap:8px!important;display:flex!important}.top-dashboard .brightness-slider{width:clamp(82px,9vw,132px)!important}.top-dashboard .color-control{align-items:center!important;gap:9px!important;display:flex!important}.top-dashboard .color-list{align-items:center!important;gap:6px!important;display:flex!important}.view-toggle-button{z-index:310!important}@media (width>=701px) and (width<=1000px){.top-dashboard{border-radius:0 0 22px 22px!important;gap:12px!important;width:min(96vw,900px)!important;min-height:66px!important;padding:8px 14px 10px!important}.top-dashboard .plank-size-control{gap:3px!important;padding-right:12px!important}.top-dashboard .plank-size-btn{min-height:34px!important;padding:0 7px!important;font-size:8px!important}.top-dashboard .rotate-button{width:35px!important;min-width:35px!important;height:35px!important}.top-dashboard .right-control-panel{gap:10px!important}.top-dashboard .brightness-slider{width:82px!important}.pattern-drawer.open .pattern-drawer-panel,.pattern-drawer .pattern-bar{width:132px!important;max-width:132px!important}.pattern-drawer .pattern-button,.pattern-drawer .pattern-thumbnail{width:100px!important}.pattern-drawer .pattern-thumbnail{height:74px!important}}@media (width<=700px){.top-dashboard{border-radius:0 0 18px 18px!important;flex-wrap:wrap!important;gap:7px 12px!important;width:calc(100vw - 18px)!important;min-height:0!important;padding:7px 9px 9px!important}.top-dashboard .plank-size-control{scrollbar-width:none!important;border-bottom:1px solid #ffffff1c!important;border-right:0!important;flex:100%!important;order:1!important;justify-content:center!important;gap:3px!important;width:100%!important;max-width:100%!important;padding:0 0 6px!important;display:flex!important;overflow:auto hidden!important}.top-dashboard .plank-size-control::-webkit-scrollbar{display:none!important}.top-dashboard .plank-size-btn{flex:none!important;min-height:30px!important;padding:0 6px!important;font-size:7px!important}.top-dashboard .rotate-button{flex:0 0 31px!important;width:31px!important;min-width:31px!important;height:31px!important;min-height:31px!important}.top-dashboard .right-control-panel{flex:100%!important;order:2!important;justify-content:center!important;gap:12px!important;width:100%!important;max-width:100%!important;display:flex!important}.top-dashboard .brightness-control{gap:5px!important}.top-dashboard .brightness-slider{width:70px!important}.top-dashboard .brightness-icon{width:15px!important;height:15px!important}.top-dashboard .color-control{gap:5px!important}.top-dashboard .color-title{font-size:8px!important}.top-dashboard .color-list{gap:4px!important}.top-dashboard .color-button{width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;padding:0!important}.pattern-drawer-tab{height:96px!important;min-height:96px!important;max-height:96px!important}.pattern-drawer.open .pattern-drawer-panel,.pattern-drawer .pattern-bar{width:112px!important;max-width:112px!important}.pattern-drawer .pattern-button,.pattern-drawer .pattern-thumbnail{width:82px!important}.pattern-drawer .pattern-thumbnail{height:62px!important}}.pattern-button.is-active:after{content:""!important;z-index:8!important;filter:drop-shadow(0 3px 7px #000000b8)!important;pointer-events:none!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='20' cy='20' r='11.5' fill='none' stroke='white' stroke-width='3.2'/%3E%3Cpath d='M28.3 28.3L39 39' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round'/%3E%3Cpath d='M20 14.5V25.5M14.5 20H25.5' fill='none' stroke='white' stroke-width='2.7' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat!important;border:0!important;width:42px!important;height:42px!important;position:absolute!important;top:42%!important;left:50%!important;transform:translate(-50%,-50%)!important}.pattern-button.is-active:before{content:""!important;z-index:6!important;border-radius:inherit!important;pointer-events:none!important;background:#07080a70!important;position:absolute!important;inset:0!important}.pattern-scroll-hint{z-index:25!important;color:#fffffff0!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;background:#0c0d10c7!important;border:1px solid #ffffff29!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;width:38px!important;height:24px!important;font-size:22px!important;font-weight:700!important;line-height:1!important;transition:opacity .18s,transform .18s,visibility .18s!important;display:flex!important;position:absolute!important;left:50%!important;transform:translate(-50%)scale(.88)!important;box-shadow:0 4px 14px #0000004d!important}.pattern-scroll-hint.show{opacity:1!important;visibility:visible!important;transform:translate(-50%)scale(1)!important}.pattern-scroll-hint-up{top:6px!important}.pattern-scroll-hint-down{bottom:6px!important}.pattern-drawer .pattern-list{overscroll-behavior:contain!important;padding-top:14px!important;padding-bottom:14px!important}.top-dashboard .plank-size-btn.is-active,.top-dashboard .rotate-button.is-active{background:linear-gradient(180deg,#ef5454 0%,var(--ui-accent) 100%)!important;color:#fff!important;border-color:#ff6969eb!important;box-shadow:inset 0 1px #ffffff47,0 5px 14px #d63a3a42!important}.top-dashboard .rotate-button.is-active svg{color:#fff!important}.top-dashboard .color-button,.right-control-panel .color-button,.color-button{aspect-ratio:1!important;border-radius:50%!important;flex:none!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;max-height:38px!important;padding:3px!important}.top-dashboard .color-swatch,.color-swatch{aspect-ratio:1!important;border-radius:50%!important;width:100%!important;height:100%!important}.top-dashboard{gap:clamp(24px,3vw,46px)!important}.top-dashboard .plank-size-control{gap:clamp(8px,1vw,14px)!important;padding-right:clamp(26px,3vw,42px)!important}.top-dashboard .right-control-panel{gap:clamp(24px,3vw,42px)!important}.top-dashboard .brightness-control{gap:12px!important}.top-dashboard .color-control{gap:14px!important}.top-dashboard .color-list{gap:10px!important}@media (width>=701px) and (width<=1000px){.top-dashboard{gap:16px!important}.top-dashboard .plank-size-control{gap:6px!important;padding-right:16px!important}.top-dashboard .right-control-panel{gap:16px!important}.top-dashboard .color-list{gap:6px!important}.top-dashboard .color-button,.right-control-panel .color-button,.color-button{width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important}}@media (width<=700px){.top-dashboard{gap:10px 14px!important}.top-dashboard .plank-size-control{gap:5px!important}.top-dashboard .right-control-panel{gap:18px!important}.top-dashboard .brightness-control{gap:7px!important}.top-dashboard .color-control{gap:8px!important}.top-dashboard .color-list{gap:6px!important}.top-dashboard .color-button,.right-control-panel .color-button,.color-button{width:27px!important;min-width:27px!important;max-width:27px!important;height:27px!important;min-height:27px!important;max-height:27px!important;padding:2px!important}}.pattern-scroll-hint{pointer-events:none!important;background-color:#0c0d10d1!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:16px 16px!important;border-radius:50%!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;max-height:34px!important;padding:0!important;font-size:0!important;line-height:0!important;left:auto!important;right:164px!important}.pattern-scroll-hint-up{top:8px!important;bottom:auto!important}.pattern-scroll-hint-down{top:auto!important;bottom:8px!important}.pattern-scroll-hint-up.show{transform:rotate(180deg)scale(1)!important}.pattern-scroll-hint-down.show{transform:rotate(0)scale(1)!important}.pattern-scroll-hint-up:not(.show){transform:rotate(180deg)scale(.88)!important}.pattern-scroll-hint-down:not(.show){transform:rotate(0)scale(.88)!important}.calibration3d-panel{z-index:5000;box-sizing:border-box;-webkit-backdrop-filter:blur(22px);color:#fff;opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(#2f3136fa,#121316fa);border:1px solid #ffffff29;border-radius:18px;width:min(440px,100vw - 28px);padding:18px 20px 16px;transition:opacity .18s,transform .18s,visibility .18s;position:fixed;top:92px;left:50%;transform:translate(-50%)translateY(-10px);box-shadow:0 20px 55px #0000007a,inset 0 1px #ffffff0f}.calibration3d-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.calibration3d-title{letter-spacing:.08em;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;display:flex}.calibration3d-title span{background:#ffffff14;border:1px solid #ffffff1f;border-radius:7px;justify-content:center;align-items:center;width:25px;height:25px;font-size:11px;display:inline-flex}.calibration3d-help{color:#ffffff94;margin-bottom:14px;font-size:10px;line-height:1.45}.calibration3d-row{margin:11px 0;display:block}.calibration3d-row>div{color:#ffffffc2;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:10px;display:flex}.calibration3d-row output{color:#fff;font-variant-numeric:tabular-nums}.calibration3d-row input[type=range]{width:100%}.calibration3d-actions{justify-content:flex-end;gap:8px;margin-top:15px;display:flex}.calibration3d-actions button{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff21;border-radius:9px;min-height:34px;padding:0 13px;font-size:9px;font-weight:700}.calibration3d-actions button.primary{background:linear-gradient(#ef5454,#d63a3a);border-color:#ff6e6ecc}@media (width<=700px){.pattern-scroll-hint{background-size:14px 14px!important;width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;min-height:30px!important;max-height:30px!important;right:120px!important}.calibration3d-panel{width:calc(100vw - 20px);padding:14px 15px;top:104px}}.pattern-drawer-panel{position:relative!important}.pattern-drawer .pattern-bar{box-sizing:border-box!important;padding-top:48px!important;padding-bottom:48px!important}.pattern-drawer .pattern-list{height:100%!important;min-height:0!important;padding-top:2px!important;padding-bottom:2px!important}.pattern-drawer:not(.open) .pattern-scroll-hint{opacity:0!important;visibility:hidden!important;display:none!important}.pattern-drawer.open .pattern-scroll-hint{z-index:20!important;pointer-events:none!important;opacity:0!important;visibility:hidden!important;background-color:#0c0d10b8!important;background-size:14px 14px!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;min-height:30px!important;max-height:30px!important;margin:0!important;padding:0!important;transition:opacity .18s,transform .18s!important;display:flex!important;position:absolute!important;left:50%!important;right:auto!important}.pattern-drawer.open .pattern-scroll-hint-up{top:9px!important;bottom:auto!important;transform:translate(-50%)rotate(180deg)scale(.9)!important}.pattern-drawer.open .pattern-scroll-hint-down{top:auto!important;bottom:9px!important;transform:translate(-50%)rotate(0)scale(.9)!important}.pattern-drawer.open .pattern-scroll-hint-up.show{opacity:.92!important;visibility:visible!important;transform:translate(-50%)rotate(180deg)scale(1)!important}.pattern-drawer.open .pattern-scroll-hint-down.show{opacity:.92!important;visibility:visible!important;transform:translate(-50%)rotate(0)scale(1)!important}@media (width<=900px){.pattern-drawer .pattern-bar{padding-top:43px!important;padding-bottom:43px!important}.pattern-drawer.open .pattern-scroll-hint{background-size:13px 13px!important;width:27px!important;min-width:27px!important;max-width:27px!important;height:27px!important;min-height:27px!important;max-height:27px!important}.pattern-drawer.open .pattern-scroll-hint-up{top:8px!important}.pattern-drawer.open .pattern-scroll-hint-down{bottom:8px!important}}@media (width<=600px) and (orientation:portrait){.pattern-drawer .pattern-bar{padding-top:39px!important;padding-bottom:39px!important}.pattern-drawer.open .pattern-scroll-hint{background-size:12px 12px!important;width:25px!important;min-width:25px!important;max-width:25px!important;height:25px!important;min-height:25px!important;max-height:25px!important}}