*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f5f6}#app{position:relative}#viewer{width:100%;height:100%;min-height:360px;background:radial-gradient(circle at center,#ffffffe6 0,#f3f4f6f2 55%,#e5e7ebeb)}.hint{position:absolute;left:14px;bottom:14px;max-width:calc(100% - 28px);padding:10px 12px;border-radius:14px;background:#ffffffd6;color:#374151;font-size:12px;line-height:1.35;box-shadow:0 10px 32px #0f172a1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:50;background:#f3f4f6bd;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.loading-overlay.visible{display:flex}.loader-card{min-width:260px;max-width:360px;padding:22px;border-radius:24px;background:#fffffff5;box-shadow:0 24px 90px #0f172a2e;text-align:center;border:1px solid rgba(229,231,235,.9)}.loader-card strong{display:block;margin-top:14px;font-size:16px;color:#111827}.loader-card span{display:block;margin-top:6px;color:#6b7280;font-size:14px;line-height:1.4}.spinner{width:42px;height:42px;margin:0 auto;border-radius:999px;border:4px solid #e5e7eb;border-top-color:#111827;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#viewer canvas{cursor:grab}#viewer canvas:active{cursor:grabbing}.hint{opacity:.86}.sofa-empty-hint{position:absolute;left:50%;top:50%;z-index:12;display:none;max-width:min(420px,calc(100% - 40px));padding:18px 20px;border-radius:22px;background:#ffffffe6;box-shadow:0 18px 70px #0f172a24;border:1px solid rgba(229,231,235,.9);transform:translate(-50%,-50%);text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sofa-empty-hint.visible{display:block}.sofa-empty-hint strong{display:block;font-size:18px;color:#111827;margin-bottom:6px}.sofa-empty-hint span{display:block;font-size:13px;line-height:1.45;color:#6b7280}
.scale-legend{position:absolute;left:14px;bottom:72px;z-index:10;display:inline-flex;align-items:center;gap:9px;padding:9px 11px;border-radius:14px;background:#ffffffdb;color:#111827;font-size:12px;line-height:1;font-weight:600;box-shadow:0 10px 32px #0f172a1f;border:1px solid #e5e7ebf2;backdrop-filter:blur(8px);pointer-events:none}.scale-legend__mark{position:relative;width:26px;height:26px;flex:0 0 26px;border:1px solid #9ca3af;border-radius:6px;background:linear-gradient(90deg,#9ca3af52 1px,transparent 1px),linear-gradient(180deg,#9ca3af52 1px,transparent 1px),#f9fafbf2;background-size:13px 13px}.scale-legend__mark:after{content:"";position:absolute;left:4px;right:4px;bottom:-5px;height:2px;border-radius:999px;background:#111827}.scale-legend__text{white-space:nowrap}@media (max-width:640px){.scale-legend{left:10px;bottom:78px;padding:8px 10px;font-size:11px}.scale-legend__mark{width:22px;height:22px;flex-basis:22px;background-size:11px 11px}}