.bb-studio main{width:min(100%,1440px);padding:12px 16px 24px!important}.bb-studio header{margin-bottom:10px!important}.bb-studio .intro{margin-bottom:12px!important}.bb-studio .intro h1{font-size:clamp(22px,3vw,32px)!important;line-height:1.3}.bb-studio .intro p:last-child{font-size:13px;max-height:3em;overflow:auto}.bb-studio .guide-workspace{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important}.bb-studio .guide-model{min-width:0;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px #0000000a}.bb-studio .viewport{height:clamp(360px,65svh,760px)!important;border:1px solid #9c897540!important;border-radius:18px!important;overflow:hidden}.bb-studio #scene{width:100%;height:100%}.bb-studio .guide-gesture{display:none!important}.bb-studio-help{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:#fff9eeeb;color:#51453b;padding:7px 14px;border-radius:24px;font-size:12px;white-space:nowrap;pointer-events:none}.bb-studio-tools{display:flex;align-items:center;gap:8px;padding:12px;flex-wrap:wrap;background:var(--paper,#fff9ee)}.bb-studio-status{margin-right:auto;font-size:13px;color:#51453b}.bb-studio-tools button{border-radius:24px;padding:8px 16px;font-size:13px;min-height:44px}.bb-studio .guide-controls{display:flex!important;align-items:center;gap:10px;padding:0 12px 12px;flex-wrap:wrap;background:var(--paper,#fff9ee)}.bb-studio .guide-view-options{flex:1;min-width:0;border:0!important;background:transparent!important;padding:0!important}.bb-studio .guide-view-summary{display:none!important}.bb-studio .views{display:flex!important;gap:6px!important;flex-wrap:wrap!important}.bb-studio .views button{flex:1;min-width:60px;padding:8px;border-radius:10px;font-size:13px;min-height:44px}.bb-studio #roof{border-radius:10px;font-size:13px;min-height:44px}.bb-studio .guide-stepbar{position:static!important;width:auto!important;transform:none!important;margin-top:12px;box-shadow:none!important}.bb-studio .guide-sidebar{position:static!important}.bb-studio-highlights{background:var(--paper,#fff9ee);border:1px solid #a58d7044;border-radius:16px;padding:0 14px}.bb-studio-highlights>summary{cursor:pointer;font-weight:700;padding:16px 0;min-height:48px}.bb-studio .station{border:0;box-shadow:none}.bb-studio .guide-stop-index{font-size:12px}.bb-studio #station-list{max-height:240px;overflow:auto}.bb-studio button:focus-visible{outline:3px solid var(--accent,#833e31);outline-offset:3px}@media(min-width:1100px){.bb-studio .guide-workspace{grid-template-columns:minmax(0,1fr) 310px!important}.bb-studio .guide-sidebar .bb-studio-highlights{position:sticky;top:12px}}@media(max-width:400px){.bb-studio main{padding:10px!important}.bb-studio .viewport{height:58svh!important;min-height:330px}.bb-studio-tools{gap:6px;padding:10px}.bb-studio-tools button{padding:8px 12px}.bb-studio .views button{min-width:50px;font-size:12px}.bb-studio .guide-controls{gap:8px}}@media(prefers-reduced-motion:reduce){.bb-studio *{scroll-behavior:auto!important}}

.bb-studio .bb-studio-highlights .guide-stops>summary{display:none}.bb-studio .bb-studio-highlights .guide-stops{border:0;margin:12px 0;padding:0}

.bb-studio .bb-studio-about{font-size:14px;line-height:1.7;margin:0 0 14px}.bb-studio .intro{margin-bottom:10px!important}

.bb-studio .bb-studio-marker-title{position:absolute;z-index:6;box-sizing:border-box;margin:0;max-width:calc(100% - 24px);padding:7px 12px;border:1px solid var(--bb-guide-border);border-radius:10px;background:var(--bb-guide-panel);color:var(--bb-guide-ink);font:650 14px/1.4 system-ui,sans-serif;text-align:center;overflow-wrap:anywhere;pointer-events:none;box-shadow:0 3px 14px #0002;opacity:0;transform:translate(-50%,5px);transition:opacity .32s ease,transform .32s ease}
.bb-studio .bb-studio-callout{position:absolute;z-index:5;bottom:12px;left:12px;right:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:5px;min-height:60px;max-height:30%;padding:10px 12px;border:1px solid var(--bb-guide-border);border-radius:12px;background:var(--bb-guide-panel);color:var(--bb-guide-ink);box-shadow:0 4px 18px #0002;opacity:0;transform:translateY(6px);transition:opacity .32s ease,transform .32s ease;touch-action:pan-y}
.bb-studio .bb-studio-callout[hidden],.bb-studio .bb-studio-marker-title[hidden]{display:none!important}
.bb-studio .bb-studio-callout.is-visible,.bb-studio .bb-studio-marker-title.is-visible{opacity:1;transform:translateY(0)}
.bb-studio .bb-studio-marker-title.is-visible{transform:translate(-50%,0)}
.bb-studio .bb-studio-callout-label{font:650 12px/1.4 system-ui,sans-serif;color:var(--bb-guide-accent);margin:0;padding-right:32px}
.bb-studio .bb-studio-callout-text{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;white-space:pre-line;overflow-wrap:anywhere;font:400 14px/1.65 system-ui,sans-serif;color:var(--bb-guide-ink);margin:0;padding-right:3px}
.bb-studio main .bb-studio-callout-close{position:absolute;right:3px;top:0;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:10px;background:transparent!important;color:var(--bb-guide-ink)!important;font:400 24px/1 system-ui,sans-serif}
.bb-studio .viewport:has(.bb-studio-callout.is-visible) .bb-studio-help{display:none}
@media(min-width:1100px){.bb-studio .bb-studio-callout{left:20px;right:20px;bottom:16px;max-height:28%;padding:12px 16px}.bb-studio .bb-studio-callout-text{font-size:15px}}
@media(prefers-reduced-motion:reduce){.bb-studio .bb-studio-callout,.bb-studio .bb-studio-marker-title{transition:none;transform:none}.bb-studio .bb-studio-marker-title,.bb-studio .bb-studio-marker-title.is-visible{transform:translateX(-50%)}}
