create-pmos 0.511.0 → 0.513.0

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}