canvas[data-ink-blend=multiply]{mix-blend-mode:multiply}canvas[data-ink-blend=screen]{mix-blend-mode:screen}canvas[data-ink-layer=wet]{opacity:var(--ep-ink-wet-opacity,1)}.ep-ink-host{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.ep-ink-chrome{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ep-ink-sel{fill:none;stroke:var(--ep-gold,#b8911f);stroke-width:1.5px;stroke-dasharray:6 5}.ep-ink-sel--march{animation:.9s linear 5 ep-ink-march}@keyframes ep-ink-march{to{stroke-dashoffset:-11px}}.ep-ink-sel-handle{fill:var(--ep-paper-white,#fffdf8);stroke:var(--ep-gold,#b8911f);stroke-width:1.5px}@media (prefers-reduced-motion:reduce){.ep-ink-sel--march{animation:none}}.ep-ink-quill{background:var(--ep-plum,#4b2a63);width:30px;height:30px;color:var(--ep-cream,#fbf4e6);pointer-events:none;transform-origin:50% 85%;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.ep-ink-quill[hidden]{display:none}.ep-ink-quill svg{width:18px;height:18px}.ep-ink-quill--tip{animation:.24s cubic-bezier(.34,1.56,.64,1) ep-ink-quill-tip}@keyframes ep-ink-quill-tip{50%{transform:rotate(-14deg)}}@media (prefers-reduced-motion:reduce){.ep-ink-quill--tip{animation:none}}.ep-ink-sheet{width:var(--ep-sheet-w,559px);height:var(--ep-sheet-h,794px);background:var(--ep-desk,#efe9dc);cursor:crosshair;border-radius:3px;outline:none;position:relative;overflow:hidden;box-shadow:0 0 0 1px #231d2924,0 8px 16px #231d292e}.ep-ink-sheet:focus-visible{box-shadow:0 0 0 2px var(--ep-focus-gap,#fbf4e6), 0 0 0 4px var(--ep-focus,#4b2a63)}.ep-ink-paper,.ep-ink-objects{width:var(--ep-sheet-w,559px);height:var(--ep-sheet-h,794px);transform-origin:0 0;transform:translate(var(--ep-view-x,0px), var(--ep-view-y,0px)) scale(var(--ep-view-z,1));pointer-events:none;position:absolute;top:0;left:0}.ep-ink-canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.ep-ink-overlay{pointer-events:none;position:absolute;inset:0}.ep-ink-objects img{transform-origin:50%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block;position:absolute}.ep-ink-paper{background-color:var(--pl-stock)}.ep-paper--cream{--pl-stock:#fbf4e6;--pl-rule:#e8dcc3;--pl-margin:#e6c3c0;--pl-pen:#231d29;--pl-dry:1;--pl-blend:multiply}.ep-paper--flat-white{--pl-stock:#fefcf8;--pl-rule:#dfe3ea;--pl-margin:transparent;--pl-pen:#231d29;--pl-dry:1;--pl-blend:multiply}.ep-paper--ivory{--pl-stock:#f9f2e1;--pl-rule:#e7dcc4;--pl-margin:transparent;--pl-pen:#231d29;--pl-dry:1.6;--pl-blend:multiply}.ep-paper--legal-pad{--pl-stock:#f8e58c;--pl-rule:#7ba3d3;--pl-margin:#cf4a48;--pl-pen:#231d29;--pl-dry:.6;--pl-blend:multiply}.ep-paper--midnight{--pl-stock:#17121c;--pl-rule:#3a3142;--pl-margin:transparent;--pl-pen:#fbf4e6;--pl-dry:1;--pl-blend:normal}.ep-paper--cream .ep-ink-paper,.ep-paper--legal-pad .ep-ink-paper,.ep-paper--midnight .ep-ink-paper{background-image:linear-gradient(to right, transparent calc(var(--ep-px-per-mm,3.78) * 21.8px - 1px), var(--pl-margin) 0, var(--pl-margin) calc(var(--ep-px-per-mm,3.78) * 21.8px), transparent 0), repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--ep-px-per-mm,3.78) * 8.7px - 1px), var(--pl-rule) 0, var(--pl-rule) calc(var(--ep-px-per-mm,3.78) * 8.7px));background-position:0 0, 0 calc(var(--ep-px-per-mm,3.78) * 9.3px)}.ep-paper--ivory .ep-ink-paper{background-image:repeating-linear-gradient(to right, transparent 0, transparent calc(var(--ep-px-per-mm,3.78) * 4px - 1px), var(--pl-rule) 0, var(--pl-rule) calc(var(--ep-px-per-mm,3.78) * 4px)), repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--ep-px-per-mm,3.78) * 4px - 1px), var(--pl-rule) 0, var(--pl-rule) calc(var(--ep-px-per-mm,3.78) * 4px))}.ep-nib{--nib-plum:var(--ep-plum,#4b2a63);--nib-ink:var(--ep-ink,#231d29);--nib-brass:var(--ep-brass,#b8911f);--nib-cream:var(--ep-cream,#fbf4e6);box-sizing:border-box;max-width:1180px;color:var(--nib-ink);font-family:var(--ep-font-ui,"Atkinson Hyperlegible Next", "Segoe UI", system-ui, sans-serif);margin:0 auto;padding:24px 24px 32px;line-height:1.5}.ep-nib *,.ep-nib :before,.ep-nib :after{box-sizing:border-box}.ep-nib__title{color:var(--nib-plum);margin:0;font-size:32px;line-height:1.2}.ep-nib__lead{margin:4px 0 16px;font-size:16px}.ep-nib__desk{grid-template-columns:132px minmax(0,1fr) 232px;align-items:start;gap:16px;display:grid}.ep-nib__shelf{gap:10px;display:grid}.ep-nib__bottle{min-height:96px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:12px;justify-items:center;gap:2px;padding:10px 6px 8px;font-size:14px;display:grid;position:relative}.ep-nib__bottle:hover{background:#4b2a630f}.ep-nib__bottle:focus-visible,.ep-nib__action:focus-visible,.ep-nib__link:focus-visible{outline:2px solid var(--ep-focus,#4b2a63);outline-offset:2px;box-shadow:0 0 0 2px var(--ep-focus-gap,#fbf4e6)}.ep-nib__bottle-art{width:48px;height:56px}.ep-nib__in-hand{color:var(--ep-gold-text,#8a6a10);font-size:12px;display:none;position:absolute;top:6px;right:8px}.ep-nib__bottle--in-hand{border-color:var(--nib-brass);background:#fff8dc}.ep-nib__bottle--in-hand .ep-nib__in-hand{display:block}.ep-nib__sheet{place-items:center;width:100%;min-width:0;height:min(62vh,560px);min-height:260px;display:grid;position:relative}.ep-nib__plate{border:2px solid var(--nib-brass);background:radial-gradient(circle at 9px 9px, var(--nib-brass) 2.5px, transparent 3px), radial-gradient(circle at calc(100% - 9px) 9px, var(--nib-brass) 2.5px, transparent 3px), radial-gradient(circle at 9px calc(100% - 9px), var(--nib-brass) 2.5px, transparent 3px), radial-gradient(circle at calc(100% - 9px) calc(100% - 9px), var(--nib-brass) 2.5px, transparent 3px), #fffbef;text-align:center;border-radius:12px;min-height:236px;padding:16px 16px 14px;position:relative}.ep-nib__plate-face{gap:2px;display:grid}.ep-nib__plate-face[hidden],.ep-nib__plate-waiting[hidden]{display:none}.ep-nib__plate-title{margin:0;font-size:14px}.ep-nib__plate-ms{color:var(--nib-plum);font-variant-numeric:tabular-nums;margin:0;font-size:40px;font-weight:700;line-height:1.15}.ep-nib__plate-median,.ep-nib__plate-budget,.ep-nib__plate-note,.ep-nib__plate-waiting{margin:0;font-size:12px}.ep-nib__plate-waiting{margin-top:64px;font-size:14px}.ep-nib__bar{border-radius:5px;grid-template-columns:1fr 1fr;height:10px;margin:4px 0 14px;display:grid;position:relative;overflow:visible}.ep-nib__bar-ok{background:var(--ep-sage,#9cc9a7);border-radius:5px 0 0 5px}.ep-nib__bar-over{border-left:2px solid var(--nib-brass);background:#e8b4c4;border-radius:0 5px 5px 0}.ep-nib__bar-mark{top:12px;left:var(--ep-nib-mark,0%);border-left:6px solid #0000;border-right:6px solid #0000;border-bottom:9px solid var(--nib-plum);width:0;height:0;margin-left:-6px;position:absolute}.ep-nib__plate-slowest{font-variant-numeric:tabular-nums;margin:0;font-size:14px}.ep-nib__plate-verdict{margin:4px 0;font-size:14px;font-weight:700}.ep-nib__plate-verdict:before{content:"";background:var(--ep-sage,#9cc9a7);border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block;box-shadow:0 0 0 2px #3c6648}.ep-nib__plate-verdict--over:before{background:#e8b4c4;box-shadow:0 0 0 2px #982e50}.ep-nib__plate--turn{animation:.24s cubic-bezier(.22,.61,.36,1) ep-nib-turn}@keyframes ep-nib-turn{0%{transform:rotateY(90deg)}to{transform:rotateY(0)}}@media (prefers-reduced-motion:reduce){.ep-nib__plate--turn{animation:none}}.ep-nib__actions{flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0 0 148px;display:flex}.ep-nib__action{border:2px solid var(--nib-plum);min-height:44px;color:var(--nib-plum);font:inherit;cursor:pointer;background:#fffdf8;border-radius:22px;padding:8px 22px;font-size:15px}.ep-nib__action:hover{background:#f3ecf7}.ep-nib__action:disabled{opacity:.6;cursor:progress}.ep-nib__hint{color:var(--ep-ink-2,#4d4753);font-size:13px;font-style:italic}.ep-nib__footer{margin-top:20px;font-size:14px}.ep-nib__footer p{margin:0 0 4px}.ep-nib__link{min-height:24px;color:var(--nib-plum);font-weight:700;display:inline-block}@media (max-width:860px){.ep-nib__desk{grid-template-columns:minmax(0,1fr)}.ep-nib__shelf{grid-template-columns:repeat(3,1fr)}.ep-nib__in-hand{position:static}.ep-nib__sheet{aspect-ratio:210/148;height:auto}.ep-nib__actions{margin-left:0}}:root{--ep-plum:#4b2a63;--ep-cream:#fbf4e6;--ep-ink:#231d29;--ep-ink-2:#4d4753;--ep-gold:#b8911f;--ep-brass:#b8911f;--ep-desk:#e9e1d2;--ep-focus:#4b2a63;--ep-focus-gap:#fbf4e6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{color:var(--ep-ink);background:#f3eee6;font:15px/1.45 Atkinson Hyperlegible Next,Segoe UI,system-ui,sans-serif}body.demo-nib-body{background:#f6f1f8}.demo-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button,input,a{font:inherit}:focus-visible{outline:2px solid var(--ep-focus);outline-offset:2px}.demo-header{background:#fbf7f0;border-bottom:1px solid #e3d9c8;justify-content:space-between;align-items:center;gap:16px;padding:10px 20px;display:flex}.demo-header h1{color:var(--ep-plum);margin:0;font-size:22px}.demo-sub{color:var(--ep-ink-2);margin:0;font-size:13px}.demo-link{color:var(--ep-plum);font-weight:700}.demo-main{grid-template-columns:76px minmax(0,1fr) 360px;gap:16px;min-height:calc(100vh - 62px);padding:16px 20px;display:grid}.demo-case{background:#fbf7f0;border-radius:14px;flex-direction:column;align-self:start;align-items:stretch;gap:6px;padding:8px 6px;display:flex;position:sticky;top:12px;box-shadow:0 0 0 1px #e3d9c8}.demo-case-btn{min-height:52px;color:var(--ep-ink);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-items:center;gap:2px;padding:6px 2px;display:grid}.demo-case-btn:hover{background:#f0e8da}.demo-case-btn[aria-pressed=true]{background:var(--ep-plum);color:var(--ep-cream)}.demo-case-btn:disabled{opacity:.4;cursor:default}.demo-case-label{font-size:11px;line-height:1.1}.demo-zoom{font-variant-numeric:tabular-nums;min-height:32px;font-size:13px}.demo-sep{border:0;border-top:1px solid #e3d9c8;width:70%;margin:2px auto}.demo-center{grid-template-rows:1fr auto;gap:8px;min-width:0;display:grid}.demo-sheet-host{place-items:center;height:calc(100vh - 120px);min-height:420px;display:grid}.demo-status{color:var(--ep-ink-2);text-align:center;margin:0;font-size:12px}.demo-inspector{align-content:start;gap:12px;max-height:calc(100vh - 94px);padding-right:4px;display:grid;overflow:auto}.demo-panel{background:#fbf7f0;border-radius:14px;padding:12px 14px;box-shadow:0 0 0 1px #e3d9c8}.demo-panel h2{color:var(--ep-plum);margin:0 0 6px;font-size:16px}.demo-panel h3{color:var(--ep-ink-2);margin:10px 0 4px;font-size:13px;font-weight:700}.demo-chips{flex-wrap:wrap;gap:6px;display:flex}.demo-chip,.demo-btn{min-height:36px;color:var(--ep-ink);cursor:pointer;background:#fffdf8;border:1px solid #d8ccb6;border-radius:18px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;display:inline-flex}.demo-btn{border-color:var(--ep-plum);min-height:40px;color:var(--ep-plum)}.demo-chip:hover,.demo-btn:hover{background:#f3ecf7}.demo-chip[aria-pressed=true],.demo-btn[aria-pressed=true]{border-color:var(--ep-plum);background:var(--ep-plum);color:var(--ep-cream)}.demo-chip:disabled,.demo-btn:disabled{opacity:.45;cursor:default}.demo-ink{flex-wrap:wrap}.demo-swatch{background:var(--sw);border-radius:50%;flex:none;width:16px;height:16px;box-shadow:0 0 0 1px #231d2940}.demo-swatch--glitter{background:radial-gradient(circle at 30% 30%, #f6e7a8 0 1.5px, transparent 2px), radial-gradient(circle at 70% 60%, #fffdf8 0 1.5px, transparent 2px), var(--sw)}.demo-swatch--galaxy{background:radial-gradient(circle at 35% 40%,#c85aa0aa 0 4px,#0000 6px),radial-gradient(circle at 65% 65%,#fffdf8 0 1px,#0000 1.5px),linear-gradient(135deg,#1d2350,#3b2a6b)}.demo-swatch--marbled{background:linear-gradient(120deg, var(--sw) 0 40%, #d9e6ef 45% 50%, var(--sw) 55% 100%)}.demo-swatch--gold-leaf{background:linear-gradient(135deg,#e6cb72,#b8911f 60%,#f6e7a8)}.demo-swatch--invisible{background:repeating-conic-gradient(#fbf4e6 0 25%, #d8ccb6 0 50%) 0 0 / 6px 6px}.demo-low{color:#982e50;flex-basis:100%;font-size:11px}.demo-chip[aria-pressed=true] .demo-low{color:#fee3e8}.demo-note,.demo-small{color:var(--ep-ink-2);margin:6px 0 0;font-size:12px}.demo-toggle{cursor:pointer;align-items:flex-start;gap:8px;margin-top:8px;font-size:14px;display:flex}.demo-toggle small{color:var(--ep-ink-2);font-size:11px;display:block}.demo-switch{width:18px;height:18px;accent-color:var(--ep-plum);margin-top:2px}.demo-plate{border:2px solid var(--ep-brass);background:#fffbef}.demo-big{color:var(--ep-plum);font-variant-numeric:tabular-nums;margin:0;font-size:34px;font-weight:700;line-height:1.1}.demo-verdict{margin:4px 0 0;font-size:13px;font-weight:700}.demo-verdict:empty{display:none}.demo-stats{grid-template-columns:auto 1fr;gap:2px 10px;margin:10px 0 0;font-size:12px;display:grid}.demo-stats dt{color:var(--ep-ink-2)}.demo-stats dd{font-variant-numeric:tabular-nums;margin:0}.demo-object{left:var(--x);top:var(--y);width:var(--w);height:var(--h)}.demo-dialog{background:#fffdf8;border:0;border-radius:16px;width:min(92vw,760px);max-height:92vh;padding:16px 20px;box-shadow:0 16px 48px #231d294d}.demo-dialog::backdrop{background:#231d2959}.demo-print{background:#fff;max-height:70vh;margin:10px 0;overflow:auto;box-shadow:0 0 0 1px #e3d9c8}.demo-print img{width:100%;height:auto;display:block}@media (max-width:1000px){.demo-main{grid-template-columns:64px minmax(0,1fr)}.demo-inspector{grid-column:1/-1;max-height:none}}