.demo-root{background:var(--paper);min-height:100vh;position:relative}html[lang=ar] .demo-root{--mono:"IBM Plex Mono", "IBM Plex Sans Arabic", ui-monospace, monospace;--serif:"Libre Baskerville", "IBM Plex Sans Arabic", georgia, serif}.demo-root:before{content:"";pointer-events:none;opacity:.035;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.demo-root>*{z-index:1;position:relative}.demo-root .demo-shell{max-width:1060px;margin-inline:auto;padding:0 clamp(1rem,4vw,2.5rem) 4rem}.demo-root .demo-mast{border-bottom:2px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem 1.5rem;margin-bottom:.35rem;padding-block:1.1rem;display:flex}.demo-root .demo-mast .rest-name{font-family:var(--serif);letter-spacing:.02em;font-size:1.15rem;font-weight:700}.demo-root .demo-mast a{color:inherit;text-decoration:none}.demo-root .demo-mast .mast-sub{font-family:var(--mono);letter-spacing:.12em;color:var(--graphite);font-size:.65rem}.demo-root .mast-rule{border-top:1px solid color-mix(in srgb, var(--ink) 32%, transparent);margin-bottom:clamp(1.25rem,3vw,2rem)}.demo-root .stamp{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;mix-blend-mode:multiply;opacity:.82;white-space:normal;text-wrap:balance;border:2.5px solid;max-width:100%;padding:.32em .7em;font-size:.72rem;font-weight:500;display:inline-block;transform:rotate(-1.5deg)}.demo-root .stamp--verified{color:var(--mark-ink);opacity:.9}.demo-root .stamp--draft{color:var(--mark-pencil);opacity:.72}.demo-root .stamp--held{color:var(--mark-red);opacity:.92;border-width:3px}.demo-root .stamp--sample{color:var(--mark-pencil);opacity:.7;transform:rotate(1.2deg)}.demo-root .stamp--lg{letter-spacing:.2em;border-width:3px;padding:.42em .95em;font-size:1.05rem;position:relative;transform:rotate(-3deg)}.demo-root .stamp--lg:after{content:"";pointer-events:none;border:1px solid;position:absolute;inset:3px}.demo-root .stamp--lg.stamp--held{opacity:.95;border-width:4px;font-size:1.2rem;transform:rotate(-4deg)}.demo-root table.docket tr.row-held td:first-child{box-shadow:inset 3px 0 0 var(--red)}[dir=rtl] .demo-root table.docket tr.row-held td:first-child{box-shadow:inset -3px 0 0 var(--red)}.demo-root .vchip{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border:1.5px solid;padding:.15em .45em;font-size:.6rem}.demo-root .vchip--verified{color:var(--mark-ink)}.demo-root .vchip--draft{color:var(--mark-pencil)}.demo-root .vchip--held{color:var(--mark-red);mix-blend-mode:multiply;border-width:2px;padding:.2em .5em;font-size:.66rem;font-weight:500;display:inline-block;transform:rotate(-1.5deg)}.demo-root .sheet{background:color-mix(in srgb, var(--paper) 55%, #fff);border:1px solid color-mix(in srgb, var(--ink) 22%, transparent);box-shadow:var(--elev-1);padding:clamp(1rem,3vw,1.5rem)}.demo-root .sheet--lifted{box-shadow:var(--elev-2)}.demo-root .docketwrap{overflow-x:auto}.demo-root table.docket{border-collapse:collapse;width:100%;font-size:.9rem}.demo-root table.docket th{font-family:var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--graphite);text-align:start;border-bottom:2px solid var(--ink);white-space:nowrap;padding:0 .55rem .5rem;font-size:.62rem;font-weight:500}.demo-root table.docket td{border-bottom:1px solid color-mix(in srgb, var(--ink) 15%, transparent);vertical-align:top;padding:.6rem .55rem}.demo-root table.docket .num,.demo-root table.docket td.num{text-align:end;font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.demo-root table.docket a{color:var(--interaction-text);border-bottom:1px solid color-mix(in srgb, var(--brass) 55%, transparent);text-decoration:none}.demo-root table.docket a:hover{border-bottom-color:var(--brass)}.demo-root table.docket tr:hover td{background:color-mix(in srgb, var(--brass) 7%, transparent)}.demo-root .dlabel{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--graphite);margin:0 0 .6rem;font-size:.66rem}.demo-root h1,.demo-root h2,.demo-root h3{font-family:var(--serif)}.demo-root .ctree,.demo-root .ctree ul{margin:0;padding:0;list-style:none}.demo-root .ctree ul{border-inline-start:1px dashed color-mix(in srgb, var(--ink) 30%, transparent);margin-inline-start:.9rem;padding-inline-start:.9rem}.demo-root .ctree li{border-bottom:1px solid color-mix(in srgb, var(--ink) 8%, transparent);padding-block:.32rem}.demo-root .ctree .crow{flex-wrap:wrap;align-items:baseline;gap:.3rem .75rem;display:flex}.demo-root .ctree .cname{font-size:.9rem}.demo-root .ctree .cname a{color:var(--interaction-text);border-bottom:1px solid color-mix(in srgb, var(--brass) 55%, transparent);text-decoration:none}.demo-root .ctree .cqty{font-family:var(--mono);color:var(--graphite);font-size:.7rem}.demo-root .ctree .ccost{font-family:var(--mono);font-variant-numeric:tabular-nums;margin-inline-start:auto;font-size:.8rem}.demo-root .ctree .cfrac{font-family:var(--mono);color:var(--graphite);font-size:.62rem}.demo-root .achip{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1.5px solid var(--ink);margin:0;margin-block-end:.4rem;margin-inline-end:.4rem;padding:.2em .55em;font-size:.66rem;display:inline-block}.demo-root .atrace{color:var(--graphite);border-top:1px solid color-mix(in srgb, var(--ink) 12%, transparent);padding-block:.4rem;font-size:.82rem}.demo-root .atrace .mono-path{font-family:var(--mono);font-size:.68rem}.demo-root .dbtn{min-height:var(--target-min);border:1px solid var(--brass);border-radius:var(--radius-control);background:color-mix(in srgb, var(--paper) 60%, #fff);color:var(--interaction-text);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;box-shadow:var(--elev-1);transition:box-shadow var(--dur-instant) var(--ease-press);align-items:center;padding:0 1.1rem;font-size:.72rem;text-decoration:none;display:inline-flex}.demo-root .dbtn:hover{box-shadow:var(--elev-2)}.demo-root .dbtn:active{box-shadow:var(--deboss)}.demo-root .dbtn--ink{border-color:var(--ink);background:var(--ink);color:var(--paper)}.demo-root .holdbox{border-inline-start:3px solid var(--red);background:color-mix(in srgb, var(--red) 6%, transparent);padding:.85rem 1rem;font-size:.88rem}.demo-root .notebox{border-inline-start:3px solid var(--brass);background:color-mix(in srgb, var(--brass) 7%, transparent);color:var(--graphite);padding:.85rem 1rem;font-size:.88rem}.demo-root .stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.9rem;display:grid}.demo-root .stat .statv{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:1.35rem}.demo-root .stat .statl{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--graphite);font-size:.6rem}.demo-root :focus-visible{outline:2px solid var(--interaction);outline-offset:2px}