/* CoFlow shell. Original views and event handlers remain the owners of data. */
:root{--canvas:#f5f5f5;--surface:#fff;--surface-2:#f5f5f5;--surface-3:#ededed;--line:#e6e6e6;--line-2:#d4d4d4;--accent:#202420;--accent-soft:#efefee;--accent-line:#c8cec7;--accent-ink:#242824;--ring:rgba(53,75,55,.25);--sans:'OPPO Sans Web',-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;--r-lg:20px}
:root[data-theme=dark]{--canvas:#0d100c;--surface:#181b16;--surface-2:#21251e;--surface-3:#2b3027;--line:#30352b;--line-2:#484f40;--accent:#dce4d4;--accent-soft:#2b3226;--accent-line:#66705d;--accent-ink:#e0e8d8;--solid:#f5f6f2;--solid-ink:#171b15}
.rail{background:var(--surface-2);width:210px;border-right:1px solid var(--line)}
.mark b{font-size:20px;letter-spacing:-.7px}.mark-en{font-size:9px;letter-spacing:1.5px}.mark-sq{border-radius:50%;background:var(--solid);color:var(--solid-ink)}
.rail-new{border:1px solid var(--line);border-radius:10px;background:var(--surface);min-height:42px;margin-bottom:20px}
.rail .nav{border-radius:9px;min-height:36px}.rail .nav[aria-current=page]{background:var(--surface-3);color:var(--ink)}
/* Rail footer: three equal icon buttons (language, classic UI, theme); the words are their tooltips (60-render.js). */
.rail-tools{gap:4px;padding-top:8px;border-top:1px solid var(--line)}.rail-tools .nav{min-height:34px;border-radius:9px}
.top{background:var(--surface);border-bottom:1px solid var(--line)}
#v-studio{padding:0!important;overflow:hidden}#v-studio .ods-app{border:0;border-radius:18px;min-height:calc(100dvh - 76px)}
@media(max-width:1000px){.rail{width:210px}}
/* 新建 / OPPO design: the studio takes the whole width; the rail is a drawer behind ≡ (99c-coflow.js). */
@media(min-width:1001px){
html[data-coflow-focus] .app{grid-template-columns:minmax(0,1fr)}
html[data-coflow-focus] .rail{display:flex;position:fixed;left:0;top:0;bottom:0;z-index:70;width:246px;transform:translateX(-102%);visibility:hidden;transition:transform .25s cubic-bezier(.3,0,.1,1),visibility 0s .25s}
html[data-coflow-focus] .rail.open{transform:none;visibility:visible;box-shadow:var(--pop);transition:transform .25s cubic-bezier(.3,0,.1,1)}
}
html[data-coflow-focus] #v-studio .ods-app{border-radius:0;min-height:0;height:calc(100dvh - 49px)}
/* 大屏上工作区跟着窗口变宽（用户 2026-10-14：「在大屏幕上工作区域的布局可以自适应扩大一些」）；
   说明文字自己有 64ch 的上限，不会拉成一长行。 */
@media(min-width:1600px){.view,#cv-home{max-width:none}}