.ds-shell{background-color:var(--surface-page);min-height:100dvh}@media (width>=1024px){.ds-shell{inset:calc(var(--ruler-offset) + var(--topnav-height)) 0 0 var(--ruler-offset);grid-template-columns:var(--sidebar-width) min(calc(var(--container) - var(--sidebar-width)), calc(100% - var(--sidebar-width)));justify-content:center;align-items:stretch;min-height:0;display:grid;position:fixed;overflow:hidden}}.ds-nav{border-bottom:1px solid var(--rule);background-color:var(--surface-page)}@media (width>=1024px){.ds-nav{height:100%;padding-top:var(--space-md);overscroll-behavior:contain;border-bottom:none;border-right:1px solid var(--rule);overflow-y:auto}}.ds-nav-head{justify-content:space-between;align-items:center;gap:var(--space-sm);padding-block:var(--space-sm);padding-inline:var(--gutter);display:flex}@media (width>=1024px){.ds-nav-head{padding-block:var(--space-md) var(--space-sm);padding-inline:var(--gutter) var(--space-sm)}}.ds-brand{gap:var(--space-4xs);color:inherit;border-radius:var(--radius-sm);flex-direction:column;text-decoration:none;display:flex}@media (pointer:coarse){.ds-brand{justify-content:center;min-height:44px}}.ds-brand:focus-visible{box-shadow:var(--focus-ring);outline:none}.ds-brand strong{font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-snug)}.ds-nav-toggle{display:inline-flex}.ds-nav-body{padding-block:0 var(--space-md);padding-inline:calc(var(--gutter) - var(--space-2xs)) var(--gutter);display:none}.ds-nav[data-open=true] .ds-nav-body{display:block}@media (width>=1024px){.ds-nav-toggle{display:none}.ds-nav-body{padding-block:0 var(--space-xl);padding-inline:calc(var(--gutter) - var(--space-2xs)) var(--space-2xs);display:block}}.ds-nav-list,.ds-nav-sublist{margin:0;padding:0;list-style:none}.ds-nav-list>li>a,.ds-nav-sublist>li>a{padding:var(--space-2xs) var(--space-2xs);border-radius:var(--radius);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--ink-muted);transition:background-color var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease);text-decoration:none;display:block}.ds-nav-list>li>a:focus-visible,.ds-nav-sublist>li>a:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (hover:hover){.ds-nav-list>li>a:hover,.ds-nav-sublist>li>a:hover{background-color:var(--surface-sunken);color:var(--ink)}}.ds-nav-list>li>a[aria-current=page],.ds-nav-sublist>li>a[aria-current=page]{background-color:var(--accent-wash);color:var(--accent);font-weight:var(--weight-medium)}@media (pointer:coarse){.ds-nav-list>li>a,.ds-nav-sublist>li>a{min-height:44px;padding-block:var(--space-2xs);align-items:center;display:flex}}.ds-nav-group{margin-top:var(--space-md);padding:0 var(--space-2xs) var(--space-3xs)}.ds-tree{margin:var(--space-3xs) 0 0;padding-left:var(--space-2xs);list-style:none}.ds-tree-branch{margin-top:var(--space-2xs)}.ds-tree-label{padding:var(--space-3xs) var(--space-2xs);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-faint);display:block}.ds-nav-sublist{margin-left:var(--space-2xs);padding-left:var(--space-2xs);border-left:1px solid var(--rule)}.ds-content{min-width:0;padding:var(--space-lg) var(--gutter) var(--space-3xl)}@media (width>=1024px){.ds-content{overscroll-behavior:contain;height:100%;padding:var(--space-xl) var(--space-xl) var(--space-3xl);overflow-y:auto}.ds-nav,.ds-content{scrollbar-width:none}.ds-nav::-webkit-scrollbar{display:none}.ds-content::-webkit-scrollbar{display:none}}.ds-doc{max-width:var(--container-narrow)}.ds-doc[data-width=wide]{max-width:var(--container)}.ds-doc h1{margin-top:var(--space-2xs);font-size:var(--text-2xl);letter-spacing:var(--tracking-display)}.ds-lede{margin-top:var(--space-sm);font-size:var(--text-md);line-height:var(--leading-snug);letter-spacing:var(--tracking-snug);color:var(--ink-muted)}.ds-section{margin-top:var(--space-xl);scroll-margin-top:var(--space-sm)}.ds-section>h2{font-size:var(--text-lg);letter-spacing:var(--tracking-tight);padding-bottom:var(--space-2xs);border-bottom:1px solid var(--rule)}.ds-section>h3{margin-top:var(--space-md);font-size:var(--text-md);letter-spacing:var(--tracking-snug)}.ds-section>p,.ds-doc>p{margin-top:var(--space-xs);color:var(--ink-muted)}.ds-list{margin-top:var(--space-xs);padding-left:var(--space-sm);color:var(--ink-muted)}.ds-list li{margin-top:var(--space-2xs)}.ds-list li strong{color:var(--ink);font-weight:var(--weight-semibold)}.ds-grid{gap:var(--space-sm);margin-top:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));display:grid}.ds-grid[data-cols=wide]{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.ds-swatch{gap:var(--space-3xs);flex-direction:column;display:flex}.ds-swatch-chip{border:1px solid var(--rule-soft);border-radius:var(--radius);height:60px}.ds-swatch-name{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--ink);word-break:break-all}.ds-swatch-meta{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--ink-faint)}.ds-type-row{padding:var(--space-xs) 0;border-bottom:1px solid var(--rule-soft);overflow:hidden}.ds-type-specimen{line-height:var(--leading-tight);letter-spacing:var(--tracking-display);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.ds-meta{align-items:center;gap:var(--space-2xs);margin-top:var(--space-3xs);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--ink-faint);flex-wrap:wrap;display:flex}.ds-ruler{align-items:center;gap:var(--space-xs);padding:var(--space-3xs) 0;display:flex}.ds-ruler-bar{border-radius:var(--radius-sm);background-color:var(--accent-bright);flex:none;height:12px}.ds-box{background-color:var(--surface-raised);border:1px solid var(--rule-soft);place-items:center;height:80px;display:grid}.ds-elevation{border-radius:var(--radius);background-color:var(--surface-raised);place-items:center;height:80px;display:grid}.ds-well{align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);padding:var(--space-sm);border:1px solid var(--rule-soft);border-radius:var(--radius);background-color:var(--surface-sunken);flex-wrap:wrap;display:flex}.ds-well[data-layout=stack]{flex-direction:column;align-items:stretch}.ds-panel{padding:var(--space-sm) 0}.ds-motion-row{gap:var(--space-3xs);margin-bottom:var(--space-sm);display:grid;container-type:inline-size}.ds-track{border-radius:var(--radius-full);background-color:var(--surface-inset);height:28px;position:relative;overflow:hidden}.ds-dot{border-radius:var(--radius-full);background-color:var(--accent-bright);width:18px;height:18px;transition:translate var(--ds-duration,var(--duration-moderate)) var(--ds-ease,var(--ease-spatial));position:absolute;top:5px;left:5px;translate:0}.ds-track[data-playing=true] .ds-dot{translate:calc(100cqw - 28px)}.ds-card{padding:var(--space-sm);border:1px solid var(--rule-soft);border-radius:var(--radius-lg);background-color:var(--surface-raised);box-shadow:var(--shadow-sm);color:inherit;transition:box-shadow var(--duration) var(--ease), border-color var(--duration) var(--ease);text-decoration:none;display:block}.ds-card:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (hover:hover){.ds-card:hover{border-color:var(--rule);box-shadow:var(--shadow)}}.ds-card strong{font-size:var(--text-md);letter-spacing:var(--tracking-snug);display:block}.ds-card span{margin-top:var(--space-3xs);font-size:var(--text-sm);color:var(--ink-muted);display:block}.ds-table{width:100%;margin-top:var(--space-sm);border-collapse:collapse;font-size:var(--text-sm)}.ds-table th,.ds-table td{padding:var(--space-2xs);text-align:left;vertical-align:top;border-bottom:1px solid var(--rule-soft)}.ds-table th{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-faint)}.ds-table td:first-child{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink);white-space:nowrap}.ds-table-scroll{overflow-x:auto}.ds-pass-play{gap:var(--space-md);grid-template-columns:minmax(0,1fr);width:100%;display:grid}.ds-pass-play[data-pending]{min-height:560px}@media (width>=520px){.ds-pass-stage{padding-inline:var(--space-sm)}}@media (width>=1024px){.ds-pass-play{grid-template-columns:auto minmax(0,1fr);align-items:start}.ds-pass-play[data-pending]{min-height:340px}}.ds-pass-stage{min-width:0;padding:var(--space-lg) 0;border-radius:var(--radius);background-color:var(--surface-page);background-image:radial-gradient(var(--texture-grid) 1px, transparent 1px);background-size:var(--texture-pitch) var(--texture-pitch);grid-template-columns:minmax(0,1fr);place-items:center;display:grid}.ds-pass-controls{gap:var(--space-sm);min-width:0;display:grid}.ds-pass-choice{border:0;min-width:0;margin:0;padding:0}.ds-pass-choice:disabled{opacity:.45}.ds-pass-choice legend{margin-bottom:var(--space-3xs);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-faint);padding:0}.ds-pass-seg{border-radius:var(--radius);background-color:var(--surface-inset);flex-wrap:wrap;gap:2px;width:fit-content;max-width:100%;padding:2px;display:flex}.ds-pass-seg label{position:relative}.ds-pass-seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.ds-pass-choice:disabled input{cursor:not-allowed}.ds-pass-seg span{min-height:32px;padding:0 var(--space-xs);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--ink-muted);transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);align-items:center;display:inline-flex}.ds-pass-seg input:checked+span{background-color:var(--surface-raised);color:var(--ink);box-shadow:var(--shadow-sm)}.ds-pass-seg input:focus-visible+span{box-shadow:var(--focus-ring)}@media (pointer:coarse){.ds-pass-seg span{min-height:44px}}:is(.dsf-take-window,.dsf-canvas,.dsf-artboard-sheet,.dsf-compare-side,.dsf-key>div,.dsf-path-step,.ps-stage){position:relative}:is(.dsf-take-window,.dsf-canvas,.dsf-artboard-sheet,.dsf-compare-side,.dsf-key>div,.dsf-path-step,.ps-stage):after{content:"";border:1px solid var(--rule);border-radius:inherit;pointer-events:none;filter:var(--rough-edge);position:absolute;inset:0}:is(.dsf-canvas,.dsf-artboard-sheet):after{border-color:var(--rule-soft)}:is(.pen-tick,.pen-arrow,.pen-caret){width:1.3em;height:1em;filter:var(--rough-edge);margin-top:.2em;display:inline-block;overflow:visible}:is(.pen-tick,.pen-arrow,.pen-caret,.pen-ring-mark,.pen-strike-mark,.pen-wave-mark) .dg-ink{stroke:var(--pr-pen);stroke-width:1.6px}.pen-ring{display:inline-block;position:relative}.pen-ring-mark{pointer-events:none;width:calc(100% + 1.2em);max-width:none;height:calc(100% + .6em);filter:var(--rough-edge);position:absolute;top:-.34em;left:-.6em;overflow:visible}.pen-ring[data-tone=accent] .dg-ink{stroke:var(--accent-bright)}.pen-word{display:inline-block;position:relative}.pen-keep{white-space:nowrap}.pen-strike{text-decoration:none}:is(.pen-strike-mark,.pen-wave-mark){pointer-events:none;width:calc(100% + .34em);max-width:none;height:.4em;filter:var(--rough-edge);position:absolute;left:-.08em;overflow:visible}.pen-keep>.pen-word :is(.pen-strike-mark,.pen-wave-mark){width:calc(100% + .12em)}.pen-strike-mark{top:.4em}.pen-wave-mark{bottom:-.32em}.pen-strike-mark .dg-ink{stroke-width:2.2px}[data-draw] .pen-word .dg-ink{stroke-dasharray:10}[data-draw=pending] .pen-word .dg-ink{stroke-dashoffset:10px}.dsf-why{margin-top:var(--space-md)}.dsf-compare{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));display:grid}.dsf-compare-side{gap:var(--space-2xs);padding:var(--space-md);border-radius:var(--radius);align-content:start;display:grid}.dsf-compare-side[data-side=file]{background-color:var(--surface-sunken)}.dsf-compare-side[data-side=code]{background-color:var(--surface-raised);box-shadow:var(--shadow)}.dsf-compare-claim{font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);margin:0}[data-side=file] .dsf-compare-claim{color:var(--ink-muted)}.dsf-compare-detail{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-faint);margin:0}.dsf-compare-tests{gap:var(--space-3xs);margin:var(--space-3xs) 0 0;padding:0;list-style:none;display:grid}.dsf-compare-tests li{align-items:center;gap:var(--space-2xs);font-size:var(--text-sm);display:flex}.dsf-compare-tests .pen-tick{color:var(--accent);margin-top:0}.dsf-compare-tests .pen-tick .dg-ink{stroke:currentColor}.dsf-path{align-items:center;gap:var(--space-2xs);margin:var(--space-md) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.dsf-path li{align-items:center;gap:var(--space-2xs);max-width:none;display:flex}.dsf-path-arrow{color:var(--ink-faint)}.dsf-path-step{padding:var(--space-3xs) var(--space-2xs);border-radius:var(--radius-sm);background-color:var(--surface-raised);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-muted)}.dsf-path [data-last=true] .dsf-path-step{background-color:var(--accent-wash);color:var(--accent)}.dsf-path-note{margin-top:var(--space-2xs);font-size:var(--text-sm);color:var(--ink-faint)}.dsf-key{gap:var(--space-sm);margin:var(--space-sm) 0 0;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));display:grid}.dsf-key>div{gap:var(--space-2xs);padding:var(--space-sm);border-radius:var(--radius);background-color:var(--surface-raised);display:grid}.dsf-key dt{align-items:center;gap:var(--space-2xs);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-faint);display:flex}.dsf-key dd{font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-snug);margin:0}.dsf-key-swatch{border:1px solid var(--rule);border-radius:var(--radius-sm);flex:none;width:28px;height:20px}.dsf-key-swatch[data-key=cool]{background-color:var(--surface-inset)}.dsf-key-swatch[data-key=warm]{background-image:linear-gradient(var(--print-paper-top), var(--print-paper-foot));box-shadow:var(--shadow-sm)}.dsf-key-line{fill:none;width:36px;height:20px;stroke:var(--ink);stroke-width:2.2px;stroke-linecap:round;filter:var(--rough-edge);flex:none;display:inline-block;overflow:visible}.dsf-take{margin-top:var(--space-md);container:take/inline-size}.dsf-take-window{border-radius:var(--radius);background-color:var(--surface-raised);grid-template-columns:minmax(0,1fr);grid-template-areas:"desk""panel""code";display:grid;position:relative}@container take (width>=640px){.dsf-take-window{grid-template-columns:minmax(0, 1fr) var(--dsf-panel-width);grid-template-areas:"desk panel""code code"}}.dsf-desk,.dsf-canvas{background-color:var(--surface-sunken);background-image:radial-gradient(var(--texture-grid) 1px, transparent 1.5px);background-size:calc(var(--texture-pitch) * 2) calc(var(--texture-pitch) * 2)}.dsf-canvas{border-radius:var(--radius)}.dsf-desk{padding:var(--space-xl) var(--space-md) var(--space-lg);border-radius:var(--radius) var(--radius) 0 0;grid-area:desk;position:relative}.dsf-frame-name{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--frame-label)}.dsf-desk>.dsf-frame-name{top:var(--space-sm);left:var(--space-md);position:absolute}.dsf-desk-items{gap:var(--space-lg) var(--space-md);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"print note""tile tile";align-items:center;display:grid}@container take (width>=640px){.dsf-desk-items{grid-template-areas:"print tile""print note";align-items:start}}.dsf-print{width:var(--dsf-print-phone);padding:var(--space-2xs) var(--space-2xs) 0;background-image:linear-gradient(var(--print-paper-top), var(--print-paper-foot));box-shadow:var(--shadow);grid-area:print;align-self:center;margin:0;rotate:-2deg}@container take (width>=640px){.dsf-print{width:var(--dsf-print)}}.dsf-print-window{aspect-ratio:4/3;background-color:var(--print-window);display:block}.dsf-print figcaption{padding:var(--space-2xs) 0 var(--space-xs);font-family:var(--font-hand);font-size:var(--text-sm);line-height:var(--leading-snug);text-align:center;color:var(--print-ink)}.dsf-desk-tile{grid-area:tile}.dsf-desk-tile p{margin:var(--space-2xs) 0 var(--space-sm);font-size:var(--text-sm);color:var(--ink-muted)}.dsf-desk-row{align-items:center;gap:var(--space-2xs);flex-wrap:wrap;display:flex}.dsf-desk-note{grid-area:note}.dsf-desk-note p{font-family:var(--font-hand);font-size:var(--text-lg);color:var(--accent);margin:0;line-height:2}.dsf-desk-note .pen-tick{margin-top:0}.dsf-desk-note .pen-tick .dg-ink{stroke:currentColor}.dsf-desk-part{display:inline-block;position:relative}[data-part]{border-radius:var(--radius-sm);outline-offset:var(--space-3xs);transition:outline-color var(--duration-fast) var(--ease);outline:1px solid #0000;position:relative}[data-part][data-lit]{outline-color:var(--frame-line)}[data-part][data-token]:before{content:attr(data-token);bottom:calc(100% + var(--space-2xs));left:calc(var(--space-3xs) * -1);z-index:2;padding:1px var(--space-3xs);border-radius:var(--radius-sm);background-color:var(--frame-line);color:var(--ink-inverse);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:0;white-space:nowrap;pointer-events:none;line-height:1.4;position:absolute}.dsf-panel{align-content:start;gap:var(--space-2xs);padding:var(--space-sm);border-top:1px solid var(--rule);grid-area:panel;display:grid}@container take (width>=640px){.dsf-panel{border-top:0;border-left:1px solid var(--rule)}}.dsf-panel-title{padding:0 var(--space-2xs);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-faint)}.dsf-panel-rows{gap:var(--space-4xs) var(--space-2xs);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@container take (width>=640px){.dsf-panel-rows{grid-template-columns:minmax(0,1fr)}}.dsf-switch{justify-content:space-between;align-items:center;gap:var(--space-2xs);min-height:44px;padding:var(--space-3xs) var(--space-2xs);border-radius:var(--radius);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease);background:0 0;border:0;display:flex}@media (hover:hover){.dsf-switch:hover{background-color:var(--surface-sunken)}}.dsf-switch:focus-visible{box-shadow:var(--focus-ring);outline:none}.dsf-switch:disabled{cursor:not-allowed}.dsf-switch-text{min-width:0;display:grid}.dsf-switch-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-snug)}.dsf-switch[aria-checked=false] .dsf-switch-label{color:var(--ink-muted)}.dsf-switch-state{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dsf-switch-track{width:var(--dsf-switch-width);height:var(--dsf-switch-height);border-radius:var(--radius-full);background-color:var(--surface-inset);transition:background-color var(--duration) var(--ease);flex:none;position:relative}.dsf-switch-knob{top:calc((var(--dsf-switch-height) - var(--dsf-switch-knob)) / 2);left:calc((var(--dsf-switch-height) - var(--dsf-switch-knob)) / 2);width:var(--dsf-switch-knob);height:var(--dsf-switch-knob);border-radius:var(--radius-full);background-color:var(--surface-raised);box-shadow:var(--shadow-sm);transition:translate var(--duration) var(--ease-out);position:absolute}.dsf-switch[aria-checked=true] .dsf-switch-track{background-color:var(--accent)}.dsf-switch[aria-checked=true] .dsf-switch-knob{translate:calc(var(--dsf-switch-width) - var(--dsf-switch-height)) 0}.dsf-switch:disabled .dsf-switch-track{background-color:var(--surface-inset)}.dsf-code{border-top:1px solid var(--rule);border-radius:0 0 var(--radius) var(--radius);background-color:var(--surface-page);font-family:var(--font-mono);font-size:var(--text-xs);grid-area:code}.dsf-code-bar{align-items:center;gap:var(--space-3xs) var(--space-sm);min-height:44px;padding:var(--space-2xs) var(--space-sm);flex-wrap:wrap;display:flex}.dsf-code-file{font-weight:var(--weight-medium);color:var(--ink)}.dsf-code-count{color:var(--ink-faint)}.dsf-code-count[data-changed=true]{color:var(--accent)}.dsf-code-snap{align-items:baseline;gap:var(--space-2xs);min-width:0;padding:var(--space-4xs) var(--space-3xs);border-radius:var(--radius-sm);white-space:nowrap;animation:dsf-snap var(--duration-slow) var(--ease-out);flex:220px;display:flex;overflow:hidden}@keyframes dsf-snap{0%{background-color:var(--accent-wash)}to{background-color:#0000}}.dsf-code-token{color:var(--ink)}.dsf-code-from,.dsf-code-to{text-overflow:ellipsis;max-width:16ch;overflow:hidden}.dsf-code-from{color:var(--dsf-diff-del);text-decoration:line-through}.dsf-code-to{color:var(--dsf-diff-add)}.dsf-code-more,.dsf-code-idle{color:var(--ink-faint)}.dsf-code-toggle{min-height:32px;padding:0 var(--space-2xs);border:1px solid var(--rule);border-radius:var(--radius-sm);background-color:var(--surface-raised);color:var(--accent);font:inherit;cursor:pointer;margin-left:auto}@media (pointer:coarse){.dsf-code-toggle{min-height:44px}}.dsf-code-toggle:focus-visible{box-shadow:var(--focus-ring);outline:none}.dsf-code-diff{padding:var(--space-sm);border-top:1px solid var(--rule-soft);background-color:var(--surface-sunken)}.dsf-code-diff pre{max-height:calc(var(--space-3xl) * 2.4);font:inherit;line-height:var(--leading-normal);margin:0;overflow:auto}.dsf-diff-comment{color:var(--ink-faint)}.dsf-diff-line[data-sign=\-]{color:var(--dsf-diff-del)}.dsf-diff-line[data-sign=\+]{color:var(--dsf-diff-add)}.dsf-diff-idle{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--ink-muted);margin:0}.dsf-board-foot{justify-content:space-between;align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.dsf-board-count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-muted);margin:0}.dsf-board-default{font-family:var(--font-hand);font-size:var(--text-lg);color:var(--pr-pen-ink)}.dsf-board-actions{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.dsf-explode{margin:var(--space-md) 0 0;container-type:inline-size}.dsf-explode-grid{gap:var(--space-md);display:grid}.dsf-axo{--gap:var(--dsf-explode-gap-phone);height:var(--dsf-stack-height-phone);place-items:center;display:grid}.dsf-stack{width:min(var(--dsf-plane-width), 72cqi);aspect-ratio:300/184;transform-style:preserve-3d;transform:translateY(calc(var(--dsf-p,0) * var(--gap) * 1.25)) rotateX(var(--dsf-axo-tilt)) rotateZ(var(--dsf-axo-turn));position:relative}.dsf-plane{border-radius:var(--radius-lg);transform:translateZ(calc(var(--i) * var(--dsf-p,0) * var(--gap)));position:absolute;inset:0}.dsf-plane:is([data-layer=tokens],[data-layer=base]){border:1px solid var(--rule);background-color:var(--dsf-plane-glass);box-shadow:var(--shadow-sm)}.dsf-plane-n,.dsf-legend-n{border-radius:var(--radius-full);background-color:var(--accent);width:20px;height:20px;color:var(--ink-inverse);font-family:var(--font-mono);font-size:var(--text-2xs);place-items:center;display:inline-grid}.dsf-plane-n{z-index:1;position:absolute;top:-10px;left:-10px}.dsf-plane-tokens{gap:var(--space-3xs) var(--space-xs);padding:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--ink-muted);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;list-style:none;display:grid}.dsf-plane-tokens li{align-items:center;gap:var(--space-3xs);white-space:nowrap;min-width:0;display:flex;overflow:hidden}.dsf-dot{border:1px solid var(--rule);border-radius:var(--radius-full);flex:none;width:10px;height:10px}.dsf-dot[data-kind=value]{border-style:dashed}.dsf-plane[data-layer=base]{gap:var(--space-3xs);padding:var(--space-md) var(--space-sm) var(--space-sm);flex-direction:column;display:flex}.dsf-base-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight)}.dsf-base-body{font-size:var(--text-sm);color:var(--ink-muted)}.dsf-base-link{font-size:var(--text-sm);color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:var(--accent-ring);text-decoration-color:var(--accent-ring)}.dsf-plane-tile.dsf-plane-tile{flex-direction:column;justify-content:space-between;align-items:flex-start;height:100%;display:flex}.dsf-plane[data-layer=page]{border:1px dashed var(--frame-line);background-color:var(--accent-wash)}.dsf-plane[data-layer=page] i{width:var(--frame-handle);height:var(--frame-handle);border:1px solid var(--frame-line);background-color:var(--frame-handle-fill);position:absolute}.dsf-plane[data-layer=page] i[data-corner^=t]{top:calc(var(--frame-handle) / -2)}.dsf-plane[data-layer=page] i[data-corner^=b]{bottom:calc(var(--frame-handle) / -2)}.dsf-plane[data-layer=page] i[data-corner$=l]{left:calc(var(--frame-handle) / -2)}.dsf-plane[data-layer=page] i[data-corner$=r]{right:calc(var(--frame-handle) / -2)}.dsf-page-label{right:var(--space-2xs);bottom:var(--space-2xs);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--accent);position:absolute}.dsf-legend{gap:var(--space-sm);font-size:var(--text-sm);color:var(--ink-muted);margin:0;padding:0;list-style:none;display:grid}.dsf-legend li{gap:var(--space-xs);grid-template-columns:20px minmax(0,1fr);align-items:start;display:grid}.dsf-legend strong{color:var(--ink);font-weight:var(--weight-semibold)}@container (width>=640px){.dsf-explode-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center}.dsf-axo{--gap:var(--dsf-explode-gap);height:var(--dsf-stack-height)}}.dsf-tiers-total{margin-top:var(--space-sm);color:var(--ink-muted)}.dsf-tiers-total strong{font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-display);color:var(--ink)}.dsf-tiers ul{gap:var(--space-sm);margin:var(--space-sm) 0 0;padding:0;list-style:none;display:grid}.dsf-tier{gap:var(--space-3xs);padding-bottom:var(--space-sm);border-bottom:1px solid var(--rule-soft);display:grid}.dsf-tier-head{justify-content:space-between;align-items:baseline;gap:var(--space-sm);display:flex}.dsf-tier-head strong{font-size:var(--text-md);letter-spacing:var(--tracking-snug)}.dsf-tier-count{font-family:var(--font-mono);font-size:var(--text-sm)}.dsf-tier-bar{width:calc(var(--share) * 100%);border-radius:var(--radius-sm);background-color:var(--accent-bright);min-width:2px;height:6px;display:block}.dsf-tier-summary{font-size:var(--text-sm);color:var(--ink-muted)}.dsf-tier-prefixes{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--ink-faint);white-space:pre-wrap}.dsf-canvas{gap:var(--space-lg) var(--space-md);grid-template-columns:repeat(auto-fill, minmax(min(var(--dsf-board-min), 100%), 1fr));margin:var(--space-md) 0 0;padding:var(--space-lg) var(--space-md);list-style:none;display:grid}.dsf-artboard{gap:var(--space-3xs);grid-template-rows:auto 1fr;display:grid}.dsf-artboard-sheet{gap:var(--space-2xs);min-height:140px;padding:var(--space-sm);border-radius:var(--radius-sm);background-color:var(--surface-raised);box-shadow:var(--shadow-sm);color:inherit;transition:box-shadow var(--duration) var(--ease);flex-direction:column;text-decoration:none;display:flex}.dsf-artboard-sheet strong{font-size:var(--text-md);letter-spacing:var(--tracking-snug)}.dsf-artboard-sheet span{font-size:var(--text-sm);color:var(--ink-muted)}.dsf-artboard-sheet:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (hover:hover){.dsf-artboard-sheet:hover{box-shadow:var(--shadow)}}.ps-session{margin-top:var(--space-xl)}.ps-sheet-head{gap:var(--space-2xs);padding-bottom:var(--space-sm);border-bottom:1px solid var(--rule);display:grid}.ps-progress{gap:var(--space-3xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.ps-progress a{border:1px solid var(--rule);border-radius:var(--radius-sm);min-width:32px;height:32px;font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--ink-muted);transition:background-color var(--duration) var(--ease), color var(--duration) var(--ease);place-items:center;text-decoration:none;display:inline-grid}@media (pointer:coarse){.ps-progress a{min-width:44px;height:44px}}.ps-progress a:focus-visible{box-shadow:var(--focus-ring);outline:none}.ps-progress [data-done=true] a{border-color:var(--accent);background-color:var(--accent);color:var(--ink-inverse)}.ps-promise{font-size:var(--text-sm);color:var(--ink-faint);margin:0}.ps-task{margin-top:var(--space-xl);scroll-margin-top:calc(var(--ruler-offset) + var(--topnav-height-stacked) + var(--space-sm))}@media (width>=768px){.ps-task{scroll-margin-top:calc(var(--ruler-offset) + var(--topnav-height) + var(--space-sm))}}@media (width>=1024px){.ps-task{scroll-margin-top:var(--space-sm)}}.ps-task-head h2{margin-top:var(--space-3xs);font-size:var(--text-lg);letter-spacing:var(--tracking-tight)}.ps-task-head p{margin-top:var(--space-2xs);color:var(--ink-muted)}.ps-stage{gap:var(--space-sm);min-height:140px;margin-top:var(--space-sm);padding:var(--space-md);border-radius:var(--radius);background-color:var(--surface-sunken);align-content:center;justify-items:start;display:grid}.ps-skip{min-height:32px;margin-top:var(--space-3xs);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--ink-faint);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}@media (pointer:coarse){.ps-skip{min-height:44px}}.ps-skip:focus-visible{box-shadow:var(--focus-ring);outline:none}.ps-reveal{margin-top:var(--space-sm);padding-left:var(--space-sm);border-left:1px solid var(--rule-strong)}.ps-said{font-family:var(--font-hand);font-size:var(--text-lg);line-height:var(--leading-snug);color:var(--pr-pen-ink);margin:0}.ps-reveal h3{margin-top:var(--space-2xs);font-size:var(--text-md);letter-spacing:var(--tracking-snug)}.ps-reveal p:not(.ps-said,.ps-where){margin-top:var(--space-2xs);color:var(--ink-muted)}.ps-where{align-items:baseline;gap:var(--space-3xs) var(--space-sm);margin-top:var(--space-xs);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.ps-where-label{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-faint)}.ps-question{font-weight:var(--weight-medium);margin:0}.ps-choices{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.ps-words{gap:var(--space-sm) var(--space-md);width:100%;font-size:var(--text-md);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.ps-pair{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.ps-pair-item{gap:var(--space-2xs);justify-items:center;margin:0;display:grid}.ps-pair-name{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--ink-faint)}.ps-sketch{width:100%;max-width:200px;height:auto;padding:var(--space-2xs);border-radius:var(--radius-sm);background-color:var(--surface-raised);fill:none;stroke:var(--ink);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.ps-sketch[data-drawn=true]>*{filter:var(--rough-edge-bold)}.ps-arena{width:100%;height:var(--ps-arena-height);border-radius:var(--radius-sm);background-color:var(--surface-raised);touch-action:manipulation;place-items:center;display:grid;position:relative}.ps-arena[data-active=true]{cursor:crosshair}.ps-arena-count{top:var(--space-2xs);left:var(--space-2xs);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--ink-faint);position:absolute}.ps-target{--size:var(--ps-target);left:calc((100% - var(--size)) * var(--x));top:calc(var(--space-lg) + (100% - var(--space-lg) - var(--size)) * var(--y));width:var(--size);height:var(--size);border-radius:var(--radius-full);background-color:var(--accent-bright);cursor:pointer;border:0;padding:0;position:absolute}.ps-target[data-size=small]{--size:var(--ps-target-small)}.ps-target:focus-visible{box-shadow:var(--focus-ring);outline:none}.ps-chrome{border-radius:var(--radius-sm);background-color:var(--surface-raised);width:100%;max-width:360px;overflow:hidden}.ps-chrome-ruler{height:var(--ruler-thickness);border-bottom:1px solid var(--ruler-line);background-color:var(--surface-sunken);background-image:repeating-linear-gradient(to right, var(--ruler-line) 0 1px, transparent 1px var(--ruler-pitch)), repeating-linear-gradient(to right, var(--ruler-line) 0 1px, transparent 1px calc(var(--ruler-pitch) * 10));background-size:100% var(--ruler-tick-minor), 100% var(--ruler-tick-major);background-position:0 100%;background-repeat:no-repeat;position:relative}.ps-chrome-ruler span{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--ruler-label);line-height:1;position:absolute;top:2px}.ps-chrome-ruler span:first-child{left:3px}.ps-chrome-ruler span:nth-child(2){left:calc(var(--ruler-pitch) * 10 + 3px)}.ps-chrome-ruler span:nth-child(3){left:calc(var(--ruler-pitch) * 20 + 3px)}.ps-chrome-canvas{padding:var(--space-lg) var(--space-md) var(--space-xl);place-items:center;display:grid}.ps-chrome-frame{padding:var(--space-3xs) var(--space-2xs);outline:1px solid var(--frame-line);font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);position:relative}.ps-chrome-frame i{width:var(--frame-handle);height:var(--frame-handle);border:1px solid var(--frame-line);background-color:var(--frame-handle-fill);position:absolute}.ps-chrome-frame i[data-corner^=t]{top:calc(var(--frame-handle) / -2)}.ps-chrome-frame i[data-corner^=b]{bottom:calc(var(--frame-handle) / -2)}.ps-chrome-frame i[data-corner$=l]{left:calc(var(--frame-handle) / -2)}.ps-chrome-frame i[data-corner$=r]{right:calc(var(--frame-handle) / -2)}.ps-chrome-frame b{top:calc(100% + var(--space-2xs));padding:1px var(--space-3xs);border-radius:var(--radius-sm);background-color:var(--frame-line);color:var(--ink-inverse);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--weight-regular);letter-spacing:0;white-space:nowrap;position:absolute;left:50%;translate:-50%}.ps-voices .pen-ring{margin-inline:.4em}.ps-voices{font-size:var(--text-lg);margin:0;line-height:2}.ps-results{margin-top:var(--space-2xl);padding:var(--space-md);border-radius:var(--radius-sm);background-image:linear-gradient(var(--pr-sheet-top), var(--pr-sheet-foot));box-shadow:var(--shadow)}.ps-results h2{margin-top:var(--space-3xs);font-size:var(--text-lg);letter-spacing:var(--tracking-tight)}.ps-verdict{margin:var(--space-sm) 0;font-family:var(--font-hand);font-size:var(--text-lg);line-height:var(--leading-snug);color:var(--pr-pen-ink)}.ps-pins{gap:var(--space-md);margin:var(--space-sm) 0 0;padding:0;list-style:none;display:grid}.ps-pin{gap:var(--space-sm);grid-template-columns:28px minmax(0,1fr);align-items:start;display:grid}.ps-pin-n{border-radius:50% 50% 50% var(--radius-sm);background-color:var(--accent);width:28px;height:28px;color:var(--ink-inverse);font-family:var(--font-mono);font-size:var(--text-xs);place-items:center;display:grid}.ps-pin h3{font-size:var(--text-md);letter-spacing:var(--tracking-snug)}.ps-pin p:not(.ps-where){margin-top:var(--space-2xs);color:var(--ink-muted)}.ps-levers{gap:var(--space-sm);margin:var(--space-sm) 0 0;display:grid}.ps-levers dd{margin:var(--space-3xs) 0 0;color:var(--ink-muted)}.pr-desk{margin-top:var(--space-lg);display:grid;container:pr/inline-size}.pr-sheet{padding:var(--space-md) var(--space-sm);border-radius:var(--radius-sm);background-image:linear-gradient(var(--pr-sheet-top), var(--pr-sheet-foot));box-shadow:var(--shadow-lg);position:relative}.pr-sheet-mine{z-index:1;margin-top:calc(var(--space-md) * -1)}.pr-sheet-head{justify-content:space-between;align-items:flex-end;gap:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--rule);flex-wrap:wrap;display:flex}.pr-sheet-head h2{margin-top:var(--space-3xs);font-size:var(--text-2xl);letter-spacing:var(--tracking-display)}.pr-tally{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--ink-faint);margin:0}.pr-rows{margin:0;padding:0;list-style:none}.pr-row{gap:var(--space-xs) var(--space-sm);max-width:none;padding:var(--space-md) 0;border-bottom:1px solid var(--rule-soft);grid-template-columns:minmax(0,1fr);grid-template-areas:"n""body""margin";display:grid}.pr-row:last-child{border-bottom:0}.pr-n{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-faint);grid-area:n}.pr-body{grid-area:body}.pr-line{font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);margin:0}.pr-here{max-width:60ch;margin-top:var(--space-2xs);font-size:var(--text-sm);color:var(--ink-muted)}.pr-margin{gap:var(--space-2xs);grid-area:margin;align-content:start;justify-items:start;display:grid}.pr-note{column-gap:var(--space-2xs);font-family:var(--font-hand);font-size:var(--text-lg);line-height:var(--leading-snug);color:var(--pr-pen-ink);grid-template-columns:1.4em minmax(0,1fr);align-items:start;margin:0;display:grid}.pr-note ins{text-decoration:none}.pr-see{font-size:var(--text-sm)}.pr-signed{margin:var(--space-lg) 0 0;font-family:var(--font-hand);font-size:var(--text-2xl);line-height:var(--leading-snug);text-align:right;color:var(--accent)}[data-draw] .pr-ink{transition:opacity var(--duration-slow) var(--ease-out) calc(var(--dig-draw) * .4)}[data-draw=pending] .pr-ink{opacity:0}.pr-signed[data-draw] .pr-ink{transition-delay:0s}@container pr (width>=560px){.pr-sheet{padding:var(--space-xl) var(--space-lg);rotate:var(--pr-tilt-under)}.pr-sheet.pr-sheet-mine{rotate:var(--pr-tilt)}.pr-row{grid-template-columns:2.6em minmax(0,1fr);grid-template-areas:"n body""n margin"}.pr-n{padding-top:.45em}.pr-line{font-size:var(--text-xl)}}@container pr (width>=760px){.pr-row{grid-template-columns:2.6em minmax(0, 1fr) var(--pr-margin);column-gap:var(--space-lg);grid-template-areas:"n body margin"}.pr-sheet-mine .pr-row{grid-template-columns:2.6em minmax(0,1fr);grid-template-areas:"n body"}.pr-margin{padding-left:var(--space-sm);border-left:1px solid var(--rule-soft)}}