create-pmos 0.512.0 → 0.514.0

package/workspace/public/pm/premium-vw-meet.css

@@ -2,26 +2,26 @@
 @font-face{font-family:"IBM Plex Mono";src:url(/vendor/ibm-plex-mono-400.woff2) format("woff2");font-weight:400;font-display:swap}
 @font-face{font-family:"IBM Plex Mono";src:url(/vendor/ibm-plex-mono-500.woff2) format("woff2");font-weight:500;font-display:swap}
 @font-face{font-family:"IBM Plex Mono";src:url(/vendor/ibm-plex-mono-700.woff2) format("woff2");font-weight:600 700;font-display:swap}
-:root{--fs-1:11px;--fs-2:12px;--fs-3:14px;--fs-4:16px;--fs-5:20px;--fs-6:28px}
+:root{--fw-regular:400;--fw-strong:600;--fs-field:16px;--fs-display:26px;--fs-page:26px;--fs-panel:18px;--fs-section:15px;--fs-row:15px;--fs-body:15px;--fs-meta:13px;--fs-label:13px;--fs-badge:13px;--lh-display:1.2;--lh-page:1.2;--lh-panel:1.3;--lh-section:1.35;--lh-row:1.4;--lh-body:1.6;--lh-meta:1.5;--lh-label:1.35;--lh-badge:1.2}
 /* pm/premium-vw-meet.css — the meeting detail as the console's note sheet (initiative premium-viewer, S3; premium-vw-meet.js).
  * Loaded once by vmStyle(). Sizes are only var(--fs-1..6), weights 400/500/600 (premium-console-type.test.js). */
-.vm .vm-ln{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 0;font-size:var(--fs-3);color:var(--ink-2)}
+.vm .vm-ln{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 0;font-size:var(--fs-body);color:var(--ink-2);line-height:var(--lh-body);}
 .vm .vm-ln .i{width:16px;height:16px;flex:none;color:var(--ink-3)}
-.vm .vm-ln b{color:var(--ink);font-weight:600}
+.vm .vm-ln b{color:var(--ink);font-weight:var(--fw-strong)}
 .vm .mtg-link{margin:8px 0 4px}
 .vm .vm-about[hidden]{display:none}
-.vm .vm-ser{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 0;font:500 var(--fs-2) var(--mono);color:var(--ink-2)}
+.vm .vm-ser{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 0;font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--ink-2)}
 .vm .vm-ser>span{display:inline-flex;align-items:center;gap:6px}
 .vm .vm-ser .i{width:14px;height:14px}
 .vm .vm-ib{width:36px;height:36px;border-radius:6px;display:inline-grid;place-items:center;background:var(--well);color:var(--ink)}
 .vm .vm-ib:disabled{opacity:.4}
 .vm .vm-ib .i{width:16px;height:16px}
-.vm .vm-lk{min-height:36px;padding:0 8px;border-radius:6px;font-size:var(--fs-2);font-weight:500;color:var(--ink-3);text-decoration:underline;text-underline-offset:3px}
+.vm .vm-lk{min-height:36px;padding:0 8px;border-radius:6px;font-size:var(--fs-meta);font-weight:var(--fw-regular);color:var(--ink-3);text-decoration:underline;text-underline-offset:3px;line-height:var(--lh-meta);}
 @media (hover:hover){.vm .vm-lk:hover{color:var(--ink)}}
 .vm .vm-sh:focus-visible,.vm .vm-menu>summary:focus-visible,.vm .vm-mn button:focus-visible,.vm .vm-ib:focus-visible,.vm .vm-lk:focus-visible{outline:2px solid var(--ember);outline-offset:2px}
 /* the parts as one scroll: each part a fold with a plain head (no Before, During and After switch) */
 .vm .vm-part{margin:14px 0 0;border-top:1px solid var(--hair)}
-.vm .vm-part>summary.vm-sh{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;cursor:pointer;font-size:var(--fs-3);font-weight:600;color:var(--ink);border-radius:6px}
+.vm .vm-part>summary.vm-sh{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;cursor:pointer;font-size:var(--fs-row);font-weight:var(--fw-strong);color:var(--ink);border-radius:6px;line-height:var(--lh-row);}
 .vm .vm-part>summary::-webkit-details-marker{display:none}
 .vm .vm-part>summary::after{content:"";flex:none;width:8px;height:8px;margin:0 6px 4px 0;border-right:1.6px solid var(--ink-3);border-bottom:1.6px solid var(--ink-3);transform:rotate(45deg);transition:transform .2s}
 .vm .vm-part[open]>summary::after{margin-bottom:-4px;transform:rotate(-135deg)}
@@ -37,65 +37,65 @@
 .vm .vm-menu>summary{list-style:none;cursor:pointer}
 .vm .vm-menu>summary::-webkit-details-marker{display:none}
 .vm .vm-mn{position:absolute;z-index:6;top:calc(100% + 6px);left:0;min-width:250px;display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:8px;background:var(--card-solid,var(--card));box-shadow:inset 0 0 0 1px var(--hair),0 18px 40px -18px rgba(20,24,60,.45)}
-.vm .vm-mn button{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:6px;text-align:left;font-size:var(--fs-3);color:var(--ink)}
+.vm .vm-mn button{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:6px;text-align:left;font-size:var(--fs-body);color:var(--ink);line-height:var(--lh-body);}
 .vm .vm-mn button .i{width:16px;height:16px;color:var(--ink-3)}
 @media (hover:hover){.vm .vm-mn button:hover{background:var(--well)}}
 .vm .acts2>.why{flex:1 1 100%}
 .vm .acts2>.why p{margin:0 0 6px}
 .vm .acts2>.why[hidden]{display:none}
-.vm .vm-bx{background:var(--card-solid,var(--card));border:1px solid var(--hair);border-radius:8px;box-shadow:var(--card-shadow);padding:14px 18px;margin:0 0 12px;font-size:var(--fs-3);line-height:1.5}
-.vm .vm-cap{display:flex;align-items:center;gap:8px;font:600 var(--fs-1) var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:0 0 10px;margin:0 0 6px;border-bottom:1px solid var(--hair)}
+.vm .vm-bx{background:var(--card-solid,var(--card));border:1px solid var(--hair);border-radius:8px;box-shadow:var(--card-shadow);padding:14px 18px;margin:0 0 12px;font-size:var(--fs-body);line-height:1.5}
+.vm .vm-cap{display:flex;align-items:center;gap:8px;font:var(--fw-strong) var(--fs-badge)/var(--lh-badge) var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:0 0 10px;margin:0 0 6px;border-bottom:1px solid var(--hair)}
 .vm .vm-cap .i{width:14px;height:14px}
 .vm .vm-bx p{margin:0 0 8px;color:var(--ink-2)}
-.vm h5{margin:16px 0 6px;font-size:var(--fs-3);font-weight:600;color:var(--ink)}
-.vm h5 small{font-weight:500;font-size:var(--fs-2);color:var(--ink-3);margin-left:6px}
+.vm h5{margin:16px 0 6px;font-size:var(--fs-section);font-weight:var(--fw-strong);color:var(--ink);line-height:var(--lh-section);}
+.vm h5 small{font-weight:var(--fw-regular);font-size:var(--fs-meta);color:var(--ink-3);margin-left:6px;line-height:var(--lh-meta);}
 .vm .vm-ul{margin:0;padding-left:20px;color:var(--ink-2)}
-.vm .vm-ul em{font-style:normal;font-size:var(--fs-2);color:var(--ink-3)}
+.vm .vm-ul em{font-style:normal;font-size:var(--fs-meta);color:var(--ink-3);line-height:var(--lh-meta);}
 .vm .vm-agl>div{display:flex;align-items:center;gap:8px;padding:4px 0}
 .vm .vm-agl i{width:14px;height:14px;border-radius:6px;box-shadow:inset 0 0 0 1.5px var(--ink-3);flex:none;margin:0 1px}
 .vm .vm-agl .i{width:16px;height:16px;color:var(--ok);flex:none}
-.vm .vm-agl small{margin-left:auto;font-size:var(--fs-2);color:var(--ink-3)}
+.vm .vm-agl small{margin-left:auto;font-size:var(--fs-meta);color:var(--ink-3);line-height:var(--lh-meta);}
 .vm .vm-row{display:flex;gap:8px;flex-wrap:wrap}
-.vm .vm-pill{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:6px;background:var(--well);font-size:var(--fs-2);font-weight:500;color:var(--ink)}
+.vm .vm-pill{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:6px;background:var(--well);font-size:var(--fs-meta);font-weight:var(--fw-regular);color:var(--ink);line-height:var(--lh-meta);}
 @media (hover:hover){.vm a.vm-pill:hover{background:var(--b3,var(--well))}}
 .vm .vm-none{padding:12px 16px;border-radius:8px;background:var(--well)}
 .vm .vm-trn>div{display:grid;grid-template-columns:52px minmax(0,1fr);gap:8px;align-items:start;padding:5px 0}
 .vm .vm-trn p{margin:0;color:var(--ink-2)}
-.vm .vm-trn b{color:var(--ink);font-weight:600}
-.vm .vm-t{font:500 var(--fs-2) var(--mono);color:var(--ink-3);padding-top:1px}
+.vm .vm-trn b{color:var(--ink);font-weight:var(--fw-strong)}
+.vm .vm-t{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--ink-3);padding-top:1px}
 .vm .vm-sl{list-style:none;margin:0;padding:0}
 .vm .vm-si{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;padding:8px 0;border-top:1px solid var(--hair)}
 .vm .vm-si:first-child{border-top:0}
-.vm .vm-si b{display:block;font-weight:500;color:var(--ink)}
-.vm .vm-si small{display:flex;gap:8px;align-items:center;font-size:var(--fs-2);color:var(--ink-3);margin-top:2px}
+.vm .vm-si b{display:block;font-weight:var(--fw-regular);color:var(--ink)}
+.vm .vm-si small{display:flex;gap:8px;align-items:center;font-size:var(--fs-meta);color:var(--ink-3);margin-top:2px;line-height:var(--lh-meta);}
 .vm .vm-k{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;background:var(--well);color:var(--ink-3)}
 .vm .vm-k .i{width:14px;height:14px}
 .vm .vm-k.ok{color:var(--ok)}
 .vm .vm-k.new{color:var(--ember-ink)}
-.vm .vm-st{font:600 var(--fs-1) var(--mono);letter-spacing:.06em;text-transform:uppercase}
+.vm .vm-st{font:var(--fw-strong) var(--fs-badge)/var(--lh-badge) var(--mono);letter-spacing:.06em;text-transform:uppercase}
 .vm .vm-st.ok{color:var(--ok)}
 .vm .vm-st.warn,.vm .vm-st.new{color:var(--ember-ink)}
 .vm .vm-mrow{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:6px 0}
-.vm .vm-mrow b{font-weight:600}
+.vm .vm-mrow b{font-weight:var(--fw-strong)}
 .vm .vm-rp{display:flex;align-items:center;gap:10px;margin:10px 0 6px}
-.vm .vm-rp b{font-weight:600}
+.vm .vm-rp b{font-weight:var(--fw-strong)}
 .vm .vm-aud{width:100%;max-width:100%;margin:2px 0 4px}
 .vm .vm-sum{margin:12px 0 8px;line-height:1.6;color:var(--ink)}
-.vm .vm-tb{width:100%;border-collapse:collapse;margin:10px 0 6px;font-size:var(--fs-3)}
-.vm .vm-tb th{text-align:left;font:500 var(--fs-1) var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding:6px 10px 6px 0;border-bottom:1px solid var(--hair)}
+.vm .vm-tb{width:100%;border-collapse:collapse;margin:10px 0 6px;font-size:var(--fs-body);line-height:var(--lh-body);}
+.vm .vm-tb th{text-align:left;font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding:6px 10px 6px 0;border-bottom:1px solid var(--hair)}
 .vm .vm-tb td{padding:8px 10px 8px 0;border-bottom:1px solid var(--hair);vertical-align:middle}
 .vm .vm-tb td.w{color:var(--ink-2)}
 .vm .vm-tb td.o{white-space:nowrap;color:var(--ink-2)}
-.vm .vm-tb .mut{font-size:var(--fs-2)}
+.vm .vm-tb .mut{font-size:var(--fs-meta);line-height:var(--lh-meta);}
 .vm .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .vm .vm-q{display:flex;gap:10px;align-items:baseline;padding:6px 0;color:var(--ink-2)}
-.vm .vm-tg{font:600 var(--fs-1) var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);flex:none}
+.vm .vm-tg{font:var(--fw-strong) var(--fs-badge)/var(--lh-badge) var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);flex:none}
 .vm .vm-shots{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
 .vm .vm-shots figure{margin:0}
 .vm .vm-shots img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:6px;border:1px solid var(--hair);background:var(--well)}
-.vm .vm-shots figcaption{font:500 var(--fs-1) var(--mono);color:var(--ink-3);margin-top:4px}
+.vm .vm-shots figcaption{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--ink-3);margin-top:4px}
 .vm .vm-fold{margin-top:14px;border-top:1px solid var(--hair);padding-top:10px}
-.vm .vm-fold summary{cursor:pointer;min-height:36px;display:flex;align-items:center;font-size:var(--fs-2);font-weight:600;color:var(--ink-2)}
+.vm .vm-fold summary{cursor:pointer;min-height:36px;display:flex;align-items:center;font-size:var(--fs-label);font-weight:var(--fw-strong);color:var(--ink-2);line-height:var(--lh-label);}
 @media (max-width:700px){
   .vm .vm-ib,.vm .vm-lk,.vm .vm-pill,.vm .vm-fold summary{min-height:44px}
   .vm .vm-ib{width:44px;height:44px}
@@ -107,5 +107,5 @@
 }
 .vm .vm-bl{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:6px}
 .vm .vm-bi{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;color:var(--ink-2)}
-.vm .vm-bi small{font-size:var(--fs-2);color:var(--ink-3)}
+.vm .vm-bi small{font-size:var(--fs-meta);color:var(--ink-3);line-height:var(--lh-meta);}
 .vm .vm-tg.warn{color:var(--ember-ink)}

package/workspace/public/pm/premium-vw-notepad.css

@@ -1,41 +1,41 @@
-:root{--fs-1:11px;--fs-2:12px;--fs-3:14px;--fs-4:16px;--fs-5:20px;--fs-6:28px}
+:root{--fw-regular:400;--fw-strong:600;--fs-field:16px;--fs-display:26px;--fs-page:26px;--fs-panel:18px;--fs-section:15px;--fs-row:15px;--fs-body:15px;--fs-meta:13px;--fs-label:13px;--fs-badge:13px;--lh-display:1.2;--lh-page:1.2;--lh-panel:1.3;--lh-section:1.35;--lh-row:1.4;--lh-body:1.6;--lh-meta:1.5;--lh-label:1.35;--lh-badge:1.2}
 /* premium-vw-notepad.css — Notes in the premium viewer (premium-notes.js; initiative premium-chat-attach N1-N7). Loaded once by vwStyle('notepad').
  * Sizes are the console's six steps only (var(--fs-1..6)), weights 400/500/600, the page's own tokens otherwise. Checked by premium-console-type.test.js. */
 .p-out>.obody.vw:not([hidden]):has(>.ntpad){flex:1;min-height:0;display:flex!important;flex-direction:column}   /* the notepad fills the pane: the note scrolls, its foot stays */
 .ntpad{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;max-width:780px;margin:0 auto;position:relative}
 .nth{display:flex;align-items:center;gap:8px;padding:2px 0 10px;border-bottom:1px solid var(--hair)}
 .nth .gap{flex:1}
-.ntsw{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:60%;min-height:34px;padding:0 6px;margin-left:-6px;border:0;border-radius:6px;background:none;color:var(--ink);font:600 var(--fs-3) var(--sans);cursor:pointer}
-.ntsw b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.ntsw{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:60%;min-height:34px;padding:0 6px;margin-left:-6px;border:0;border-radius:6px;background:none;color:var(--ink);font:var(--fw-strong) var(--fs-row)/var(--lh-row) var(--sans);cursor:pointer}
+.ntsw b{font-weight:var(--fw-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .ntsw .i{width:15px;height:15px;flex:none}
-.ntn,.ntst{font-size:var(--fs-2);color:var(--ink-3);white-space:nowrap}
+.ntn,.ntst{font-size:var(--fs-meta);color:var(--ink-3);white-space:nowrap;line-height:var(--lh-meta);}
 .ntic{flex:none;width:36px;height:36px;display:inline-grid;place-items:center;border-radius:6px;border:1px solid var(--hair);background:var(--card-solid);color:var(--ink);cursor:pointer}
 .ntic .i{width:17px;height:17px}
 .ntic.pri{background:var(--solid);border-color:var(--solid);color:var(--on-solid)}
 .ntmenu{position:absolute;top:42px;left:0;z-index:5;min-width:220px;max-width:min(340px,100%);max-height:320px;overflow:auto;padding:6px;border:1px solid var(--hair);border-radius:8px;background:var(--card-solid);box-shadow:var(--card-shadow);display:grid;gap:2px}
 .ntmenu[hidden]{display:none}
-.ntmenu button{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 10px;border:0;border-radius:6px;background:none;color:var(--ink);font:400 var(--fs-3) var(--sans);text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-.ntmenu button[aria-current]{font-weight:600}
+.ntmenu button{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 10px;border:0;border-radius:6px;background:none;color:var(--ink);font:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--sans);text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.ntmenu button[aria-current]{font-weight:var(--fw-strong)}
 .ntmenu .ntdel{color:var(--ink-2);border-top:1px solid var(--hair);border-radius:0;margin-top:4px}
 .ntmenu .ntdel .i{width:15px;height:15px}
-.ntd{flex:1;min-height:160px;overflow-y:auto;padding:16px 0;outline:0;font:400 var(--fs-4)/1.6 var(--sans);color:var(--ink);overflow-wrap:anywhere}
+.ntd{flex:1;min-height:160px;overflow-y:auto;padding:16px 0;outline:0;font:var(--fw-regular) var(--fs-body)/1.6 var(--sans);color:var(--ink);overflow-wrap:anywhere}
 .ntd.ph::before{content:attr(data-ph);color:var(--ink-3);pointer-events:none;position:absolute}
 .ntd>*:first-child{margin-top:0}
 .ntd p{margin:0 0 8px}
-.ntd h1{font-size:var(--fs-5);font-weight:600;margin:4px 0 10px}
-.ntd h2{font-size:var(--fs-4);font-weight:600;margin:14px 0 6px}
-.ntd h3{font-size:var(--fs-3);font-weight:600;margin:12px 0 4px;color:var(--ink-2)}
+.ntd h1{font-size:var(--fs-page);font-weight:var(--fw-strong);margin:4px 0 10px;line-height:var(--lh-page);}
+.ntd h2{font-size:var(--fs-section);font-weight:var(--fw-strong);margin:14px 0 6px;line-height:var(--lh-section);}
+.ntd h3{font-size:var(--fs-section);font-weight:var(--fw-strong);margin:12px 0 4px;color:var(--ink-2);line-height:var(--lh-section);}
 .ntd ul,.ntd ol{margin:0 0 8px;padding-left:22px}
 .ntd ul.tasks{list-style:none;padding-left:0}
 .ntd li{margin:2px 0}
 .ntd li.task{display:flex;align-items:baseline;gap:8px}
 .ntd li.task input{flex:none;width:16px;height:16px;margin:0;transform:translateY(2px);accent-color:var(--solid);cursor:pointer}
 .ntd li.task.done>span{text-decoration:line-through;color:var(--ink-3)}
-.ntd b,.ntd strong{font-weight:600}
-.ntd code{font:400 var(--fs-2) var(--mono);background:var(--well);padding:1px 4px;border-radius:6px}
+.ntd b,.ntd strong{font-weight:var(--fw-strong)}
+.ntd code{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);background:var(--well);padding:1px 4px;border-radius:6px}
 .ntd blockquote{margin:0 0 8px;padding-left:12px;border-left:3px solid var(--hair);color:var(--ink-2)}
 .ntd a{color:var(--vw-lnk,inherit)}
 .ntf{flex:none;display:flex;align-items:center;gap:8px;padding:10px 0 4px;border-top:1px solid var(--hair)}
-.ntw{flex:1;min-width:0;font-size:var(--fs-2);color:var(--ink-3)}
+.ntw{flex:1;min-width:0;font-size:var(--fs-meta);color:var(--ink-3);line-height:var(--lh-meta);}
 @media (hover:hover){.ntsw:hover,.ntmenu button:hover,.ntic:not(.pri):hover{background:var(--well)}}
 @media (max-width:999px),(pointer:coarse){.ntic{width:44px;height:44px}.ntsw{min-height:44px}.ntmenu button{min-height:44px}.ntw{display:none}.ntf{justify-content:flex-end}}

package/workspace/public/pm/premium-vw-notes.css

@@ -2,40 +2,40 @@
 @font-face{font-family:"IBM Plex Mono";src:url(/vendor/ibm-plex-mono-400.woff2) format("woff2");font-weight:400;font-display:swap}
 @font-face{font-family:"IBM Plex Mono";src:url(/vendor/ibm-plex-mono-500.woff2) format("woff2");font-weight:500;font-display:swap}
 @font-face{font-family:"IBM Plex Mono";src:url(/vendor/ibm-plex-mono-700.woff2) format("woff2");font-weight:600 700;font-display:swap}
-:root{--fs-1:11px;--fs-2:12px;--fs-3:14px;--fs-4:16px;--fs-5:20px;--fs-6:28px}
+:root{--fw-regular:400;--fw-strong:600;--fs-field:16px;--fs-display:26px;--fs-page:26px;--fs-panel:18px;--fs-section:15px;--fs-row:15px;--fs-body:15px;--fs-meta:13px;--fs-label:13px;--fs-badge:13px;--lh-display:1.2;--lh-page:1.2;--lh-panel:1.3;--lh-section:1.35;--lh-row:1.4;--lh-body:1.6;--lh-meta:1.5;--lh-label:1.35;--lh-badge:1.2}
 /* pm/premium-vw-notes.css — the Notes list in the premium dialog (initiative premium-viewer, R9; premium-vw-notes.js).
  * Loaded once by vwStyle('notes'). Sizes are only var(--fs-1..6), weights 400/500/600 (premium-console-type.test.js). */
-.vn-open{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;margin-left:auto;border-radius:6px;font-size:var(--fs-2);font-weight:600;color:var(--ink-2)}
+.vn-open{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;margin-left:auto;border-radius:6px;font-size:var(--fs-label);font-weight:var(--fw-strong);color:var(--ink-2);line-height:var(--lh-label);}
 .vn-open .i{width:16px;height:16px}
 .vn-open:focus-visible,.vn button:focus-visible,.vn input:focus-visible{outline:2px solid var(--ember);outline-offset:2px}
 .vn{max-width:860px;margin:0 auto;padding:4px 2px 24px}
 .vn-s{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px}
 .vn-q{flex:1;min-width:0;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid var(--hair);border-radius:8px;background:var(--card-solid,var(--card))}
 .vn-q .i{width:16px;height:16px;flex:none;color:var(--ink-3)}
-.vn-q input{flex:1;align-self:stretch;min-width:0;border:0;background:none;outline:0;font-size:var(--fs-3);color:var(--ink)}
-.vn-c{font:500 var(--fs-2) var(--mono);color:var(--ink-3)}
+.vn-q input{flex:1;align-self:stretch;min-width:0;border:0;background:none;outline:0;font-size:var(--fs-body);color:var(--ink);line-height:var(--lh-body);}
+.vn-c{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--ink-3)}
 .vn-g{margin:0 0 14px}
-.vn-g h4{display:flex;align-items:baseline;gap:8px;margin:0 0 6px;font:600 var(--fs-1) var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
-.vn-g h4 small{font-size:var(--fs-1);font-weight:400}
+.vn-g h4{display:flex;align-items:baseline;gap:8px;margin:0 0 6px;font:var(--fw-strong) var(--fs-badge)/var(--lh-badge) var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
+.vn-g h4 small{font-size:var(--fs-meta);font-weight:var(--fw-regular);line-height:var(--lh-meta);}
 .vn-l{list-style:none;margin:0;padding:0;border:1px solid var(--hair);border-radius:8px;background:var(--card-solid,var(--card));box-shadow:var(--card-shadow);overflow:hidden}
 .vn-r{display:flex;align-items:center}
 .vn-r+.vn-r{border-top:1px solid var(--hair)}
-.vn-o{flex:1;min-width:0;display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 14px;text-align:left;font-size:var(--fs-3);color:var(--ink)}
+.vn-o{flex:1;min-width:0;display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 14px;text-align:left;font-size:var(--fs-body);color:var(--ink);line-height:var(--lh-body);}
 .vn-sub .vn-o{padding-left:42px}
 .vn-k{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:6px;background:var(--well);color:var(--ink-3)}
 .vn-k.hot{color:var(--ember)}
 .vn-k .i{width:15px;height:15px}
 .vn-t{flex:1;min-width:0;display:grid;gap:2px}
-.vn-t b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-.vn-t small{font:400 var(--fs-2) var(--mono);color:var(--ink-3)}
+.vn-t b{font-weight:var(--fw-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.vn-t small{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--ink-3)}
 .vn-tgs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:45%}
-.vn-tg{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;background:var(--well);font-size:var(--fs-1);font-weight:500;color:var(--ink-2);white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}
+.vn-tg{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;background:var(--well);font-size:var(--fs-meta);font-weight:var(--fw-regular);color:var(--ink-2);white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis;line-height:var(--lh-meta);}
 .vn-tg .i{width:12px;height:12px}
 .vn-live{color:var(--ember)}
 .vn-warn{color:var(--warn,var(--ember))}
 .vn-x{width:44px;height:44px;flex:none;display:grid;place-items:center;margin-right:4px;border-radius:6px;color:var(--ink-3)}
 .vn-x .i{width:16px;height:16px}
-.vn-more span{display:block;padding:10px 14px 10px 42px;font-size:var(--fs-2);color:var(--ink-3)}
+.vn-more span{display:block;padding:10px 14px 10px 42px;font-size:var(--fs-meta);color:var(--ink-3);line-height:var(--lh-meta);}
 .vn-none{margin:12px 2px;color:var(--ink-3)}
 .vm .vm-nabout{margin:8px 0 4px}
 @media (hover:hover){.vn-o:hover,.vn-x:hover,.vn-open:hover{background:var(--well)}}

package/workspace/public/pm/premium-vw-rec.css

@@ -1,4 +1,4 @@
-:root{--fs-1:11px;--fs-2:12px;--fs-3:14px;--fs-4:16px;--fs-5:20px;--fs-6:28px}
+:root{--fw-regular:400;--fw-strong:600;--fs-field:16px;--fs-display:26px;--fs-page:26px;--fs-panel:18px;--fs-section:15px;--fs-row:15px;--fs-body:15px;--fs-meta:13px;--fs-label:13px;--fs-badge:13px;--lh-display:1.2;--lh-page:1.2;--lh-panel:1.3;--lh-section:1.35;--lh-row:1.4;--lh-body:1.6;--lh-meta:1.5;--lh-label:1.35;--lh-badge:1.2}
 /* pm/premium-vw-rec.css — note recording in the premium viewer (premium-viewer S4): the Record control, the Live notes tab and the Focus tab. Loaded by vwStyle('rec'). */
 .recctl{position:relative;display:inline-flex;flex:none}
 .recctl[hidden]{display:none}
@@ -9,69 +9,69 @@
 .recm{position:absolute;right:0;top:calc(100% + 8px);z-index:40;width:min(320px,calc(100vw - 32px));padding:8px;border:1px solid var(--hair);border-radius:8px;background:var(--card-solid);box-shadow:var(--card-shadow);color:var(--ink)}
 .recm[hidden]{display:none}
 .recm .label{display:block;margin:4px 8px 6px}
-.recm [role="menuitem"]{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:6px 10px;border-radius:6px;text-align:left;font-size:var(--fs-2);font-weight:500}
-.recm [role="menuitem"] b{font-weight:600;flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
-.recm [role="menuitem"] small{color:var(--ink-3);font-size:var(--fs-1);white-space:nowrap}
+.recm [role="menuitem"]{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:6px 10px;border-radius:6px;text-align:left;font-size:var(--fs-meta);font-weight:var(--fw-regular);line-height:var(--lh-meta);}
+.recm [role="menuitem"] b{font-weight:var(--fw-strong);flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
+.recm [role="menuitem"] small{color:var(--ink-3);font-size:var(--fs-meta);white-space:nowrap;line-height:var(--lh-meta);}
 .recm [role="menuitem"]:focus-visible{background:var(--well)}
 @media (hover:hover){.recm [role="menuitem"]:hover{background:var(--well)}}
 .recm [role="menuitem"][disabled]{opacity:.55}
 .recm [role="menuitem"] .i{width:16px;height:16px}
 .recm .note{margin:4px 8px 8px}
 .recask{padding:6px}
-.recask p{margin:0 0 8px;font-size:var(--fs-2)}
+.recask p{margin:0 0 8px;font-size:var(--fs-meta);line-height:var(--lh-meta);}
 .recask div,.rvask div{display:flex;flex-wrap:wrap;gap:8px}
 
-.rvw .rvt{margin:0 0 10px;font-size:var(--fs-4);font-weight:600}
+.rvw .rvt{margin:0 0 10px;font-size:var(--fs-row);font-weight:var(--fw-strong);line-height:var(--lh-row);}
 .rvh{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 12px;border:1px solid var(--hair);border-radius:8px;background:var(--card-solid);box-shadow:var(--card-shadow)}
-.rvh b{font-size:var(--fs-3);font-weight:600}
+.rvh b{font-size:var(--fs-row);font-weight:var(--fw-strong);line-height:var(--lh-row);}
 .rvsp{flex:1 1 auto}
-.rvclk{font-family:var(--mono);font-size:var(--fs-2);color:var(--ink-2)}
+.rvclk{font-family:var(--mono);font-size:var(--fs-meta);color:var(--ink-2);line-height:var(--lh-meta);}
 .rvdot{width:9px;height:9px;border-radius:50%;background:var(--bad);animation:br 1.6s ease-in-out infinite}
 .rvdot.paused{background:var(--ember);animation:none}
-.rvb{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 13px;border-radius:6px;background:var(--well);font-size:var(--fs-2);font-weight:600;color:var(--ink)}
+.rvb{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 13px;border-radius:6px;background:var(--well);font-size:var(--fs-label);font-weight:var(--fw-strong);color:var(--ink);line-height:var(--lh-label);}
 .rvb .i{width:15px;height:15px}
 .rvb.cta{background:var(--solid);color:var(--on-solid)}
 .rvb[aria-pressed="true"]{background:var(--solid);color:var(--on-solid)}
 .rvb:disabled{opacity:.55}
 .rvb:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
 .rvask{margin:10px 0 0;padding:12px 14px;border:1px solid var(--hair);border-radius:8px;background:var(--card-solid)}
-.rvask p{margin:0 0 10px;font-size:var(--fs-2)}
+.rvask p{margin:0 0 10px;font-size:var(--fs-meta);line-height:var(--lh-meta);}
 .rvopts{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0 0}
 .rvsec{margin:16px 0 0}
 .rvsec>.label{display:block;margin:0 0 6px}
-.rvta{width:100%;box-sizing:border-box;min-height:96px;padding:10px 12px;border:1px solid var(--hair);border-radius:6px;background:var(--card-solid);color:var(--ink);font:inherit;font-size:var(--fs-3);resize:vertical}
+.rvta{width:100%;box-sizing:border-box;min-height:96px;padding:10px 12px;border:1px solid var(--hair);border-radius:6px;background:var(--card-solid);color:var(--ink);font:inherit;font-size:var(--fs-body);resize:vertical;line-height:var(--lh-body);}
 .rvta:focus-visible{outline:2px solid var(--ink);outline-offset:1px}
 .rvhl{list-style:none;margin:0;padding:0;display:grid;gap:6px}
-.rvhl li{display:flex;gap:10px;align-items:baseline;padding:8px 10px;border-radius:8px;background:var(--well);font-size:var(--fs-2)}
-.rvhl time,.rvtr time{font-family:var(--mono);font-size:var(--fs-1);color:var(--ink-3);flex:none}
-.rvhl em{margin-left:auto;font-style:normal;font-size:var(--fs-1);color:var(--ink-3)}
+.rvhl li{display:flex;gap:10px;align-items:baseline;padding:8px 10px;border-radius:8px;background:var(--well);font-size:var(--fs-meta);line-height:var(--lh-meta);}
+.rvhl time,.rvtr time{font-family:var(--mono);font-size:var(--fs-meta);color:var(--ink-3);flex:none;line-height:var(--lh-meta);}
+.rvhl em{margin-left:auto;font-style:normal;font-size:var(--fs-meta);color:var(--ink-3);line-height:var(--lh-meta);}
 .rvtr{max-height:340px;overflow-y:auto;display:grid;gap:6px;padding:2px}
-.rvtr p{display:flex;gap:8px;align-items:baseline;margin:0;font-size:var(--fs-2);color:var(--ink-2)}
-.rvtr p b{font-weight:600;color:var(--ink);flex:none}
+.rvtr p{display:flex;gap:8px;align-items:baseline;margin:0;font-size:var(--fs-meta);color:var(--ink-2);line-height:var(--lh-meta);}
+.rvtr p b{font-weight:var(--fw-strong);color:var(--ink);flex:none}
 .rvtr p.cur{color:var(--ink)}
 
 .fvh{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin:0 0 12px}
-.fvh b{font-size:var(--fs-4);font-weight:600}
+.fvh b{font-size:var(--fs-row);font-weight:var(--fw-strong);line-height:var(--lh-row);}
 .fvbar{display:flex;gap:3px;height:28px;margin:0 0 12px}
-.fvbar span{flex:var(--fc-flex,1);display:grid;place-items:center;min-width:18px;border-radius:6px;background:var(--well);font-size:var(--fs-1);font-weight:600;color:var(--ink-2)}
+.fvbar span{flex:var(--fc-flex,1);display:grid;place-items:center;min-width:18px;border-radius:6px;background:var(--well);font-size:var(--fs-badge);font-weight:var(--fw-strong);color:var(--ink-2);line-height:var(--lh-badge);}
 .fvbar span.on{background:var(--solid);color:var(--on-solid)}
 .fvnow{padding:12px 14px;border:1px solid var(--hair);border-radius:8px;background:var(--card-solid);box-shadow:var(--card-shadow)}
-.fvnow b{display:block;font-size:var(--fs-4);font-weight:600}
-.fvnow p{margin:6px 0 0;font-size:var(--fs-3);color:var(--ink-2)}
+.fvnow b{display:block;font-size:var(--fs-row);font-weight:var(--fw-strong);line-height:var(--lh-row);}
+.fvnow p{margin:6px 0 0;font-size:var(--fs-body);color:var(--ink-2);line-height:var(--lh-body);}
 .fvg{display:grid;grid-template-columns:1fr 1fr;gap:16px}
-.fvtp{margin:0;padding-left:20px;display:grid;gap:4px;font-size:var(--fs-2)}
+.fvtp{margin:0;padding-left:20px;display:grid;gap:4px;font-size:var(--fs-meta);line-height:var(--lh-meta);}
 .fvtp li{color:var(--ink-2)}
-.fvtp li.now{color:var(--ink);font-weight:600}
-.fvtp small{margin-left:6px;color:var(--ink-3);font-size:var(--fs-1)}
+.fvtp li.now{color:var(--ink);font-weight:var(--fw-strong)}
+.fvtp small{margin-left:6px;color:var(--ink-3);font-size:var(--fs-meta);line-height:var(--lh-meta);}
 .fvcap{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
 .fvcap div{padding:8px 10px;border-radius:8px;background:var(--well)}
-.fvcap b{display:block;font-size:var(--fs-4);font-weight:600}
-.fvcap span{font-size:var(--fs-1);color:var(--ink-3)}
+.fvcap b{display:block;font-size:var(--fs-row);font-weight:var(--fw-strong);line-height:var(--lh-row);}
+.fvcap span{font-size:var(--fs-meta);color:var(--ink-3);line-height:var(--lh-meta);}
 .fvst{list-style:none;margin:0;padding:0;display:grid;gap:8px}
 .fvst li{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 10px;border:1px solid var(--hair);border-radius:8px}
 .fvst li>span{flex:1 1 12em;min-width:0}
-.fvst b{display:block;font-weight:600;font-size:var(--fs-2);overflow-wrap:anywhere}
-.fvst small{font-size:var(--fs-1);color:var(--ink-3)}
+.fvst b{display:block;font-weight:var(--fw-strong);font-size:var(--fs-label);overflow-wrap:anywhere;line-height:var(--lh-label);}
+.fvst small{font-size:var(--fs-meta);color:var(--ink-3);line-height:var(--lh-meta);}
 @media (max-width:700px){.fvg{grid-template-columns:1fr}.recb span{display:none}}
 /* a long highlight keeps its tag on one line (bug 2026-10-20: "decision" broke one letter per line) */
 .rvhl li>span{flex:1 1 auto;min-width:0}

package/workspace/public/pm/premium-vw-report.css

@@ -2,50 +2,50 @@
 @font-face{font-family:"IBM Plex Mono";src:url(/vendor/ibm-plex-mono-400.woff2) format("woff2");font-weight:400;font-display:swap}
 @font-face{font-family:"IBM Plex Mono";src:url(/vendor/ibm-plex-mono-500.woff2) format("woff2");font-weight:500;font-display:swap}
 @font-face{font-family:"IBM Plex Mono";src:url(/vendor/ibm-plex-mono-700.woff2) format("woff2");font-weight:600 700;font-display:swap}
-:root{--fs-1:11px;--fs-2:12px;--fs-3:14px;--fs-4:16px;--fs-5:20px;--fs-6:28px}
+:root{--fw-regular:400;--fw-strong:600;--fs-field:16px;--fs-display:26px;--fs-page:26px;--fs-panel:18px;--fs-section:15px;--fs-row:15px;--fs-body:15px;--fs-meta:13px;--fs-label:13px;--fs-badge:13px;--lh-display:1.2;--lh-page:1.2;--lh-panel:1.3;--lh-section:1.35;--lh-row:1.4;--lh-body:1.6;--lh-meta:1.5;--lh-label:1.35;--lh-badge:1.2}
 /* pm/premium-vw-report.css — the Report tab beside a chat (initiative premium-reports-from-chat, slice B; premium-report-tab.js).
  * Loaded once by vwStyle('report'). Sizes are only var(--fs-1..6), weights 400/500/600 (premium-console-type.test.js). */
 .rt{max-width:760px;margin:0 auto;padding:4px 2px 24px;display:flex;flex-direction:column;align-items:stretch;gap:12px;text-align:left}
 .rt>*{align-self:stretch}
-.rt .btn,.obody:has(>.rt)>.vcf .btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border:1px solid var(--solid);border-radius:6px;background:var(--solid);color:var(--on-solid);font-size:var(--fs-2);font-weight:600;white-space:nowrap}
+.rt .btn,.obody:has(>.rt)>.vcf .btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border:1px solid var(--solid);border-radius:6px;background:var(--solid);color:var(--on-solid);font-size:var(--fs-label);font-weight:var(--fw-strong);white-space:nowrap;line-height:var(--lh-label);}
 .rt .btn.sec,.obody:has(>.rt)>.vcf .btn.sec{background:transparent;border-color:var(--hair);color:var(--ink)}
 .rt .btn:disabled{opacity:.5;cursor:default}
-.rt-eye{margin:0;font:500 var(--fs-1) var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
-.rt-h{margin:0;font-size:var(--fs-5);font-weight:600;color:var(--ink);overflow-wrap:anywhere}
-.rt-sub{margin:0;font-size:var(--fs-3);color:var(--ink-2)}
-.rt-meta,.rt-note{margin:0;font-size:var(--fs-2);color:var(--ink-3)}
-.rt-label{margin:6px 0 0;font-size:var(--fs-2);font-weight:600;color:var(--ink-2)}
-.rt-msg{margin:0;padding:10px 12px;border-radius:8px;background:var(--well);font-size:var(--fs-3);color:var(--ink)}
+.rt-eye{margin:0;font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
+.rt-h{margin:0;font-size:var(--fs-panel);font-weight:var(--fw-strong);color:var(--ink);overflow-wrap:anywhere;line-height:var(--lh-panel);}
+.rt-sub{margin:0;font-size:var(--fs-body);color:var(--ink-2);line-height:var(--lh-body);}
+.rt-meta,.rt-note{margin:0;font-size:var(--fs-meta);color:var(--ink-3);line-height:var(--lh-meta);}
+.rt-label{margin:6px 0 0;font-size:var(--fs-label);font-weight:var(--fw-strong);color:var(--ink-2);line-height:var(--lh-label);}
+.rt-msg{margin:0;padding:10px 12px;border-radius:8px;background:var(--well);font-size:var(--fs-body);color:var(--ink);line-height:var(--lh-body);}
 .rt-row{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
 .rt-chip{align-self:flex-start;display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px;min-height:44px;padding:6px 14px;border:1px solid var(--hair);border-radius:6px;background:var(--card-solid,var(--card));color:var(--ink);text-align:left;cursor:pointer}
-.rt-chip em{font-style:normal;font-size:var(--fs-1);color:var(--ink-3)}
-.rt-chip b{font-size:var(--fs-3);font-weight:600}
+.rt-chip em{font-style:normal;font-size:var(--fs-meta);color:var(--ink-3);line-height:var(--lh-meta);}
+.rt-chip b{font-size:var(--fs-row);font-weight:var(--fw-strong);line-height:var(--lh-row);}
 .rt-menu{display:flex;flex-direction:column;gap:2px;width:100%;max-width:360px;padding:6px;border:1px solid var(--hair);border-radius:8px;background:var(--card-solid,var(--card));box-shadow:var(--card-shadow)}
-.rt-menu>button{min-height:44px;padding:0 12px;border-radius:6px;text-align:left;font-size:var(--fs-3);color:var(--ink);background:none}
-.rt-menu>button[aria-checked="true"]{background:var(--well);font-weight:600}
+.rt-menu>button{min-height:44px;padding:0 12px;border-radius:6px;text-align:left;font-size:var(--fs-body);color:var(--ink);background:none;line-height:var(--lh-body);}
+.rt-menu>button[aria-checked="true"]{background:var(--well);font-weight:var(--fw-strong)}
 @media (hover:hover){.rt-menu>button:hover{background:var(--well)}}
 .rt-menu .rt-note{padding:6px 12px}
 .rt-days{display:flex;flex-wrap:wrap;gap:6px;padding:6px 6px 2px}
 .rt-days .btn{min-height:44px;min-width:52px;padding:0 10px}
 .rt-ask{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:8px;background:var(--well)}
-.rt-ask p{margin:0;font-size:var(--fs-3);color:var(--ink-2);flex:1 1 200px;min-width:0;overflow-wrap:anywhere}
-.rt-ask b{color:var(--ink);font-weight:600}
+.rt-ask p{margin:0;font-size:var(--fs-body);color:var(--ink-2);flex:1 1 200px;min-width:0;overflow-wrap:anywhere;line-height:var(--lh-body);}
+.rt-ask b{color:var(--ink);font-weight:var(--fw-strong)}
 .rt .rt-seg{display:inline-flex;gap:4px;padding:3px;border-radius:6px;background:var(--well);align-self:flex-start}
 .rt-seg .btn.sec{border-color:transparent}
 .rt-seg .btn{min-height:40px;border-radius:6px}
-.rt-ver{display:flex;align-items:center;gap:6px;font:500 var(--fs-2) var(--mono);color:var(--ink-2)}
-.rt-arrow{width:44px;height:44px;border:1px solid var(--hair);border-radius:6px;background:var(--card-solid,var(--card));color:var(--ink);font-size:var(--fs-4);cursor:pointer}
+.rt-ver{display:flex;align-items:center;gap:6px;font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--ink-2)}
+.rt-arrow{width:44px;height:44px;border:1px solid var(--hair);border-radius:6px;background:var(--card-solid,var(--card));color:var(--ink);font-size:var(--fs-body);cursor:pointer;line-height:var(--lh-body);}
 .rt-arrow:disabled{opacity:.4;cursor:default}
 .rt-secs{margin:0;padding:0;list-style:none;border:1px solid var(--hair);border-radius:8px;background:var(--card-solid,var(--card))}
 .rt-secs li{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-top:1px solid var(--hair)}
 .rt-secs li:first-child{border-top:0}
-.rt-secs b{font-size:var(--fs-3);font-weight:600;color:var(--ink)}
-.rt-secs span{font-size:var(--fs-2);color:var(--ink-3)}
+.rt-secs b{font-size:var(--fs-row);font-weight:var(--fw-strong);color:var(--ink);line-height:var(--lh-row);}
+.rt-secs span{font-size:var(--fs-meta);color:var(--ink-3);line-height:var(--lh-meta);}
 .rt-frame{width:100%;aspect-ratio:16/10;border:1px solid var(--hair);border-radius:8px;background:var(--card-solid,var(--card))}
 .rt-cyc{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
 .rt-cyc li{position:relative;display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:44px;padding:4px 4px 4px 10px;border:1px solid var(--hair);border-radius:8px}
-.rt-slot{flex:1;min-width:0;font-size:var(--fs-3);color:var(--ink)}
-.rt-tag{padding:2px 8px;border-radius:6px;font:500 var(--fs-1) var(--mono);text-transform:uppercase}
+.rt-slot{flex:1;min-width:0;font-size:var(--fs-body);color:var(--ink);line-height:var(--lh-body);}
+.rt-tag{padding:2px 8px;border-radius:6px;font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);text-transform:uppercase}
 .rt-tag.draft{background:var(--well);color:var(--ink-2)}
 .rt-tag.issued{background:color-mix(in srgb,var(--good) 16%,transparent);color:var(--ink)}
 .rt-foot{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
@@ -57,4 +57,4 @@
 .rt .ct-tile{max-width:460px}
 .rt .ct-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:0}
 .rt .ct-grid .nempty{align-self:start;padding:12px 14px;border-radius:8px;background:var(--well)}
-.rt .ct-grid .nempty p{margin:0;font-size:var(--fs-2);color:var(--ink-2)}
+.rt .ct-grid .nempty p{margin:0;font-size:var(--fs-meta);color:var(--ink-2);line-height:var(--lh-meta);}

package/workspace/public/pm/premium-vw-slides.css

@@ -1,4 +1,4 @@
-:root{--fs-1:11px;--fs-2:12px;--fs-3:14px;--fs-4:16px;--fs-5:20px;--fs-6:28px}
+:root{--fw-regular:400;--fw-strong:600;--fs-field:16px;--fs-display:26px;--fs-page:26px;--fs-panel:18px;--fs-section:15px;--fs-row:15px;--fs-body:15px;--fs-meta:13px;--fs-label:13px;--fs-badge:13px;--lh-display:1.2;--lh-page:1.2;--lh-panel:1.3;--lh-section:1.35;--lh-row:1.4;--lh-body:1.6;--lh-meta:1.5;--lh-label:1.35;--lh-badge:1.2}
 /* pm/premium-vw-slides.css — the slide editor view (premium-viewer R-SL1), loaded by vwStyle('slides'). The editor's chrome uses the console's
  * type scale; the slide canvas is a fixed 960 x 540 board scaled to its box (--bd-k), so its own sizes are the --fs-sl-* steps below. Item
  * geometry comes from premium-vw-slides.js as --bd-x, --bd-y, --bd-w and --bd-h. */
@@ -7,18 +7,18 @@
 .sl-ctx{min-height:40px;padding:4px 6px;border-radius:8px;background:var(--well)}
 .sl-sep{width:1px;height:20px;background:var(--hair);margin:0 4px}
 .sl-gap{flex:1}
-.sl-b{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:34px;height:34px;padding:0 8px;border-radius:6px;color:var(--ink-2);font-size:var(--fs-2);font-weight:500;white-space:nowrap}
+.sl-b{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:34px;height:34px;padding:0 8px;border-radius:6px;color:var(--ink-2);font-size:var(--fs-meta);font-weight:var(--fw-regular);white-space:nowrap;line-height:var(--lh-meta);}
 .sl-b .i{width:16px;height:16px}
 .sl-b:disabled{opacity:.4;cursor:default}
 .sl-b[aria-pressed="true"]{background:var(--card-solid);color:var(--ink);box-shadow:var(--card-shadow)}
 .sl-b:focus-visible,.sl-mini:focus-visible,.sl-sw:focus-visible,.sl-seg button:focus-visible,.sl-pop button:focus-visible,.sl-stage:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
 .sl-pri{background:var(--solid);color:var(--on-solid);padding:0 12px}
 .sl-pri.on{box-shadow:0 0 0 3px var(--spot)}
-.sl-hint{color:var(--ink-3);font-size:var(--fs-2);padding:0 6px}
-.sl-msg{margin:0;font-size:var(--fs-2);color:var(--ink-2);background:var(--spot);border-radius:8px;padding:8px 10px}
+.sl-hint{color:var(--ink-3);font-size:var(--fs-meta);padding:0 6px;line-height:var(--lh-meta);}
+.sl-msg{margin:0;font-size:var(--fs-meta);color:var(--ink-2);background:var(--spot);border-radius:8px;padding:8px 10px;line-height:var(--lh-meta);}
 .sl-seg{display:inline-flex;border:1px solid var(--hair);border-radius:8px;padding:2px}
-.sl-seg button{height:30px;padding:0 10px;border-radius:6px;font-size:var(--fs-2);color:var(--ink-3)}
-.sl-seg button[aria-pressed="true"]{background:var(--card-solid);color:var(--ink);font-weight:500}
+.sl-seg button{height:30px;padding:0 10px;border-radius:6px;font-size:var(--fs-meta);color:var(--ink-3);line-height:var(--lh-meta);}
+.sl-seg button[aria-pressed="true"]{background:var(--card-solid);color:var(--ink);font-weight:var(--fw-regular)}
 .sl-sw{width:26px;height:26px;border-radius:6px;border:1px solid var(--hair)}
 .sl-sw[aria-pressed="true"]{box-shadow:0 0 0 2px var(--ember)}
 .sl-sw.c-fg,.sl-sw.f-fg{background:var(--ink)}
@@ -30,7 +30,7 @@
 .sl-body{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;min-width:0}
 .sl-rail{display:flex;flex-direction:column;gap:10px;max-height:560px;overflow-y:auto;padding:2px}
 .sl-th{position:relative;display:grid;grid-template-columns:14px minmax(0,1fr);gap:4px;align-items:start}
-.sl-num{font-style:normal;font-size:var(--fs-1);color:var(--ink-3);font-family:var(--mono)}
+.sl-num{font-style:normal;font-size:var(--fs-meta);color:var(--ink-3);font-family:var(--mono);line-height:var(--lh-meta);}
 .sl-mini{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:6px;overflow:hidden;box-shadow:0 0 0 1px var(--hair);padding:0}
 .sl-th[aria-current="true"] .sl-mini{box-shadow:0 0 0 2px var(--ember)}
 .sl-mini .sl-cv{pointer-events:none}
@@ -43,22 +43,22 @@
 .sl-add{border:1px dashed var(--hair);height:40px}
 .sl-main{display:grid;gap:10px;min-width:0;align-content:start}
 .sl-stage{position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;box-shadow:0 0 0 1px var(--hair),var(--card-shadow);touch-action:none;user-select:none}
-.sl-notes{display:grid;gap:4px;font-size:var(--fs-2);color:var(--ink-3)}
-.sl-notes textarea{font:inherit;font-size:var(--fs-3);color:var(--ink);background:var(--card-solid);border:1px solid var(--hair);border-radius:8px;padding:8px 10px;resize:vertical;min-height:64px}
+.sl-notes{display:grid;gap:4px;font-size:var(--fs-meta);color:var(--ink-3);line-height:var(--lh-meta);}
+.sl-notes textarea{font:inherit;font-size:var(--fs-body);color:var(--ink);background:var(--card-solid);border:1px solid var(--hair);border-radius:8px;padding:8px 10px;resize:vertical;min-height:64px;line-height:var(--lh-body);}
 .sl.ro .sl-stage{touch-action:auto}
 
 /* menus, the chart data grid, the image and save forms */
 .sl-pop{position:absolute;left:var(--bd-px,0);top:var(--bd-py,0);z-index:5;min-width:200px;max-width:min(340px,100%);padding:6px;border-radius:8px;background:var(--card-solid);box-shadow:var(--card-shadow),0 0 0 1px var(--hair)}
 .sl-pop [role="menu"]{display:grid}
-.sl-pop [role="menuitem"]{text-align:left;min-height:34px;padding:0 10px;border-radius:6px;font-size:var(--fs-3);color:var(--ink)}
-.sl-pop [role="menuitem"][aria-current="true"]{font-weight:600}
-.sl-ph2{margin:4px 6px 6px;font-size:var(--fs-2);font-weight:600;color:var(--ink-2)}
+.sl-pop [role="menuitem"]{text-align:left;min-height:34px;padding:0 10px;border-radius:6px;font-size:var(--fs-body);color:var(--ink);line-height:var(--lh-body);}
+.sl-pop [role="menuitem"][aria-current="true"]{font-weight:var(--fw-strong)}
+.sl-ph2{margin:4px 6px 6px;font-size:var(--fs-label);font-weight:var(--fw-strong);color:var(--ink-2);line-height:var(--lh-label);}
 .sl-grid{display:grid;grid-template-columns:minmax(0,1fr) 76px 34px;gap:4px;padding:0 4px 6px;max-height:300px;overflow-y:auto}
-.sl-grid input,.sl-imgf input{min-width:0;height:32px;border:1px solid var(--hair);border-radius:6px;background:var(--card-solid);color:var(--ink);padding:0 8px;font:inherit;font-size:var(--fs-3)}
+.sl-grid input,.sl-imgf input{min-width:0;height:32px;border:1px solid var(--hair);border-radius:6px;background:var(--card-solid);color:var(--ink);padding:0 8px;font:inherit;font-size:var(--fs-body);line-height:var(--lh-body);}
 .sl-imgf{display:grid;gap:8px;padding:4px}
-.sl-imgf label{display:grid;gap:4px;font-size:var(--fs-2);color:var(--ink-3)}
+.sl-imgf label{display:grid;gap:4px;font-size:var(--fs-meta);color:var(--ink-3);line-height:var(--lh-meta);}
 .sl-row{display:flex;gap:6px;flex-wrap:wrap}
-.sl-err{margin:0;font-size:var(--fs-2);color:var(--bad)}
+.sl-err{margin:0;font-size:var(--fs-meta);color:var(--bad);line-height:var(--lh-meta);}
 
 /* the slide canvas: 960 x 540, scaled */
 .sl-cv{--fs-sl-kicker:18px;--fs-sl-small:20px;--fs-sl-body:26px;--fs-sl-head:44px;--fs-sl-quote:42px;--fs-sl-title:64px;--fs-sl-big:150px;--fs-sl-cell:21px;--fs-sl-th:15px;--fs-sl-chart:18px;--fs-sl-axis:16px;
@@ -70,14 +70,14 @@
 .sl-tx{width:100%;height:100%;outline:0;overflow:hidden;font-size:var(--fs-sl-body);line-height:1.4}
 .sl-tx p,.sl-tx ul,.sl-tx ol,.sl-tx h3{margin:0 0 .4em}
 .sl-tx ul,.sl-tx ol{padding-left:1.1em}
-.sl-tx h3{font-size:1em;font-weight:600}
+.sl-tx h3{font-size:1em;font-weight:var(--fw-strong)}
 .ed .sl-tx:empty::before{content:"Type here";opacity:.4}
-.r-title .sl-tx{font-size:var(--fs-sl-title);font-weight:600;line-height:1.08}
-.r-heading .sl-tx{font-size:var(--fs-sl-head);font-weight:600;line-height:1.12}
+.r-title .sl-tx{font-size:var(--fs-sl-title);font-weight:var(--fw-strong);line-height:1.08}
+.r-heading .sl-tx{font-size:var(--fs-sl-head);font-weight:var(--fw-strong);line-height:1.12}
 .r-small .sl-tx{font-size:var(--fs-sl-small);color:var(--smu)}
-.r-kicker .sl-tx{font-size:var(--fs-sl-kicker);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--sac)}
-.r-big .sl-tx{font-size:var(--fs-sl-big);font-weight:600;line-height:1;color:var(--sac)}
-.r-quote .sl-tx{font-size:var(--fs-sl-quote);font-weight:500;line-height:1.2}
+.r-kicker .sl-tx{font-size:var(--fs-sl-kicker);font-weight:var(--fw-strong);letter-spacing:.12em;text-transform:uppercase;color:var(--sac)}
+.r-big .sl-tx{font-size:var(--fs-sl-big);font-weight:var(--fw-strong);line-height:1;color:var(--sac)}
+.r-quote .sl-tx{font-size:var(--fs-sl-quote);font-weight:var(--fw-regular);line-height:1.2}
 .a-center{text-align:center}
 .a-right{text-align:right}
 .c-acc .sl-tx{color:var(--sac)}
@@ -91,14 +91,14 @@
 .sl-it img{width:100%;height:100%;object-fit:cover;display:block}
 .sl-it table{width:100%;border-collapse:collapse;font-size:var(--fs-sl-cell)}
 .sl-it th,.sl-it td{border-bottom:1.5px solid var(--sln);padding:11px 12px;text-align:left;outline:0}
-.sl-it th{color:var(--smu);font-weight:600;font-size:var(--fs-sl-th);text-transform:uppercase;letter-spacing:.06em}
+.sl-it th{color:var(--smu);font-weight:var(--fw-strong);font-size:var(--fs-sl-th);text-transform:uppercase;letter-spacing:.06em}
 .sl-it svg{width:100%;height:100%;overflow:visible;display:block}
 .sl-ax{stroke:var(--sln);stroke-width:2}
 .sl-bar{fill:var(--sac);opacity:.5}
 .sl-bar.last{opacity:1}
 .sl-line{fill:none;stroke:var(--sac);stroke-width:5;stroke-linejoin:round;stroke-linecap:round}
 .sl-pt{fill:var(--sac)}
-.sl-lab{fill:currentColor;font-size:var(--fs-sl-chart);font-weight:600}
+.sl-lab{fill:currentColor;font-size:var(--fs-sl-chart);font-weight:var(--fw-strong)}
 .sl-axl{fill:var(--smu);font-size:var(--fs-sl-axis)}
 .ed .sl-it{cursor:move}
 .ed .sl-it.sel{outline:calc(2px / var(--bd-k,.5)) solid var(--ember);outline-offset:calc(4px / var(--bd-k,.5))}
@@ -120,19 +120,19 @@
 .sl-pres .sl-b{color:rgb(220,222,230)}
 .sl-pres .sl-b:focus-visible{outline-color:rgb(233,234,240)}
 .sl-prb{display:flex;align-items:center;gap:8px;min-width:0;flex:none}
-.sl-prb b{font-size:var(--fs-3);font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-.sl-pk{font-size:var(--fs-3);color:rgb(138,144,166);font-variant-numeric:tabular-nums}
+.sl-prb b{font-size:var(--fs-row);font-weight:var(--fw-strong);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:var(--lh-row);}
+.sl-pk{font-size:var(--fs-body);color:rgb(138,144,166);font-variant-numeric:tabular-nums;line-height:var(--lh-body);}
 .sl-prg{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}
 .sl-prc{display:flex;flex-direction:column;gap:8px;min-height:0;min-width:0}
 .sl-pslot{position:relative;flex:1;min-height:200px;min-width:0;display:grid;place-items:center}
 .sl-pbox{position:relative;width:calc(960px * var(--bd-k,1));height:calc(540px * var(--bd-k,1));overflow:hidden;border-radius:6px}
 .sl-pslot .sl-pbox{cursor:pointer}
 .sl-prn{display:flex;align-items:center;justify-content:center;gap:12px;flex:none}
-.sl-pn{color:rgb(138,144,166);font-size:var(--fs-2);margin:0;text-align:center}
+.sl-pn{color:rgb(138,144,166);font-size:var(--fs-meta);margin:0;text-align:center;line-height:var(--lh-meta);}
 .sl-pside{display:flex;flex-direction:column;gap:8px;min-width:0}
-.sl-lbl{margin:0;font-size:var(--fs-1);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgb(138,144,166)}
+.sl-lbl{margin:0;font-size:var(--fs-badge);font-weight:var(--fw-strong);letter-spacing:.08em;text-transform:uppercase;color:rgb(138,144,166);line-height:var(--lh-badge);}
 .sl-pnx{position:relative;width:100%;aspect-ratio:16 / 9}
-.sl-pside textarea{flex:1;min-height:140px;resize:none;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:rgb(233,234,240);padding:10px;font:inherit;font-size:var(--fs-4);line-height:1.5}
+.sl-pside textarea{flex:1;min-height:140px;resize:none;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:rgb(233,234,240);padding:10px;font:inherit;font-size:var(--fs-body);line-height:1.5}
 .sl-pside textarea:focus-visible{outline:2px solid rgb(233,234,240);outline-offset:1px}
 .sl-pres .sl-hint{padding:0;color:rgb(138,144,166);margin:0}
 .sl-pres[data-k="win"]{padding:0;display:grid;place-items:center}