.blob-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:16px;background:#04030c8c}.blob-sheet{width:min(100%,420px);max-height:min(92dvh,760px);overflow:auto;display:grid;justify-items:center;gap:12px;padding:16px 16px 20px;border-radius:18px;background:#0c0a1cfa;border:1px solid rgb(255 255 255 / .14);box-shadow:0 18px 50px #00000080;color:#e9eef8;font:600 calc(14px * var(--text-scale, 1)) / 1.3 system-ui,sans-serif}.blob-head{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.blob-head h2{margin:0;font:700 calc(18px * var(--text-scale, 1)) / 1.2 system-ui,sans-serif}.blob-x{width:44px;height:44px;border:0;border-radius:12px;background:#ffffff14;color:inherit;font:500 calc(22px * var(--text-scale, 1)) / 1 system-ui,sans-serif;cursor:pointer}.blob-preview{width:120px;height:150px}.blob-note{margin:0;color:#9aa6bd;font:500 calc(13px * var(--text-scale, 1)) / 1.3 system-ui,sans-serif}.blob-row{display:grid;gap:6px;width:100%}.blob-row>span{font:600 calc(12px * var(--text-scale, 1)) / 1.2 system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#9aa6bd}.blob-swatches,.blob-picks{display:flex;flex-wrap:wrap;gap:6px}.blob-swatch{width:32px;height:32px;padding:0;border-radius:999px;border:2px solid transparent;cursor:pointer}.blob-swatch[aria-checked=true]{border-color:#fff;box-shadow:0 0 0 2px #0c0a1cfa}.blob-picks button{min-height:44px;padding:0 12px;border-radius:999px;border:1px solid rgb(255 255 255 / .16);background:#ffffff0f;color:inherit;font:600 calc(13px * var(--text-scale, 1)) / 1 system-ui,sans-serif;cursor:pointer}.blob-picks button[aria-checked=true]{background:#35a8ff;border-color:#35a8ff;color:#04121f}.room-blob{height:36px;padding:0 12px;border-radius:999px;border:1px solid rgb(255 255 255 / .16);background:#0e0c1bc7;color:var(--ink, #e9eef8);font:600 calc(13px * var(--text-scale, 1)) / 1 system-ui,sans-serif;cursor:pointer}.flat-bar>.flat-blob{height:var(--bar-h);min-height:var(--bar-h);padding:0 12px;border:0;border-radius:999px;background:var(--bar-fill);box-shadow:inset 0 0 0 1px var(--bar-edge);color:#e9eef8;font:600 calc(12px * var(--text-scale, 1)) / 1 system-ui,sans-serif;cursor:pointer}@media (max-width: 1099px){.flat-bar>.flat-blob{display:none}}