/* Alchemy Work Computer. Editorial paper, quiet chrome, cobalt actions.
   Scoped to /research: legacy Lab/admin routes retain their own layout. */
.alchemy-work-computer {
  --bg: #f5f4ef; --canvas: #f5f4ef; --surface: #fff; --surface-soft: #f5f4ef; --surface-tint: #eeede7;
  --text: #202126; --text-2: #303139; --muted: #66666a; --muted-2: #77777b; --muted-3: #828287;
  --line: #deded6; --line-mid: #d9d9d2; --line-strong: #ccccca;
  --accent: #3657d6; --accent-strong: #2b47b5; --accent-ink: #304caf; --accent-soft: #e9ecfa; --accent-tint: #f1f3fc;
  --accent-line: #ccd4f6; --accent-line-soft: #dce2f9; --accent-rgb: 54,87,214; --accent-ink-rgb: 48,76,175; --ink-rgb: 32,33,38;
  --sidebar-width: 260px; --chat-content-width: min(880px, 100%); --radius: 10px; --radius-lg: 18px;
  --work-serif: "Songti SC", "Noto Serif CJK SC", "STSong", Georgia, serif;
  margin: 0; background: var(--bg); color: var(--text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif;
}
.alchemy-work-computer button, .alchemy-work-computer input, .alchemy-work-computer select, .alchemy-work-computer textarea { font-family: inherit; font-size: 14px; line-height: 1.5; }
.alchemy-work-computer button { cursor: pointer; }
.alchemy-work-computer button:disabled { cursor: not-allowed; }
.alchemy-work-computer .icon { width: 20px; height: 20px; flex-shrink: 0; }
.alchemy-work-computer :focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.alchemy-work-computer .shell { display: grid; grid-template-columns: var(--sidebar-width) minmax(0,1fr); height: 100dvh; min-height: 0; overflow: hidden; background: var(--bg); }
.alchemy-work-computer .workspace { min-width: 0; height: 100dvh; overflow: hidden; background: var(--bg); }
.alchemy-work-computer .work-sidebar { display: flex; flex-direction: column; height: 100dvh; width: auto; padding: 20px 14px 18px; border-right: 1px solid var(--line); background: #eeede7; box-shadow: none; gap: 0; }
.work-brand-row { display: flex; align-items: center; justify-content: space-between; padding: 0 14px 22px; }
.work-brand { border: 0; background: none; padding: 0; font: italic 40px/1.25 Georgia, "Times New Roman", serif !important; letter-spacing: -1.8px; color: #17181e; }
.work-nav { display: grid; gap: 8px; padding-bottom: 24px; border-bottom: 1px solid var(--line); }
.work-nav button { display: flex; align-items: center; gap: 17px; width: 100%; border: none; border-radius: 9px; background: transparent; color: var(--text); padding: 14px 18px; font-size: 17px; font-weight: 400; text-align: left; }
.work-nav .icon { width: 24px; height: 24px; }
.work-nav button:hover, .work-nav button.active { background: #e3e2dd; }
.work-recents { flex: 1; min-height: 0; overflow: auto; padding: 22px 4px; }
.work-recents h2 { margin: 0 12px 16px; font-size: 13px; font-weight: 400; color: var(--muted); }
.work-recents > p { margin: 0 12px; font-size: 14px; color: var(--muted); }
.work-sidebar .sidebar-task-line { border: 0; padding: 0; background: none; box-shadow: none; }
.work-sidebar .sidebar-task-row { min-height: 45px; padding: 12px 14px; border: 0; border-radius: 8px; background: transparent; }
.work-sidebar .sidebar-task-row.active { background: #dfdfdb; box-shadow: inset 3px 0 0 var(--accent); color: var(--text); }
.work-sidebar .sidebar-task-title { font-size: 14px; font-weight: 400; }
.work-sidebar .sidebar-task-metaline { display: none; }
.work-sidebar .sidebar-chat-actions { background: #eeede7; }
.work-account { display: flex; align-items: center; gap: 14px; padding: 12px 10px 0; font-size: 15px; }
.work-account .user-avatar { width: 38px; height: 38px; background: #d9d8d7; color: #313239; font-size: 17px; }
.work-account-menu { margin-left: auto; position: relative; }
.work-account-menu summary, .work-overflow summary { list-style: none; cursor: pointer; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 8px; }
.work-account-menu summary::-webkit-details-marker, .work-overflow summary::-webkit-details-marker { display: none; }
.work-account-menu summary:hover, .work-overflow summary:hover { background: #e7e6e1; }
.work-account-menu > div, .work-overflow > div { position: absolute; z-index: 85; right: 0; width: 240px; padding: 12px; background: white; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 10px 35px #20212618; }
.work-account-menu > div { bottom: 46px; }
.work-account-menu strong, .work-account-menu small { display: block; overflow-wrap: anywhere; padding: 3px 8px; }
.work-account-menu small { color: var(--muted); font-size: 12px; margin-bottom: 8px; }
.work-account-menu button, .work-overflow > div > button { width: 100%; border: 0; background: transparent; text-align: left; padding: 10px 8px; border-radius: 6px; color: var(--text); }
.work-account-menu button:hover, .work-overflow > div > button:hover { background: var(--bg); }
.alchemy-work-computer .research-page { height: 100dvh; display: flex; flex-direction: column; background: var(--bg); overflow: hidden; }
.work-topbar { height: 66px; flex: 0 0 66px; display: flex; align-items: center; gap: 16px; padding: 0 28px; border-bottom: 1px solid var(--line); background: var(--bg); }
.work-title { flex: 1; min-width: 0; }
.work-title .chat-title-text, .work-title .chat-title-display { font-size: 16px; font-weight: 500; color: var(--text); }
.work-title .chat-title-edit-trigger { opacity: 0; }
.work-title:hover .chat-title-edit-trigger, .work-title:focus-within .chat-title-edit-trigger { opacity: 1; }
.work-toggle { display: flex; align-items: center; gap: 9px; border: 0; background: none; color: var(--text); padding: 8px; font-size: 15px !important; }
.work-overflow { position: relative; }
.work-overflow > div { top: 44px; }
.work-icon-button { display: inline-grid; place-items: center; padding: 8px; border: 0; background: transparent; color: var(--muted); border-radius: 7px; }
.work-mobile-menu { display: none; }
.work-split { display: flex; flex: 1; min-height: 0; min-width: 0; }
.alchemy-work-computer .research-main { display: flex; flex-direction: column; min-width: 0; min-height: 0; flex: 1; width: 100%; background: var(--bg); }
.work-conversation .research-header { padding: 0; min-height: 0; border: 0; background: none; }
.work-conversation .research-content { display: flex; flex: 1; flex-direction: column; min-height: 0; width: 100%; padding: 0; gap: 0; background: transparent; }
.work-conversation .research-body-stack { flex: 1; min-height: 0; overflow-y: auto; width: 100%; padding: 28px 24px 40px; scrollbar-gutter: stable; }
.work-conversation .research-stream { width: min(100%, 800px); max-width: 100%; margin: 0 auto; padding: 0; }
.alchemy-work-computer .research-composer { flex-shrink: 0; width: min(calc(100% - 48px), 800px); max-width: none; margin: 0 auto 24px; padding: 18px 20px 14px; background: #fff; border: 1px solid #d5d5d2; border-radius: 20px; box-shadow: 0 2px 3px #20212605; min-height: 148px; gap: 12px; }
.alchemy-work-computer .research-composer:focus-within { border-color: #afb9e8; box-shadow: 0 2px 12px #20212608; }
.alchemy-work-computer .research-composer textarea { width: 100%; min-width: 0; max-width: 100%; min-height: 64px; max-height: 240px; padding: 0; border: 0; background: none; box-shadow: none; color: var(--text); font-size: 17px; line-height: 1.65; resize: none; }
.alchemy-work-computer .research-composer textarea:focus-visible { outline: none; }
.alchemy-work-computer .research-composer textarea::placeholder { color: #8a8a90; }
.alchemy-work-computer .research-send-row { gap: 8px; min-height: 42px; width: 100%; min-width: 0; max-width: 100%; }
.alchemy-work-computer .research-send-row .file-upload-button { display: flex; gap: 8px; width: auto; border: 0; background: none; padding: 5px; color: #636469; }
.work-upload-label { white-space: nowrap; font-size: 14px; }
.alchemy-work-computer .send-button { border-radius: 14px; width: 46px; height: 46px; background: var(--accent); border: 0; color: white; box-shadow: none; }
.alchemy-work-computer .research-composer .send-button:disabled { opacity: .45; background: var(--accent); color: white; }
.alchemy-work-computer .send-button .icon { width: 24px; height: 24px; }
.alchemy-work-computer .web-search-toggle { border: 0; background: none; }
.alchemy-work-computer .composer-status-group { font-size: 11px; min-width: 0; }
.alchemy-work-computer .composer-preflight:empty { display: none; }
.work-home-scroll { width: min(100% - 80px, 874px); margin: auto; padding: 72px 0 54px; overflow-y: auto; position: relative; left: 16px; }
.work-home-heading { padding: 0 46px; }
.work-home-heading h1 { font-family: var(--work-serif); font-size: clamp(42px, 4.3vw, 66px); font-weight: 600; line-height: 1.28; letter-spacing: -1.5px; margin: 0 0 22px; color: #17181e; }
.work-home-heading > p { font-size: 20px; line-height: 1.7; color: #6d6d6e; margin: 0 0 34px; }
.alchemy-work-computer .work-home .research-composer { width: 100%; min-height: 172px; margin-bottom: 14px; padding: 20px 24px 16px; }
.work-home .research-composer textarea { min-height: 75px; }
.work-home-hint { margin: 0 22px 24px; font-size: 14px; color: #838387; }
.work-starters { padding: 0 46px; }
.work-starters h2 { font-size: 18px; font-weight: 500; margin: 0 0 20px; }
.work-starters button { display: flex; align-items: center; justify-content: space-between; width: min(300px, 100%); gap: 24px; padding: 12px 0; background: none; border: 0; font-size: 18px; color: var(--text); }
.work-starters button:hover { color: var(--accent); }
.work-starters .icon { width: 17px; height: 17px; }
.alchemy-work-computer .message { display: block; margin: 0 0 30px; padding: 0; border: 0; box-shadow: none; background: none; }
.alchemy-work-computer .message-avatar { display: none; }
.alchemy-work-computer .message.user { width: fit-content; max-width: 85%; margin-left: auto; padding: 14px 18px; border-radius: 12px; background: #eae9e4; }
.alchemy-work-computer .message-body { width: 100%; padding: 0; background: none; border: 0; box-shadow: none; }
.alchemy-work-computer .message.user .message-body { padding: 0; background: none; border: 0; box-shadow: none; }
.alchemy-work-computer .message.assistant > .message-body::before { display: block; content: 'Alchemy'; font: italic 22px/1.4 Georgia,serif; margin: 0 0 12px; color: #17181e; }
.alchemy-work-computer .message .markdown { font-size: 16px; line-height: 1.9; color: var(--text); }
.alchemy-work-computer .message .markdown > :first-child { margin-top: 0; }
.alchemy-work-computer .message .markdown h1, .alchemy-work-computer .message .markdown h2 { font-size: 23px; font-weight: 600; line-height: 1.5; }
.alchemy-work-computer .message-actions { gap: 8px; padding: 8px 0 0; background: none; border: 0; border-radius: 0; box-shadow: none; }
.alchemy-work-computer .message-meta-band { width: 100%; max-width: 100%; justify-content: flex-start; }
.alchemy-work-computer .message-meta-band .context-receipt { flex-basis: 100%; min-width: 0; }
.alchemy-work-computer .message-meta-band .message-discussion-shell:not(.open) { margin-left: 0; }
.alchemy-work-computer .message-meta-band > .message-actions { margin-left: 0; }
.work-delivery-summary { font-size: 17px; line-height: 1.9; margin: 0; }
.work-edit-source { display: block; font-size: 12px; color: var(--muted); margin-bottom: 6px; }
.alchemy-work-computer .message-actions button { color: #818187; border: 0; background: none; }
.alchemy-work-computer .message-decision-action { font-size: 12px; }
.work-result-link { width: 100%; display: flex; align-items: center; gap: 16px; margin: 18px 0 8px; padding: 16px 18px; border: 1px solid var(--line); border-radius: 12px; background: white; color: var(--text); text-align: left; }
.work-result-link span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; font-size: 15px; }
.work-result-link em { color: var(--accent); font-style: normal; font-size: 13px; }
.work-panel { display: flex; flex-direction: column; flex: 0 0 49%; min-width: 360px; max-width: 760px; background: #fff; border-left: 1px solid var(--line); }
.work-panel-tabs { display: flex; align-items: stretch; height: 60px; padding: 0 26px; gap: 24px; border-bottom: 1px solid var(--line); flex-shrink: 0; }
.work-panel-tabs > button:not(.work-panel-close) { border: 0; border-bottom: 3px solid transparent; border-radius: 0; background: none; padding: 0 12px; color: var(--muted); }
.work-panel-tabs > button[aria-selected=true] { color: var(--accent); border-bottom-color: var(--accent); }
.work-panel-tabs small { margin-left: 6px; font-size: 11px; color: var(--muted); }
.work-panel-close { margin: auto -10px auto auto; }
.work-tab-content { display: flex; flex-direction: column; flex: 1; min-height: 0; }
.work-document-toolbar { display: flex; align-items: center; gap: 12px; flex-shrink: 0; padding: 16px 30px; min-height: 65px; }
.work-document-toolbar > span, .work-document-toolbar > select { flex: 1; min-width: 0; max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 14px; }
.work-document-toolbar select { padding: 5px 20px 5px 0; border: 0; background: none; color: var(--text); }
.work-document-toolbar > div { display: flex; gap: 10px; }
.work-export-options { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; padding: 0 30px 12px; color: var(--muted-2); font-size: 12px; flex-shrink: 0; }
.work-export-options label { display: flex; align-items: center; gap: 8px; white-space: nowrap; }
.work-export-options select { max-width: 210px; background: var(--surface); color: var(--text); border: 1px solid var(--line); border-radius: 6px; padding: 5px 7px; font: inherit; }
.work-original-download { display: flex; align-items: center; gap: 5px; flex-shrink: 0; color: var(--text); font-size: 12px; text-decoration: none; }
.work-original-download svg { width: 16px; height: 16px; }
.work-composer-draft-status { margin: 0 18px 8px; color: var(--muted-2); font-size: 11px; line-height: 1.5; }
.work-composer-draft-status[hidden] { display: none; }
.work-document table { width: 100%; border-collapse: collapse; font-size: 14px; margin: 18px 0; }
.work-document th, .work-document td { padding: 10px 12px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.work-document th { font-weight: 600; background: #f5f4ef; }
.work-document-toolbar button, .work-files-heading button { display: flex; align-items: center; gap: 7px; border: 0; padding: 4px; background: none; color: var(--text); white-space: nowrap; }
.work-document { flex: 1; min-height: 0; overflow: auto; padding: 34px 36px 48px; margin: 0; color: var(--text); font-size: 16px; line-height: 1.9; overflow-wrap: anywhere; }
.work-document h1 { font: 600 42px/1.3 var(--work-serif); color: #17181e; margin: 0 0 24px; letter-spacing: -.8px; }
.work-document h2 { font: 600 27px/1.5 var(--work-serif); margin: 35px 0 12px; }
.work-document h3 { font-size: 19px; margin: 26px 0 10px; }
.work-document > :first-child { margin-top: 0; }
.work-document li { margin-bottom: 5px; }
.work-document pre, .work-document table { max-width: 100%; overflow: auto; }
.work-document pre { background: #f5f5f3; border: 1px solid var(--line); border-radius: 8px; padding: 16px; font-size: 13px; }
.work-document-footer { display: flex; align-items: center; gap: 12px; padding: 16px 28px; border-top: 1px solid var(--line); color: var(--muted-2); font-size: 12px; flex-shrink: 0; }
.work-document-footer > span { flex: 1; overflow-wrap: anywhere; }
.work-save { padding: 8px 12px; border: 1px solid var(--line); border-radius: 7px; background: white; color: var(--accent); white-space: nowrap; font-size: 12px !important; }
.work-editor-wrap { flex: 1; min-height: 0; display: flex; padding: 10px 28px 24px; }
.work-editor-wrap textarea { flex: 1; width: 100%; resize: none; padding: 16px; font: 14px/1.8 ui-monospace, monospace; border: 1px solid var(--line); border-radius: 8px; background: #fafaf8; color: var(--text); }
.work-empty { padding: 60px 36px; color: var(--muted); font-size: 15px; line-height: 1.8; }
.work-empty h2 { font: 500 28px/1.5 var(--work-serif); color: var(--text); }
.work-files { overflow: auto; padding: 24px 28px; }
.work-files-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
.work-files-heading h2 { font-size: 15px; font-weight: 500; margin: 0; }
.work-file-row { width: 100%; display: flex; align-items: center; gap: 12px; border: 0; border-bottom: 1px solid var(--line); background: none; padding: 18px 0; color: var(--text); text-align: left; }
.work-file-row > span { flex: 1; min-width: 0; }
.work-file-row strong { display: block; font-size: 14px; font-weight: 500; overflow-wrap: anywhere; }
.work-file-row small { display: block; font-size: 12px; color: var(--muted); margin-top: 4px; }
.work-file-notice { color: var(--muted); font-size: 12px; }
.work-file-error { max-width: 480px; overflow-wrap: anywhere; }
.work-file-error h2 { margin-top: 0; }
.work-file-error > button { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border: 1px solid var(--line); border-radius: 8px; background: var(--accent-soft); color: var(--accent); font: inherit; cursor: pointer; }
.work-file-error > button .icon { width: 17px; height: 17px; }
.work-library { height: 100dvh; display: flex; flex-direction: column; }
.work-library .work-topbar > button:last-child { margin-left: auto; border: 0; background: none; color: var(--accent); display: flex; align-items: center; }
.work-library-content { flex: 1; overflow: auto; width: min(900px,100% - 72px); margin: 0 auto; padding: 48px 0; }
.work-library-content > h1 { font: 500 36px/1.4 var(--work-serif); }
.work-library-content > p { color: var(--muted); line-height: 1.8; margin-bottom: 32px; }
.work-library-content .sidebar-chat-history { height: auto; max-height: none; overflow: visible; }
.alchemy-work-computer .research-auth-story { background: #eeede7; color: var(--text); border-right: 1px solid var(--line); }
.alchemy-work-computer .research-auth-brand { font: italic 36px Georgia,serif; color: var(--text); }
.alchemy-work-computer .research-auth-brand .mark { display: none; }
.alchemy-work-computer .research-auth-copy h1 { font-family: var(--work-serif); font-weight: 500; color: var(--text); }
.alchemy-work-computer .research-auth-copy p { color: var(--muted); }
.alchemy-work-computer .login-product-nav a { color: var(--muted); }
.alchemy-work-computer .research-auth-panel { background: var(--bg); }
.alchemy-work-computer .login-card { background: none; border: 0; box-shadow: none; }
.alchemy-work-computer .login-card input { background: white; border: 1px solid var(--line-strong); border-radius: 9px; }
.alchemy-work-computer .login-card .primary { background: var(--accent); border-color: var(--accent); color: white; }
.alchemy-work-computer.landing-body { --landing-paper: #f5f4ef; --landing-forest: #f5f4ef; --landing-forest-deep: #eeede7; --landing-ink: #202126; --landing-ink-strong: #17181e; --landing-brand: #202126; --landing-brand-muted: #77777b; --landing-control: #303139; --landing-copy: #66666a; --landing-action: #3657d6; background: var(--bg); }
.alchemy-work-computer .landing-shell { background: var(--bg); color: var(--text); }
.alchemy-work-computer .landing-mark { background: var(--accent); color: white; }
.alchemy-work-computer .landing-hero h1 { font-family: var(--work-serif); font-weight: 500; color: var(--text); }
.alchemy-work-computer .landing-copy, .alchemy-work-computer .landing-access > p { color: var(--muted); }
.alchemy-work-computer .landing-access-card { padding: 22px 54px 22px 22px; background: white; color: var(--text); border-color: var(--line); border-radius: 16px; box-shadow: none; }
.alchemy-work-computer .landing-access-card.is-research { background: white; color: var(--text); border-color: var(--line); }
.alchemy-work-computer .landing-access-card span { color: var(--muted); }
.alchemy-work-computer .landing-access-card i { color: var(--accent); }
@media (max-width: 1200px) {
  .alchemy-work-computer { --sidebar-width: 220px; }
  .work-home-scroll { width: calc(100% - 60px); padding-top: 65px; left: 0; }
  .work-home-heading, .work-starters { padding: 0 24px; }
  .work-home-heading > p { font-size: 17px; }
  .work-panel { flex-basis: 48%; min-width: 340px; }
  .with-work-panel .research-body-stack { padding: 24px 16px; }
  .with-work-panel .research-composer { width: calc(100% - 28px); padding: 16px; }
  .work-document { padding: 24px; }
  .work-document-toolbar { padding: 14px 20px; }
}
@media (max-width: 980px) {
  .work-panel { position: absolute; inset: 66px 0 0 auto; width: min(620px, calc(100% - var(--sidebar-width))); max-width: none; min-width: 0; z-index: 35; box-shadow: -12px 0 40px #2021260d; }
}
@media (max-width: 700px) {
  .alchemy-work-computer .shell { display: block; }
  .alchemy-work-computer .work-sidebar { position: fixed; width: 270px; left: 0; top: 0; transform: translateX(-100%); z-index: 60; transition: transform 160ms ease; }
  .alchemy-work-computer .drawer-open .work-sidebar { transform: translateX(0); }
  .alchemy-work-computer .drawer-open .mobile-drawer-backdrop { display: block; position: fixed; inset: 0; z-index: 55; border: 0; background: #20212645; }
  .alchemy-work-computer .sidebar-close-button { display: inline-flex; }
  .work-mobile-menu { display: grid; }
  .work-topbar { height: 58px; flex-basis: 58px; padding: 0 12px; gap: 8px; }
  .work-title .chat-title-text { max-width: 44vw; font-size: 14px; }
  .work-toggle { font-size: 13px !important; gap: 5px; }
  .work-overflow > div { right: 0; max-width: calc(100vw - 24px); }
  .work-home-scroll { width: calc(100% - 36px); padding: 58px 0 32px; margin: 0 auto; }
  .work-home-heading { padding: 0 10px; }
  .work-home-heading h1 { font-size: 39px; line-height: 1.35; letter-spacing: -1px; margin-bottom: 20px; }
  .work-home-heading > p { font-size: 14px; margin-bottom: 28px; }
  .alchemy-work-computer .work-home .research-composer { padding: 16px; min-height: 162px; }
  .work-home-hint { margin: 0 10px 40px; font-size: 11px; }
  .work-starters { padding: 0 10px; }
  .work-starters h2 { font-size: 15px; margin-bottom: 14px; }
  .work-starters button { font-size: 14px; padding: 13px 0; }
  .work-panel { inset: 58px 0 0; width: 100%; max-width: none; border-left: 0; box-shadow: none; z-index: 40; }
  .work-panel-tabs { height: 54px; padding: 0 18px; }
  .work-document { padding: 24px; }
  .work-document h1 { font-size: 32px; }
  .work-document h2 { font-size: 24px; }
  .work-document-toolbar { padding: 12px 20px; }
  .work-export-options { padding: 0 20px 10px; }
  .work-document-footer { padding: 14px 20px; }
  .alchemy-work-computer .research-composer { width: calc(100% - 24px); margin-bottom: max(12px, env(safe-area-inset-bottom)); padding: 14px; min-height: 138px; border-radius: 16px; }
  .alchemy-work-computer .research-composer textarea { font-size: 16px; min-height: 52px; }
  .alchemy-work-computer .research-body-stack { padding: 24px 18px; }
  .alchemy-work-computer .message .markdown { font-size: 15px; }
  .alchemy-work-computer .message.user { max-width: 91%; padding: 12px 14px; }
  .work-library-content { width: calc(100% - 36px); padding: 24px 0; }
}
.work-welcome { padding: 0 46px 24px; color: var(--muted); font-size: 14px; line-height: 1.7; }
.work-welcome p { margin: 0 0 8px; }
.work-welcome button { padding: 0; margin-right: 20px; border: 0; background: none; color: var(--accent-ink); text-decoration: underline; text-underline-offset: 4px; }
.work-examples-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.work-examples-heading h2 { margin: 0; }
.work-example-starters .work-examples-heading > button { width: auto; font-size: 13px; color: var(--accent-ink); white-space: nowrap; padding: 0; gap: 6px; }
.work-example-starters > p { color: var(--muted); font-size: 13px; margin: 10px 0 12px; }
.work-example-starters .work-example-row { width: 100%; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--line); text-align: left; }
.work-example-row > small { font-size: 11px; color: var(--muted); font-weight: 400; }
.work-example-row > span { flex: 1; font-size: 16px; }
.work-example-row em { display: inline; margin-left: 18px; color: var(--muted); font-style: normal; font-size: 13px; }
.alchemy-work-computer .work-guide { width: min(920px, calc(100vw - 40px)); max-height: min(900px, calc(100dvh - 48px)); padding: 0; overflow: hidden; background: var(--surface); border: 1px solid var(--line); border-radius: 16px; display: flex; flex-direction: column; }
.work-guide .guide-head { padding: 24px 28px 16px; flex-shrink: 0; }
.work-guide .guide-head h2 { font: 600 28px/1.4 var(--work-serif); color: var(--text); }
.work-guide .guide-head p { color: var(--muted); font-size: 14px; line-height: 1.6; }
.work-guide .guide-tabs { display: flex; padding: 0 24px; gap: 6px; overflow-x: auto; flex-shrink: 0; border-bottom: 1px solid var(--line); background: var(--surface); }
.work-guide .guide-tab { flex: 0 0 auto; padding: 12px 10px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; box-shadow: none; background: none; color: var(--muted); font-size: 14px; }
.work-guide .guide-tab.is-selected { color: var(--accent-ink); border-bottom-color: var(--accent); background: none; }
.work-guide .guide-tab .icon { display: none; }
.work-guide .guide-body { padding: 24px 28px; flex: 1; min-height: 0; overflow-y: auto; display: block; }
.work-guide .guide-tab-intro { font-size: 15px; line-height: 1.8; color: var(--muted); margin: 0 0 20px; }
.work-guide .guide-item { padding: 18px 0; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: none; }
.work-guide .guide-item h3 { font-size: 17px; font-weight: 600; line-height: 1.6; }
.work-guide .guide-item p { font-size: 14px; line-height: 1.85; color: var(--muted); }
.work-guide .guide-foot { padding: 16px 28px; display: flex; align-items: center; gap: 20px; border-top: 1px solid var(--line); background: var(--surface); flex-shrink: 0; }
.work-guide .guide-foot > span { flex: 1; font-size: 12px; color: var(--muted); }
.work-guide .primary { background: var(--accent); border: 1px solid var(--accent); color: var(--white); border-radius: 8px; padding: 10px 16px; box-shadow: none; }
.work-guide .primary:disabled { opacity: .5; }
.work-guide-link { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; padding: 0; border: 0; background: none; color: var(--accent-ink); font-size: 14px; text-decoration: underline; text-underline-offset: 4px; }
.work-example-picker { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.work-example-picker button { padding: 8px 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--muted); font-size: 13px; }
.work-example-picker button[aria-pressed=true] { border-color: var(--accent); background: var(--accent-tint); color: var(--accent-ink); }
.work-example-detail { color: var(--text); font-size: 14px; line-height: 1.8; }
.work-example-disclaimer { color: var(--accent-ink); background: var(--accent-tint); padding: 10px 14px; border-radius: 6px; font-size: 12px; }
.work-example-detail h3 { margin: 22px 0 18px; font: 600 24px/1.5 var(--work-serif); }
.work-example-detail h4 { margin: 20px 0 8px; font-size: 13px; font-weight: 600; color: var(--muted); }
.work-example-detail blockquote { margin: 0; border-left: 2px solid var(--line-strong); padding: 2px 16px; line-height: 1.9; }
.work-example-preview { margin-top: 22px; padding: 16px 20px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 8px; }
.work-example-preview h4 { margin-top: 0; }
.work-example-preview ul { margin: 0; padding-left: 20px; }
.work-example-preview li { margin: 8px 0; }
.work-example-note, .work-example-followup { font-size: 12px; color: var(--muted); }
.work-example-use { margin: 0; }
.work-legacy-links { display: flex; gap: 20px; flex-wrap: wrap; padding-bottom: 22px; border-bottom: 1px solid var(--line); margin-bottom: 24px; }
.work-legacy-links a { color: var(--accent-ink); font-size: 14px; }
@media (max-width: 700px) {
  .work-welcome { padding: 0 10px 26px; font-size: 12px; }
  .work-welcome button { font-size: 12px; }
  .work-example-row em { display: block; margin: 3px 0 0; font-size: 12px; }
  .work-example-starters .work-examples-heading > button { font-size: 11px; }
  .alchemy-work-computer .guide-backdrop { padding: 12px 10px; }
  .alchemy-work-computer .work-guide { width: calc(100vw - 20px); max-height: calc(100dvh - 24px); border-radius: 12px; }
  .work-guide .guide-head { padding: 18px 18px 12px; }
  .work-guide .guide-head-icon { display: none; }
  .work-guide .guide-head h2 { font-size: 24px; }
  .work-guide .guide-head p { font-size: 12px; }
  .work-guide .guide-tabs { padding: 0 12px; }
  .work-guide .guide-tab { font-size: 13px; }
  .work-guide .guide-body { padding: 18px; }
  .work-guide .guide-foot { padding: 12px 18px; gap: 8px; flex-wrap: wrap; }
  .work-guide .guide-foot > span { font-size: 11px; flex-basis: 100%; }
  .work-guide .guide-foot button { white-space: nowrap; }
}
@media (prefers-reduced-motion: reduce) { .alchemy-work-computer * { transition: none !important; animation-duration: 0s !important; } }

.work-upload-batch { flex: 0 0 auto; width: 100%; max-width: 780px; margin: 8px auto; padding: 12px 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface, #fff); font-size: 12px; line-height: 1.5; }
.work-upload-batch-summary strong { font-size: 13px; }
.work-upload-batch p { margin: 4px 0; overflow-wrap: anywhere; color: var(--muted); }
.work-upload-batch details { margin-top: 6px; }
.work-upload-batch summary { cursor: pointer; color: var(--accent-ink); }
.work-upload-batch ul { margin: 8px 0 0; padding: 0; list-style: none; max-height: 136px; overflow-y: auto; }
.work-upload-batch li { display: grid; gap: 2px; padding: 5px 0; overflow-wrap: anywhere; border-top: 1px solid var(--line); }
.work-upload-batch li small { color: var(--muted); }
.work-upload-batch [data-upload-status="failed"] small { color: #985126; }
.work-upload-batch-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 6px; }
.work-upload-batch-actions button { font-size: 12px; min-height: 34px; }
.work-upload-batch-note { font-size: 11px; }
@media (max-width: 700px) {
  .work-upload-batch { padding: 10px 12px; margin: 6px 0; }
  .work-upload-batch ul { max-height: 100px; }
}