:root{--panel-w:20rem;--pad:18px;--radius:.1875rem;--sig-h:48px;--cta-h:2.5rem;--cta-text:.8438rem;--icon:40px;--ghost-h:1.75rem;--head-h:1.5rem;--label:.8125rem;--body:.8438rem;--seg-h:1.75rem;--seg-text:.7812rem;--chip-h:1.5rem;--chip-text:.7188rem;--paper-w:4.875rem;--tile-text:.7188rem;--pen-w:4.5rem;--pen-spec:27px;--school-w:7.25rem;--school-spec:30px;--card-r:3px;--tip-h:2rem;--tip-w:3.125rem;--ink-hit:28px;--ink-dot:20px;--sw-w:36px;--sw-h:20px;--sw-thumb:16px;--thumb:14px;--m-pad:18px;--m-cta-h:2.75rem;--m-icon:44px;--m-seg-h:2.5rem;--m-chip-h:2rem;--m-tip-h:2.5rem;--m-tip-w:3rem;--m-ink-hit:44px;--m-ink-dot:22px;--m-thumb:18px}:root body{font-size:var(--body)}:root aside .panel-scroll{width:var(--panel-w)}:root .panel-scroll .px-5{padding-inline:var(--pad)}:root .panel-scroll .sheet-row{margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad);scroll-padding-inline:var(--pad)}:root section[aria-label=Writer] [role=img] svg{height:var(--sig-h);width:auto}:root section[aria-label=Writer]>[data-slot=button]{height:var(--cta-h);font-size:var(--cta-text)}:root [data-slot=button][aria-label=Share]:not([data-chip]){width:var(--icon);height:var(--icon)}:root [data-slot=button].text-muted-foreground{height:var(--ghost-h)}:root section[data-row][aria-labelledby]>div:first-child{min-height:var(--head-h)}:root section[data-row][aria-labelledby] h3,:root [data-row].grid>div:first-child>span.font-medium,:root [data-row]>span.grid>span.font-medium,:root section[data-row]>button[aria-expanded]{font-size:var(--label)}:root [data-slot=segmented]:not(.bg-transparent)>[data-slot=segmented-item]{height:var(--seg-h);font-size:var(--seg-text)}:root [data-slot=segmented][aria-label^=Kind\ of]>[data-slot=segmented-item]{height:var(--chip-h);font-size:var(--chip-text);padding-inline:9px}:root [data-slot=segmented][aria-label=Paper]>[data-slot=segmented-item]{width:var(--paper-w);font-size:var(--tile-text)}:root [role=radiogroup][aria-label=Pen]>button{width:var(--pen-w);border-radius:var(--card-r)}:root [role=radiogroup][aria-label=Pen]>button>:first-child{height:var(--pen-spec)}:root [role=radiogroup][aria-label=Pen]>button svg{height:var(--pen-spec);width:auto}:root [role=radiogroup][aria-label=School]>button{width:var(--school-w);border-radius:var(--card-r)}:root [role=radiogroup][aria-label=School]>button>:first-child{height:var(--school-spec)}:root [role=radiogroup][aria-label=School]>button>:first-child svg{height:var(--school-spec);width:auto}:root [role=radiogroup][aria-label=Tip]>button{height:var(--tip-h);width:var(--tip-w)}:root [data-slot=segmented][aria-label=Ink]>[data-slot=segmented-item]{width:var(--ink-hit);height:var(--ink-hit)}:root [data-slot=segmented][aria-label=Ink]>[data-slot=segmented-item]>span{width:var(--ink-dot);height:var(--ink-dot)}:root [role=switch]{width:var(--sw-w);height:var(--sw-h)}:root [role=switch]>span{width:var(--sw-thumb);height:var(--sw-thumb);top:calc((var(--sw-h) - var(--sw-thumb)) / 2);left:calc((var(--sw-h) - var(--sw-thumb)) / 2);translate:0}:root [role=switch][aria-checked=true]>span{translate:calc(var(--sw-w) - var(--sw-h)) 0}:root [data-slot=slider] [role=slider]{width:var(--thumb);height:var(--thumb)}:root [data-slot=slider]>span:first-child{height:var(--track,3px)}@media (pointer:coarse){:root .control-sheet .sheet-body{padding-inline:var(--m-pad)}:root .control-sheet .sheet-row{margin-inline:calc(var(--m-pad) * -1);padding-inline:var(--m-pad);scroll-padding-inline:var(--m-pad)}:root .control-sheet [data-fade] [data-slot=button]{height:var(--m-cta-h);font-size:var(--cta-text)}:root [data-slot=button][aria-label=Share]:not([data-chip]){width:var(--m-icon);height:var(--m-icon)}:root [data-slot=segmented]:not(.bg-transparent)>[data-slot=segmented-item]{height:var(--m-seg-h)}:root [data-slot=segmented][aria-label^=Kind\ of]>[data-slot=segmented-item]{height:var(--m-chip-h);padding-inline:11px}:root [role=radiogroup][aria-label=Tip]>button{height:var(--m-tip-h);width:var(--m-tip-w)}:root [data-slot=segmented][aria-label=Ink]>[data-slot=segmented-item]{width:var(--m-ink-hit);height:var(--m-ink-hit)}:root [data-slot=segmented][aria-label=Ink]>[data-slot=segmented-item]>span{width:var(--m-ink-dot);height:var(--m-ink-dot)}:root [data-slot=slider] [role=slider]{width:var(--m-thumb);height:var(--m-thumb)}:root .control-sheet :is([data-slot=button],[data-slot=segmented-item],[role=radiogroup][aria-label=Tip]>button){position:relative}:root .control-sheet :is([data-slot=button],[data-slot=segmented-item],[role=radiogroup][aria-label=Tip]>button):after{content:"";position:absolute;inset:min(0px,50% - 22px) 0}}:root [data-row].grid:not(.specimen-bar *):has(>[data-slot=slider]){grid-template-columns:minmax(0,1fr);row-gap:.25rem}:root [data-row].grid:not(.specimen-bar *):has(>[data-slot=slider])>div:first-child{z-index:1;pointer-events:none;grid-area:1/1;align-self:center;padding-inline:.625rem}:root [data-row].grid:not(.specimen-bar *):has(>[data-slot=slider])>[data-slot=slider]{cursor:ew-resize;grid-area:1/1;height:1.75rem}:root [data-row].grid:not(.specimen-bar *):has(>[data-slot=slider])>span{margin-top:0}:root [data-row]:not(.specimen-bar *)>[data-slot=slider]{--track:100%}:root [data-row]:not(.specimen-bar *)>[data-slot=slider]>span:first-child{border-radius:var(--radius);background-color:var(--chip)!important}:root [data-row]:not(.specimen-bar *)>[data-slot=slider]>span:first-child>span{background-color:color-mix(in oklab, var(--text) 9%, var(--chip))!important}:root [data-row]:not(.specimen-bar *)>[data-slot=slider]>span:first-child:after{content:"";background:repeating-linear-gradient(90deg, transparent 0 calc(10% - 1px), color-mix(in oklab, var(--text) 18%, transparent) calc(10% - 1px) 10%) center / 100% .5rem no-repeat;opacity:0;transition:opacity .2s var(--ease-out);pointer-events:none;position:absolute;inset:0}:root [data-row]:not(.specimen-bar *)>[data-slot=slider]:is([data-active],:focus-within)>span:first-child:after{opacity:1}:root [data-row]:not(.specimen-bar *)>[data-slot=slider] [role=slider]{background:color-mix(in oklab, var(--mark) 55%, transparent);transition:background-color var(--st-dur) var(--ease-out), scale var(--st-dur) var(--ease-out);border:0;border-radius:1px;width:2px!important;height:1rem!important;box-shadow:none!important;scale:1!important}:root [data-row]:not(.specimen-bar *)>[data-slot=slider][data-active] [role=slider],:root [data-row]:not(.specimen-bar *)>[data-slot=slider] [role=slider]:active{background:var(--mark);scale:1 1.25!important}:root [data-row]:not(.specimen-bar *)>[data-slot=slider] [role=slider]:after{inset:-.75rem}:root [data-row]:not(.specimen-bar *)>[data-slot=slider][data-edge]:not([data-active]) [role=slider]{background:color-mix(in oklab, var(--mark) 22%, transparent)}@media (hover:hover) and (pointer:fine){:root [data-row]:not(.specimen-bar *)>[data-slot=slider]:hover>span:first-child:after{opacity:1}:root [data-row]:not(.specimen-bar *)>[data-slot=slider]:hover [role=slider],:root [data-row]:not(.specimen-bar *)>[data-slot=slider][data-edge]:hover:not([data-active]) [role=slider]{background:var(--mark);scale:1 1.25!important}}:root [data-row]:not(.specimen-bar *)>[data-slot=slider] [role=slider]:focus-visible{outline:none}:root [data-row]:not(.specimen-bar *)>[data-slot=slider]:has([role=slider]:focus-visible)>span:first-child{outline:2px solid var(--st-ring);outline-offset:2px}:root [data-row]:not(.specimen-bar *)>[data-slot=slider]>span[aria-hidden]{z-index:0;background:color-mix(in oklab, var(--text) 45%, transparent)!important;width:1px!important;height:.625rem!important;box-shadow:none!important;border-radius:0!important}@media (pointer:coarse){:root [data-row].grid:not(.specimen-bar *):has(>[data-slot=slider])>[data-slot=slider]{height:2.75rem}:root [data-row]:not(.specimen-bar *)>[data-slot=slider] [role=slider]{height:1.375rem!important}}:root [data-slot=slider]:not([data-dragging])>span:first-child>span{transition:left .28s cubic-bezier(.3,1.35,.6,1),right .28s cubic-bezier(.3,1.35,.6,1)}:root [data-slot=slider]:not([data-dragging])>span:has(>[role=slider]){transition:left .28s cubic-bezier(.3,1.35,.6,1),right .28s cubic-bezier(.3,1.35,.6,1)}:root [data-slot=slider]>span:first-child{translate:var(--give,0px) 0}:root [data-slot=slider]>span:has(>[role=slider]){translate:var(--give,0px) 0}:root [data-slot=slider]:not([data-dragging])>span:first-child{transition:translate .34s cubic-bezier(.3,1.4,.6,1)}:root [data-slot=slider][data-caught]>span[aria-hidden]{box-shadow:0 0 0 1.5px var(--mark)!important}:root [data-row]:not(.specimen-bar *)>[data-slot=slider][data-caught]>span[aria-hidden]{box-shadow:none!important;background:var(--mark)!important;height:.875rem!important}@media (prefers-reduced-motion:reduce){:root [data-slot=slider] *{transition:none!important}}:root [data-slot=segmented][data-slide]{position:relative}:root [data-slot=segmented][data-slide]>.seg-face{z-index:0;pointer-events:none;border-radius:var(--radius);background:var(--tile-on,#fffefb);transition:transform .22s cubic-bezier(.25,1,.5,1),width .22s cubic-bezier(.25,1,.5,1),height .22s cubic-bezier(.25,1,.5,1);position:absolute;top:0;left:0;box-shadow:0 1px 2px #281e0a1f,0 0 0 .5px #281e0a0f}:root [data-slot=segmented][data-slide][aria-label^=Kind\ of]>.seg-face{box-shadow:0 0 0 1.5px var(--ink)}:root [data-slot=segmented][data-slide]>[data-slot=segmented-item]{z-index:1;position:relative}:root [data-slot=segmented][data-slide]>[data-slot=segmented-item]:is([data-state=on],[aria-checked=true]){box-shadow:none!important;background:0 0!important}@media (prefers-reduced-motion:reduce){:root [data-slot=segmented][data-slide]>.seg-face{transition:none}}:root [data-words]>[data-slot=segmented-item]{height:var(--seg-h,1.75rem);font-size:var(--seg-text,.78125rem);padding-inline:.5rem}@media (pointer:coarse){:root [data-words]>[data-slot=segmented-item]{height:var(--m-seg-h,2.5rem)}}:root .group-lock{color:var(--text-faint);transition:color .15s var(--ease-out), background-color .15s var(--ease-out), opacity .15s var(--ease-out)}:root .group-lock[aria-pressed=true]{color:var(--mark);background:color-mix(in oklab, var(--mark) 10%, transparent)}:root .group-lock:active{background:var(--st-press);transition-duration:var(--dur-press)}:root .group-lock[aria-pressed=true]:active{background:color-mix(in oklab, var(--mark) 16%, transparent)}:root .group-lock:focus-visible{outline:1.5px solid var(--ring);outline-offset:1px}@media (hover:hover) and (pointer:fine){:root .group-lock:hover{color:var(--text)}:root section:not(:hover):not(:focus-within) .group-lock[aria-pressed=false]{opacity:0}}:root :is([role=radiogroup][aria-label=Pen]>button,[role=radiogroup][aria-label=School]>button,[data-slot=segmented][aria-label=Paper]>[data-slot=segmented-item]){transition:transform .16s var(--ease-out), box-shadow .16s var(--ease-out), background-color .15s var(--ease-out)}:root :is([role=radiogroup][aria-label=Pen]>button,[role=radiogroup][aria-label=School]>button,[data-slot=segmented][aria-label=Paper]>[data-slot=segmented-item]):active{transform:translateY(1px) scale(var(--st-scale-row));transition-duration:80ms;scale:none}:root [data-slot=segmented][aria-label=Ink]>[data-slot=segmented-item]>span{transition:scale .14s var(--ease-out), box-shadow .15s var(--ease-out)}:root [data-slot=segmented][aria-label=Ink]>[data-slot=segmented-item]:active{scale:none}:root [data-slot=segmented][aria-label=Ink]>[data-slot=segmented-item]:active>span{scale:.88}@media (hover:hover) and (pointer:fine){:root [data-slot=segmented][aria-label=Ink]>:not([aria-checked=true]):hover>span{box-shadow:inset 0 0 0 1px #0000001a, 0 0 0 2px var(--panel), 0 0 0 3.5px color-mix(in oklab, var(--ink) 30%, transparent)}}:root [data-slot=segmented][aria-label=Ink]>[aria-checked=true]>span{box-shadow:inset 0 0 0 1px #0000001a, 0 0 0 2px var(--panel), 0 0 0 3.5px var(--ink);animation:.32s cubic-bezier(.3,1.3,.6,1) both lab-ring-in}@keyframes lab-ring-in{0%{box-shadow:inset 0 0 0 1px #0000001a, 0 0 0 0 var(--panel), 0 0 0 0 var(--ink)}}@media (prefers-reduced-motion:reduce){:root [data-slot=segmented][aria-label=Ink]>[aria-checked=true]>span{animation:none}:root :is([role=radiogroup][aria-label=Pen]>button,[role=radiogroup][aria-label=School]>button,[data-slot=segmented][aria-label=Paper]>[data-slot=segmented-item]):active{transform:none}}:root .ruled-row{transition:background-color var(--st-dur) var(--ease-out)}@media (hover:hover) and (pointer:fine){:root .ruled-row:hover>:first-child{-webkit-text-decoration:underline 1px color-mix(in oklab, currentColor 40%, transparent);text-decoration:underline 1px color-mix(in oklab, currentColor 40%, transparent);text-underline-offset:3px}}:root .ruled-row:active{background:var(--st-press);transition-duration:var(--dur-press)}