:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f5f8fc;
  --panel: #ffffff;
  --panel-2: #eaf1f8;
  --text: #172033;
  --muted: #53657b;
  --line: #cdd9e7;
  --accent: #086db5;
  --accent-2: #2f8bd1;
}

:root[data-theme="light"] body { background: radial-gradient(circle at 20% -10%, #d5ecff, transparent 32rem), var(--bg); }
:root[data-theme="light"] .site-header { background: rgb(245 248 252 / 92%); }
:root[data-theme="light"] input,
:root[data-theme="light"] textarea,
:root[data-theme="light"] select { color: var(--text); background: #fff; }

.theme-toggle, .app-launcher summary {
  padding: .5rem .7rem;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  color: var(--text);
}

.app-launcher { position: relative; }
.app-launcher summary { cursor: pointer; list-style: none; }
.app-launcher summary::-webkit-details-marker { display: none; }
.app-launcher > div {
  position: absolute;
  z-index: 50;
  top: calc(100% + .7rem);
  right: 0;
  width: 260px;
  padding: .8rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .45rem;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--panel);
  box-shadow: 0 18px 50px rgb(0 0 0 / 35%);
}
.app-launcher > div a { padding: .65rem; border-radius: 7px; color: var(--text); background: var(--panel-2); }
.watch-search { display: grid; grid-template-columns: minmax(220px, 1fr) 170px auto auto; gap: .7rem; align-items: end; margin-top: -1rem; margin-bottom: 1.5rem; }
.watch-search label { display: grid; gap: .3rem; color: var(--muted); font-size: .8rem; }
.watch-search input, .watch-search select { min-height: 44px; }
.watch-result-count { margin-top: 0; color: var(--muted); }
.button.quiet { background: transparent; }
.workspace-search { display: grid; grid-template-columns: minmax(220px, 1fr) 170px auto auto; gap: .7rem; align-items: end; margin-bottom: 1.5rem; }
.workspace-search label { display: grid; gap: .3rem; color: var(--muted); font-size: .8rem; }
.workspace-search input, .workspace-search select { min-height: 44px; }
.workspace-result-count { margin-top: 0; color: var(--muted); }
.workspace-notice { margin-bottom: 1rem; padding: .8rem 1rem; border: 1px solid #2d8f68; border-radius: 10px; background: rgb(45 143 104 / 14%); }
.workspace-views { margin-bottom: 1rem; display: flex; gap: .4rem; overflow-x: auto; }
.workspace-views a { padding: .55rem .8rem; border: 1px solid var(--line); border-radius: 999px; color: var(--text); white-space: nowrap; }
.workspace-views a.active { border-color: var(--accent); background: var(--accent); color: #fff; }
.workspace-views span { opacity: .75; }
.trash-explainer { margin-top: -.5rem; color: var(--muted); }
.item-card { padding: 0; overflow: hidden; }
.item-card-open { min-height: 115px; padding: 1.25rem; display: flex; flex-direction: column; gap: .65rem; color: inherit; }
.item-card-open small { margin-top: auto; }
.item-actions { min-height: 42px; padding: .35rem .55rem; display: flex; align-items: center; flex-wrap: wrap; gap: .2rem; border-top: 1px solid var(--line); }
.item-actions form { margin: 0; }
.item-actions button { padding: .35rem .5rem; border-radius: 6px; background: transparent; color: var(--muted); }
.item-actions button:hover, .item-actions button:focus-visible { background: var(--panel-2); color: var(--text); }
.item-actions .danger-link { color: #ff929e; }
.access-chip { width: fit-content; padding: .2rem .5rem; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: .74rem; white-space: nowrap; }
.live-collaboration { min-width: 120px; display: flex; align-items: center; gap: .5rem; }
.live-status { color: var(--muted); font-size: .75rem; white-space: nowrap; }
.live-status[data-state="live"] { color: #71d9a0; }
.live-status[data-state="offline"], .live-status[data-state="error"] { color: #ff9b9b; }
.live-presence { display: flex; align-items: center; min-width: 20px; }
.live-person { width: 30px; height: 30px; margin-left: -7px; display: grid; place-items: center; border: 2px solid var(--panel); border-radius: 50%; background: var(--person-color, var(--accent)); color: #fff; font-size: .68rem; font-weight: 900; cursor: default; }
.live-person:first-child { margin-left: 0; }
.live-person-more { width: auto; min-width: 30px; padding: 0 .45rem; border-radius: 999px; }
.live-person-color-0 { --person-color: #087dce; }
.live-person-color-1 { --person-color: #b93e75; }
.live-person-color-2 { --person-color: #6d55c7; }
.live-person-color-3 { --person-color: #168566; }
.live-person-color-4 { --person-color: #b15b15; }
.live-person-color-5 { --person-color: #32709a; }
.live-person-color-6 { --person-color: #8b4ba8; }
.live-person-color-7 { --person-color: #5c7515; }
.share-button { margin-left: auto; }
.editor-notice { margin: .65rem 2vw; padding: .7rem 1rem; border: 1px solid #2d8f68; border-radius: 10px; background: rgb(45 143 104 / 18%); color: var(--text); }
.sharing-dialog { width: min(760px, calc(100vw - 2rem)); max-height: min(760px, calc(100vh - 2rem)); padding: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: var(--panel); color: var(--text); box-shadow: 0 28px 100px rgb(0 0 0 / 60%); }
.sharing-dialog::backdrop { background: rgb(3 8 16 / 72%); backdrop-filter: blur(3px); }
.sharing-dialog-card { max-height: min(760px, calc(100vh - 2rem)); padding: 1.25rem; overflow-y: auto; }
.sharing-dialog-card > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding-bottom: 1rem; border-bottom: 1px solid var(--line); }
.sharing-dialog-card h2, .sharing-dialog-card h3 { margin: 0; }
.sharing-dialog-card header p { margin: .35rem 0 0; color: var(--muted); }
.dialog-close { width: 40px; height: 40px; flex: 0 0 auto; padding: 0; border-radius: 50%; background: var(--panel-2); color: var(--text); font-size: 1.5rem; }
.share-account-form { margin: 1rem 0 1.25rem; display: grid; grid-template-columns: minmax(220px, 1fr) minmax(230px, .8fr) auto; align-items: end; gap: .7rem; }
.share-account-form label { display: grid; gap: .3rem; color: var(--muted); font-size: .8rem; }
.share-account-form input, .share-account-form select { min-height: 44px; }
.sharing-help { margin: 1rem 0 0; padding: .75rem; border-radius: 9px; background: var(--panel-2); color: var(--muted); font-size: .82rem; }
.editor-details { display: grid; grid-template-columns: minmax(0, 1fr); }
.sharing-panel, .comments-panel, .editor-details > details { padding: 1rem; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); }
.sharing-panel > form { margin: 1rem 0; display: grid; grid-template-columns: minmax(220px, 1fr) 180px auto; align-items: end; gap: .6rem; }
.sharing-panel label, .comments-panel label { display: grid; gap: .3rem; color: var(--muted); font-size: .8rem; }
.collaborator-list { display: grid; gap: .4rem; }
.collaborator-list article { padding: .6rem; display: grid; grid-template-columns: minmax(180px, 1fr) auto auto; align-items: center; gap: .5rem; border-top: 1px solid var(--line); }
.collaborator-list article > div { min-width: 0; display: grid; }
.collaborator-list form { margin: 0; display: flex; gap: .3rem; }
.collaborator-list select { min-width: 125px; padding: .45rem; }
.comments-panel > form { margin: 1rem 0; }
.comment-list { display: grid; gap: .6rem; }
.comment-list article { padding: .8rem; border: 1px solid var(--line); border-radius: 9px; background: var(--panel-2); }
.comment-list article.resolved { opacity: .62; }
.comment-list header, .comment-list footer { display: flex; align-items: center; flex-wrap: wrap; gap: .55rem; }
.comment-list header time { color: var(--muted); font-size: .75rem; }
.comment-list header span { margin-left: auto; color: #71d9a0; font-size: .75rem; }
.comment-list p { white-space: pre-wrap; overflow-wrap: anywhere; }
.comment-list footer form { margin: 0; }

.avatar { width: 40px; height: 40px; flex: 0 0 auto; object-fit: cover; border-radius: 50%; border: 1px solid var(--line); }
.avatar.tiny { width: 28px; height: 28px; }
.avatar.large { width: 72px; height: 72px; }
.avatar.channel-avatar { width: clamp(96px, 14vw, 150px); height: clamp(96px, 14vw, 150px); }
.avatar.fallback { display: inline-grid; place-items: center; background: linear-gradient(135deg, var(--accent), var(--accent-2)); color: #fff; font-weight: 900; }
.card-channel, .comment-author, .profile-heading, .thread-heading, .message-peer { display: flex; align-items: center; gap: .65rem; }

.channel-hero { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 2rem; padding: 4rem 0 2rem; }
.channel-hero h1 { margin: 0; font-size: clamp(2.4rem, 6vw, 5rem); letter-spacing: -.05em; }
.channel-hero p:last-child { max-width: 720px; color: var(--muted); white-space: pre-wrap; }
.creator-grid { display: grid; grid-template-columns: minmax(280px, .7fr) minmax(420px, 1.3fr); gap: 1rem; padding-bottom: 5rem; }
.channel-settings { padding: 1.4rem; border: 1px solid var(--line); border-radius: 18px; background: var(--panel); }
.channel-settings label { display: grid; gap: .35rem; margin: 1rem 0; font-weight: 700; }
.channel-settings small { display: block; margin-bottom: 1rem; }
.profile-heading h2 { margin: 0; }
.profile-heading a, .thread-heading a { color: var(--accent); }

.player-shell { position: relative; background: #000; border-radius: 12px; }
.player-shell video { display: block; border-radius: 12px; }
.player-menu-button { position: absolute; z-index: 4; top: .7rem; right: .7rem; width: 40px; height: 40px; border-radius: 50%; background: rgb(0 0 0 / 68%); color: #fff; font-size: 1.4rem; }
.player-context-menu { position: fixed; z-index: 100; width: min(280px, calc(100vw - 16px)); padding: .45rem; border: 1px solid #39485d; border-radius: 10px; background: #111927; color: #f4f7fb; box-shadow: 0 16px 50px #000b; }
.player-context-menu[hidden] { display: none; }
.player-context-menu button, .player-context-menu label { width: 100%; padding: .65rem .75rem; display: flex; justify-content: space-between; align-items: center; text-align: left; border: 0; border-radius: 6px; background: transparent; color: inherit; }
.player-context-menu button:hover, .player-context-menu button:focus-within { background: #26344a; }
.player-context-menu select { width: 112px; padding: .25rem; }
.player-state { position: absolute; left: 1rem; top: 1rem; padding: .3rem .55rem; border-radius: 5px; background: #000b; color: #fff; pointer-events: none; }
.player-state:empty { display: none; }
.player-debug { position: absolute; z-index: 5; top: 1rem; left: 1rem; width: min(500px, calc(100% - 2rem)); padding: .8rem; border: 1px solid #50647e; border-radius: 9px; background: rgb(5 10 18 / 94%); color: #d9eeff; }
.player-debug[hidden] { display: none; }
.player-debug > div { display: flex; justify-content: space-between; }
.player-debug button { padding: 0 .4rem; background: transparent; color: #fff; }
.player-debug pre { margin: .6rem 0 0; overflow-x: auto; white-space: pre-wrap; font: 12px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; }

.message-peer span:last-child { min-width: 0; display: grid; }
.message-peer small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.thread-heading { padding-bottom: 1rem; border-bottom: 1px solid var(--line); }
.thread-heading h2 { margin: 0; }
.thread-heading a { margin-left: auto; }
.message-row { display: flex; align-items: end; gap: .5rem; }
.message-row.mine { flex-direction: row-reverse; }
.thread-messages .message-row p { margin: .4rem 0; }
.thread-messages .message-row.mine p { margin-left: 0; background: #164977; }
.message-row time { margin-top: .3rem; color: #b6c5d6; font-size: .7rem; }

@media (max-width: 820px) {
  .theme-toggle { display: none; }
  .creator-grid, .channel-hero { grid-template-columns: 1fr; }
  .channel-hero { text-align: center; justify-items: center; }
  .app-launcher > div { position: fixed; top: 64px; right: 8px; }
  .watch-search { grid-template-columns: 1fr; margin-top: 0; }
  .workspace-search { grid-template-columns: 1fr; }
  .sharing-panel > form, .share-account-form, .collaborator-list article { grid-template-columns: 1fr; }
  .share-button { margin-left: 0; }
  .live-collaboration { order: 8; width: 100%; }
}

/* Full browser editor workspace */
.editor-shell { --editor-top: 68px; }
.editor-toolbar { min-height: 58px; }
.editor-back { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; font-size: 1.35rem; }
.editor-back:hover { background: var(--panel-2); }
.inline-editor-action { margin: 0; }
#save-status[data-state="saved"] { color: #71d9a0; }
#save-status[data-state="error"] { color: #ff9b9b; }
.export-menu { position: relative; }
.export-menu summary { list-style: none; cursor: pointer; }
.export-menu summary::-webkit-details-marker { display: none; }
.export-menu > div { position: absolute; z-index: 40; top: calc(100% + .5rem); right: 0; min-width: 210px; padding: .4rem; display: grid; gap: .2rem; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); box-shadow: 0 18px 45px #0008; }
.export-menu a, .export-menu button { padding: .65rem .75rem; border: 0; border-radius: 7px; background: transparent; color: var(--text); text-align: left; }
.export-menu a:hover, .export-menu button:hover { background: var(--panel-2); }

.editor-commandbar { position: sticky; z-index: 9; top: 126px; min-height: 50px; padding: .45rem 1rem; display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; border-bottom: 1px solid var(--line); background: rgb(15 24 39 / 96%); backdrop-filter: blur(12px); }
.tool-group { display: flex; align-items: center; gap: .25rem; padding-right: .5rem; border-right: 1px solid var(--line); }
.tool-group:last-child { border-right: 0; }
.tool-group button, .editor-commandbar > button, .find-panel button, .sheet-tabs button, .present-controls button { min-height: 34px; padding: .35rem .55rem; border: 1px solid transparent; border-radius: 6px; background: transparent; color: var(--text); }
.tool-group button:hover, .tool-group button:focus-visible, .editor-commandbar > button:hover, .find-panel button:hover { border-color: var(--line); background: var(--panel-2); }
.tool-group select { min-width: 115px; padding: .35rem .5rem; }
.tool-group label { display: inline-flex; align-items: center; gap: .35rem; white-space: nowrap; color: var(--muted); font-size: .82rem; }
.color-tool { position: relative; width: 36px; min-height: 34px; justify-content: center; border-radius: 6px; background: var(--panel-2); color: var(--text) !important; font-weight: 800; overflow: hidden; }
.color-tool input { position: absolute; inset: auto 0 0; width: 100%; height: 7px; padding: 0; border: 0; border-radius: 0; }
.find-panel { position: sticky; z-index: 8; top: 176px; padding: .6rem 1rem; display: flex; align-items: end; justify-content: flex-end; gap: .5rem; border-bottom: 1px solid var(--line); background: var(--panel); }
.find-panel[hidden] { display: none; }
.find-panel label { display: grid; gap: .15rem; color: var(--muted); font-size: .75rem; }
.find-panel input { width: min(230px, 25vw); padding: .4rem .55rem; }
#doc-find-status { min-width: 120px; color: var(--muted); font-size: .8rem; }

.document-stage { padding: 3rem 1rem 5rem; }
#doc-body { overflow-wrap: anywhere; outline: 0; cursor: text; }
#doc-body:focus { box-shadow: 0 15px 50px rgb(0 0 0 / 45%), 0 0 0 3px rgb(67 182 255 / 20%); }
#doc-body h1 { margin: 0 0 1.5rem; font: 700 2.5rem/1.15 Inter, system-ui, sans-serif; }
#doc-body h2 { margin: 2rem 0 .6rem; font: 700 1.7rem/1.25 Inter, system-ui, sans-serif; }
#doc-body h3 { margin: 1.6rem 0 .5rem; font: 700 1.3rem/1.3 Inter, system-ui, sans-serif; }
#doc-body blockquote { margin: 1.2rem 0; padding: .5rem 1.25rem; border-left: 4px solid #5d87b0; color: #3b4a5c; }
#doc-body pre, #doc-body code { border-radius: 5px; background: #edf1f5; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
#doc-body pre { padding: 1rem; white-space: pre-wrap; }
#doc-body code { padding: .15rem .3rem; }
#doc-body table { width: 100%; margin: 1rem 0; border-collapse: collapse; }
#doc-body td, #doc-body th { min-width: 70px; padding: .45rem; border: 1px solid #97a5b6; }
#doc-body img { display: block; max-width: 100%; height: auto; margin: 1rem auto; }
.editor-statusbar { position: sticky; z-index: 6; bottom: 0; min-height: 34px; padding: .35rem 2vw; display: flex; justify-content: space-between; gap: 1rem; border-top: 1px solid var(--line); background: var(--panel); color: var(--muted); font-size: .78rem; }

.formula-bar { min-height: 44px; padding: .35rem 1rem; display: grid; grid-template-columns: 75px 28px minmax(260px, 1fr) auto; align-items: center; gap: .45rem; border-bottom: 1px solid var(--line); background: var(--panel); }
.formula-bar output { padding: .35rem; border: 1px solid var(--line); border-radius: 5px; text-align: center; color: var(--text); }
.formula-bar > span { color: var(--muted); }
.formula-bar input { padding: .38rem .55rem; border-radius: 5px; background: #0b1321; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
#sheet-selection-status { font-size: .78rem; }
.sheet-stage { height: calc(100vh - 270px); background: #dfe6ee; }
#sheet-grid { min-width: 100%; }
#sheet-grid th { min-width: 120px; user-select: none; }
#sheet-grid td { padding: 0; }
#sheet-grid td.selected { position: relative; box-shadow: inset 0 0 0 2px #1784d5; }
#sheet-grid textarea { width: 100%; min-width: 120px; height: 34px; min-height: 34px; padding: .35rem .5rem; overflow: hidden; resize: none; border: 1px solid #d0d8e2; border-radius: 0; color: #172033; background: #fff; box-shadow: none; font: inherit; line-height: 1.35; }
#sheet-grid textarea.wrap { height: 68px; overflow: auto; white-space: normal; }
.sheet-tabs { min-height: 43px; padding: .3rem .7rem; display: flex; align-items: center; gap: .4rem; overflow-x: auto; border-top: 1px solid var(--line); background: var(--panel); }
#sheet-tab-list { display: flex; align-items: center; gap: .25rem; }
.sheet-tab { display: inline-flex; border: 1px solid var(--line); border-radius: 7px; overflow: hidden; }
.sheet-tab button { border-radius: 0; }
.sheet-tab button:first-child { min-width: 100px; }
.sheet-tab button:first-child.active { background: var(--accent-2); color: #fff; }
.sheet-tab button:last-child { width: 30px; padding-inline: .25rem; color: var(--muted); }
.sheet-help { margin-left: auto; white-space: nowrap; color: var(--muted); font-size: .75rem; }

.slides-stage { min-height: calc(100vh - 226px); }
.slides-stage aside { max-height: calc(100vh - 226px); }
#slide-list { margin: 0; }
#slide-list button { display: grid; grid-template-columns: 28px 1fr; gap: .45rem; }
#slide-list button > span:first-child { color: var(--muted); font-size: .75rem; }
#slide-list button > span:last-child { min-width: 0; display: grid; }
#slide-list button strong, #slide-list button small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#slide-list button small { font-size: .7rem; }
.slide-workspace { min-width: 0; padding-bottom: 3rem; }
.slide-canvas { overflow: hidden; transition: background .2s, color .2s; }
.slide-canvas.custom-background, .present-slide.custom-background { background: var(--slide-background); }
.slide-canvas input, .slide-canvas textarea { color: inherit; }
.slide-canvas input { font-size: var(--slide-title-size, 56px); }
.slide-canvas textarea, .slide-copy { font-size: var(--slide-body-size, 28px); white-space: pre-wrap; }
.slide-align-left, .slide-align-left input, .slide-align-left textarea { text-align: left; }
.slide-align-center, .slide-align-center input, .slide-align-center textarea { text-align: center; }
.slide-align-right, .slide-align-right input, .slide-align-right textarea { text-align: right; }
.slide-image { z-index: 1; max-width: 72%; max-height: 42%; margin: 0 auto 1rem; object-fit: contain; }
.slide-canvas input, .slide-canvas textarea, .present-slide h1, .present-slide .slide-copy { position: relative; z-index: 2; }
#slide-list li.dragging { opacity: .45; }
.tool-group input[type="number"] { width: 70px; padding: .35rem .4rem; }
.tool-group input[type="color"] { width: 38px; height: 30px; padding: 2px; }
.present-slide h1 { font-size: var(--slide-title-size, 56px); }
.present-slide .slide-copy { font-size: var(--slide-body-size, 28px); }
.slide-canvas.slide-layout-body { justify-content: flex-start; padding-top: 9%; }
.slide-canvas.slide-layout-body input { text-align: left; font-size: clamp(1.8rem, 4vw, 3.5rem); }
.slide-canvas.slide-layout-body textarea { text-align: left; }
.slide-canvas.slide-layout-section input { font-size: clamp(2.5rem, 6vw, 5rem); }
.slide-canvas.slide-layout-quote textarea { font-style: italic; font-size: clamp(1.5rem, 3vw, 3rem); }
.slide-canvas.slide-theme-light, .present-slide.slide-theme-light { background: #f7f8fb; color: #172033; }
.slide-canvas.slide-theme-dark, .present-slide.slide-theme-dark { background: linear-gradient(140deg, #111827, #29364d); color: #f8fafc; }
.slide-canvas.slide-theme-ocean, .present-slide.slide-theme-ocean { background: linear-gradient(140deg, #062a48, #0b75a5); color: #f1fbff; }
.slide-canvas.slide-theme-sunset, .present-slide.slide-theme-sunset { background: linear-gradient(140deg, #551c3b, #dd663f); color: #fff8ef; }
.slide-canvas.slide-theme-forest, .present-slide.slide-theme-forest { background: linear-gradient(140deg, #17362b, #3f7451); color: #f4fff5; }
.speaker-notes { width: min(950px, 80vw); margin: 0 auto; display: grid; gap: .35rem; color: var(--muted); font-size: .8rem; }
.speaker-notes textarea { min-height: 110px; resize: vertical; }

.presentation { overflow: hidden; background: #03060b; }
.presentation-deck, .present-slide { width: 100vw; height: 100vh; }
.present-slide { position: relative; min-height: 100vh; padding: 9vw; align-content: center; }
.present-slide.slide-layout-body { place-content: center stretch; text-align: left; }
.present-slide.slide-layout-quote .slide-copy { font-style: italic; }
.present-slide[hidden] { display: none; }
.present-number { position: absolute; right: 2rem; bottom: 1rem; opacity: .55; font-size: .8rem; }
.present-notes { position: absolute; z-index: 5; left: 1rem; bottom: 4.5rem; width: min(560px, calc(100vw - 2rem)); max-height: 35vh; padding: 1rem; overflow: auto; border: 1px solid #ffffff44; border-radius: 10px; background: rgb(5 10 18 / 94%); color: #fff; text-align: left; font-size: 1rem; }
.present-notes p { white-space: pre-wrap; }
.present-controls { position: fixed; z-index: 20; left: 50%; bottom: 1rem; transform: translateX(-50%); padding: .35rem; display: flex; align-items: center; gap: .25rem; border: 1px solid #ffffff33; border-radius: 10px; background: rgb(5 10 18 / 88%); color: #fff; backdrop-filter: blur(12px); }
.present-controls button, .present-controls a { padding: .45rem .65rem; border-radius: 6px; color: #fff; white-space: nowrap; }
.present-controls button:hover, .present-controls a:hover { background: #ffffff1f; }

@media (max-width: 900px) {
  .editor-commandbar { overflow-x: auto; flex-wrap: nowrap; }
  .tool-group { flex: 0 0 auto; }
  .find-panel { justify-content: flex-start; overflow-x: auto; }
  .formula-bar { grid-template-columns: 60px 24px 1fr; }
  #sheet-selection-status { display: none; }
  .sheet-help { display: none; }
}

@media (max-width: 760px) {
  .editor-toolbar { top: 104px; }
  .editor-commandbar { top: 163px; }
  .find-panel { top: 213px; }
  #doc-body { min-height: 850px; padding: 2.4rem 1.6rem; }
  .speaker-notes { width: 94vw; }
  .present-controls { max-width: calc(100vw - 1rem); overflow-x: auto; }
}

@media print {
  .site-header, .editor-toolbar, .editor-commandbar, .find-panel, .editor-statusbar, .editor-details, .sheet-tabs, .present-controls, .present-number, footer { display: none !important; }
  body, .editor-shell, .document-stage, .sheet-stage { background: #fff !important; color: #000 !important; }
  .document-stage { padding: 0; }
  #doc-body { width: 100%; min-height: 0; padding: 0; box-shadow: none; }
  .presentation { overflow: visible; }
  .presentation-deck, .present-slide { width: 100%; height: auto; }
  .present-slide { display: grid !important; min-height: 7.5in; break-after: page; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
  .present-notes { display: none !important; }
}