.floating-help-button {
    pointer-events: auto;
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    margin-top: 1px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 12px;
    background: rgba(6,10,25,.9);
    color: #eef3ff;
    font: 800 1.08rem/1 system-ui, sans-serif;
    cursor: pointer;
    box-shadow: 0 10px 28px rgba(0,0,0,.32);
}
.workspace-help-modal[hidden] { display: none; }
.workspace-help-modal { position: fixed; inset: 0; z-index: 3000; display: grid; place-items: center; padding: 20px; }
.workspace-help-backdrop { position: absolute; inset: 0; background: rgba(2,6,20,.78); backdrop-filter: blur(8px); }
.workspace-help-modal > section { position: relative; display: grid; grid-template-rows: auto minmax(0,1fr); width: min(760px,100%); max-height: min(78vh,760px); overflow: hidden; border: 1px solid rgba(143,215,255,.2); border-radius: 18px; background: rgba(7,11,27,.98); box-shadow: 0 28px 90px rgba(0,0,0,.55); }
.workspace-help-modal header { display: flex; align-items: center; justify-content: space-between; padding: 18px 20px; border-bottom: 1px solid rgba(255,255,255,.09); }
.workspace-help-modal h2,.workspace-help-modal h3 { margin: 0; }
.workspace-help-close { width: 36px; height: 36px; border: 0; border-radius: 50%; background: rgba(255,255,255,.08); color: #fff; font-size: 1.35rem; cursor: pointer; }
.workspace-help-list { display: grid; gap: 12px; overflow: auto; padding: 18px; }
.workspace-help-list article { padding: 0; border: 1px solid rgba(255,255,255,.09); border-radius: 13px; background: rgba(255,255,255,.04); overflow: hidden; }
.workspace-help-list article.is-current-help { border-color: rgba(116,153,219,.42); background: rgba(19,35,69,.5); }
.workspace-help-title { position: relative; display: block; width: 100%; padding: 16px 46px 16px 16px; border: 0; background: transparent; color: #eef3ff; font: inherit; font-weight: 750; text-align: left; cursor: pointer; }
.workspace-help-title::after { content: none; }
.workspace-help-content { padding: 0 16px 17px; color: #c4cee2; line-height: 1.65; white-space: pre-wrap; }
.workspace-help-content[hidden] { display: none !important; }
.workspace-help-title-text,.workspace-help-indicator { opacity: 1; visibility: visible; }
.workspace-help-empty { color: #aeb8ca; text-align: center; }
.studio-hub-tabs button span { font-size: 1.35rem; line-height: 1; }
.studio-live-button.studio-icon-button { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border-radius: 50%; font-size: 1.65rem; }
.shared-composer { grid-template-columns: minmax(0,1fr) auto auto !important; align-items: end; gap: 8px !important; padding: 10px 12px !important; border: 1px solid rgba(116,153,219,.2) !important; border-radius: 24px !important; background: rgba(24,28,42,.94) !important; }
.shared-composer textarea { min-height: 44px !important; max-height: 150px; padding: 10px 8px !important; border: 0 !important; background: transparent !important; resize: none; outline: none; }
.shared-composer-mic,.shared-composer > button[type="submit"] { display: grid; place-items: center; width: 42px; height: 42px; padding: 0 !important; border-radius: 50% !important; }
.shared-composer-mic { border: 0; background: transparent; color: #eef4ff; cursor: pointer; }
.shared-composer-mic.is-listening { background: #376bc1; box-shadow: 0 0 0 5px rgba(81,132,225,.18); }
.shared-input-form textarea,.shared-input-form input,.shared-input-form select { border-color: rgba(116,153,219,.2) !important; border-radius: 12px !important; background: rgba(24,28,42,.78) !important; }
@media (max-width: 700px) { .floating-help-button { width: 38px; height: 38px; } .workspace-help-modal { padding: 10px; } }