/* askMOS rc6 — one light paper surface, one responsive layout contract.
   Photograph remains immutable. Material layers reuse its blank paper region. */
html[data-surface="pwa"][data-theme="light"] {
  --ink:#242b28; --stone:#626157; --paper:#f2ebdf; --canvas:#f2ebdf;
  --panel:#f9f3e8; --green:#22382e; --green-2:#314d40;
  --copper:#a1391d; --copper-hover:#862b16; --line:#b2a591;
  --line-soft:#c9bdaa; --danger:#942919; --danger-bg:#fff1e9;
  --focus:#24666e; --primary:#b63a17;
  --icon-filter:brightness(0) saturate(100%) invert(13%) sepia(9%) saturate(731%) hue-rotate(99deg);
  color-scheme:light; background:#27312a;
  font-family:Inter,Aptos,"Segoe UI",Arial,sans-serif;
}
html[data-surface="pwa"] body { margin:0; overflow:hidden; background:#27312a; min-height:100dvh; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position:fixed; z-index:1000; top:8px; left:8px; transform:translateY(-160%); padding:12px; background:var(--panel); color:var(--ink); }
.skip-link:focus { transform:none; }
.scene-shell { position:fixed; inset:0; overflow:hidden; background:#27312a; }
.main-frame-stage { position:absolute; inset:0; width:100%; height:100%; }
.main-frame-image { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; pointer-events:none; user-select:none; }
.paper-ui-shell {
  --edge:polygon(.4% .6%,5% .2%,9% .5%,14% .1%,19% .4%,24% .2%,30% .5%,35% .1%,41% .4%,46% .2%,52% .4%,57% .1%,63% .3%,69% .1%,74% .5%,80% .2%,85% .4%,91% .1%,96% .4%,99.6% .6%,99.8% 7%,99.5% 14%,99.8% 21%,99.5% 29%,99.9% 36%,99.6% 43%,99.9% 51%,99.6% 58%,99.9% 66%,99.6% 74%,99.9% 81%,99.6% 88%,99.9% 95%,99.4% 99.4%,94% 99.8%,89% 99.5%,83% 99.9%,78% 99.6%,72% 99.8%,66% 99.5%,60% 99.8%,54% 99.5%,48% 99.9%,42% 99.6%,36% 99.8%,30% 99.5%,24% 99.9%,18% 99.6%,12% 99.9%,6% 99.6%,.5% 99.4%,.2% 93%,.5% 86%,.1% 79%,.4% 72%,.1% 64%,.4% 57%,.1% 49%,.4% 42%,.1% 34%,.4% 27%,.1% 20%,.4% 13%,.1% 6%);
  position:absolute; inset:max(12px,env(safe-area-inset-top)) max(12px,2vw,calc((100vw - min(1440px,100dvh * 2.2))/2)) max(12px,env(safe-area-inset-bottom));
  display:grid; grid-template-rows:auto minmax(0,1fr); min-width:0; min-height:0;
  color:var(--ink); background:transparent; font-size:16px; line-height:1.45;
  container-type:inline-size; isolation:isolate;
}
.paper-ui-shell::before {
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:linear-gradient(#fff8eb65,#f9efdf80),url("assets/askmos-main-frame.png") 50% 35% / 300% 280%;
  clip-path:var(--edge);
}
.paper-ui-shell { filter:drop-shadow(0 2px 1px #2f241d40) drop-shadow(3px 10px 18px #15221945); }
.frame-header { display:grid; grid-template-columns:140px 204px minmax(140px,1fr) 44px; align-items:center; gap:12px; padding:14px 70px 10px 34px; min-width:0; }
.frame-brand-block { display:grid; grid-template-columns:auto minmax(0,1fr); grid-template-rows:auto auto; align-items:center; gap:2px; min-width:0; }
.frame-brand { grid-column:2; grid-row:1; position:relative; display:block; width:136px; max-width:100%; aspect-ratio:696/285; }
.frame-brand .brand-image { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; filter:none !important; }
.frame-epis-link { grid-column:2; grid-row:2; width:fit-content; color:#55594e; font:18px/1 Georgia,"Palatino Linotype",serif; letter-spacing:-.04em; white-space:nowrap; text-shadow:0 0 6px #fff4dbcc,0 0 12px #ffedc988; text-decoration:none; }
.frame-epis-link:hover { color:var(--copper); text-decoration:underline; }
.frame-page-nav { position:static !important; inset:auto !important; display:flex !important; width:auto !important; min-height:44px !important; gap:6px; border:0 !important; background:transparent !important; padding:0 !important; transform:none !important; }
.frame-page-nav::before { display:none !important; }
.frame-page-nav button { position:relative; flex:1; min-height:44px; border:0; border-bottom:1px solid transparent; padding:8px 6px; background:transparent; color:var(--stone); font:500 14px/1.2 Inter,"Segoe UI",sans-serif; cursor:pointer; }
.frame-page-nav button[aria-current="page"] { color:var(--copper); border-bottom-color:var(--copper); background:transparent; font-weight:650; }
.frame-page-nav button:hover { color:var(--ink); }
.frame-search { display:grid; grid-template-columns:18px minmax(0,1fr) auto; align-items:center; gap:8px; min-width:0; min-height:42px; padding:0 10px; border:1px solid #b2a59180; border-radius:10px; background:#fcf7ed35; }
.frame-search[hidden] { visibility:hidden; display:grid !important; }
.frame-search img { width:17px; height:17px; filter:var(--icon-filter); }
.frame-search input { width:100%; min-width:0; min-height:40px; font-size:16px; padding:0; border:0; background:transparent; outline:none; color:var(--ink); }
.frame-search:focus-within { outline:2px solid var(--focus); outline-offset:2px; }
.frame-search input::placeholder { color:var(--stone); opacity:1; }
.frame-search kbd { font:12px/1 ui-monospace,monospace; color:var(--stone); }
.frame-tools { position:relative; z-index:100; }
.frame-tools > summary, .frame-icon-button { display:grid; place-items:center; width:44px; height:44px; border:1px solid transparent; border-radius:2px; color:var(--ink); background:transparent; list-style:none; font-size:20px; cursor:pointer; }
.frame-tools > summary::-webkit-details-marker { display:none; }
.frame-tools > summary:hover, .frame-tools[open] > summary, .frame-icon-button:hover { color:var(--copper); background:transparent; }
.frame-tools[open] { position:static; grid-column:1/-1; grid-row:2; }
.frame-tools[open] > summary { position:absolute; right:70px; top:20px; color:var(--copper); }
.frame-utilities { position:static; grid-column:1/-1; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:4px 20px; padding:4px 0 8px; border:0; border-bottom:1px solid #ad9e8a60; background:transparent; box-shadow:none; }
.frame-tools:not([open]) .frame-utilities, .frame-utilities [hidden] { display:none !important; }
.frame-utilities .frame-icon-button,.frame-account-status { width:auto; min-height:44px; height:auto; padding:8px 4px; border:0; background:transparent; color:var(--ink); font:14px/1.3 "Segoe UI",sans-serif; cursor:pointer; }
.frame-utilities button:hover { color:var(--copper); text-decoration:underline; text-underline-offset:5px; }
.offline-status { grid-column:1/-1; font-size:12px; color:var(--copper); }
.frame-back { grid-column:1; grid-row:1/3; width:24px; }
.frame-back[hidden] { display:none !important; }
html[data-surface="pwa"] #main { padding:0 36px 18px; min-width:0; min-height:0; overflow:hidden; }
html[data-surface="pwa"] .view { height:100%; min-height:0; min-width:0; }
.paper-workspace { display:grid !important; grid-template-columns:126px minmax(0,1fr) minmax(280px,39%); gap:18px !important; }
.workspace-kicker,.workspace-mini,.workspace-columns,.workspace-section-label,.workspace-list-heading h1,.workspace-list-count { font-family:ui-monospace,"SFMono-Regular",Consolas,monospace; font-size:12px; line-height:1.35; letter-spacing:.025em; }
.workspace-kicker,.workspace-section-label { color:var(--ink); text-transform:uppercase; }
.workspace-muted,.workspace-mini { color:var(--stone); }
.workspace-muted { font-size:14px; }
.workspace-sidebar { min-width:0; padding:16px 12px 0 0; border-right:1px solid #ad9e8a45; }
.workspace-sidebar > .workspace-kicker { display:block; margin-bottom:22px; }
.workspace-nav-item { display:grid; grid-template-columns:22px minmax(0,1fr) auto; align-items:center; gap:7px; width:100%; min-height:48px; padding:6px 0; border:0; background:transparent; color:var(--stone); font-size:14px; text-align:left; cursor:pointer; }
.workspace-nav-item[aria-current="page"] { color:var(--copper); }
.workspace-nav-glyph { font-size:18px; }
.workspace-nav-count { font:12px/1.2 ui-monospace,monospace; }
.workspace-all-link { display:block; min-height:40px; padding:8px 0; margin:10px 0 0; border:0; background:transparent; color:var(--stone); font-size:13px; cursor:pointer; }
.workspace-all-link[aria-pressed="true"] { color:var(--copper); }
.workspace-smart-row,.workspace-filter-row { display:flex; flex-wrap:wrap; gap:4px; }
.workspace-filter-chip { min-height:36px; border:1px solid transparent; border-radius:2px; padding:6px; background:transparent; color:var(--stone); font-size:12px; cursor:pointer; }
.workspace-filter-chip[aria-pressed="true"] { color:var(--copper); border-bottom-color:var(--copper); }
.workspace-filter-tools { position:relative; margin-top:8px; }
.workspace-filter-tools > summary { min-height:36px; padding-block:8px; font-size:12px; color:var(--stone); cursor:pointer; list-style:none; }
.workspace-filter-tools > summary::before { content:"＋ "; color:var(--copper); }
.workspace-filter-body { position:absolute; top:100%; left:0; z-index:50; width:220px; display:grid; gap:8px; padding:12px; border:1px solid var(--line); background:var(--panel); box-shadow:0 8px 20px #3e312126; }
.workspace-filter-body { max-height:min(300px,30dvh); overflow:auto; }
.workspace-list-pane { display:flex; flex-direction:column; min-width:0; min-height:0; padding-top:14px; }
.workspace-list-heading { display:flex; align-items:baseline; gap:10px; min-height:38px; }
.workspace-list-heading h1 { margin:0; max-width:none; color:var(--ink); font-weight:600; }
.workspace-list-count { color:var(--copper); }
.workspace-columns,.workspace-list-row { display:grid; grid-template-columns:minmax(0,1fr) 68px; gap:10px; }
.workspace-columns { flex:none; align-items:center; min-height:32px; border-bottom:1px solid #ad9e8a50; color:var(--stone); font-size:11px; }
.workspace-columns > :nth-child(2),.workspace-type-cell { display:none; }
.workspace-list { flex:1 1 0; min-height:0; height:auto; overflow-y:auto; overflow-x:hidden; padding:3px 5px 10px 2px; scrollbar-width:thin; scrollbar-color:#b6a78f70 transparent; }
.workspace-list-row { position:relative; align-items:center; width:100%; min-height:58px; border:0; border-bottom:1px solid #ad9e8a40; padding:9px 10px; background:transparent; color:var(--ink); text-align:left; cursor:pointer; }
.workspace-list-row:hover { background:#fff7e845; }
.workspace-list-row.is-selected { z-index:1; background:linear-gradient(95deg,#fff8eb65,#f6ead720); box-shadow:inset 2px 0 var(--copper); border-bottom-color:#ad9e8a40; }
.workspace-list-row.is-selected::after { content:""; position:absolute; right:0; width:4px; height:4px; background:var(--copper); }
.workspace-title-cell { display:grid; gap:3px; min-width:0; }
.workspace-title-cell strong { font-size:15px; line-height:1.35; font-weight:600; overflow-wrap:anywhere; }
.workspace-title-cell small { font:12px/1.3 ui-monospace,monospace; color:var(--stone); }
.workspace-row-version { font:11px/1.4 ui-monospace,monospace; color:var(--stone); overflow-wrap:anywhere; }
.workspace-list-row.is-selected .workspace-row-version { color:var(--copper); }
.workspace-empty { padding:36px 12px; color:var(--stone); text-align:center; }
.workspace-empty p { margin-top:12px; font-size:15px; }
.workspace-inspector { position:relative; display:grid; grid-template-rows:minmax(0,1fr) auto; min-width:0; min-height:0; padding:12px 4px 0; }
.workspace-inspector > .workspace-kicker,.workspace-inspector > .workspace-inspector-title,.workspace-inspector > .workspace-muted { display:none; }
.workspace-detail-back { display:none; }
.workspace-detail-sheet { position:relative; z-index:0; display:grid; grid-template-columns:28px minmax(0,1fr); min-width:0; min-height:0; margin:0 3px 16px; isolation:isolate; transform:rotate(-.25deg); filter:drop-shadow(0 1px 1px #5a432e70) drop-shadow(3px 5px 5px #3a2e212b); }
.workspace-detail-sheet::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; clip-path:var(--edge); background:linear-gradient(100deg,#fff7e94d,#f5e8d633),url("assets/askmos-main-frame.png") 53% 22% / 500% 600%; }
.workspace-trace { position:relative; margin-block:22px; border-right:1px dotted #b84d2a80; }
.workspace-trace::before,.workspace-trace::after { content:""; position:absolute; right:-4px; width:7px; height:7px; border:1px solid var(--copper); background:#f7efdf; }
.workspace-trace::before { top:10px; }
.workspace-trace::after { bottom:10px; }
.workspace-detail-content { min-width:0; min-height:0; overflow:auto; margin:18px 6px 18px 0; padding:8px 18px 12px 18px; scrollbar-width:thin; scrollbar-color:#b6a78f70 transparent; }
.workspace-version { color:var(--copper); font:600 12px/1.4 ui-monospace,monospace; }
.workspace-mini { display:block; margin-top:5px; font-size:11px; overflow-wrap:anywhere; }
.workspace-detail-content h3 { margin:18px 0 10px; font:400 25px/1.15 Georgia,"Times New Roman",serif; letter-spacing:-.025em; }
.workspace-detail-description { font-size:14px; line-height:1.5; color:#565950; }
.workspace-section-label { display:block; margin:18px 0 7px; font-size:11px; }
.workspace-fields { border-top:1px solid #ad9e8a70; }
.workspace-field-row { display:grid; grid-template-columns:20px minmax(0,1fr); gap:2px 8px; padding:9px 0; border-bottom:1px solid #ad9e8a45; }
.workspace-field-index { grid-row:1/3; font:11px/1.4 ui-monospace,monospace; color:var(--copper); }
.workspace-field-label { font-size:13px; line-height:1.4; font-weight:550; }
.workspace-field-type { grid-column:2; font-size:12px; color:var(--stone); }
.workspace-detail-meta { margin-top:22px; padding-top:12px; border-top:1px solid #ad9e8a55; }
.workspace-prompt-preview { font:14px/1.6 ui-monospace,monospace; overflow-wrap:anywhere; }
.workspace-inspector-actions { display:grid; grid-template-columns:minmax(0,1fr) 44px; gap:6px; min-width:0; }
.workspace-primary { grid-column:1/-1; position:relative; min-height:44px; border:1px solid #86321d; border-radius:2px; padding:10px 32px 10px 14px; background:#a1391d; color:#fffaf3; font-size:14px; text-align:left; cursor:pointer; box-shadow:0 1px 2px #4b351d25; }
.workspace-primary::after { content:"→"; position:absolute; right:14px; }
.workspace-secondary { min-height:40px; border:1px solid #ad9e8a70; border-radius:2px; padding:8px 14px; background:#fff8ec50; color:var(--ink); font-size:14px; text-align:left; cursor:pointer; }
.workspace-more { position:relative; }
.workspace-more > summary { display:grid; place-items:center; min-height:40px; border:1px solid #ad9e8a70; border-radius:2px; background:#fff8ec50; color:var(--stone); cursor:pointer; list-style:none; }
.workspace-more > summary::-webkit-details-marker { display:none; }
.workspace-more-menu { position:absolute; z-index:80; right:0; bottom:calc(100% + 8px); display:grid; min-width:224px; padding:8px; border:1px solid var(--line); background:var(--panel); box-shadow:0 5px 20px #3a2e2126; }
.workspace-menu-item { min-height:44px; border:0; background:transparent; color:var(--ink); padding:10px 12px; text-align:left; font-size:14px; cursor:pointer; }
.workspace-menu-item:hover { color:var(--copper); background:#ede2cf; }
.workspace-snackbar { position:absolute; z-index:100; right:12px; bottom:12px; max-width:90%; padding:12px 16px; background:#24392f; color:#fff8ed; font-size:14px; }
/* The original editor, runner and home remain live, using these same light tokens. */
html[data-surface="pwa"] .view:not(.paper-workspace) { overflow:auto; align-content:start; gap:20px; padding:16px 4px; scrollbar-width:thin; }
html[data-surface="pwa"] .view:not(.paper-workspace) h1 { max-width:none; font:400 30px/1.15 Georgia,"Times New Roman",serif; letter-spacing:-.025em; }
html[data-surface="pwa"] .view:not(.paper-workspace) h2 { font-size:21px; line-height:1.3; }
html[data-surface="pwa"] .view:not(.paper-workspace) h3 { font-size:18px; }
html[data-surface="pwa"] :is(.lede,.microcopy,.help,.field-label,.text-button,.editor-example summary) { font-size:14px; line-height:1.5; }
html[data-surface="pwa"] :is(.eyebrow,.editor-actionbar-label,.editor-intro strong,.macro-marker) { font-size:12px; line-height:1.4; }
html[data-surface="pwa"] :is(.panel,.option,.unknown-option,.checkbox-row,.preview-box) { background:#fbf5ead9; border-color:var(--line-soft); box-shadow:none; }
html[data-surface="pwa"] .panel { padding:18px; gap:14px; }
html[data-surface="pwa"] .button { min-height:44px; padding:10px 14px; font-size:14px; border-radius:2px; }
html[data-surface="pwa"] .button.primary,html[data-surface="pwa"] .button.copper { background:var(--primary); border-color:#943014; color:#fffaf3; }
html[data-surface="pwa"] :is(input,textarea,select,.template-builder) { font-size:16px; min-width:0; max-width:100%; }
html[data-surface="pwa"] .macro-action { background:#fff8eb55; min-height:62px; }
html[data-surface="pwa"] .macro-board { max-width:1040px; margin-inline:auto; }
html[data-surface="pwa"] .macro-actions { gap:12px; }
html[data-surface="pwa"] .macro-action { border:0; border-bottom:1px solid var(--line-soft); border-radius:0; padding:14px; }
html[data-surface="pwa"] .macro-action:hover { background:#fff8eb90; border-bottom-color:var(--copper); }
html[data-surface="pwa"] .macro-action span { font-size:16px; line-height:1.35; }
html[data-surface="pwa"] .folder-action span { font-size:13px; }
html[data-surface="pwa"] .editor-actionbar,html[data-surface="pwa"] .editor-history { flex-wrap:wrap; }
html[data-surface="pwa"] :is(.product-footer,.footer-note) { display:none; }
:focus-visible { outline:2px solid var(--focus); outline-offset:3px; }
button:disabled { opacity:.55; cursor:not-allowed; }

/* Scene mode only where cover preserves all four sides of the paper safe area.
   Non-fullscreen/short/wide windows use a fitted physical paper workspace. */
@media (min-width:1280px) and (min-height:640px) and (min-aspect-ratio:3/2) and (max-aspect-ratio:43/20) {
  .main-frame-stage { inset:auto; left:50%; top:50%; width:max(100vw,calc(100dvh * 1672 / 941)); height:auto; aspect-ratio:1672/941; transform:translate(-50%,-50%); }
  .main-frame-image { object-fit:fill; }
  .paper-ui-shell { inset:auto; left:21.95%; top:9.25%; width:54.35%; height:68.55%; filter:none; }
  .paper-ui-shell::before { display:none; }
  .frame-epis-link { position:fixed; left:calc((100% - 100vw)/2 + 28px); top:calc((100% - 100dvh)/2 + 24px); font:32px/1 Georgia,"Palatino Linotype",serif; color:#171916; text-shadow:0 0 8px #fff4db,0 0 18px #ffe7bdbb,0 0 28px #ffe7bd66; }

}
@media (min-width:760px) and (max-width:1679px) {
  .paper-workspace { grid-template-columns:minmax(0,1fr) minmax(270px,43%); grid-template-rows:auto minmax(0,1fr); gap:10px 20px !important; }
  .workspace-sidebar { grid-column:1/-1; display:flex; align-items:center; flex-wrap:wrap; gap:4px 10px; padding:4px 0 6px; border:0; border-bottom:1px solid #ad9e8a50; }
  .workspace-sidebar > .workspace-kicker,.workspace-nav-glyph { display:none; }
  .workspace-nav-item { display:flex; width:auto; min-height:38px; gap:6px; padding:4px; }
  .workspace-all-link,.workspace-filter-tools { margin:0; }
  .workspace-smart-row { margin-left:auto; }
  .workspace-list-pane { padding-top:0; }
  .workspace-inspector { padding-top:3px; }
}
@media (min-width:760px) and (max-height:639px) {
  .paper-workspace { grid-template-columns:minmax(0,1fr) minmax(280px,42%); grid-template-rows:auto minmax(0,1fr); }
  .workspace-sidebar { grid-column:1/-1; display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:0; border:0; }
  .workspace-sidebar > .workspace-kicker,.workspace-nav-glyph { display:none; }
  .workspace-nav-item { display:flex; width:auto; min-height:36px; padding:4px; }
  .workspace-all-link,.workspace-filter-tools { margin:0; }
  .frame-header { padding-block:8px; }
}
@media (min-width:760px) and (max-width:1679px) and (min-height:640px) {
  .workspace-detail-content { margin-block:12px; padding:6px 12px 10px; }
  .workspace-detail-content h3 { margin-block:12px 8px; }
  .workspace-section-label { margin-top:12px; }
}
@media (max-width:759px) {
  .paper-ui-shell { inset:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom)); padding-bottom:62px; }
  .frame-header { grid-template-columns:minmax(0,1fr) 44px; grid-template-rows:auto auto; gap:10px; padding:12px 20px; }
  .frame-brand-block { display:flex; gap:12px; }
  .frame-brand { flex:0 0 124px; }
  .frame-epis-link { font-size:18px; min-height:44px; display:flex; align-items:center; }
  .frame-tools { grid-column:2; grid-row:1; }
  .frame-tools[open] { grid-column:1/-1; grid-row:3; }
  .frame-tools[open] > summary { right:20px; top:12px; }
  .frame-utilities { grid-row:3; justify-content:flex-start; gap:0 14px; }
  .frame-search { grid-column:1/-1; grid-row:2; }
  .frame-search[hidden] { display:none !important; }
  .frame-search kbd { display:none; }
  html[data-mobile-detail="true"] .frame-search { display:none !important; }
  .frame-page-nav { position:absolute !important; inset:auto 12px 0 !important; min-height:62px !important; padding:6px 0 !important; background:#f7efe2 !important; border-top:1px solid var(--line-soft) !important; z-index:90; }
  .frame-page-nav button { min-height:48px; }
  .frame-page-nav button[aria-current="page"] { background:#eee1cd80; }
  html[data-surface="pwa"] #main { padding:0 20px 12px; }
  .paper-workspace { display:flex !important; flex-direction:column; gap:0 !important; }
  .workspace-sidebar { flex:none; display:flex; flex-wrap:wrap; align-items:center; gap:4px; padding:4px 0 6px; border:0; border-bottom:1px solid #ad9e8a50; }
  .workspace-sidebar > .workspace-kicker,.workspace-nav-glyph { display:none; }
  .workspace-nav-item { flex:1 1 auto; display:flex; justify-content:center; width:auto; min-height:44px; gap:5px; }
  .workspace-all-link { margin:0; min-height:44px; }
  .workspace-smart-row { flex:1; }
  .workspace-filter-chip,.workspace-filter-tools > summary { min-height:44px; }
  .workspace-filter-tools { margin:0; }
  .workspace-filter-body { left:auto; right:0; }
  .workspace-list-pane { flex:1 1 0; padding:0; }
  .workspace-list-heading { align-items:center; min-height:40px; }
  .workspace-columns { display:none; }
  .workspace-list-row { min-height:68px; padding:10px; }
  .workspace-title-cell strong { font-size:16px; }
  .workspace-inspector { flex:1 1 0; grid-template-rows:auto minmax(0,1fr) auto; padding-top:0; }
  .workspace-detail-back { display:block; justify-self:start; min-height:44px; border:0; padding:6px 0; background:transparent; color:var(--copper); font-size:14px; cursor:pointer; }
  .workspace-detail-sheet { grid-template-columns:20px minmax(0,1fr); margin:4px 2px 12px; }
  .workspace-detail-content { margin-block:16px; padding:8px 16px 12px; }
  .workspace-detail-content h3 { font-size:27px; }
  .workspace-field-label { font-size:14px; }
  .workspace-inspector-actions { grid-template-columns:minmax(0,1fr) auto 44px; gap:6px; }
  .workspace-primary { grid-column:auto; min-height:48px; padding:8px 12px; }
  .workspace-primary::after { display:none; }
  .workspace-secondary,.workspace-more > summary { min-height:48px; }
  .workspace-more-menu { bottom:56px; }
  .workspace-snackbar { bottom:66px; }
}
@media (max-width:359px) {
  .frame-header { padding-inline:16px; }
  .frame-tools[open] > summary { right:16px; }
  .frame-brand-block { gap:6px; }
  .frame-brand { flex-basis:104px; }
  .frame-epis-link { font-size:16px; }
  html[data-surface="pwa"] .folder-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .workspace-inspector-actions { gap:4px; }
  .workspace-primary,.workspace-secondary { font-size:13px; padding-inline:7px; }
}
.account-dialog { width:min(480px,calc(100vw - 28px)); max-height:calc(100dvh - 28px); overflow:auto; padding:26px; border:1px solid var(--line); border-radius:3px; background:var(--panel); color:var(--ink); box-shadow:0 10px 40px #1b251b55; }
.account-dialog::backdrop { background:#18251b88; }
.account-dialog h2 { font:400 27px/1.2 Georgia,serif; }
.account-dialog p { margin-top:14px; color:var(--stone); font-size:15px; line-height:1.55; }
.account-dialog .toolbar { display:flex; gap:8px; flex-wrap:wrap; margin-top:16px; }
.account-dialog .button { min-height:44px; }
.account-dialog ul { padding-left:20px; font-size:14px; }
.account-dialog [hidden] { display:none !important; }
.drive-location { display:flex; flex-wrap:wrap; gap:8px 18px; margin-top:18px; }
.drive-location a { min-height:44px; display:inline-flex; align-items:center; color:var(--copper); text-underline-offset:4px; font-size:14px; }
.update-notice { position:fixed; z-index:200; top:12px; left:50%; transform:translateX(-50%); width:min(540px,calc(100vw - 24px)); padding:12px 16px; border:1px solid var(--line); background:#faf3e6; color:var(--ink); box-shadow:0 3px 14px #18251b30; font:14px/1.45 "Segoe UI",sans-serif; }
.update-notice[hidden] { display:none; }
.update-notice summary { cursor:pointer; font-weight:600; }
.update-notice p { margin:10px 0 0; }
@media (prefers-reduced-motion:reduce) { * { transition:none !important; animation:none !important; scroll-behavior:auto !important; } }

/* Owner-requested UI refinements; the scene and main-paper assets stay intact. */
.frame-epis-link .epis-word,.frame-epis-link .epis-arrow { color:#c34b19; }
.frame-epis-link .mos-word { color:#111; }
.frame-tools > summary { border:1px solid #a1391d80; border-radius:8px; color:var(--copper); background:#fff7e833; }
.frame-tools > summary svg { width:24px; height:24px; stroke-width:1.8; }
.frame-tools > summary:hover,.frame-tools[open] > summary { background:#a1391d12; border-color:var(--copper); }
.workspace-list { padding:5px 5px 8px; }
.frame-epis-link .epis-arrow { margin-left:5px; font-size:.7em; letter-spacing:0; }

/* A separate transparent paper asset supplies the actual deckle and shadow. */
.workspace-list-row { isolation:isolate; transition:transform .16s ease; }
.workspace-list-row::before {
  content:""; position:absolute; z-index:-1; inset:-23px -10px -26px;
  pointer-events:none; opacity:0;
  background:url("assets/askmos-paper-row-rc7.png") center / 100% 100% no-repeat;
}
.workspace-list-row:is(:hover,:focus-visible,.is-selected) {
  z-index:2; transform:translateY(-2px); background:transparent;
  border-bottom-color:transparent; box-shadow:none;
}
.workspace-list-row:is(:hover,:focus-visible,.is-selected)::before { opacity:1; }
.workspace-list-row:is(:hover,:focus-visible) { z-index:3; }
.workspace-list-row.is-selected .workspace-title-cell { border-left:2px solid var(--copper); padding-left:8px; }
@media (prefers-reduced-motion:reduce) { .workspace-list-row { transition:none; } }
/* rc7 fidelity pass: layout and density follow the supplied library mockup. */
@media (min-width:1280px) {
  .paper-workspace { grid-template-columns:140px minmax(0,1fr) minmax(250px,32%); grid-template-rows:minmax(0,1fr); gap:20px !important; }
  .workspace-sidebar { grid-column:auto; display:block; padding:16px 12px 0 0; border-right:1px solid #ad9e8a45; border-bottom:0; }
  .workspace-sidebar > .workspace-kicker { display:block; }
  .workspace-nav-item { display:grid; width:100%; min-height:44px; }
  .workspace-nav-glyph { display:block; }
  .workspace-columns,.workspace-list-row { grid-template-columns:minmax(0,1fr) 70px 78px; gap:8px; }
  .workspace-columns > :nth-child(2),.workspace-type-cell { display:flex; align-items:center; gap:5px; font:10px/1.3 ui-monospace,monospace; }
  .workspace-list-row { min-height:44px; padding:7px 10px; }
  .workspace-title-cell strong { font:500 13px/1.3 ui-monospace,monospace; }
  .workspace-title-cell small { font:10px/1.3 ui-monospace,monospace; }
  .workspace-row-version { font-size:10px; }
  .workspace-inspector { grid-template-rows:auto auto auto minmax(0,1fr) auto; padding-top:12px; }
  .workspace-inspector > .workspace-kicker { display:block; font-size:10px; }
  .workspace-inspector > .workspace-inspector-title { display:block; font:400 27px/1.1 Georgia,serif; margin:8px 0 4px; }
  .workspace-inspector > .workspace-muted { display:block; margin:0 0 8px; font:12px/1.4 ui-monospace,monospace; }
  .workspace-detail-content { margin:18px 6px 18px 0; padding:6px 14px 8px; }
  .workspace-detail-content h3 { font-size:23px; margin:18px 0 8px; }
  .workspace-detail-description { font:11px/1.5 ui-monospace,monospace; }
  .workspace-section-label { margin-top:16px; font-size:10px; }
  .workspace-field-row { grid-template-columns:16px minmax(0,1fr) 48px; gap:6px; padding:5px 0; }
  .workspace-field-index { grid-row:auto; font-size:10px; }
  .workspace-field-label { font:500 11px/1.3 ui-monospace,monospace; }
  .workspace-field-type { grid-column:auto; font:10px/1.3 ui-monospace,monospace; }
  .workspace-detail-meta { margin-top:16px; padding-top:10px; }
  .workspace-detail-meta .workspace-mini { font-size:9px; }
}
.workspace-detail-sheet { filter:none; transform:none; }
.workspace-detail-sheet::before { clip-path:none; inset:-12px; background:url("assets/askmos-paper-portrait-texture-rc7.png") center / 118% 124% no-repeat; background-origin:padding-box; background-clip:padding-box; border:18px solid transparent; border-image:url("assets/askmos-paper-row-faithful-rc7.png") 250 130 280 130 / 18px / 0 stretch; }
.workspace-list-row::before { inset:-12px -8px -12px; background:none; border:16px solid transparent; border-image:url("assets/askmos-paper-row-faithful-rc7.png") 250 130 280 130 fill / 16px / 0 stretch; }
.workspace-list-row:is(:hover,:focus-visible,.is-selected) { transform:translateY(-1px); }
.workspace-list-row.is-selected .workspace-title-cell { border-left:0; padding-left:0; }@container (min-width:600px) and (max-width:850px) {
  .paper-workspace { grid-template-columns:minmax(0,1fr) minmax(250px,42%); grid-template-rows:auto minmax(0,1fr); }
  .workspace-sidebar { grid-column:1/-1; display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px; padding:4px 0 6px; border-right:0; border-bottom:1px solid #ad9e8a50; }
  .workspace-sidebar > .workspace-kicker,.workspace-nav-glyph { display:none; }
  .workspace-nav-item { display:flex; width:auto; gap:6px; padding:4px; }
  .workspace-columns,.workspace-list-row { grid-template-columns:minmax(0,1fr) 68px; }
  .workspace-columns > :nth-child(2),.workspace-type-cell { display:none; }
  .workspace-inspector { grid-template-rows:minmax(0,1fr) auto; }
  .workspace-inspector > .workspace-kicker,.workspace-inspector > .workspace-inspector-title,.workspace-inspector > .workspace-muted { display:none; }
}