:root{--paper:#fef5ec;--surface:#fdfaf6;--well:#f8f1e9;--tint:#efe7de;--paper-grain:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='g' x='0' y='0' width='100%' height='100%' color-interpolation-filters='sRGB'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' seed='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .125 0 0 0 0 .122 0 0 0 0 .114 1 0 0 0 0'/><feComponentTransfer><feFuncA type='table' tableValues='.1 .1 .1 .09 .07 .04 .015 .005 0 0 0 0 0 0 0 0 0 0 0 0 0'/></feComponentTransfer></filter><rect width='100%' height='100%' filter='url(%23g)'/></svg>");--paper-shade:radial-gradient(60% 55% at 16% 20%, #201f1d09, transparent 70%) fixed, radial-gradient(55% 60% at 86% 78%, #201f1d0a, transparent 70%) fixed, radial-gradient(70% 50% at 62% 30%, #fffdf98c, transparent 70%) fixed;--grid-cols:linear-gradient(to right, #201f1d08 1px, transparent 1px) 0 0 / 60px 60px;--grid-paper:var(--grid-cols), linear-gradient(to bottom, #201f1d08 1px, transparent 1px) 0 0 / 60px 60px, var(--paper-grain), var(--paper-shade), var(--paper);--ink:#201f1d;--ink-2:#46423d;--ink-3:#504b45;--ink-hover:#3a3733;--white:#fffdf9;--line:#e9e1d8;--line-2:#d6cec6;--track:#201f1d33;--marker:#f7f780;--marker-hover:#eeee5e;--sync:var(--ink);--sync-ink:var(--ink);--sync-soft:#f2f0288c;--sync-mark:var(--marker);--custom:#ff034a;--custom-ink:#a8002f;--custom-soft:#ff034a24;--custom-tint:#fff1f1;--custom-wash:#fdf3f1;--accent:var(--sync);--accent-ink:var(--sync-ink);--accent-soft:var(--sync-soft);--accent-mark:var(--sync-mark);--warn-ink:#a3531c;--warn-tint:#f8e6d8;--danger:#b3261e;--danger-hover:#8c1d17;--danger-wash:#fbeceb;--grid-shared:#2a9db5;--grid-own:#d0458a;--snap:#13788c;--hover:#201f1d0d;--active:#201f1d14;--scrim:#201f1d4d;--radius:0;--pill:999px;--gap:8px;--top-h:52px;--raise:0 0 0 1px var(--line);--shadow:0 0 0 1px #201f1d1a, 0 1px 2px #201f1d0f, 0 16px 32px -6px #201f1d33;--knob:0 0 0 1px #201f1db3, 0 1px 3px #201f1d2e;--ui:"Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--serif:"Gambetta", Georgia, "Times New Roman", serif;--serif-w:450;--mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--hand:"Just Me Again Down Here", "Bradley Hand", cursive;--display:"TypeLab Lineup", Georgia, "Times New Roman", serif;--t-xs:11px;--t-s:12px;--t-m:13px;--t-base:14px;--t-l:16px;--t-xl:20px;--t-2xl:24px;--t-3xl:32px}@font-face{font-family:TypeLab Lineup;src:url(/assets/Lineup-wT0KM5bS.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--grid-paper);color:var(--ink);font:500 var(--t-base)/1.45 var(--ui);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:default;-webkit-user-select:none;user-select:none}input:not([type]),input[type=text],input[type=search],input[type=number],textarea,[contenteditable]:not([contenteditable=false]){cursor:text;-webkit-user-select:text;user-select:text}::selection{background:var(--accent-soft);color:var(--ink)}::placeholder{color:var(--ink-3);opacity:1}a{color:inherit}b,strong{font-weight:700}button{font:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only,.guide-task .sr,.skip:not(:focus){clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.grow,.page-steps-grow,.guide-grow{flex:1}.cards-head h1,.dialog h2,.guide-card h2,.message-page h1,.lib-head h1,.lib-empty h2,.legal-part h2,.ex-title,.insp-title h2,.acct-label h2,.export-styles h3,.lib-meta h3,.lib-rename,.name-prompt label{font-family:var(--serif);font-weight:var(--serif-w);letter-spacing:-.02em;line-height:1.2}.nav-group-name,.sub-label,.facet-label,.list-head,.group-head,.strip-label,.size,.cards-foot-label,.facet-picked,.family-head>span,.export-name span,.pen-menu-head,.pen-snap-head,.guide-step,.field>span:first-child:not(.field-head),.field-head label,.auth-or{font-family:var(--mono);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);font-weight:500}.ch{text-transform:none}.btn{white-space:nowrap;border-radius:var(--pill);height:32px;font-weight:700;font-size:var(--t-m);align-items:center;gap:7px;padding:0 14px;text-decoration:none;transition:background .15s,color .15s,opacity .15s,box-shadow .15s;display:inline-flex}.btn.ghost:hover{background:var(--active)}.btn.primary{background:var(--marker);color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);padding:0 16px}.btn.primary:hover{background:var(--marker-hover)}.btn.outline,.btn.wide,.btn.round,.dialog-actions .btn:not(.primary){background:var(--surface);box-shadow:var(--raise)}.btn.outline:hover,.btn.wide:hover,.btn.round:hover,.dialog-actions .btn:not(.primary):hover{background:var(--well)}.btn.wide{justify-content:center;width:100%}.btn.round{width:32px;font-size:var(--t-l);justify-content:center;padding:0}.btn.icon{width:32px;color:var(--ink-2);justify-content:center;padding:0}.btn.icon:hover{color:var(--ink)}.btn.icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round}.btn.small{height:28px;font-size:var(--t-s);padding:0 12px}.btn.icon.small{width:28px;padding:0}.btn:disabled{opacity:.35;pointer-events:none}.btn.danger-btn:not(.primary){color:var(--danger)}.btn.danger-btn:not(.primary):hover{box-shadow:0 0 0 1px var(--danger)}.btn.primary.danger-btn{background:var(--danger);color:var(--white);box-shadow:none}.btn.primary.danger-btn:hover{background:var(--danger-hover)}.type-field input,.search-field input,.size-field,.field input,.export-name input,.name-prompt input,.pen-num-field input{border-radius:var(--pill);background:var(--well);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);border:0;outline:none;transition:box-shadow .15s,background .15s}.type-field input:hover,.search-field input:hover,.size-field:hover,.field input:hover,.export-name input:hover,.name-prompt input:hover,.pen-num-field input:hover{box-shadow:inset 0 0 0 1px var(--line-2)}.nav-search input,.lib-search input{border-radius:var(--pill);background:var(--surface);box-shadow:var(--raise);color:var(--ink);border:0;outline:none;transition:box-shadow .15s,background .15s}.type-field input:focus,.search-field input:focus,.size-field:focus-within,.field input:focus,.export-name input:focus,.name-prompt input:focus,.pen-num-field input:focus,.nav-search input:focus,.lib-search input:focus{background:var(--surface);box-shadow:inset 0 0 0 1px var(--ink), 0 0 0 3px var(--accent-soft);outline:none}.nav-search kbd,.lib-search kbd,.search-field kbd{border-radius:var(--pill);background:var(--tint);min-width:18px;height:18px;font:400 var(--t-xs)/18px var(--mono);color:var(--ink-2);text-align:center;pointer-events:none;padding:0 6px;position:absolute;right:7px}.view-toggle,.style-tabs,.scope,.pen-kind{border-radius:var(--pill);background:var(--tint);flex:none;gap:2px;padding:2px;display:flex}.view-toggle button,.style-tabs button,.scope button,.pen-kind button{border-radius:var(--pill);height:28px;font-size:var(--t-m);color:var(--ink-2);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:600;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.view-toggle button:hover,.style-tabs button:hover,.scope button:hover,.pen-kind button:hover{color:var(--ink)}.view-toggle button.on,.style-tabs button.on,.scope button.on,.pen-kind button.on{background:var(--surface);color:var(--ink);box-shadow:var(--raise)}.popover,.dialog,.guide-card,.pen-tools,.pen-shape-menu,.pen-carry,.pen-carry-peek,.i-tip{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:0}.editor{background:var(--grid-paper);column-gap:var(--gap);height:100vh;padding:0 var(--gap) var(--gap) 0;grid-template:"top top top" var(--top-h) "nav stage panel" minmax(0, 1fr) "nav strip strip" auto / var(--nav-w,208px) minmax(0, 1fr) var(--panel-w,356px);display:grid;overflow:hidden}.top{background:var(--grid-paper);grid-area:top;justify-content:space-between;align-items:center;padding:0 6px 0 16px;display:flex}.editor .top{margin-right:calc(-1 * var(--gap));padding-right:14px}.top-left{align-items:center;gap:4px;min-width:0;display:flex}.brand{flex:none;align-items:center;gap:8px;text-decoration:none;display:flex}.top-left .brand{margin-right:12px}.brand-name{font-family:var(--display);font-size:var(--t-l);text-transform:uppercase;letter-spacing:.04em;font-synthesis:none;font-weight:400;transition:color .15s;position:relative;top:.14em}.brand:hover .brand-name{color:var(--ink-3)}.top-actions{align-items:center;gap:4px;display:flex}.sep{background:var(--line-2);width:1px;height:18px;margin:0 10px}.btn .dirty{background:var(--marker);width:9px;height:9px;box-shadow:inset 0 0 0 1px var(--ink), 0 0 0 2px var(--paper);opacity:0;transition:opacity .15s,transform .15s;position:absolute;top:-2px;right:0;transform:scale(.4)}.btn .dirty.on{opacity:1;transform:none}.top-actions .btn.outline{position:relative}.top-actions .btn.ghost:not(.icon){color:var(--ink-2)}.top-actions .btn.ghost:not(.icon):hover{color:var(--ink)}.editor .top-actions .save-wrap{margin-left:6px}.nav{flex-direction:column;grid-area:nav;gap:2px;min-height:0;padding:4px 8px 8px;display:flex}.page-icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none}.page-icon .solid{fill:currentColor;stroke:none}.page-icon .faint{stroke-opacity:.4}.nav-pages{flex-direction:column;gap:1px;display:flex}.nav-pages,.nav-hits{scrollbar-width:none;min-height:0;margin:-4px -8px;padding:4px 8px;overflow:auto}:is(.nav-pages,.nav-hits).above{-webkit-mask-image:linear-gradient(#0000,#000 24px);mask-image:linear-gradient(#0000,#000 24px)}:is(.nav-pages,.nav-hits).below{-webkit-mask-image:linear-gradient(#000 calc(100% - 24px),#0000);mask-image:linear-gradient(#000 calc(100% - 24px),#0000)}:is(.nav-pages,.nav-hits).above.below{-webkit-mask-image:linear-gradient(#0000,#000 24px calc(100% - 24px),#0000);mask-image:linear-gradient(#0000,#000 24px calc(100% - 24px),#0000)}.nav-item{text-align:left;border-radius:var(--radius);min-height:32px;color:var(--ink-2);align-items:center;gap:10px;padding:5px 10px;transition:background .15s,color .15s,box-shadow .15s;display:flex}.nav-item:hover{background:var(--active);color:var(--ink)}.nav-label{font-size:var(--t-m);min-width:0;font-weight:600}.nav-item.on{background:var(--marker);color:var(--ink)}.nav-item.on .nav-label{font-weight:700}.nav-item.on .page-icon{color:var(--accent-ink)}.nav-group{flex-direction:column;gap:1px;margin-top:12px;display:flex}.nav-group-name{align-self:flex-start;margin-left:6px;padding:4px}.nav-ink{align-items:center;gap:10px;min-width:0;margin:0 -4px;padding:0 4px;display:flex}@media (width>=1181px){.nav-ink,.nav-group-name{background:var(--grid-cols) fixed, var(--paper-grain) fixed, var(--paper-shade), var(--paper)}.nav-ink{transition:box-shadow .15s;box-shadow:inset 0 0 0 99em #0000}.nav-item:hover .nav-ink{box-shadow:inset 0 0 0 99em var(--active)}.nav-item.on .nav-ink{box-shadow:none;background:0 0}}.nav-search{color:var(--ink-3);align-items:center;margin-bottom:10px;display:flex;position:relative}.nav-search .page-icon{pointer-events:none;position:absolute;left:12px}.nav-search input{width:100%;height:32px;font:500 var(--t-m) var(--ui);letter-spacing:inherit;padding:0 40px 0 33px}.nav-search input::-webkit-search-cancel-button{appearance:none;cursor:pointer;background:var(--ink-3);width:14px;height:14px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 3l8 8M11 3l-8 8' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.lib-search input::-webkit-search-cancel-button{appearance:none;cursor:pointer;background:var(--ink-3);width:14px;height:14px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 3l8 8M11 3l-8 8' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.nav-hits{flex-direction:column;gap:1px;display:flex}.nav-hit{text-align:left;border-radius:var(--radius);color:var(--ink-2);align-items:flex-start;gap:10px;padding:7px 10px;display:flex}.nav-hit .page-icon{margin-top:1px}.nav-hit.on{background:var(--marker);color:var(--ink)}.nav-hit-text{flex-direction:column;min-width:0;display:flex}.nav-hit .nav-label{color:var(--ink)}.nav-hit-parent{color:var(--ink-3);font-weight:500}.nav-hit-page{font-size:var(--t-s);color:var(--ink-3)}.nav-empty{font-size:var(--t-m);color:var(--ink-3);margin:4px 10px}.ctl.found{animation:1.6s found}@keyframes found{0%,40%{background:var(--accent-soft);border-color:var(--accent)}}.nav-designs{margin-top:auto;text-decoration:none;display:none}.nav-account{border-top:1px solid var(--line);flex:none;margin-top:auto;padding-top:8px}.nav-account:empty{display:none}.account-corner{z-index:6;max-width:240px;padding:8px;position:fixed;bottom:8px;left:8px}.account-corner .account-row{background:var(--surface);box-shadow:var(--raise)}.account-corner .account-row:hover{background:var(--well)}.stage{background:var(--surface);border-radius:var(--radius);min-width:0;box-shadow:var(--raise);flex-direction:column;grid-area:stage;display:flex;position:relative;overflow:hidden}.stage-bar{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:10px 14px;display:flex}.type-field{flex:1;min-width:0;position:relative}.type-field input{width:100%;height:34px;font:500 var(--t-base) var(--ui);padding:0 40px 0 16px}.type-clear{width:24px;height:24px;font-size:var(--t-xs);color:var(--ink-3);border-radius:50%;transition:background .15s,color .15s;position:absolute;top:50%;right:6px;translate:0 -50%}.type-clear:hover{background:var(--active);color:var(--ink)}.size{flex:none;align-items:center;gap:10px;display:flex}.size input{width:112px}.size-field{height:28px;color:var(--ink-3);cursor:text;align-items:center;padding:0 10px 0 2px;display:flex}.size .size-field input{width:34px;height:100%;font:500 var(--t-s) var(--mono);text-align:right;color:var(--ink);background:0 0;border:0;outline:none;padding:0 2px 0 7px}.view-toggle button{width:30px;padding:0}.stage-scroll{flex:1;padding:28px 40px 60px;overflow:auto}.preview svg{fill:var(--ink);display:block;overflow:visible}.gl rect{fill:#0000}.gl{cursor:pointer}.gl:hover rect{fill:var(--accent-mark)}.pv-hl{fill:var(--accent-mark);stroke:var(--ink);stroke-width:var(--edge);pointer-events:none}.pv-ring{fill:var(--accent-soft);stroke:var(--ink);stroke-width:var(--edge);pointer-events:none}.pv-band{fill:var(--accent-mark);opacity:.8}.pv-guide{stroke:var(--accent);stroke-width:var(--sw);stroke-dasharray:calc(var(--sw) * 4) calc(var(--sw) * 3);opacity:.8}.pv-guide.base{stroke:var(--ink-3);opacity:.5}@keyframes lit{0%,80%{fill-opacity:1;stroke-opacity:1}to{fill-opacity:0;stroke-opacity:0}}.pv-hl,.pv-ring,.pv-band,.pv-guide,.i-hl,.i-ring{animation:1s linear forwards lit}.cards-head{align-items:center;gap:12px 24px;margin:4px 0 20px;display:flex}.cards-title{flex:1;min-width:0}.cards-head h1{font-size:var(--t-3xl);margin:0}.letters-note{max-width:64ch;font-size:var(--t-m);color:var(--ink-2);text-wrap:pretty;margin:6px 0 0}.skip{font-size:var(--t-m);color:var(--accent-ink);text-underline-offset:3px;flex:none;font-weight:700;text-decoration:underline}.cards-empty{color:var(--ink-2)}.link{color:var(--accent-ink);text-underline-offset:3px;font-weight:700;text-decoration:underline;text-decoration-thickness:1px}.link:hover{background:var(--marker)}.style-group+.style-group{margin-top:28px}.group-head{border-bottom:1px solid var(--line);font-size:var(--t-s);color:var(--ink);flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0 0 14px;padding-bottom:10px;display:flex}.group-head:before{content:"";background:var(--marker);width:9px;height:9px;box-shadow:inset 0 0 0 1px var(--ink);flex:none}.group-head span{font-family:var(--ui);font-size:var(--t-s);text-transform:none;letter-spacing:-.01em;color:var(--ink-3);margin-left:auto;font-weight:500}.cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.cards.list{grid-template-columns:minmax(0,1fr);gap:8px}.card{text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:10px;min-width:0;padding:14px 18px 18px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex;overflow:hidden}.cards:not(.list) .card{gap:6px;padding:12px 16px 14px}.card-name{font-size:var(--t-m);color:var(--ink-2);font-weight:600}.card:hover{border-color:var(--line-2);background:var(--well)}.card.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.card.on .card-name{color:var(--accent-ink)}.card-like{color:var(--ink-3);margin-left:8px;font-weight:500}.card-free{color:var(--ink);overflow-wrap:anywhere;line-height:1.3;display:block}.card-free.clamp{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-free.loading{visibility:hidden}.built svg{fill:currentColor;display:block;overflow:visible}.built-word{fill:currentColor;display:inline-block;overflow:visible}.style-groups{transition:opacity .15s}.style-groups.stale{opacity:.55}.active-bar{flex-wrap:wrap;align-items:center;gap:6px;margin:-6px 0 20px;display:flex}.active-chip{border-radius:var(--pill);background:var(--ink);height:26px;color:var(--white);font-size:var(--t-s);align-items:center;gap:6px;padding:0 9px 0 12px;transition:background .15s;display:inline-flex}.active-chip:hover{background:var(--ink-hover)}.active-chip.trait{background:var(--marker);color:var(--ink)}.active-chip.trait:hover{background:var(--marker-hover)}.active-chip svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;opacity:.75}.link.small{font-size:var(--t-s);margin-left:4px}.cards-foot{border-top:1px solid var(--line);background:var(--surface);flex:none;align-items:center;gap:12px;padding:10px 14px 10px 18px;display:flex}.cards-foot-pick{min-width:0;font-size:var(--t-m);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.cards-foot-label{margin-right:4px}.cards-foot .btn{flex:none;gap:5px}.cards-foot .btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;margin-right:-2px}.resizer{z-index:6;touch-action:none;position:relative}.resize-nav,.resize-panel{width:var(--gap);cursor:col-resize;grid-row:2}.resize-nav{margin-right:calc(-1 * var(--gap));grid-area:2/1/-1;justify-self:end}.resize-panel{margin-left:calc(-1 * var(--gap));grid-column:3;justify-self:start}.resize-strip{height:var(--gap);cursor:row-resize;grid-area:3/2/auto/-1;align-self:start}.resizer:after{content:"";border-radius:var(--pill);background:var(--accent);opacity:0;transition:opacity .15s;position:absolute;inset:0 3px}.resize-strip:after{inset:3px 0}.resizer:hover:after,.resizer.on:after,.resizer:focus-visible:after{opacity:1;transition-delay:.1s}.resizer.on:after{transition-delay:0s}.resizer:focus-visible{outline:none}body.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}body.resizing.y{cursor:row-resize}.panel{background:var(--surface);border-radius:var(--radius);box-shadow:var(--raise);scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;grid-area:panel;overflow:auto;container:panel/size}.panel-pad{padding:16px 16px 24px}.style-tabs{grid-template-columns:1fr 1fr;margin-bottom:14px;display:grid}.search-row{align-items:center;gap:6px;margin-bottom:16px;display:flex}.search-field{flex:1;align-items:center;min-width:0;display:flex;position:relative}.search-field>svg{fill:none;stroke:var(--ink-3);stroke-width:1.6px;stroke-linecap:round;pointer-events:none;position:absolute;left:13px}.search-field input{width:100%;height:32px;font:500 var(--t-m) var(--ui);padding:0 34px}.search-field input::-webkit-search-cancel-button{display:none}.search-field input:focus~kbd,.search-field input:not(:placeholder-shown)~kbd{display:none}.trait-set+.trait-set{margin-top:26px}.trait-set-head{justify-content:space-between;align-items:center;min-height:28px;margin-bottom:6px;display:flex}.trait-set-head .facet-label{margin:0}.traits-tools{gap:2px;margin-right:-8px;display:flex}.traits-tools svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.trait+.trait{margin-top:14px}.trait-head{align-items:center;gap:8px;min-height:18px;margin-bottom:6px;display:flex}.trait-label{font-size:var(--t-m);font-weight:600}.trait-any{font-size:var(--t-s);color:var(--accent-ink);text-underline-offset:3px;margin-left:auto;font-weight:700;text-decoration:underline}.trait-any:hover{background:var(--marker)}.trait-opts{border-radius:var(--radius);background:var(--well);box-shadow:inset 0 0 0 1px var(--line);gap:2px;padding:2px;display:grid}.trait-opts .opt{border-radius:var(--radius);min-width:0;color:var(--ink-3);background:0 0;border:0;gap:3px;padding:7px 0 5px;transition:background .15s,color .15s,box-shadow .15s}.trait-opts .opt svg{fill:var(--ink-2)}.trait-opts .opt:hover{background:var(--hover);color:var(--ink)}.trait-opts .opt.on{background:var(--surface);box-shadow:var(--raise);color:var(--ink)}.trait-opts .opt.on svg{fill:var(--accent)}.trait-opts .opt span{max-width:100%;font-size:var(--t-s);text-align:center;-webkit-hyphens:auto;hyphens:auto;padding:0 1px;line-height:1.25}.specimen{display:block;overflow:visible}.facet+.facet{margin-top:22px}.facet-label{margin:0 0 10px}.count{font-family:var(--mono);font-size:var(--t-xs);color:var(--ink-3)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{white-space:nowrap;border-radius:var(--pill);font-size:var(--t-s);color:var(--ink-2);background:var(--tint);border:1px solid #0000;align-items:center;gap:6px;padding:5px 11px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.chip:hover{background:var(--line-2);color:var(--ink)}.chip.on{background:var(--ink);border-color:var(--ink);color:var(--white)}.chip.on .count{color:inherit;opacity:.7}.chip[aria-disabled=true]{color:var(--ink-3);border-color:var(--line-2);cursor:default;background:0 0;border-style:dashed}.chip[aria-disabled=true]:hover{color:var(--ink-3);background:0 0}.tag-name{font-family:var(--ui);font-size:var(--t-base);font-size-adjust:.5;text-transform:none;letter-spacing:0;line-height:1}.facet-picked{border-radius:var(--pill);background:var(--marker);min-width:16px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);text-align:center;font-variant-numeric:tabular-nums;padding:0 5px;line-height:16px}.facet-chevron{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;margin-left:auto;transition:transform .25s}.sheet-btn svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round}.sheet-btn,.sheet-foot,.sheet-scrim{display:none}@media (width<=760px){.cards-bar .sheet-btn{display:inline-flex}.panel.styles{display:none}.panel.styles.open{z-index:39;overscroll-behavior:contain;border-radius:var(--radius) var(--radius) 0 0;max-height:85dvh;box-shadow:var(--shadow);animation:.2s ease-out sheet-in;display:block;position:fixed;bottom:0;left:0;right:0;overflow:auto}.sheet-scrim{z-index:38;background:var(--scrim);animation:.15s fade;display:block;position:fixed;inset:0}.panel.open .sheet-foot{background:var(--surface);border-top:1px solid var(--line);margin:20px -16px -24px;padding:10px 16px 14px;display:block;position:sticky;bottom:0}.sheet-foot .btn{justify-content:center;width:100%}}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}}.explainer{z-index:2;background:var(--surface);border-bottom:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0;position:sticky;top:0}.diagram-box{border-radius:var(--radius);background:var(--well);place-items:center;height:clamp(80px,36cqh - 160px,168px);margin:8px 8px 0;display:grid;overflow:hidden}.diagram{width:100%;height:100%;display:block}@container panel (height<=560px){.explainer{position:static}}.d-ink{fill:var(--ink)}.d-hl{fill:var(--accent-mark);stroke:var(--ink)}.d-ring{fill:var(--accent-soft);stroke:var(--ink)}.d-guide{stroke:var(--line-2);stroke-width:1px}.d-guide.hot{stroke:var(--accent);stroke-dasharray:4 3}.d-label{font:600 var(--t-xs) var(--ui);fill:var(--ink-3)}.d-band{fill:var(--accent-mark);opacity:.6}.d-band.strong{opacity:1}.d-dim line{stroke:var(--accent);stroke-width:1.5px}.d-dim.light line{stroke:var(--white)}.d-axis{stroke:var(--accent);stroke-width:1.5px}.d-axis.ghost{stroke:var(--ink-3);stroke-dasharray:3 3;stroke-width:1px}.ex-head{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:12px 44px 12px 18px;transition:background .15s;display:flex;position:relative}.ex-head:hover{background:var(--hover)}.ex-text:first-child .ex-head{border-radius:var(--radius) var(--radius) 0 0}.ex-head .facet-chevron{color:var(--ink-3);margin-top:-6px;position:absolute;top:50%;right:18px}.ex-head[aria-expanded=false] .facet-chevron{transform:rotate(180deg)}.ex-title{max-width:100%;font-size:var(--t-xl);color:var(--accent-ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ex-text p{color:var(--ink-2);font-size:var(--t-m);margin:-6px 0 0;padding:0 18px 14px;line-height:1.45}.ctl-list{gap:2px;padding:8px 8px 24px;display:grid}.list-head{padding:14px 10px 4px}.list-head:first-child{padding-top:4px}.controls-page{background:inherit;flex-direction:column;min-height:calc(100% + 20px);display:flex}.page-steps{z-index:2;background:inherit;border-top:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius);flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;padding:10px 12px 12px;display:flex;position:sticky;bottom:0}.page-steps .btn{gap:5px}.page-steps .btn svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;margin:0}.page-steps .btn.ghost{color:var(--ink-2);padding-left:6px}.page-note{font-size:var(--t-m);color:var(--ink-3);margin:0;padding:6px 12px}.ctl-parts{font-size:var(--t-s);color:var(--ink-3);flex-wrap:wrap;gap:0 4px;display:flex}.ctl-parts .part{border-radius:var(--pill);cursor:default;margin:0 -4px;padding:0 4px;transition:background .15s,color .15s}.ctl-parts .part+.part:before{content:"·";color:var(--ink-3);pointer-events:none;margin-right:4px}.ctl-parts .part:hover,.ctl-parts .part.on{background:var(--accent-soft);color:var(--accent-ink)}.ctl{border-radius:var(--radius);border:1px solid #0000;padding:10px 10px 8px;transition:background .15s,border-color .15s}.ctl:hover,.ctl.active{background:var(--well)}.ctl .ctl{background:0 0;border:0;padding:12px 0 0}.ctl-head{flex-direction:column;margin-bottom:5px;display:flex}.ctl-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ctl-num{border-radius:var(--pill);background:var(--hover);width:44px;height:26px;box-shadow:none;font:500 var(--t-s) var(--mono);text-align:center;color:var(--ink);border:0;flex:none;padding:0 6px;transition:background .15s,box-shadow .15s}.ctl:hover .ctl-num,.ctl.active .ctl-num{background:var(--surface)}.ctl-num:hover{box-shadow:inset 0 0 0 1px var(--line-2)}.ctl-num:focus{background:var(--surface);box-shadow:inset 0 0 0 1px var(--ink), 0 0 0 3px var(--accent-soft);outline:none}.ctl-label{font-weight:600;font-size:var(--t-base);line-height:26px}.ctl-label em{white-space:nowrap;font-style:normal;font-size:var(--t-xs);color:var(--ink-2);border-radius:var(--pill);background:var(--tint);vertical-align:1px;margin-left:6px;padding:2px 7px;font-weight:500;line-height:14px;display:inline-block}.ctl-label em.own{color:var(--white);background:var(--custom)}.ctl-icon{vertical-align:-4px;color:var(--ink-3);fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;margin-right:8px;transition:color .15s;display:inline-block}.ctl-icon .solid{fill:currentColor;stroke:none}.ctl-icon .faint{stroke-opacity:.4}.ctl.active>.ctl-top .ctl-icon{color:var(--accent-ink)}.ctl-ends{font-size:var(--t-s);color:var(--ink-3);justify-content:space-between;margin-top:1px;display:flex}.ctl.active>.reveal>div>.ctl-ends{color:var(--ink-2)}.ctl-tools{flex:none;align-items:center;gap:8px;height:26px;display:flex}.ctl.off .ctl-label{color:var(--ink-2)}.ctl.idle>:is(.ctl-top,.ctl-head) .ctl-label{color:var(--ink-3)}.ctl.idle>:not(.ctl-top,.ctl-head,.reach-note){opacity:.8;transition:opacity .15s}.ctl.idle:hover>:not(.ctl-top,.ctl-head,.reach-note){opacity:1}.serif-shapes.idle>.opts{opacity:.8;transition:opacity .15s}.serif-shapes.idle:hover>.opts{opacity:1}.reach-note{font-size:var(--t-s);color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:4px 6px;margin:0 0 8px;line-height:1.45;display:flex}.reach-ch{border:1px solid var(--line-2);border-radius:var(--pill);background:var(--surface);min-width:24px;height:22px;font:600 var(--t-s) var(--ui);color:var(--ink);padding:0 6px;transition:border-color .15s,color .15s}.reach-ch:hover{border-color:var(--accent);color:var(--accent-ink)}.reach-banner{border:1px solid var(--line);border-radius:var(--radius);font-size:var(--t-m);color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:4px 8px;margin:4px 0 6px;padding:10px 12px;line-height:1.45;display:flex}.each-end{border-top:1px solid var(--line);margin-top:14px;padding-top:2px}.each-end .sub-label{margin:10px 0 4px}.each-end.locked{grid-template-columns:40px 1fr auto;align-items:center;gap:0 10px;padding-top:12px;display:grid}.each-end.locked .sub-label{margin:0}.each-end.locked .btn{width:auto}.each-end:not(.locked){--accent:var(--custom);--accent-soft:var(--custom-soft);--accent-mark:var(--custom);--fill:var(--custom)}.end-thumb{border-radius:var(--radius);background:var(--paper);border:1px solid var(--line);flex:none;width:40px;height:40px;transition:border-color .15s}.end-thumb path{fill:var(--line-2)}.end-thumb circle{fill:var(--accent);stroke:var(--paper);stroke-width:18px;paint-order:stroke}.end-thumb path.on{fill:var(--accent)}.ctl .ctl.end{border-radius:var(--radius);grid-template-columns:40px auto 1fr auto 22px;align-items:center;gap:0 10px;margin:0 -6px;padding:4px 6px;transition:background .15s;display:grid}.ctl.end .end-thumb{grid-row:span 2}.ctl.end.rows3 .end-thumb{grid-row:span 3}.ctl.end .end-name{grid-column:2}.end-name{font-size:var(--t-s);color:var(--ink-2);cursor:default}.ctl .ctl.end.hot{background:var(--accent-soft)}.ctl.end input[type=range]{flex:1;min-width:0}.ctl.end.hot .end-thumb{border-color:var(--accent)}.end-reset{border-radius:var(--pill);width:22px;height:22px;color:var(--ink-2);flex:none;place-items:center;display:grid}.end-reset:hover{background:var(--hover);color:var(--ink)}.end-reset:disabled{visibility:hidden}.end-reset svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}input[type=range]{appearance:none;cursor:pointer;touch-action:pan-y;--v:.5;background:0 0;width:100%;height:22px;margin:0}input[type=range]::-webkit-slider-runnable-track{border-radius:var(--pill);background:linear-gradient(to right, var(--fill,var(--ink)) calc(var(--v) * 100%), var(--track) 0);height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--white);width:18px;height:18px;box-shadow:var(--knob);border:0;border-radius:50%;margin-top:-6px;transition:box-shadow .15s,transform .15s}input[type=range]:hover::-webkit-slider-thumb{box-shadow:var(--knob), 0 0 0 5px var(--accent-soft)}input[type=range]:active::-webkit-slider-thumb{box-shadow:var(--knob), 0 0 0 6px var(--accent-soft);transform:scale(1.1)}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:var(--knob), 0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}input[type=range]:focus-visible{outline:none}input[type=range]::-moz-range-track{border-radius:var(--pill);background:var(--track);height:6px}input[type=range]::-moz-range-progress{border-radius:var(--pill);background:var(--fill,var(--ink));height:6px}input[type=range]::-moz-range-thumb{background:var(--white);width:18px;height:18px;box-shadow:var(--knob);border:0;border-radius:50%;transition:box-shadow .15s,transform .15s}input[type=range]:hover::-moz-range-thumb{box-shadow:var(--knob), 0 0 0 5px var(--accent-soft)}input[type=range]:active::-moz-range-thumb{box-shadow:var(--knob), 0 0 0 6px var(--accent-soft);transform:scale(1.1)}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:var(--knob), 0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}.ctl{--mid-dot:linear-gradient(var(--surface), var(--surface)) 50% 50% / 2px 100% no-repeat}.ctl input[type=range]::-webkit-slider-runnable-track{background:var(--mid-dot), linear-gradient(to right, var(--fill,var(--ink)) calc(var(--v) * 100%), var(--track) 0)}.ctl input[type=range]::-moz-range-track{background:var(--mid-dot), var(--track)}.bipolar input[type=range]::-webkit-slider-runnable-track{background:var(--mid-dot), linear-gradient(to right, var(--track) calc(min(var(--v), .5) * 100%), var(--fill,var(--ink)) 0, var(--fill,var(--ink)) calc(max(var(--v), .5) * 100%), var(--track) 0)}.size input[type=range]::-webkit-slider-runnable-track{background:var(--track)}.opts{gap:4px;display:grid}.opts.two{grid-template-columns:repeat(2,1fr)}.opts.three{grid-template-columns:repeat(3,1fr)}.opts.four{grid-template-columns:repeat(4,1fr)}.opts.five{grid-template-columns:repeat(5,1fr)}.opt{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);font-size:var(--t-s);color:var(--ink-2);flex-direction:column;align-items:center;gap:2px;padding:8px 2px 7px;transition:border-color .15s,background .15s;display:flex}.opt svg{fill:var(--ink);max-width:100%}.opt:hover{border-color:var(--line-2);background:var(--well)}.opt.on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink);background:var(--accent-soft);color:var(--ink);font-weight:600}.opt.on svg{fill:var(--accent)}.sub-label{margin:14px 0 7px}.switch{border-radius:var(--pill);background:var(--track);flex:none;width:34px;height:20px;transition:background .15s;position:relative}.switch i{background:var(--white);width:16px;height:16px;box-shadow:var(--knob);border-radius:50%;transition:transform .2s;position:absolute;top:2px;left:2px}.switch:hover{background:var(--ink-3)}.switch.on{background:var(--accent);box-shadow:inset 0 0 0 1px var(--ink)}.switch.on i{transform:translate(14px)}.reveal{grid-template-rows:0fr;transition:grid-template-rows .25s;display:grid}.reveal>div{overflow:hidden}.reveal.open{grid-template-rows:1fr}.fold-head .ctl-head{margin-bottom:0}.fold-btn{border-radius:var(--pill);width:24px;height:24px;color:var(--ink-3);place-items:center;margin-right:-2px;transition:color .15s,background .15s;display:grid}.fold-btn:hover{color:var(--ink);background:var(--active)}.fold-btn:disabled{visibility:hidden}.fold-btn[aria-expanded=false] .facet-chevron{transform:rotate(180deg)}.fold-sum{font-size:var(--t-s);color:var(--ink-3);white-space:nowrap}.reveal.fold{margin:0 -4px;transition:grid-template-rows .25s,margin-bottom .25s}.reveal.fold.open{margin-bottom:-4px}.fold-body{padding:0 4px 4px}.fold-body>.opts:first-child{margin-top:6px}.inspector{background:var(--surface);z-index:5;flex-direction:column;animation:.15s fade;display:flex;position:absolute;inset:0}@keyframes fade{0%{opacity:0}}.insp-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px 8px;padding:10px 56px 10px 14px;display:flex;position:relative}.insp-head>*{flex:none}.insp-view{align-items:center;gap:14px;min-height:34px;margin-left:auto;display:flex}.insp-reset:disabled,.insp-head .history>.btn:disabled{visibility:hidden}.insp-close{position:absolute;top:10px;right:14px}.insp-title{justify-content:center;align-items:baseline;gap:8px;min-width:28px;display:flex}.insp-title h2{font-size:var(--t-2xl);margin:0}.grow{flex:1}.scope{margin-left:8px}.scope button{gap:7px;padding:0 13px 0 11px}.scope button.on[data-scope=all]{background:var(--marker);color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.scope button.on[data-scope=letter],.inspector.customizing .scope button.on[data-mode=points]{background:var(--custom);color:var(--white);box-shadow:none}.scope-icon{fill:none;stroke:currentColor;stroke-width:1.3px;flex:none}.scope-icon .fill{fill:currentColor}.inspector,.preview,.panel:not(.styles){--accent:var(--sync);--accent-ink:var(--sync-ink);--accent-soft:var(--sync-soft);--accent-mark:var(--sync-mark);--fill:var(--sync)}.inspector.customizing{--accent:var(--custom);--accent-ink:var(--custom-ink);--accent-soft:var(--custom-soft);--accent-mark:var(--custom);--fill:var(--custom)}.inspector.customizing .insp-body{box-shadow:inset 0 0 0 2px var(--custom);border-radius:0 0 var(--radius) var(--radius);position:relative}.scope-banner{border-radius:var(--pill);background:var(--custom);color:var(--white);font-size:var(--t-m);pointer-events:auto;align-items:center;gap:7px;width:max-content;max-width:calc(100% - 132px);padding:4px 12px;line-height:1.45;display:flex;position:absolute;top:12px;left:50%;translate:-50%}.scope-banner>span{text-wrap:balance}.scope-banner b{font-weight:700}.scope-banner .scope-icon{stroke:currentColor}.inspector:not(.customizing) .scope-banner{background:var(--surface);color:var(--ink-2);box-shadow:var(--raise)}.scope-note{border-radius:var(--radius);background:var(--custom-tint);color:var(--ink);font-size:var(--t-m);align-items:flex-start;gap:9px;margin:4px 0 6px;padding:10px 12px;line-height:1.45;display:flex}.scope-note .scope-icon{color:var(--custom);margin-top:1px}.panel.customizing .explainer{--accent-ink:var(--custom-ink)}.ctl[data-letter]{--accent:var(--custom);--accent-ink:var(--custom-ink);--accent-soft:var(--custom-soft);--accent-mark:var(--custom);--fill:var(--custom)}.ctl:is(:hover,.active)[data-letter]{background:var(--custom-tint)}.ctl .ctl[data-letter]{background:0 0}.scope-note em{font-style:normal;font-weight:700}.check{font-size:var(--t-m);color:var(--ink-2);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;display:flex}.check input{accent-color:var(--accent)}.grid-bar{border-bottom:1px solid var(--line);min-height:44px;font-size:var(--t-m);color:var(--ink-3);white-space:nowrap;flex:none;align-items:center;gap:12px;padding:4px 14px;display:flex}.grid-bar>*{flex:none}.grid-name{font-size:var(--t-s);color:var(--ink);font-weight:600}.grid-bar .grid-chars{scrollbar-width:none;--cell-h:34px;flex:0 auto;min-width:0;display:flex;overflow-x:auto}.grid-key{align-items:center;gap:6px;display:inline-flex}.grid-key i{border-top:1.5px solid var(--grid-own);width:14px;height:0}.grid-key.shared i{border-color:var(--grid-shared)}.cg line,.cg ellipse{fill:none;stroke:var(--grid-own);stroke-width:1px;vector-effect:non-scaling-stroke}.cg .shared{stroke:var(--grid-shared)}.i-hit.rim{fill:none;stroke:#0000;stroke-width:10px;pointer-events:stroke;cursor:nwse-resize}.i-hit.mid{cursor:move}.cg-hot path{fill:none;stroke:var(--grid-own);stroke-width:2px}.cg-hot rect{fill:var(--surface);stroke:var(--grid-own);stroke-width:1.5px}.cg-hot.shared path,.cg-hot.shared rect{stroke:var(--grid-shared)}.i-trace{fill:none;stroke:var(--ink);stroke-linejoin:round}.i-ink.bare{fill:var(--surface)}.insp-canvas.gridded .i-hl{opacity:.16}.insp-body{flex:1;min-height:0;display:flex;position:relative}.insp-canvas{-webkit-user-select:none;user-select:none;touch-action:none;flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.insp-canvas svg{display:block}.i-ink{fill:var(--ink)}.i-hl{fill:var(--accent-mark);stroke:var(--ink);stroke-width:var(--edge)}.i-ring{fill:var(--accent-soft);stroke:var(--ink);stroke-width:var(--edge)}.i-adv{fill:#201f1d06;stroke:var(--line-2);stroke-dasharray:3 4}.i-guide{stroke:var(--line-2)}.i-guide.hot{stroke:var(--accent);stroke-width:1.5px}.i-label{font:600 var(--t-xs) var(--ui);fill:var(--ink-3)}.i-label.hot{fill:var(--accent-ink)}.i-hit{fill:#0000;stroke:none;pointer-events:all;cursor:grab}.i-hit.line{stroke:#0000;stroke-width:10px;cursor:row-resize}.i-hit.edge{stroke:#0000;stroke-width:12px;cursor:col-resize}.i-hit.fixed{cursor:pointer}.insp-canvas.dragging,.insp-canvas.dragging .i-hit{cursor:grabbing}.i-edge line:first-child{stroke:#0000;stroke-width:1.5px;transition:stroke .15s}.i-edge.hot line:first-child{stroke:var(--accent)}.i-readout{pointer-events:none;border:1px solid var(--line-2);border-radius:var(--pill);background:var(--surface);font:400 var(--t-s) var(--mono);color:var(--ink-2);white-space:nowrap;padding:3px 7px;position:absolute}.i-readout b{color:var(--ink);font-weight:500}.i-hint{font:400 var(--t-l)/1.2 var(--hand);letter-spacing:0;color:var(--ink-2);pointer-events:none;margin:0;position:absolute;bottom:10px;left:16px}.i-hint.on{color:var(--accent-ink)}.i-knob{pointer-events:none}.i-knob circle{fill:var(--surface);stroke:var(--ink);stroke-width:1.5px}.i-knob path{fill:none;stroke:var(--accent);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.i-knob.pulse{pointer-events:all;cursor:grab}.i-knob .halo{fill:var(--accent-soft);stroke:none;transform-box:fill-box;transform-origin:50%;animation:1.8s ease-out infinite knob-pulse}@keyframes knob-pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}.i-tip{pointer-events:none;font-size:var(--t-s);white-space:nowrap;padding:7px 10px;animation:.15s .12s both fade;position:absolute}.i-tip-row{flex-direction:column;gap:3px;display:flex}.i-tip-row+.i-tip-row{border-top:1px solid var(--line);margin-top:6px;padding-top:6px}.i-tip-head{color:var(--ink-3)}.i-tip-head b{color:var(--ink);font-weight:700}.i-tip-ends{color:var(--accent-ink);justify-content:space-between;gap:20px;font-weight:600;display:flex}@media (prefers-reduced-motion:reduce){.i-knob .halo{opacity:.6;animation:none}}.history{position:relative}.history>.btn.icon svg{stroke-width:1.4px;stroke-linejoin:round}.popover.history-menu{gap:0;width:300px;padding:6px 0}.history-menu .list-head{padding:4px 12px 6px}.history-list{gap:1px;max-height:min(420px,60vh);padding:0 6px;display:grid;overflow-y:auto}.history-row{border-radius:var(--radius);text-align:left;font-size:var(--t-m);grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:4px 8px 4px 4px;transition:background .15s;display:grid}.history-row:hover:not(:disabled){background:var(--hover)}.history-row:disabled{cursor:default}.history-row svg{background:var(--well);width:40px;height:40px;fill:var(--ink)}.history-row.now svg{background:var(--accent-soft);fill:var(--accent)}.history-what{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-when{font-family:var(--mono);font-size:var(--t-xs);color:var(--ink-3)}.history-now{font-size:var(--t-s);color:var(--accent-ink);font-weight:600}.font-history{position:relative}.history-row.wide{grid-template-columns:60px minmax(0,1fr) auto}.history-row.wide svg{width:60px}.pen-wrap{flex-direction:column;flex:1;min-width:0;padding:2px;display:flex;position:relative}.pen-canvas{touch-action:none;flex:1;min-height:0;position:relative;overflow:hidden}.pen-canvas svg{display:block}.pen-stats{font:400 var(--t-xs) var(--mono);color:var(--ink-3);white-space:nowrap;pointer-events:none;position:absolute;bottom:10px;left:14px}.pen-tools{z-index:2;flex-direction:column;gap:2px;padding:4px;display:flex;position:absolute;top:12px;left:12px}.pen-tools button{border-radius:var(--pill);width:32px;height:32px;color:var(--ink-2);place-items:center;display:grid}.pen-tools button:hover{background:var(--hover);color:var(--ink)}.pen-tools button.on{background:var(--accent-soft);color:var(--accent-ink)}.pen-tools svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.pen-tools svg .fill{fill:currentColor}.pen-sep{background:var(--line);height:1px;margin:3px 4px}.pen-shape-tool{position:relative}.pen-tools .corner{stroke:none;opacity:.55}.pen-shape-menu{z-index:3;flex-direction:column;gap:1px;width:196px;padding:4px;display:flex;position:absolute;top:-5px;left:calc(100% + 10px)}.pen-tools .pen-shape-menu button{width:auto;height:32px;font-size:var(--t-m);text-align:left;align-items:center;gap:10px;padding:0 8px;display:flex}.pen-shape-menu span{flex:1}.pen-shape-menu kbd{font:400 var(--t-xs) var(--mono);color:var(--ink-3)}.pen-tools .pen-shape-menu button.on{background:var(--accent-soft);color:var(--accent-ink)}.pen-shape-menu.pen-tool-menu{gap:4px;width:268px;padding:6px}.pen-menu-head{font-size:var(--t-xs);color:var(--ink-3);padding:4px 6px 2px;font-weight:500}.pen-menu-note{font-size:var(--t-s);color:var(--ink-3);padding:0 6px 2px;line-height:1.45}.pen-tools .pen-tool-menu>button:disabled{color:var(--ink-3);opacity:.5;cursor:default;background:0 0}.pen-tool-menu svg{flex:none}.pen-corner-kinds{margin:2px 2px 4px}.pen-tools .pen-corner-kinds button{width:auto;height:26px;font-size:var(--t-m);color:var(--ink-2);flex:1;justify-content:center;gap:6px;padding:0 6px;display:inline-flex}.pen-tools .pen-corner-kinds button.on{background:var(--surface);color:var(--ink);box-shadow:var(--raise)}.pen-tools .pen-corner-kinds svg{stroke-width:1.3px}@media (width<=760px){.pen-tools{flex-flow:wrap;justify-content:center;align-items:center;gap:0;margin:6px 6px 0;padding:3px;position:relative;top:auto;left:auto}.pen-tools button{width:30px}.pen-sep{width:1px;height:22px;margin:0 3px}.pen-shape-tool{position:static}.pen-shape-menu,.pen-shape-menu.pen-tool-menu{width:auto;max-width:320px;margin:0 auto;top:calc(100% + 6px);left:0;right:0}.pen-wrap .pen-carry-dock{max-width:calc(100% - 24px)}.pen-wrap~.scope-banner{top:54px}}.pen-range{font-size:var(--t-m);color:var(--ink-2);grid-template-columns:52px 1fr auto;align-items:center;gap:8px;padding:2px 6px;display:grid}.pen-range .pen-num-field span{display:none}.pen-range .pen-num-field input{width:50px;height:26px}.pen-bg{fill:#0000}.pen-ink{fill:#201f1d24;pointer-events:none}.pen-fill{fill:#0000}.pen-fill.hit{cursor:move}.pen-line{fill:none;stroke:var(--ink);pointer-events:none}.pen-sharp{fill:none;stroke:var(--ink-3);stroke-width:1px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke;opacity:.6;pointer-events:none}.pen-corner .grab{fill:#0000}.pen-corner circle:not(.grab){fill:var(--surface);stroke:var(--accent);stroke-width:1.3px}.pen-corner circle.dot{fill:var(--accent);stroke:none}.pen-corner:hover circle:not(.grab):not(.dot){stroke-width:2px}.pen-seg{fill:none;stroke:#0000;pointer-events:stroke}.pen-band{fill:none;stroke:var(--accent);stroke-width:1px;stroke-dasharray:4 3;pointer-events:none}.pen-edge{stroke:var(--line-2);stroke-width:1px;cursor:col-resize}.pen-edge:hover{stroke:var(--accent);stroke-width:2px}.pen-snap{stroke:var(--snap);stroke-width:1px;pointer-events:none}.pen-catch path{fill:none;stroke:var(--snap);stroke-width:1.5px}.pen-catch text{font:600 var(--t-xs) var(--ui);fill:var(--snap);stroke:var(--surface);stroke-width:3px;paint-order:stroke}.pen-snapper{flex:none;position:relative}.pen-snapper .pen-kind button{padding:0 7px}.pen-snapper .pen-kind button+button{padding:0 5px}.pen-snapper .pen-kind svg{stroke-linecap:round;stroke-linejoin:round}.popover.pen-snap-menu{width:290px;top:auto;bottom:calc(100% + 8px)}.pen-snap-head{font-size:var(--t-xs);color:var(--ink-3);padding:6px 10px 4px;font-weight:500}.pen-snap-menu>button{border-radius:var(--radius);text-align:left;color:var(--ink-3);grid-template-columns:16px 1fr 12px;align-items:center;gap:10px;padding:7px 10px;transition:background .15s,color .15s;display:grid}.pen-snap-menu>button:hover{background:var(--hover)}.pen-snap-menu>button.on{color:var(--ink)}.pen-snap-menu b{font-size:var(--t-m);font-weight:600;display:block}.pen-snap-menu small{font-size:var(--t-s);color:var(--ink-3);line-height:1.45;display:block}.pen-snap-icon{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round}.pen-snap-icon .fill{fill:currentColor;stroke:none}.pen-snap-menu>button.on .pen-snap-icon{color:var(--accent)}.pen-snap-tick{fill:none;stroke:var(--accent);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;visibility:hidden}.pen-snap-menu>button.on .pen-snap-tick{visibility:visible}.pen-snap-foot{border-top:1px solid var(--line);font-size:var(--t-s);color:var(--ink-3);margin-top:4px;padding:8px 10px 4px}.pen-num{fill:var(--ink-3)}.pen-pt{cursor:default}.pen-pt .grab,.pen-h .grab{fill:#0000}.pen-pt rect,.pen-pt circle:not(.grab){fill:var(--surface);stroke:var(--accent);stroke-width:1.3px}.pen-pt:hover rect,.pen-pt:hover circle:not(.grab){stroke-width:2px}.pen-pt.on rect,.pen-pt.on circle:not(.grab){fill:var(--accent)}.pen-pt.first rect,.pen-pt.first circle:not(.grab){stroke-width:2.4px}.pen-pt.twin rect,.pen-pt.twin circle:not(.grab){fill:var(--accent-soft);stroke-width:2px}.pen-axis{stroke:var(--accent);stroke-width:1px;stroke-dasharray:5 4;opacity:.55;pointer-events:none}.pen-h line{stroke:var(--accent);stroke-width:1px;pointer-events:none}.pen-h circle:not(.grab){fill:var(--accent)}.pen-h{cursor:default}.pen-box{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1px;pointer-events:none}.pen-xf-box{fill:none;stroke:var(--accent);stroke-width:1px;pointer-events:none}.pen-xf-h .grab{fill:#0000}.pen-xf-h rect:not(.grab){fill:var(--surface);stroke:var(--accent);stroke-width:1.2px}.pen-xf-h:hover rect:not(.grab){fill:var(--accent-soft)}.pen-xf-turn{fill:#0000}.pen-ghost circle{fill:var(--surface);stroke:var(--accent);stroke-width:1.5px}.pen-ghost path{stroke:var(--accent);stroke-width:1.3px;stroke-linecap:round}.pen-aim circle{fill:var(--accent);stroke:var(--surface);stroke-width:1.5px}.pen-aim .mark{fill:none;stroke:var(--white);stroke-width:1.5px;stroke-linecap:round}.pen-aim circle.mark{fill:none;stroke:var(--white);stroke-width:1.4px}.pen-aim-shape *{fill:var(--surface);stroke:var(--ink-2);stroke-width:1.5px;stroke-linejoin:round}.pen-size{font:600 var(--t-xs) var(--ui);fill:var(--accent-ink);stroke:var(--surface);stroke-width:3px;paint-order:stroke;font-variant-numeric:tabular-nums;pointer-events:none}.pen-bar{border-top:1px solid var(--line);min-height:48px;font-size:var(--t-m);flex-wrap:wrap;align-items:center;gap:8px 20px;padding:9px 16px;display:flex;container-type:inline-size}.pen-bar-main{flex-wrap:wrap;flex:auto;align-items:center;gap:8px 10px;min-width:0;display:flex}.pen-bar-side{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.pen-bar-letter{border-left:1px solid var(--line);align-items:center;gap:10px;padding-left:10px;display:flex}.pen-acts{border-left:1px solid var(--line);align-items:center;gap:2px;margin-left:auto;padding-left:6px;display:flex}.pen-act-more{flex:none;position:relative}.pen-act-more .pen-icon-btn .fill{fill:currentColor;stroke:none}.pen-act-more .pen-icon-btn[aria-expanded=true]{background:var(--hover);color:var(--ink)}.popover.pen-act-menu{transform-origin:100% 100%;width:236px;top:auto;bottom:calc(100% + 8px)}.pen-act-row{align-items:center;gap:2px;display:flex}.pen-act-run{border-radius:var(--radius);min-width:0;height:32px;font-size:var(--t-m);text-align:left;color:var(--ink);flex:1;align-items:center;gap:10px;padding:0 8px;transition:background .15s;display:flex}.pen-act-run:hover:not(:disabled){background:var(--hover)}.pen-act-run:disabled{color:var(--ink-3);opacity:.5;cursor:default}.pen-act-run svg,.pen-act-check svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;flex:none}.pen-act-check{border-radius:var(--pill);width:28px;height:28px;color:var(--ink-3);opacity:.35;flex:none;place-items:center;transition:background .15s,color .15s,opacity .15s;display:grid}.pen-act-check svg{stroke-width:1.6px}.pen-act-check:hover{background:var(--hover);opacity:.8}.pen-act-check.on{color:var(--accent);opacity:1}.pen-act-foot{border-top:1px solid var(--line);font-size:var(--t-s);color:var(--ink-3);margin-top:4px;padding:8px 8px 4px}.pen-tips{width:0;min-width:0;height:18px;color:var(--ink-3);flex-wrap:wrap;flex:1 1 0;column-gap:16px;line-height:18px;display:flex;overflow:hidden}.pen-tip{white-space:nowrap}.pen-tip b{color:var(--ink-2);font-weight:600}@container (width<=900px){.pen-mirror>span{display:none}.pen-bar .pen-num-field input{width:50px}}@container (width<=760px){.pen-point-kind span{display:none}.pen-point-kind button{padding:0 6px}}.inspector.customizing .pen-bar{background:var(--custom-wash)}.pen-carry-dock{z-index:2;pointer-events:none;flex-direction:column-reverse;align-items:flex-end;gap:6px;max-width:calc(100% - 84px);display:flex;position:absolute;bottom:12px;right:12px}.pen-carry-dock>*{pointer-events:auto}.pen-carry-pill{border-radius:var(--pill);background:var(--surface);max-width:100%;box-shadow:var(--raise);align-items:center;gap:2px;padding:3px;display:flex}.pen-carry-pill.ask{box-shadow:0 0 0 1px var(--ink), 0 0 0 4px var(--accent-soft)}.pen-carry-pill .btn{margin-left:2px}.pen-carry-sum{border-radius:var(--pill);min-width:0;height:28px;font-size:var(--t-m);color:var(--ink-2);white-space:nowrap;align-items:center;gap:6px;padding:0 6px 0 9px;display:flex}.pen-carry-sum span{text-overflow:ellipsis;overflow:hidden}.pen-carry-sum:hover,.pen-carry-sum[aria-expanded=true]{background:var(--hover);color:var(--ink)}.pen-carry-sum b{color:var(--accent-ink);letter-spacing:.06em;font-weight:600}.pen-carry-chev{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:rotate .15s;rotate:180deg}.pen-carry-sum[aria-expanded=true] .pen-carry-chev{rotate:0deg}.pen-carry{flex-direction:column;gap:6px;width:max-content;max-width:min(640px,100%);padding:8px 10px 10px 14px;display:flex;position:relative}.pen-carry-head{align-items:center;gap:6px;display:flex}.pen-carry-q{font-size:var(--t-m);flex:1;margin-right:10px;font-weight:600}.pen-carry-kinds{border-top:1px solid var(--line);grid-template-columns:max-content auto;gap:2px 14px;max-height:212px;padding-top:4px;display:grid;overflow-y:auto}.pen-carry-kind{display:contents}.pen-carry-pick{height:32px;font-size:var(--t-m);color:var(--ink-3);align-self:start}.pen-carry-all{z-index:1;background:var(--surface);grid-column:1/-1;position:sticky;top:0}.pen-carry-foot{border-top:1px solid var(--line);justify-content:flex-end;gap:6px;padding-top:8px;display:flex}.pen-carry-letters{flex-wrap:wrap;gap:2px;display:flex}.pen-carry-chip{border-radius:var(--pill);place-items:center;width:32px;height:32px;transition:background .15s;display:grid}.pen-carry-chip svg{fill:var(--ink-3);opacity:.35;transition:opacity .15s;display:block}.pen-carry-chip:hover{background:var(--hover)}.pen-carry-chip:hover svg{opacity:.6}.pen-carry-chip.on{background:var(--accent-soft)}.pen-carry-chip.on svg{fill:var(--ink);opacity:1}.pen-carry-peek{pointer-events:none;padding:8px;position:absolute;bottom:0;right:calc(100% + 8px)}.pen-carry-peek svg{display:block}.pen-carry-peek .after{fill:var(--ink);opacity:.85}.pen-carry-peek .before{fill:none;stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.pen-icon-btn{border-radius:var(--pill);width:28px;height:28px;color:var(--ink-2);flex:none;place-items:center;display:grid}.pen-icon-btn:hover:not(:disabled){background:var(--hover);color:var(--ink)}.pen-icon-btn:disabled{color:var(--ink-3);opacity:.5;cursor:default}.pen-icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round}.pen-bar-label{color:var(--ink);white-space:nowrap;font-weight:600}.pen-num-field{color:var(--ink-3);align-items:center;gap:6px;display:inline-flex}.pen-num-field input{width:58px;height:28px;font:500 var(--t-s) var(--mono);padding:0 10px}.pen-num-field svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round}.pen-kind button{gap:5px;height:24px;padding:0 8px}.pen-kind svg{fill:none;stroke:currentColor;stroke-width:1.2px}.pen-mirror{color:var(--ink-3);white-space:nowrap;align-items:center;gap:6px;display:flex}.pen-mirror .pen-kind button{padding:0 5px}.pen-mirror svg .fill{fill:currentColor}.strip{min-width:0;min-height:var(--strip-h,76px);--cell-h:calc(var(--strip-h,76px) - 28px);margin-top:var(--gap);border-radius:var(--radius);background:var(--surface);box-shadow:var(--raise);grid-area:strip;display:flex;position:relative;overflow:hidden}.strip-scroll{scrollbar-width:thin;flex:1;align-items:stretch;min-width:0;padding:0 12px;display:flex;position:relative;overflow:auto hidden}.strip-arrow{z-index:2;font-size:var(--t-s);color:var(--ink-2);align-items:center;gap:6px;padding:0 12px;font-weight:600;transition:color .15s;display:flex;position:absolute;top:0;bottom:0}.strip-arrow:hover{color:var(--accent-ink)}.strip-arrow svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none}.strip-arrow.back{background:linear-gradient(to left, transparent, var(--surface) 36px);padding-right:40px;left:0}.strip-arrow.next{background:linear-gradient(to right, transparent, var(--surface) 36px);padding-left:40px;right:0}.strip-arrow span{border-radius:var(--pill);background:var(--tint);padding:4px 10px}.strip-arrow:hover span{box-shadow:0 0 0 1px var(--accent)}.strip-group{border-right:1px solid var(--line);flex-direction:column;justify-content:center;gap:2px;margin-right:10px;padding:4px 10px 4px 0;display:flex}.strip-group:last-child{border-right:0}.strip-label{font-size:var(--t-xs);color:var(--ink-3);padding-left:4px;font-weight:500;line-height:14px}.strip-cells{display:flex}.cell{width:calc(var(--cell-h) * 38 / 48);height:var(--cell-h);flex:none;place-items:center;transition:background .15s;display:grid;position:relative}.cell svg{width:100%;height:calc(var(--cell-h) * 45 / 48);fill:var(--ink);pointer-events:none;overflow:visible}.cell:hover{background:var(--well)}.cell.on{background:var(--accent-soft)}.cell.on svg{fill:var(--accent-ink)}.cell.custom:after{content:"";background:var(--custom);width:7px;height:7px;box-shadow:inset 0 0 0 1px var(--ink);position:absolute;top:4px;right:4px}.popover{z-index:30;transform-origin:100% 0;gap:1px;width:300px;padding:6px;animation:.14s ease-out pop;display:grid;position:absolute;top:calc(100% + 6px);right:0}@keyframes pop{0%{opacity:0;transform:translateY(-4px)}}.toast{width:max-content;max-width:calc(100vw - 32px);left:50%;bottom:calc(var(--strip-h,76px) + 24px);background:var(--ink);color:var(--white);border-radius:var(--pill);font-size:var(--t-m);box-shadow:var(--shadow);opacity:0;pointer-events:none;z-index:40;align-items:center;gap:14px;padding:9px 16px;font-weight:600;transition:opacity .2s,transform .2s;display:flex;position:fixed;transform:translate(-50%,8px)}.toast.show{opacity:1;transform:translate(-50%)}.toast.has-action.show{pointer-events:auto;padding-right:6px}.toast-action{border-radius:var(--pill);height:26px;font-size:var(--t-s);color:var(--white);background:#ffffff24;padding:0 12px;font-weight:600;transition:background .15s}.toast-action:hover{background:#ffffff42}.dialog-scrim{z-index:60;background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);place-items:center;padding:16px;animation:.15s fade;display:grid;position:fixed;inset:0}.dialog{width:min(400px,100%);padding:20px 20px 16px;animation:.16s ease-out pop}.dialog h2{font-size:var(--t-xl);margin:0}.dialog p{color:var(--ink-2);font-size:var(--t-base);margin:6px 0 0}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-top:18px;display:flex}.dialog.export{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) 248px;width:min(920px,100%);max-height:calc(100vh - 32px);padding:0;display:grid;overflow:hidden}.export-head{border-bottom:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px 10px 20px;display:flex}.export-styles{align-content:start;gap:12px;min-height:0;padding:16px 20px 20px;display:grid;overflow:auto}.export-styles h3{font-size:var(--t-l);margin:0}.export-side{border-left:1px solid var(--line);background:var(--well);flex-direction:column;gap:12px;min-height:0;padding:16px;display:flex;overflow:auto}.export-icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none}.export-named,.export-name{gap:6px;display:grid}.export-name input{background:var(--surface);height:34px;box-shadow:inset 0 0 0 1px var(--line-2);font:600 var(--t-base) var(--ui);padding:0 14px}.export-name input:hover:not(:focus){box-shadow:inset 0 0 0 1px var(--ink-3)}.dialog p.export-note{font-size:var(--t-s);color:var(--ink-3);margin:0;line-height:1.45}.export-send{gap:8px;display:grid}.export-send .btn.primary{justify-content:center;height:36px}.export-accents{font-size:var(--t-m);color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:2px 0 4px;font-weight:600;display:flex}.dialog p.export-error{font-size:var(--t-s);color:var(--danger);margin:0;line-height:1.45}.export-more{border-top:1px solid var(--line);justify-items:start;gap:2px;margin-top:auto;padding-top:12px;display:grid}.export-more .btn{color:var(--ink-2);margin-left:-10px}.export-more .btn:hover{color:var(--ink)}.export-ext{color:var(--ink-3)}.family{gap:10px;display:grid}.family-grid{gap:6px;display:grid}.family-row{grid-template-columns:92px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px;display:grid}.family-head>span{padding-left:10px}.family-head .chip{padding:5px 9px}.family-weight{white-space:nowrap;align-items:baseline;gap:6px;display:flex}.family-weight b{font-size:var(--t-m);color:var(--ink-2);font-weight:500}.family-weight.own b{color:var(--ink);font-weight:700}.family-cell{border-radius:var(--radius);background:var(--surface);min-width:0;height:40px;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;align-items:center;padding:0 10px;transition:box-shadow .15s,background .15s;display:flex}.family-cell:hover{box-shadow:inset 0 0 0 1px var(--line-2);background:var(--well)}.family-cell[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--accent), 0 0 0 1px var(--accent);background:var(--accent-soft)}.family-sample{min-width:0;height:28px;fill:var(--ink);flex:1;transition:fill .15s;display:block}.family-cell[aria-pressed=true] .family-sample{fill:var(--accent)}.family-cell.own:not([aria-pressed=true]){box-shadow:inset 0 0 0 1px var(--ink-3)}.family-cell.own[aria-pressed=true]{background:var(--accent)}.family-cell.own[aria-pressed=true]:hover{background:var(--accent-ink);box-shadow:inset 0 0 0 1px var(--accent-ink), 0 0 0 1px var(--accent-ink)}.family-cell.own[aria-pressed=true] .family-sample{fill:var(--white)}@media (width<=760px){.dialog.export{grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr)}.export-side{display:contents}.export-named{grid-row:2;padding:12px 16px 2px}.export-name input{background:var(--well);box-shadow:inset 0 0 0 1px var(--line)}.export-name input:hover:not(:focus){box-shadow:inset 0 0 0 1px var(--line-2)}.export-styles{grid-row:3;padding:12px 16px 14px}.export-more{flex-wrap:wrap;grid-row:4;gap:2px;margin:0;padding:8px 12px 0;display:flex}.export-more .btn{margin:0}.export-more .export-error{flex-basis:100%;padding:0 4px}.export-ext,.export-long{display:none}.export-send{grid-row:5;margin:0;padding:8px 16px 14px}}@media (width<=600px){.family-row{grid-template-columns:1fr 1fr;gap:4px 6px}.family-head>div{grid-column:1/-1;margin-bottom:4px}.family-head>span{padding-left:8px}.family-weight{grid-column:1/-1;margin-top:4px}.family-cell{padding:0 8px}}.guide{z-index:50;pointer-events:none;position:fixed;inset:0}.guide-dim,.guide-spot,.guide-block{position:fixed}.guide-dim{pointer-events:auto;background:#201f1d73;animation:.2s fade;inset:0}.guide-block{pointer-events:auto}.guide-spot{border-radius:var(--radius);transition:left .25s,top .25s,width .25s,height .25s;box-shadow:0 0 0 100vmax #201f1d73}.guide-card{pointer-events:auto;width:248px;padding:14px 14px 12px;transition:left .25s,top .25s;position:fixed}.guide-card h2{font-size:var(--t-xl);margin:0}.guide-card p{color:var(--ink-2);font-size:var(--t-m);margin:4px 0 0}.guide-step{gap:8px;margin-bottom:8px;display:flex}.guide-step span{color:var(--accent-ink)}.guide-foot{align-items:center;gap:4px;margin-top:14px;display:flex}.guide-task{align-items:flex-start;gap:8px;display:flex}.guide-task svg{fill:none;stroke:var(--line-2);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:1px;transition:fill .15s,stroke .15s}.guide-task.done svg circle{fill:var(--accent);stroke:var(--accent)}.guide-task.done svg path{stroke:var(--white);stroke-width:1.8px}.guide-foot .btn.ghost{color:var(--ink-3)}.guide-foot .btn.wait{box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink-2)}.guide-foot .btn.wait:hover{box-shadow:inset 0 0 0 1px var(--ink-3)}@media (width<=1280px){.editor{grid-template-columns:var(--nav-w,196px) minmax(0, 1fr) var(--panel-w,332px)}}.nav-toggle,.nav-scrim{display:none}@media (width<=1180px){.editor{padding-left:var(--gap);grid-template:"top top" var(--top-h) "stage panel" minmax(0, 1fr) "strip strip" auto / minmax(0, 1fr) min(var(--panel-w,320px), 44vw)}.editor .top{margin-left:calc(-1 * var(--gap))}.resize-strip{grid-column:1/-1}.nav-toggle{margin-left:-8px;display:inline-flex}.nav{top:var(--top-h);z-index:36;background:var(--paper-grain), var(--paper-shade), var(--paper);width:240px;box-shadow:var(--shadow);border-radius:0 var(--radius) 0 0;visibility:hidden;padding-top:12px;transition:transform .2s,visibility 0s .2s;position:fixed;bottom:0;left:0;transform:translate(-102%)}.editor.nav-open .nav{visibility:visible;transition:transform .2s;transform:none}.editor.nav-open .nav-scrim{inset:var(--top-h) 0 0;z-index:35;background:var(--scrim);display:block;position:fixed}.resize-nav{display:none}.resize-panel{grid-column:2}.top{padding:0 14px}.stage-bar{gap:12px;padding:10px 12px}.size input[type=range]{width:90px}.stage-scroll{padding:20px 24px 48px}}@media (width<=760px){.editor{row-gap:var(--gap);grid-template:"top" var(--top-h) "stage" minmax(60vh, auto) "panel" auto "strip" auto / minmax(0, 1fr);height:auto;min-height:100vh;overflow:visible}.top{z-index:37;gap:6px;position:sticky;top:0}.editor .top{margin-bottom:calc(-1 * var(--gap))}.strip{margin-top:0}.top-left .brand,.top .sep,.top-actions .guide-btn,.top-actions a[href=\/designs]{display:none}.top-actions .btn.icon{width:30px}.nav-designs{display:flex}.nav-designs+.nav-account{margin-top:0}.top-actions .btn:not(.small){padding:0 8px}.top-actions .btn.primary{padding:0 12px}.doc-name-wrap{flex:1;min-width:0}.top-left{flex:1}.stage{min-height:60vh}.stage-bar{flex-wrap:wrap}.type-field{flex-basis:100%}.stage-scroll{padding:16px 16px 40px}.cards{grid-template-columns:minmax(0,1fr)}.cards-bar .type-field{flex-basis:0}.cards-head{flex-direction:column;align-items:stretch;gap:14px}.stage:has(.cards-foot){overflow:clip}.cards-foot{z-index:3;padding-left:16px;position:sticky;bottom:0}.panel{overflow:visible;container-type:normal}.diagram-box{height:168px}.resizer{display:none}.strip{z-index:4;position:sticky;bottom:0}.popover{width:min(300px,100vw - 24px);right:-8px}.strip-arrow span{display:none}.stage:has(.inspector){min-height:calc(100dvh - var(--top-h) - 12px)}.banner-more{display:none}.grid-bar{flex-wrap:wrap;row-gap:2px;padding-block:6px}.grid-bar .grow{display:none}.grid-bar .grid-chars{flex-basis:100%;order:1}}.intro,.intro-ahead{--intro-grain:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='g' x='0' y='0' width='100%' height='100%' color-interpolation-filters='sRGB'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' seed='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .125 0 0 0 0 .122 0 0 0 0 .114 1 0 0 0 0'/><feComponentTransfer><feFuncA type='table' tableValues='.2 .2 .2 .18 .14 .08 .03 .01 0 0 0 0 0 0 0 0 0 0 0 0 0'/></feComponentTransfer></filter><rect width='100%' height='100%' filter='url(%23g)'/></svg>")}.intro-ahead body{background:var(--intro-grain), var(--paper-shade), var(--paper)}.intro{--intro-ease:cubic-bezier(.2, .8, .2, 1);--intro-print:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='p' x='0' y='0' width='100%' height='100%' color-interpolation-filters='sRGB'><feTurbulence type='fractalNoise' baseFrequency='1.7' numOctaves='2' seed='11' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0'/><feComponentTransfer><feFuncA type='table' tableValues='1 1 1 1 1 1 1 1 1 1 1 1 1 1 .85 .65 .5 .45 .45 .45 .45'/></feComponentTransfer></filter><rect width='100%' height='100%' filter='url(%23p)'/></svg>");z-index:100;background:var(--intro-grain), var(--paper-shade), var(--paper);cursor:default;transition:opacity .45s;position:fixed;inset:0}.intro-art,.intro-tag,.intro-skip,.intro-credit{-webkit-mask:var(--intro-print) 0 0 / 200px 200px;mask:var(--intro-print) 0 0 / 200px 200px;-webkit-mask-clip:no-clip;mask-clip:no-clip}.intro.leave{opacity:0;pointer-events:none;transition:opacity .45s .2s}.intro.leave .intro-art,.intro.leave .intro-tag,.intro.leave .intro-skip,.intro.leave .intro-credit{opacity:0;transition:opacity .3s}.intro-art{position:absolute;inset:0;overflow:visible}.intro-word{fill:var(--ink)}.intro-at{transition:transform 80ms var(--intro-ease)}.intro-roll{animation:intro-roll-in 80ms var(--intro-ease) both}.intro-roll.out{animation-name:intro-roll-out}.intro-mark{fill:var(--ink);font-family:var(--display);font-synthesis:none;font-weight:400;animation:.3s both intro-mark}.intro-drawn{fill:var(--ink);animation:.2s .3s forwards intro-out}.intro-guide{transition:transform .3s var(--intro-ease)}.intro-guide line{stroke:var(--line-2);transform-box:view-box;transform-origin:0 0;animation:.35s cubic-bezier(.2,.7,.2,1) both intro-rule}.intro-guide line.up{stroke:var(--line);stroke-dasharray:1;stroke-dashoffset:1px;animation:intro-line .5s var(--intro-ease) both}.intro-guides.end,.intro-points{animation:.2s forwards intro-out}.intro-outline{fill:var(--ink);fill-opacity:0;stroke:var(--ink);stroke-width:.8px;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:.42s cubic-bezier(.4,0,.2,1) both intro-line,.26s both intro-fill}.intro-pt{transform-box:view-box;animation:.18s cubic-bezier(.3,1.5,.5,1) both intro-pop}.intro-pt rect,.intro-pt circle{fill:var(--surface);stroke:var(--accent);stroke-width:1.2px}.intro-pt line{stroke:var(--accent);stroke-width:1px}.intro-pt circle.h{fill:var(--accent);stroke:none}.intro-tag{font-size:var(--t-xl);color:var(--ink-3);justify-content:center;gap:.3em;display:flex;position:absolute;left:0;right:0}.intro-tag span{animation:.6s both intro-word}.intro-skip{text-align:center;font:500 var(--t-xs) var(--ui);color:var(--ink-3);transition:opacity .3s;animation:.4s .3s backwards intro-mark;position:absolute;bottom:28px;left:0;right:0}.intro-skip.gone{opacity:0}.intro-credit{text-align:center;font:500 var(--t-s) var(--ui);color:var(--ink-3);animation:.5s .1s backwards intro-word;position:absolute;bottom:28px;left:0;right:0}.intro-credit b{color:var(--ink);font-weight:600}@keyframes intro-mark{0%{opacity:0}}@keyframes intro-word{0%{opacity:0;transform:translateY(6px)}}@keyframes intro-rule{0%{transform:scaleX(0)}}@keyframes intro-out{to{opacity:0}}@keyframes intro-line{to{stroke-dashoffset:0}}@keyframes intro-fill{to{fill-opacity:1;stroke-opacity:0}}@keyframes intro-pop{0%{opacity:0;transform:scale(.3)}}@keyframes intro-roll-in{0%{transform:translateY(calc(var(--em) * 1.9))}}@keyframes intro-roll-out{to{transform:translateY(calc(var(--em) * -1.9))}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.doc-name-wrap{cursor:text;align-items:center;min-width:0;display:flex;position:relative}.doc-name{field-sizing:content;border-radius:var(--pill);min-width:96px;max-width:min(280px,24vw);height:30px;font:600 var(--t-base) var(--ui);letter-spacing:inherit;color:var(--ink);text-overflow:ellipsis;background:0 0;border:0;padding:0 26px 0 10px;transition:box-shadow .15s,background .15s}.doc-name:hover{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2)}.doc-name:focus{background:var(--surface);box-shadow:inset 0 0 0 1px var(--ink), 0 0 0 3px var(--accent-soft);outline:none}.doc-name-pen{fill:none;stroke:var(--ink-3);stroke-width:1.4px;stroke-linejoin:round;pointer-events:none;transition:opacity .15s;position:absolute;right:9px}.doc-name:focus+.doc-name-pen{opacity:0}.brand+.doc-name-wrap:before{content:"/";font-size:var(--t-l);color:var(--line-2);flex:none;margin:0 6px 0 -4px}.save-wrap{position:relative}.name-prompt{gap:0;width:280px;padding:14px}.name-prompt label{font-size:var(--t-l)}.name-prompt input{height:34px;font:500 var(--t-base) var(--ui);margin-top:8px;padding:0 14px}.name-prompt p{font-size:var(--t-s);color:var(--ink-3);margin:6px 0 0}.name-prompt-actions{justify-content:flex-end;gap:6px;margin-top:12px;display:flex}.based-on{border-radius:var(--pill);height:24px;font-size:var(--t-s);color:var(--ink-2);background:var(--tint);white-space:nowrap;flex:none;margin-left:2px;padding:0 10px;transition:background .15s,color .15s}.based-on b{color:var(--ink);font-weight:600}.based-on:hover{background:var(--line-2);color:var(--ink)}@media (width<=760px){.brand+.doc-name-wrap:before{content:none}.doc-name{max-width:100%}.doc-name-pen,.based-on{display:none}.top-actions{gap:2px}}.loading{inset:var(--top-h) 0 var(--strip-h,76px);background:color-mix(in srgb, var(--paper) 75%, transparent);color:var(--ink-2);z-index:20;place-items:center;font-weight:600;animation:.2s .3s both fade;display:grid;position:fixed}.message-page{text-align:center;place-content:center;justify-items:center;gap:4px;min-height:100vh;padding:24px;display:grid}.message-page h1{font-size:var(--t-3xl);margin:0}.message-page p{color:var(--ink-2);margin:0 0 16px}.message-page .row{gap:8px;display:flex}.message-page .btn.wide{width:auto}.library{background:var(--grid-paper);flex-direction:column;min-height:100vh;display:flex}.library .top{z-index:5;height:var(--top-h);background:color-mix(in srgb, var(--paper) 85%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:0 14px 0 16px;position:sticky;top:0}.library .top .btn.primary svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;margin-left:-2px}.lib-main{width:100%;max-width:1240px;margin:0 auto;padding:24px 32px 88px}.lib-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;margin-bottom:20px;display:flex}.lib-title{align-items:baseline;gap:10px;min-width:0;display:flex}.lib-head h1{font-size:var(--t-3xl);margin:0}.lib-head p{color:var(--ink-3);font-size:var(--t-m);font-variant-numeric:tabular-nums;margin:0}.lib-tools{align-items:center;gap:8px;display:flex}.lib-search{color:var(--ink-3);align-items:center;display:flex;position:relative}.lib-search .page-icon{pointer-events:none;position:absolute;left:12px}.lib-search input{width:220px;height:32px;font:500 var(--t-m) var(--ui);letter-spacing:inherit;padding:0 34px 0 33px}.lib-tools .view-toggle{background:var(--line)}.lib-sort button{width:auto;font-size:var(--t-m);padding:0 12px;font-weight:600}.lib-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.lib-card{background:var(--surface);border-radius:var(--radius);min-width:0;box-shadow:var(--raise);grid-template:"open open""meta actions"/minmax(0,1fr) auto;padding:6px;transition:box-shadow .15s;display:grid}.lib-card:hover{box-shadow:var(--shadow)}.lib-open{border-radius:var(--radius);background:var(--well);grid-area:open;height:132px;padding:22px;transition:background .15s;display:flex}.lib-open:hover{background:var(--tint)}.lib-open svg{width:100%;height:100%;fill:var(--ink);display:block;overflow:visible}.lib-meta{grid-area:meta;min-width:0;padding:10px 4px 8px 10px}.lib-meta h3{font-size:var(--t-l);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.lib-meta p{font-size:var(--t-s);color:var(--ink-3);white-space:nowrap;margin:1px 0 0;display:flex;overflow:hidden}.lib-meta p span{text-overflow:ellipsis;overflow:hidden}.lib-meta p span+span:before{content:"·";color:var(--line-2);margin:0 5px}.lib-meta p span:last-child{flex:none}.lib-recent{color:var(--ink);background:var(--marker);font-weight:700}.lib-rename{border:1px solid var(--accent);border-radius:var(--pill);width:100%;min-width:0;height:26px;box-shadow:0 0 0 3px var(--accent-soft);font-size:var(--t-l);color:var(--ink);background:var(--surface);outline:none;margin:-3px 0 -2px -7px;padding:0 6px}.lib-actions{grid-area:actions;align-items:center;gap:0;padding:0 2px 0 4px;display:flex;position:relative}.lib-actions .btn.icon{color:var(--ink-3)}.lib-actions .btn.icon:hover,.lib-actions .btn.icon[aria-expanded=true]{color:var(--ink);background:var(--hover)}.lib-actions .btn.icon svg{stroke-width:1.7px;stroke-linejoin:round}.lib-actions .btn.icon[aria-haspopup] svg{stroke-width:2.4px}.lib-more{display:flex;position:relative}.lib-menu{width:160px}.lib-menu button{text-align:left;border-radius:var(--radius);height:32px;font-size:var(--t-m);padding:0 10px;font-weight:600;transition:background .15s,color .15s}.lib-menu button:hover{background:var(--hover)}.lib-menu .danger{color:var(--danger)}.lib-menu .danger:hover{background:var(--danger-wash);color:var(--danger)}.lib-list{background:var(--surface);border-radius:var(--radius);box-shadow:var(--raise);flex-direction:column;gap:2px;padding:6px;display:flex}.lib-list .lib-card{border-radius:var(--radius);box-shadow:none;grid-template:"meta open actions"/minmax(160px,240px) minmax(0,1fr) auto;align-items:center;padding:0 6px 0 4px;transition:background .15s}.lib-list .lib-card:hover{background:var(--well);box-shadow:none}.lib-list .lib-open{background:0 0;height:64px;padding:14px 16px}.lib-list .lib-open:hover{background:0 0}.lib-list .lib-open:hover svg{fill:var(--accent-ink)}.lib-list .lib-meta{padding:10px 8px 10px 10px}.lib-loading{animation:.2s .3s both fade}.lib-loading .lib-card{box-shadow:none}.lib-loading .lib-meta i{border-radius:var(--pill);background:var(--well);width:46%;height:10px;margin:4px 0 8px;display:block}.lib-loading .lib-meta i+i{width:64%;margin-bottom:2px}.lib-loading .lib-open,.lib-loading .lib-meta i{animation:1.4s ease-in-out infinite alternate lib-pulse}.lib-list.lib-loading .lib-card{box-shadow:none}@keyframes lib-pulse{to{opacity:.5}}.lib-empty{background:var(--surface);border-radius:var(--radius);box-shadow:var(--raise);text-align:center;border:0;justify-items:center;gap:6px;padding:56px 24px;display:grid}.lib-empty h2{font-size:var(--t-xl);overflow-wrap:anywhere;margin:0}.lib-empty p{color:var(--ink-2);margin:0 0 12px}.lib-empty .btn.wide{width:auto}.lib-empty h2+.btn{margin-top:12px}.field{font-size:var(--t-m);color:var(--ink-2);gap:5px;margin-top:14px;font-weight:600;display:grid}.field>span:first-child i{color:var(--ink-3);margin-left:4px;font-style:normal;font-weight:500}.field input{width:100%;height:38px;font:inherit;font-size:var(--t-base);cursor:text;-webkit-user-select:text;user-select:text;padding:0 16px;font-weight:500}.field input:disabled{background:var(--tint);color:var(--ink-3);box-shadow:none}.field small{font-size:var(--t-s);color:var(--ink-3);font-weight:500;transition:color .15s}.field small.field-ok{color:var(--accent-ink)}.field small.field-warn{color:var(--warn-ink)}.field-head{justify-content:space-between;align-items:baseline;display:flex}.field-link{font-size:var(--t-m);color:var(--accent-ink);text-underline-offset:3px;font-weight:700;text-decoration:underline}.field-link:hover{background:var(--marker)}.field-row{display:block;position:relative}.field-row input{padding-right:58px}.field-show{border-radius:var(--pill);height:26px;font-size:var(--t-s);color:var(--ink-3);padding:0 8px;font-weight:600;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.field-show:hover{background:var(--hover);color:var(--ink)}.form-error{border-radius:var(--radius);background:var(--warn-tint);color:var(--warn-ink);font-size:var(--t-m);margin:12px 0 0;padding:8px 10px}.dialog.auth{width:min(380px,100%);padding:24px;position:relative}.dialog.auth>p:not(.form-error):not(.auth-switch){margin-bottom:4px}.auth-close{position:absolute;top:12px;right:12px}.auth-close svg{stroke-width:1.6px}.auth-submit{width:100%;height:40px;font-size:var(--t-m);justify-content:center;margin-top:20px}.auth-switch{text-align:center;font-size:var(--t-m);color:var(--ink-3)!important;margin-top:14px!important}.btn.wide.auth-google{height:40px;font-size:var(--t-base);gap:10px;margin-top:18px}.google-mark{flex:none}.auth-or{align-items:center;gap:10px;margin:16px 0 -2px;display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--line);flex:1;height:1px}.auth-or+.btn.auth-google,.auth-submit+.auth-or{margin-top:14px}.auth-email{border-radius:var(--pill);background:var(--well);height:38px;font-size:var(--t-base);align-items:center;gap:8px;margin-top:12px;padding:0 6px 0 16px;display:flex;position:relative}.auth-email span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.auth-email button{border-radius:var(--pill);height:26px;font-size:var(--t-s);color:var(--accent-ink);padding:0 8px;font-weight:600}.auth-email button:hover{background:var(--hover)}.dialog p.auth-note{border-radius:var(--radius);background:var(--well);font-size:var(--t-m);margin-top:12px;padding:10px 12px}.dialog p.auth-wait{text-align:center;font-size:var(--t-m);color:var(--ink-3);margin-top:10px}.account{position:relative}.account-row{border-radius:var(--radius);text-align:left;width:100%;min-height:36px;color:var(--ink-2);align-items:center;gap:9px;padding:5px 10px 5px 6px;transition:background .15s,color .15s;display:flex}.account-row:hover,.account-row[aria-expanded=true]{background:var(--active);color:var(--ink)}.account-row .nav-label{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);overflow:hidden}.account-row.signin{gap:10px;padding-left:10px}.account-row.signin .nav-label{color:inherit}.avatar{background:var(--ink);width:24px;height:24px;color:var(--white);font:700 var(--t-xs) var(--ui);border-radius:50%;flex:none;place-items:center;display:grid}.account-menu{transform-origin:0 100%;width:230px;animation-name:pop-up;inset:auto auto calc(100% + 6px) 0}@keyframes pop-up{0%{opacity:0;transform:translateY(4px)}}.account-who{border-bottom:1px solid var(--line);min-width:0;margin-bottom:4px;padding:8px 10px 10px;display:grid}.account-who b{font-size:var(--t-base);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.account-who span{font-size:var(--t-m);color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-menu a,.account-menu button{border-radius:var(--radius);height:32px;font-size:var(--t-m);text-align:left;color:var(--ink);align-items:center;padding:0 10px;font-weight:600;text-decoration:none;transition:background .15s;display:flex}.account-menu a:hover,.account-menu button:hover{background:var(--hover)}.library .top-actions{gap:8px}.lib-signin{border-radius:var(--radius);background:var(--tint);align-items:center;gap:6px;margin:-6px 0 18px;padding:6px 6px 6px 14px;display:flex}.lib-signin-icon{fill:none;stroke:var(--ink-3);stroke-width:1.5px;stroke-linejoin:round;flex:none}.lib-signin p{min-width:0;font-size:var(--t-m);color:var(--ink-2);flex:1;margin:0 8px 0 4px}.lib-signin b{color:var(--ink);font-weight:700}.lib-empty .row{gap:8px;display:flex}.account-main{max-width:760px}.acct-section{border-top:1px solid var(--line);grid-template-columns:200px 1fr;gap:24px;padding:24px 0;display:grid}.acct-label h2{font-size:var(--t-xl);margin:0}.acct-label p{font-size:var(--t-m);color:var(--ink-3);margin:4px 0 0}.acct-body form{justify-items:start;display:grid}.acct-body .field,.acct-body .form-error{width:100%;margin:0 0 14px}.acct-body .row{gap:8px;display:flex}.acct-body .btn.wide{width:auto}.acct-section.danger .acct-label h2{color:var(--danger)}.acct-methods{display:grid}.acct-method{align-items:center;gap:12px;min-height:56px;display:flex}.acct-methods .acct-method+.acct-method{border-top:1px solid var(--line)}.acct-icon{background:var(--well);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.acct-icon svg:not(.google-mark){fill:none;stroke:var(--ink-2);stroke-width:1.5px;stroke-linecap:round}.acct-what{flex:1;min-width:0;display:grid}.acct-what b{font-size:var(--t-base);font-weight:600}.acct-what span{font-size:var(--t-m);color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.acct-password{padding:4px 0 8px 48px}.acct-password .row .btn{height:34px}.reset-main{max-width:760px}.reset-form{justify-items:start;max-width:380px;display:grid}.reset-form .field,.reset-form .form-error{width:100%;margin:0 0 14px}.reset-form .row{flex-wrap:wrap;gap:8px;display:flex}.legal{max-width:760px}.legal-lead{font-size:var(--t-l);color:var(--ink-2);max-width:62ch;margin:0 0 8px}.legal-part{border-top:1px solid var(--line);scroll-margin-top:calc(var(--top-h) + 16px);margin-top:16px;padding:20px 0 4px}.legal-part h2{font-size:var(--t-xl);margin:0 0 8px}.legal-part p,.legal-part li{max-width:62ch;color:var(--ink-2)}.legal-part p{margin:0 0 10px}.legal-part ul{gap:6px;margin:0 0 10px;padding-left:20px;display:grid}.legal-part b{color:var(--ink);font-weight:600}.legal code{font-family:var(--mono);font-size:var(--t-s);color:var(--ink)}.legal a,.lib-foot a{color:inherit;text-underline-offset:3px;text-decoration:underline}.legal a:hover,.lib-foot a:hover{background:var(--marker);color:var(--ink)}.lib-foot{font-size:var(--t-s);color:var(--ink-3);margin-top:40px}@media (width<=760px){.library .top-left .brand{display:flex}.lib-main{padding:16px 16px 88px}.lib-tools{flex:100%}.lib-search{flex:1;min-width:0}.lib-search input{width:100%}.lib-search kbd{display:none}}@media (width<=640px){.lib-signin{flex-wrap:wrap;padding:10px 10px 10px 14px}.lib-signin p{flex-basis:calc(100% - 40px);margin:0 0 4px 4px}.lib-signin .btn.outline{margin-left:auto}.lib-grid{grid-template-columns:minmax(0,1fr)}.lib-list .lib-card{grid-template:"meta actions""open open"/minmax(0,1fr) auto}.lib-list .lib-open{height:52px;padding:0 10px 12px}.acct-section{grid-template-columns:1fr;gap:12px}.acct-password{padding-left:0}}