: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:before{content:"";z-index:3;border-radius:inherit;pointer-events:none;background:#08080a6b;position:absolute;inset:0}.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)}.view-toggle-button{z-index:500!important}@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}}