.ob-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}.ob-canvas{box-sizing:border-box;background-color:#fbf8f4;background-image:radial-gradient(circle,#e3d8ca 1.25px,#0000 1.6px);background-position:28px 28px;background-size:56px 96px;border-radius:22px;flex-direction:column;align-items:center;min-height:max(560px,100dvh - 160px);padding:40px 24px 48px;display:flex;position:relative;box-shadow:inset 0 0 0 .5px #efe6da,0 0 0 .5px #efe6da}.ob-panel{box-sizing:border-box;background:#ffffffeb;border-radius:20px;padding:22px;box-shadow:inset 0 0 0 .6px #fff,0 0 0 .6px #fff,0 1px 2px #5b4a3214}.ob-open,.ob-scrim,.ob-grab{display:none}@media (min-width:1024px){.ob-grid{grid-template-columns:minmax(0,1fr) 340px}.ob-panel{flex-direction:column;min-height:max(560px,100dvh - 160px);display:flex;position:sticky;top:110px}}@media (max-width:1023px){.ob-canvas{min-height:max(480px,100dvh - 240px);padding-bottom:96px}.ob-open{z-index:40;border-radius:21px;display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 24px -10px #b94b1699}.ob-scrim{z-index:70;transition:opacity var(--mo-base) var(--mo-ease-out);background:#2a231c52;border:0;padding:0;display:block;position:fixed;inset:0}.ob-wrap[data-open=false] .ob-scrim{opacity:0;pointer-events:none;transition-duration:calc(var(--mo-base) * var(--mo-exit))}.ob-panel{z-index:71;max-height:88dvh;padding:12px 20px calc(20px + env(safe-area-inset-bottom));transition:transform var(--mo-slow) var(--mo-ease-drawer);background:#fff;border-radius:24px 24px 0 0;position:fixed;bottom:0;left:0;right:0;overflow:auto;box-shadow:0 -20px 50px -10px #2a1a0e59}.ob-wrap[data-open=false] .ob-panel{transition-duration:calc(var(--mo-slow) * var(--mo-exit));transform:translateY(calc(100% + 24px))}.ob-grab{background:#e3dbd0;border-radius:3px;width:40px;height:5px;margin:0 auto 14px;display:block}}@media (max-width:767px){.ob-open{bottom:calc(96px + env(safe-area-inset-bottom));right:16px}.ob-canvas{padding:28px 14px 40px}}@media (prefers-reduced-motion:reduce) and (max-width:1023px){.ob-wrap[data-open] .ob-panel{transition:opacity var(--mo-fast) var(--mo-ease-out)}.ob-wrap[data-open=false] .ob-panel{opacity:0;pointer-events:none;transform:none}}