.tool-preview-panel{display:flex;flex-direction:column;overflow:hidden}.tool-preview-panel__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 10px}@media (min-width:640px){.tool-preview-panel__head{padding:18px 20px 12px}}.tool-preview-panel__title{margin:0;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--streamer-online-text-muted,var(--text-mute))}.tool-preview-panel__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.tool-preview-panel__body{display:flex;flex-direction:column;min-height:0}.tool-preview-panel[data-collapsed=true] .tool-preview-panel__body{display:none}.tool-preview-panel__frame{position:relative;margin:0 16px 12px;overflow:hidden;border:1px solid var(--streamer-online-border);border-radius:12px;height:var(--tool-preview-compact-h,clamp(150px,30vh,280px));transition:height .2s ease-out}@media (min-width:640px){.tool-preview-panel__frame{margin:0 20px 12px}}.tool-preview-panel__frame[data-canvas]{height:auto;aspect-ratio:var(--tool-preview-aspect);min-height:120px;max-height:clamp(150px,34vh,320px)}.tool-preview-panel__frame>iframe{display:block;width:100%;height:100%;border:0}.tool-preview-panel__hint{margin:0;padding:0 16px 16px;font-size:11px;line-height:16px;color:var(--streamer-online-text-muted)}@media (min-width:640px){.tool-preview-panel__hint{padding:0 20px 20px}}.tool-preview-stage{position:absolute;left:50%;top:50%;transform-origin:center center}.tool-preview-stage>iframe{display:block;width:100%;height:100%;border:0}.dm-embedded-app .tool-preview-panel__frame{border-radius:2px}.dm-embedded-app .tool-preview-panel__title{letter-spacing:0;text-transform:none;font-weight:700}.guest-experience{max-width:1000px;margin:0 auto;padding:clamp(18px,3vw,32px);color:var(--text);font-size:14px;line-height:1.6}.guest-experience h1{margin:0 0 6px;font-size:clamp(22px,3vw,28px);line-height:1.2;font-weight:700}.guest-experience h2{font-size:17px;font-weight:700;margin:0 0 8px}.guest-experience p{margin:0 0 12px}.dm-embedded-app .guest-experience label,.dm-embedded-app .guest-experience li,.dm-embedded-app .guest-experience p{font-size:14px;line-height:1.6}.guest-experience__header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.guest-experience__header img{flex-shrink:0}.guest-experience__header p{max-width:72ch}.guest-experience .tool-preview-panel{margin-bottom:16px}.guest-experience .tool-preview-panel__frame[data-canvas]{max-height:300px}.guest-sample-frame{display:block;width:100%;height:100%;border:0;color-scheme:dark;pointer-events:none}.guest-experience__signin{margin:22px 0 16px;padding:18px;border:1px solid var(--streamer-online-border,#b7c6cb);border-radius:8px;background:var(--streamer-online-bg-card,#fff)}.guest-experience .dm-signin-choices{display:flex;flex-wrap:wrap;gap:8px}.dm-embedded-app .guest-experience .dm-signin-choices button{min-height:44px!important;padding:8px 10px!important;font-size:13px;white-space:normal}.guest-experience__platforms{color:var(--text-mute)}.guest-experience__setup{margin:18px 0}.guest-experience__setup summary{cursor:pointer;min-height:44px;display:list-item}.guest-experience__setup ol{padding-left:24px;list-style:decimal}.guest-experience__setup li{margin:8px 0}.guest-account-nav a,.guest-experience__guide{color:var(--accent,#086879);text-decoration:underline;text-underline-offset:3px}.guest-sample-options{display:flex;gap:8px;flex-wrap:wrap;align-items:center;border:0;margin:0 0 16px;padding:0}.guest-sample-options legend{margin-bottom:8px}.guest-account-nav button,.guest-deck button,.guest-sample-options button{min-height:44px;padding:8px 14px;border:1px solid var(--streamer-online-border,#b7c6cb);border-radius:5px;background:var(--streamer-online-bg-card,#fff);cursor:pointer}.dm-embedded-app .guest-experience :is(.guest-sample-options,.guest-deck,.guest-account-nav) button{min-height:44px!important}.guest-sample-options button[aria-pressed=true]{background:var(--accent,#086879);color:white}.guest-sample-options label{display:flex;align-items:center;gap:8px;min-height:44px;margin-right:16px}.guest-local-sample{padding:20px;border:1px solid var(--streamer-online-border,#b7c6cb);border-radius:8px;background:var(--streamer-online-bg-card,#fff)}.guest-local-sample textarea{display:block;width:100%;min-height:90px;padding:10px;margin:8px 0 16px;border:1px solid var(--streamer-online-border,#b7c6cb);background:var(--streamer-online-bg,#fff);border-radius:4px}.dm-embedded-app .guest-experience .guest-local-sample textarea{min-height:72px!important;font-size:14px}.guest-chat-line{padding:14px;background:var(--streamer-online-bg,#eef4f5);border-radius:6px;overflow-wrap:anywhere}.guest-deck,.guest-recap{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.guest-recap div{flex:1;min-width:120px;padding:12px;background:var(--streamer-online-bg,#eef4f5);border-radius:6px}.guest-recap dd{margin:0;font-size:24px;font-weight:700}.guest-account-nav{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}.guest-account-nav a{padding:10px 0}.guest-scene{position:relative;aspect-ratio:16/9;background:#152731;color:white;border-radius:6px;overflow:hidden;margin-bottom:12px}.guest-scene__canvas{position:absolute;left:50%;top:50%;transform-origin:center}.guest-scene__background{position:absolute;inset:0;display:flex;align-items:center;padding-left:70px;font-size:34px;color:#9bb4c2}.guest-scene iframe{position:absolute;border:0;pointer-events:none;color-scheme:dark}.guest-scene__timer{left:40px;top:40px;width:320px;height:120px}.guest-scene__chat{right:20px;bottom:20px;width:300px;height:460px}@media (max-width:480px){.guest-experience__header{gap:10px}.guest-experience__header img{width:32px;height:32px}.guest-experience__signin{padding:14px}}