.demo{--fast: .15s;--ease-out: cubic-bezier(.22, 1, .36, 1);--out: cubic-bezier(.16, 1, .3, 1);position:relative;overflow:hidden;width:100%;height:100%;isolation:isolate}.demo-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;scale:1.9;transition:scale 1.4s var(--out),filter .6s ease;filter:saturate(.92)}.demo.playing .demo-art{scale:1.82;filter:none}.demo:after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #0000001a;content:"";pointer-events:none}.demo-scene{position:absolute;top:50%;left:50%;transform-origin:50% 50%;color:#000;font-family:Inter Variable,system-ui,sans-serif;font-size:13px;line-height:18px;letter-spacing:-.01em;-webkit-font-smoothing:antialiased}.demo-pointer{position:absolute;z-index:10;top:0;left:0;opacity:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));transition:transform var(--move, .56s) var(--move-ease, cubic-bezier(.45, 0, .2, 1)),opacity .2s ease}.demo-pointer.on{opacity:1}.demo-pointer svg{position:relative;z-index:1;display:block;transform-origin:2px 2px;transition:scale 90ms ease}.demo-pointer.down svg{scale:.86}.xd-spot{position:absolute;top:36px;left:64px;width:1px;height:1px}.xd-card{--accent: #18181b;--faint: rgba(0, 0, 0, .48);--line: rgba(0, 0, 0, .08);position:absolute;bottom:0;left:0;width:400px;overflow:hidden;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px #fff,inset 0 0 0 1.5px #e4e4e7cc,0 0 0 1px #00000014,0 8px 16px #00000014,0 16px 32px #0000001f}.xd-bar{display:flex;flex-direction:column;align-items:center;justify-content:center}.xd-loading{height:78px}.xd-saving{height:104px;gap:2px}.xd-saved{height:121px;gap:14px}.xd-note{margin:0;color:var(--faint)}.xd-pair{display:flex;gap:8px}.xd-head{display:flex;align-items:center;height:32px;padding:14px 16px 0}.xd-title{font-weight:550}.xd-count{margin-left:6px;color:var(--faint);font-variant-numeric:tabular-nums}.xd-strip{display:flex;gap:8px;overflow:hidden;padding:10px 16px 16px}.xd-shot{position:relative;flex:none;width:52px;height:52px;overflow:hidden;border-radius:10px;background:#f4f4f5}.xd-shot img,.xd-face img{display:block;width:100%;height:100%;object-fit:cover}.xd-shot:after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--line);content:"";transition:box-shadow var(--fast) var(--ease-out)}.xd-shot.on:after{box-shadow:inset 0 0 0 2px var(--accent)}.xd-tick{position:absolute;z-index:1;top:4px;right:4px;display:grid;width:16px;height:16px;place-items:center;border-radius:50%;background:#0003;box-shadow:inset 0 0 0 1.5px #fff;color:#fff;transition:background-color var(--fast) var(--ease-out),box-shadow var(--fast) var(--ease-out)}.xd-tick svg{opacity:0;transition:opacity var(--fast) var(--ease-out)}.xd-shot.on .xd-tick{background:var(--accent);box-shadow:0 0 0 1.5px #fff}.xd-shot.on .xd-tick svg{opacity:1}.xd-rule{height:1px;background:var(--line)}.xd-sec{justify-content:space-between;padding-top:12px}.xd-lib{display:flex;align-items:center;gap:4px;height:24px;margin-right:-8px;padding:0 8px;border-radius:999px;color:var(--faint);font-size:12px;transition:background-color var(--fast) var(--ease-out),color var(--fast) var(--ease-out)}.xd-lib.open{background:#0000000a;color:#000}.xd-menu{position:absolute;z-index:2;top:152px;right:12px;min-width:180px;padding:4px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #00000014,0 4px 8px #00000014,0 8px 16px #00000014;transform-origin:100% 0;animation:xd-menu-in .16s var(--out)}@keyframes xd-menu-in{0%{opacity:0;transform:scale(.96) translateY(-4px)}}.xd-menu-row{display:flex;align-items:center;justify-content:space-between;gap:12px;height:30px;padding:0 8px;border-radius:8px}.xd-list{display:flex;flex-direction:column;gap:8px;height:150px;overflow:hidden;padding:10px 16px 12px}.xd-row{display:flex;flex:none;align-items:center;gap:10px;height:52px;padding:0 14px 0 6px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px #00000014,0 1px 2px #0000000f;transition:box-shadow var(--fast) var(--ease-out)}.xd-row.on{box-shadow:0 0 0 1.5px var(--accent)}.xd-face{position:relative;display:grid;flex:none;width:40px;height:40px;overflow:hidden;place-items:center;border-radius:7px;background:#f4f4f5;color:#000000a3}.xd-words{display:flex;flex:1;flex-direction:column;min-width:0}.xd-name{overflow:hidden;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.xd-name.faint{color:var(--faint)}.xd-sub{color:var(--faint);font-size:11.5px;line-height:15px}.xd-end{flex:none;color:var(--faint);font-size:12px;font-variant-numeric:tabular-nums}.xd-row.on .xd-end{color:var(--accent)}.xd-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--line)}.xd-btn{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 12px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #00000014,0 1px 2px #0000001f;font-weight:550;letter-spacing:0;white-space:nowrap}.xd-btn.accent{background-color:var(--accent);background-image:linear-gradient(180deg,#ffffff1f,#fff0);box-shadow:inset 0 .75px #fff3,0 0 0 1px #18181b,0 1px 2px #0006;color:#fff;font-weight:500}.xd-ctx{position:absolute;z-index:4;top:36px;left:64px;display:flex;flex-direction:column;width:214px;padding:4px;border-radius:8px;background:#fff;box-shadow:0 0 0 1px #0000001a,0 4px 12px #00000029;color:#1f1f1f;font-size:12.5px;transform-origin:0 0;animation:xd-ctx-in .12s ease-out}@keyframes xd-ctx-in{0%{opacity:0;transform:scale(.97)}}.xd-ctx-row{display:flex;align-items:center;gap:10px;height:28px;padding:0 10px;border-radius:4px;white-space:nowrap}.xd-ctx-row.ours{font-weight:500}.xd-ctx-row.ours img{flex:none}.xd-ctx-row.hover{background:#0000000f}.xd-ctx-rule{height:1px;margin:4px -4px;background:#0000001a}.gw{--accent: #18181b;--faint: rgba(0, 0, 0, .48);--line: rgba(0, 0, 0, .08);position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px #fff,inset 0 0 0 1.5px #e4e4e7cc,0 0 0 1px #00000014,0 8px 16px #00000014,0 16px 32px #0000001f}.gw-top{display:flex;align-items:center;gap:8px;padding:12px 12px 10px}.gw-field{display:flex;flex:1;align-items:center;gap:7px;min-width:0;height:30px;padding:0 6px 0 10px;border-radius:999px;box-shadow:0 0 0 1px var(--line),0 1px 2px #0000000a;color:var(--faint);font-size:12.5px}.gw-field>span{overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}.gw-q{color:#000}.gw-field kbd,.gp-input kbd{flex:none;padding:1px 6px;border-radius:999px;box-shadow:inset 0 0 0 1px #0000001f;color:var(--faint);font:500 10.5px/16px Inter Variable,system-ui,sans-serif}.gw-chip{flex:none;height:26px;padding:0 10px;border-radius:999px;box-shadow:0 0 0 1px var(--line);font-size:12px;font-weight:500;line-height:26px}.gw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:2px 12px 12px}.gw-tile{position:relative;display:block;overflow:hidden;aspect-ratio:4 / 3;border-radius:6px;background:#f4f4f5;transition:box-shadow var(--fast) var(--ease-out),scale .24s var(--out),opacity .2s ease}.gw-tile img{display:block;width:100%;height:100%;object-fit:cover}.gw-tile:after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #0000000f;content:"";transition:box-shadow var(--fast) var(--ease-out)}.gw-tile.hover:after{box-shadow:inset 0 0 0 2px var(--accent)}.gw-tile{will-change:transform}.gw-tile.sel:after{box-shadow:inset 0 0 0 2px var(--accent)}.gw-tile.lifted{opacity:.45}.gw-check{position:absolute;z-index:1;top:5px;right:5px;display:grid;width:16px;height:16px;place-items:center;border-radius:50%;background:var(--accent);box-shadow:0 0 0 1.5px #fff;color:#fff;opacity:0;scale:.6;transition:opacity var(--fast) var(--ease-out),scale .26s var(--out)}.gw-tile.sel .gw-check{opacity:1;scale:1}.gw-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff59;animation:gw-dim-in .22s ease}.gw-grid{transition:filter .28s ease,opacity .28s ease}.gw-grid.soft{filter:blur(3px);opacity:.7}@keyframes gw-dim-in{0%{opacity:0}}.gw-find{overflow:visible}.gw-find .gw-dim{border-radius:inherit}.gp{position:absolute;top:46px;right:18px;left:18px;overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #00000014,0 8px 24px #00000024,0 2px 6px #0000000f;transform-origin:50% 0}.gp-input{display:flex;align-items:center;gap:8px;height:42px;padding:0 12px;border-bottom:1px solid var(--line);color:var(--faint)}.gp-text{flex:1;color:#000;white-space:nowrap}.gp-ph{color:var(--faint)}.gp-caret{display:inline-block;width:1.5px;height:14px;margin-left:1px;vertical-align:-2px;background:#000;animation:gp-blink 1s steps(1) infinite}@keyframes gp-blink{50%{opacity:0}}.gp-rows{display:flex;flex-direction:column;padding:6px}.gp-row{display:flex;align-items:center;gap:9px;height:32px;padding:0 8px;border-radius:7px;white-space:nowrap}.gp-row.on{background:#0000000d}.gp-row img{width:22px;height:22px;border-radius:5px;object-fit:cover}.gp-row>span:nth-child(2){overflow:hidden;flex:1;text-overflow:ellipsis}.gp-enter,.gp-kind{color:var(--faint);font-size:12px}.gp-label{padding:8px 8px 4px;color:var(--faint);font-size:10.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.gw-split{display:flex}.gw-side{display:flex;flex:none;flex-direction:column;gap:2px;width:132px;padding:14px 8px;background:#f6f7f8;box-shadow:inset -1px 0 0 var(--line)}.gw-label{padding:14px 8px 4px;color:var(--faint);font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.gw-nav{display:flex;align-items:center;gap:7px;height:28px;padding:0 8px;border-radius:7px;font-size:12.5px;transition:background-color var(--fast) var(--ease-out),box-shadow .2s var(--ease-out)}.gw-nav>span:nth-child(2){flex:1}.gw-nav.on{background:#0000000f}.gw-nav.over{background:#c2724f1f;box-shadow:inset 0 0 0 1.5px #c2724f}.gw-n{display:inline-block;color:var(--faint);font-size:11.5px;font-variant-numeric:tabular-nums}.gw-swatch{width:10px;height:10px;border-radius:3px;background:var(--c)}.gw-main{position:relative;flex:1;min-width:0}.gw-head{display:flex;align-items:baseline;justify-content:space-between;padding:16px 14px 10px}.gw-h{font-size:15px;font-weight:600;letter-spacing:-.02em}.gw-sel{color:var(--faint);font-size:11.5px;animation:gw-dim-in .16s ease}.gw-grid-2{grid-template-columns:repeat(2,1fr);padding:0 14px 14px}.gw-ghost{position:absolute;top:12px;left:10px;width:64px;height:48px;transform-origin:0 0}.gw-ghost img{position:absolute;top:0;right:0;bottom:0;left:0;width:64px;height:48px;border-radius:6px;object-fit:cover;box-shadow:0 0 0 1.5px #fff,0 6px 14px #00000038;rotate:calc((var(--n) - 1) * 6deg);translate:calc(var(--n) * 3px) calc(var(--n) * -2px)}.gw-ghost-n{position:absolute;top:-7px;right:-9px;display:grid;min-width:18px;height:18px;padding:0 5px;place-items:center;border-radius:999px;background:#18181b;box-shadow:0 0 0 1.5px #fff;color:#fff;font-size:11px;font-weight:600}.gw-toast{position:absolute;right:0;bottom:14px;left:0;display:flex;width:max-content;margin-inline:auto;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #00000014,0 6px 16px #00000024;font-size:12.5px;font-weight:500;white-space:nowrap}@media(prefers-reduced-motion:reduce){.demo-art{transition:none;scale:1}.gp-caret{animation:none}}:root{--card-2: #efeee9}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--card-2: #1a1916}}:root[data-theme=dark]{--card-2: #1a1916}.splits{display:flex;flex-direction:column;gap:32px;margin-top:56px}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:center;min-height:580px;padding:20px;border-radius:8px;background:var(--card-2)}.split.flip{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.split.flip .split-text{order:2}.split-text{padding:28px 28px 28px 24px}.split-n{display:block;margin-bottom:14px;color:var(--ink-3);font-size:var(--t-small);font-weight:500;font-variant-numeric:tabular-nums}.split-note{display:flex;align-items:flex-start;gap:8px;margin-top:16px;color:var(--ink-2);font-size:13px;font-weight:500;line-height:1.5;text-wrap:balance}.split-note svg{flex:none;margin-top:2px;stroke-width:2.4}.split-words{max-width:30ch;font-size:18px;font-weight:450;line-height:1.45;letter-spacing:-.012em}.split-words .dim{color:var(--ink-3)}.split-kind{white-space:nowrap}.split-kind svg{display:inline-block}.split-media{position:relative;align-self:stretch;min-height:540px;overflow:hidden;border-radius:4px}.wrap.feat{width:min(100% - 16px,var(--wrap) + 64px);max-width:none;padding-inline:0}.feat{display:grid;grid-template-columns:292px minmax(0,1fr);margin-top:64px;border-top:1px solid var(--line)}.feat-nav{position:sticky;isolation:isolate;top:96px;align-self:start;display:flex;flex-direction:column;gap:4px;padding:48px 32px}.feat-link{position:relative;padding:7px 0;border:0;background:none;color:color-mix(in srgb,var(--ink) 30%,transparent);font:inherit;font-size:17px;font-weight:500;letter-spacing:-.012em;text-align:left;cursor:pointer;transition:color .3s var(--ease)}.feat-link:hover{color:var(--ink-3)}.feat-link.on{color:var(--ink)}.feat-bar{position:absolute;top:0;left:0;width:1.5px;border-radius:1px;background:var(--ink);transition:transform .46s cubic-bezier(.65,0,.35,1),height .46s cubic-bezier(.65,0,.35,1)}.feat-panels{padding-bottom:120px;border-left:1px solid var(--line)}.feat-panel{border-bottom:1px solid var(--line);padding-top:64px}.feat-words{max-width:54ch;padding:0 48px;font-size:18px;font-weight:450;line-height:1.45;letter-spacing:-.012em}.feat-words .dim{color:var(--ink-3)}.feat-media{position:relative;display:grid;place-items:center;height:460px;margin-top:56px;overflow:hidden;border-top:1px solid var(--line);background-color:color-mix(in srgb,var(--ink) 3%,var(--page));background-image:radial-gradient(color-mix(in srgb,var(--ink) 10%,transparent) 1px,transparent 1.2px);background-size:18px 18px}.feat-panel .feat-media>*{position:absolute;top:50%;left:50%;translate:-50% -50%}.pc-pop,.nt,.dv,.fv,.bk{--faint: rgba(0, 0, 0, .48);--hair: rgba(0, 0, 0, .08);--app-shadow: 0 0 0 1px rgba(0, 0, 0, .08), 0 12px 32px rgba(0, 0, 0, .12), 0 2px 6px rgba(0, 0, 0, .06);color:#000;font-size:14px;line-height:20px;letter-spacing:-.01em}@property --h{syntax: "<number>"; inherits: true; initial-value: 8;}.pc-pop{width:520px;padding:12px 12px 14px;border-radius:14px;background:#fff;box-shadow:var(--app-shadow)}.pc-square{position:relative;height:224px;border-radius:8px;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,hsl(calc(var(--h) * 1deg) 100% 50%));cursor:pointer;touch-action:none}.pc-knob{position:absolute;width:22px;height:22px;border-radius:50%;background:var(--dot);box-shadow:inset 0 0 0 2px #fff,0 0 0 1px #00000040,0 1px 3px #0000004d;translate:-50% -50%;pointer-events:none;transition:scale .16s var(--ease)}.pc-square.dragging,.pc-hue.dragging{cursor:none}.pc-knob.big{scale:1.45}.pc-knob.small{top:50%;width:20px;height:20px}.pc-hue{position:relative;height:12px;margin:16px 10px 0;border-radius:999px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:pointer;touch-action:none}.pc-presets{display:flex;justify-content:space-between;margin:16px 6px 0}.pc-presets button{width:20px;height:20px;padding:0;border:0;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px #0000001a;cursor:pointer;transition:box-shadow .5s var(--ease),transform .15s var(--ease)}.pc-presets button:hover{transform:scale(1.12)}.pc-presets button.on{box-shadow:0 0 0 2px #fff,0 0 0 3.5px #18181b}.pc-pop{-webkit-user-select:none;user-select:none}.pc-foot{display:flex;align-items:center;gap:8px;margin-top:16px}.pc-hex{display:inline-flex;align-items:center;gap:10px;height:36px;padding:0 16px 0 8px;border-radius:999px;box-shadow:0 0 0 1px var(--hair),0 1px 2px #0000000f;font-weight:500;font-variant-numeric:tabular-nums}.pc-hex i{width:20px;height:20px;border-radius:50%;background:var(--dot)}.pc-hex-text{font-variant-numeric:tabular-nums}@keyframes pc-in{0%{opacity:0;transform:translateY(4px);filter:blur(2px)}}.pc-round{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;box-shadow:0 0 0 1px var(--hair),0 1px 2px #0000000f;color:var(--faint)}.pc-grow{flex:1}.pc-go{display:inline-flex;align-items:center;height:36px;padding:0 18px;border-radius:999px;background:#000;color:#fff;font-weight:600}.pc-go.press{animation:pc-press .26s var(--ease) .9s}@keyframes pc-press{50%{transform:scale(.95)}}.nt{position:relative;width:520px;height:390px}.nt-grid{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px;transition:opacity .36s var(--ease),filter .36s var(--ease)}.nt-grid.dim{opacity:.35;filter:blur(1.5px)}.nt-col{display:flex;flex-direction:column;gap:12px}.nt-card{box-sizing:border-box;height:110px;overflow:hidden;padding:14px 16px;border-radius:8px;background:var(--paper, #fff);transition:background-color .4s var(--ease);box-shadow:0 0 0 1px var(--hair),0 1px 2px #0000000a}.nt-card b{display:block;font-size:14px;font-weight:600}.nt-card p{margin-top:6px;color:#000000a3;font-size:13px;line-height:18px}.nt-pic{width:100%;border-radius:6px;object-fit:cover;box-shadow:0 0 0 1px var(--hair),0 1px 2px #00000014}.nt-caret{display:inline-block;width:1.5px;height:15px;margin-left:1px;vertical-align:-3px;background:#000;animation:nt-blink 1s steps(1) infinite}.qn{position:absolute;top:8px;left:50%;display:flex;flex-direction:column;align-items:center;gap:14px;width:330px;margin-left:-165px;visibility:hidden;transform-origin:0 0}.qn.open{visibility:visible}.qn-dots{display:flex;gap:8px}.qn-dots i{width:16px;height:16px;border-radius:50%;background:var(--c);box-shadow:0 0 1px #00000005,0 1px 2px #0000000f,inset 0 .5px 1px #ffffff40,inset 0 1px 1px #ffffff40;outline:2px solid transparent;outline-offset:2px;transition:outline-color .24s var(--ease)}.qn-dots i.on{outline-color:var(--c)}.qn-sheet{position:relative;width:330px;height:290px;padding:26px 28px;border-radius:4px}.nt-paper{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;background:var(--paper);transition:background-color .5s var(--ease)}.nt-ghost{position:absolute;top:0;left:0;padding:14px 16px}.nt-ghost b{display:block;font-size:14px;font-weight:600}.nt-ghost p{margin-top:6px;color:#000000a3;font-size:13px;line-height:18px}.qn-sheet h4{margin:0 0 14px;font-size:18px;font-weight:600;letter-spacing:-.02em}.qn-sheet p{margin:0 0 12px;color:#1c1c1c;font-size:13.5px;line-height:21px}.qn-code{position:absolute;right:16px;bottom:12px;color:#00000052;font-family:ui-monospace,Consolas,monospace;font-size:10px;letter-spacing:.04em}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .nt-card:not(.plain),:root:not([data-theme=light]) .nt-paper:not(.plain){background:oklch(from var(--paper) .32 calc(c*.62) h)}:root:not([data-theme=light]) .nt-card.plain,:root:not([data-theme=light]) .nt-paper.plain{background:#131315}:root:not([data-theme=light]) .nt-card{box-shadow:0 0 0 1px #ffffff14,0 1px 2px #0000004d}:root:not([data-theme=light]) .nt-card,:root:not([data-theme=light]) .nt-ghost,:root:not([data-theme=light]) .qn-sheet{color:#fff}:root:not([data-theme=light]) .nt-card p,:root:not([data-theme=light]) .nt-ghost p,:root:not([data-theme=light]) .qn-sheet p{color:#ffffff9e}:root:not([data-theme=light]) .qn-code{color:#ffffff6b}:root:not([data-theme=light]) .nt-caret{background:#fff}}:root[data-theme=dark] .nt-card:not(.plain),:root[data-theme=dark] .nt-paper:not(.plain){background:oklch(from var(--paper) .32 calc(c*.62) h)}:root[data-theme=dark] .nt-card.plain,:root[data-theme=dark] .nt-paper.plain{background:#131315}:root[data-theme=dark] .nt-card{box-shadow:0 0 0 1px #ffffff14,0 1px 2px #0000004d}:root[data-theme=dark] .nt-card,:root[data-theme=dark] .nt-ghost,:root[data-theme=dark] .qn-sheet{color:#fff}:root[data-theme=dark] .nt-card p,:root[data-theme=dark] .nt-ghost p,:root[data-theme=dark] .qn-sheet p{color:#ffffff9e}:root[data-theme=dark] .qn-code{color:#ffffff6b}:root[data-theme=dark] .nt-caret{background:#fff}.qn-foot{display:flex;align-items:center;gap:6px}.qn-btn,.qn-save{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;font-size:12.5px;font-weight:500}.qn-btn{background:#fff;box-shadow:0 0 0 1px #00000014,0 1px 2px #0000001f}.qn-bin{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#d7275d;color:#fff}.qn-save{background:#18181b;color:#fff}.fv{position:relative;display:flex;width:620px;height:380px;overflow:hidden;border-radius:12px;background:#f3f3f1;box-shadow:0 0 0 1px #00000014,0 16px 40px #0000001a}.fv-col{position:relative;flex:none;width:196px;padding:14px 12px;background:#fff;box-shadow:1px 0 #00000012}.fv-back{color:var(--faint);font-size:12px}.fv-book{display:flex;gap:10px;margin-top:12px}.fv-cover{display:block;flex:none;width:40px;height:57px;object-fit:cover;object-position:top;border-radius:2px;background:#fff;box-shadow:0 0 0 1px var(--hair),0 1px 2px #00000014}.fv-cover b{margin-bottom:2px;font-size:3.6px;line-height:4.4px}.fv-cover i{height:1.4px;border-radius:1px;background:#0000002e}.fv-book-text{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}.fv-title{font-size:13px;font-weight:500}.fv-status{display:inline-flex;align-items:center;gap:6px;height:24px;margin-left:-6px;padding:0 9px 0 6px;border-radius:999px;color:var(--faint);font-size:12px;transition:background-color .16s var(--ease),color .16s var(--ease)}.fv-status.open{background:#0000000d;color:#000}.fv-status.set{color:#000}.fv-status-label{animation:pc-in .32s var(--ease)}.fv-tabs{display:flex;gap:2px;margin-top:16px;padding:2px;border-radius:8px;background:#0000000d}.fv-tabs span{display:flex;flex:1;align-items:center;justify-content:center;gap:5px;height:24px;border-radius:6px;color:var(--faint);font-size:12px;transition:background-color .2s var(--ease),color .2s var(--ease)}.fv-tabs span.on{background:#fff;box-shadow:0 1px 2px #00000014;color:#000}.fv-tabs em{color:var(--faint);font-style:normal}.fv-thumb{display:flex;gap:8px;margin-top:10px;padding:8px;border-radius:8px;background:#0000000a;color:#000;font-size:11px}.fv-thumb-page{display:block;flex:1;min-width:0;height:142px;object-fit:cover;object-position:top;border-radius:3px;background:#fff;box-shadow:0 0 0 2px #3b82f6}.fv-thumb-page i{height:2px;border-radius:1px;background:#00000024}.fv-mark-row{display:flex;gap:8px;margin-top:10px;padding:10px;border-radius:8px;background:#0000000a;font-size:12px;line-height:16px;animation:pc-in .36s var(--ease)}.fv-mark-row i{flex:none;width:3px;border-radius:2px;background:#f5c400}.fv-menu{position:absolute;z-index:3;top:96px;left:56px;width:170px;padding:4px;border-radius:12px;background:#fff;box-shadow:var(--app-shadow);transform-origin:30% 0;animation:dv-menu-in .17s cubic-bezier(.16,1,.3,1)}@keyframes dv-menu-in{0%{opacity:0;transform:scale(.96) translateY(-4px)}}.fv-row{display:flex;align-items:center;gap:9px;height:30px;padding:0 9px;border-radius:8px;font-size:13px;transition:background-color .12s var(--ease)}.fv-row.hover{background:#0000000d}.fv-stage{position:relative;flex:1;min-width:0}.fv-bar{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;color:var(--faint);font-size:11.5px}.fv-pn{display:grid;width:22px;height:22px;place-items:center;border-radius:6px;background:#0000000d;color:#000}.fv-zoom{margin-left:6px;padding:2px 6px;border-radius:6px;background:#0000000d;color:#000}.fv-crumb{margin-left:8px;font-size:10.5px;letter-spacing:.06em}.fv-crumb b{color:#000;font-weight:500}.fv-page{position:absolute;top:44px;left:50%;width:312px;height:441px;margin-left:-156px;padding:30px 30px 0;background:#fff;box-shadow:0 0 0 1px #0000000f,0 6px 18px #00000014;color:#222;font-family:Georgia,Times New Roman,serif;font-size:11.5px;line-height:1.65;letter-spacing:0}.fv-page h5{margin:0;font:600 16px/1.2 Inter Variable,system-ui,sans-serif;letter-spacing:-.02em}.fv-meta{margin:3px 0 14px;color:#00000080;font:9.5px Inter Variable,system-ui,sans-serif}.fv-page p+p{margin-top:10px}.fv-hl{background-image:linear-gradient(#ffd60a99,#ffd60a99);background-repeat:no-repeat;background-size:0% 100%;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background-size var(--draw, .75s) linear}.fv-hl.on{background-size:100% 100%}.fv-anchor{position:relative;white-space:nowrap}.fv-bubble{--mark-ink: #b38600;position:absolute;z-index:2;right:-6px;bottom:calc(100% - 2px);display:flex;align-items:flex-start;gap:8px;width:26px;height:26px;padding:5px;overflow:hidden;border-radius:13px 13px 3px;flex-direction:row-reverse;background:#fff;box-shadow:0 0 0 1px #0000000f,0 1px 3px #00000024,0 8px 20px -8px #0000004d;color:#000;font:11.5px/15px Inter Variable,system-ui,sans-serif;letter-spacing:-.01em;white-space:normal;transform-origin:calc(100% - 13px) calc(100% - 13px);scale:0;transition:scale .42s cubic-bezier(.34,1.4,.64,1),width .32s cubic-bezier(.4,0,.2,1),height .32s cubic-bezier(.4,0,.2,1),padding .32s cubic-bezier(.4,0,.2,1),border-radius .32s cubic-bezier(.4,0,.2,1)}.fv-bubble.on{scale:1}.fv-bubble.open{width:196px;height:71px;padding:10px 10px 12px 14px;border-radius:14px 14px 3px}.fv-orb{display:grid;flex:none;width:16px;height:16px;place-items:center;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--mark-ink)}.fv-orb>span{width:8px;height:8px;border-radius:50%;background:var(--mark-ink)}.fv-bubble-words{flex:none;width:148px;opacity:0;transition:opacity .2s ease}.fv-bubble.open .fv-bubble-words{opacity:1;transition-delay:.16s}.fv-bubble-words b{display:flex;gap:6px;margin-bottom:5px;font-weight:600}.fv-bubble-words em{color:var(--faint);font-style:normal;font-weight:400}.fv-mark-note{display:block;margin-top:6px;color:var(--faint);font-style:normal;animation:pc-in .36s var(--ease)}.bk{width:560px;overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 0 0 1px var(--hair),0 12px 32px #00000014}.bk-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 16px}.bk-words{display:flex;flex-direction:column;min-width:0}.bk-label{font-weight:500}.bk-hint{color:#000000a3;font-size:12px;line-height:17px;animation:pc-in .36s var(--ease)}.bk-btn{display:inline-flex;flex:none;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background-color:#18181b;background-image:linear-gradient(180deg,#ffffff1f,#fff0);box-shadow:inset 0 .75px #fff3,0 0 0 1px #18181b,0 1px 2px #0006;color:#fff;font-size:13px;font-weight:500;transition:opacity .2s var(--ease)}.bk-btn.busy{opacity:.55}.bk-btn.quiet{background:#fff;box-shadow:0 0 0 1px #00000014,0 1px 2px #0000001f;color:#000}.bk-stage{display:grid;grid-template-rows:0fr;transition:grid-template-rows .46s var(--ease)}.bk-stage.open{grid-template-rows:1fr}.bk-stage-in{display:flex;flex-direction:column;align-items:center;gap:10px;min-height:0;overflow:hidden}.bk-stage.open .bk-stage-in{padding:28px 16px 26px}.bk-stage-in{transition:padding .46s var(--ease)}.bk-field{position:relative;display:grid;place-items:center;width:100%;height:104px}.bk-flights{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bk-flight{position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:4px;object-fit:cover;box-shadow:0 0 0 1px #0000000f,0 6px 16px #00000029;animation:bk-fly var(--fly) cubic-bezier(.22,1,.36,1) both}@keyframes bk-fly{0%{opacity:0;transform:translate(var(--x0),var(--y0)) rotate(var(--r0)) scale(1)}12%{opacity:1}to{opacity:1;transform:translate(0) rotate(0) scale(.7)}}.bk-ring{position:relative;width:72px;height:72px}.bk-ring svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}.bk-ring circle{fill:none;stroke-width:4}.bk-ring .track{fill:#fff;stroke:#0000001a}.bk-ring .bar{stroke:#18181b;stroke-linecap:round}.bk-pct{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-auto-flow:column;place-content:center;font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.bk-pct small{margin-left:1px;color:var(--faint);font-size:11px;font-weight:500}.bk-note{color:var(--faint);font-size:12px;font-variant-numeric:tabular-nums}.bk-wave{display:block;width:calc(100% - 32px);margin:0 16px}@property --turn{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@property --bow{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@property --roll{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@property --cloth{syntax: "<color>"; inherits: true; initial-value: #000;}@property --deep{syntax: "<color>"; inherits: true; initial-value: #000;}@property --lit{syntax: "<color>"; inherits: true; initial-value: #000;}@property --edge{syntax: "<color>"; inherits: true; initial-value: #000;}.book-title{max-width:30ch;color:var(--ink)}.book-title .dim{color:color-mix(in srgb,var(--ink) 50%,transparent)}.lib-book-title{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.lib-book-face{position:absolute;left:calc(var(--bleed-x) * -1);top:calc(var(--bleed-y) * -1);display:block;width:var(--bcanvas-w);height:var(--bcanvas-h);pointer-events:none}.lib-book{position:relative;display:block;width:var(--bw);height:var(--bh);--turn: 0deg;--bow: 0deg;--roll: 0deg}.lb-stage-one{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:center;max-width:1040px;margin-top:40px}.lb-book{display:flex;flex-direction:column;align-items:center;gap:28px}.lb-hold{display:grid;place-items:center;min-height:520px;cursor:grab}.lb-hold .lib-book{--turn: 20.05deg;--bow: 28.65deg;--roll: -8.59deg;--spin: 1;--swing: 11deg;--nod: 7deg}.lb-hold .lib-book-face{pointer-events:auto}.lb-hold .lib-book[data-held]{cursor:grabbing}.lb-hint{color:var(--ink-3);font-size:12px}.lb-panel{display:flex;flex-direction:column;gap:22px}.lb-section{display:flex;flex-direction:column;gap:8px}.lb-label{color:var(--ink-3);font-size:11px;letter-spacing:.02em}.lb-field{width:100%;height:32px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--hover);color:var(--ink);font:inherit;font-size:13px;text-align:left;outline:none}.lb-field:focus{outline:2px solid var(--accent);outline-offset:2px}.lb-swatches{display:flex;flex-wrap:wrap;gap:10px;padding:2px 0}.lb-swatch{width:18px;height:18px;padding:0;border:0;border-radius:999px;background:var(--dot);box-shadow:0 0 1px #00000005,0 1px 2px #0000000f,inset 0 .5px 1px #ffffff40,inset 0 1px 1px #ffffff40;cursor:pointer;transition:transform .14s var(--ease)}.lb-swatch:hover{transform:scale(1.06)}.lb-swatch.on{outline:2px solid var(--dot);outline-offset:2px}.lb-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lb-looks{display:flex;flex-wrap:wrap;gap:10px;padding:2px 0}.lb-look{display:grid;width:30px;height:30px;place-items:center;padding:0;border:0;border-radius:8px;background:color-mix(in srgb,var(--ink) 6%,transparent);color:var(--ink-3);cursor:pointer;transition:background-color .15s var(--ease),color .15s var(--ease)}.lb-look:hover{background:color-mix(in srgb,var(--ink) 10%,transparent);color:var(--ink-2)}.lb-look.on{color:var(--ink);box-shadow:0 0 0 2px var(--page),0 0 0 4px var(--accent)}.lb-look:focus-visible{outline-offset:5px}.lb-look-face{display:block;width:16px;height:16px}@media(max-width:860px){.lb-stage-one{grid-template-columns:minmax(0,1fr);gap:24px;max-width:440px}.lb-hold{min-height:330px}.lb-book{gap:12px}}@media(max-width:1024px){.hero-copy{flex-direction:column;align-items:flex-start;gap:24px}.hero-right{width:100%;max-width:520px}.split,.split.flip{grid-template-columns:1fr}.split.flip .split-text{order:0}.split-text{padding:28px 24px}.split-media{min-height:460px}.feat{grid-template-columns:minmax(0,1fr)}.wrap.feat{width:100%;padding-inline:24px}.feat-nav{display:none}.feat-panels{border-left:0}.feat-words{padding:0 4px}.feat-media{margin-inline:-15px}}@media(max-width:760px){.feat-media{margin-inline:-24px}}@media(max-width:640px){.feat-media{height:380px}.feat-panel .feat-media>*{zoom:.6}.feat-panel .feat-docs>*{zoom:.5}.feat-panel .feat-local>*{zoom:.55}}@media(max-width:380px){.feat-panel .feat-media>*{zoom:.55}.feat-panel .feat-docs>*{zoom:.46}.feat-panel .feat-local>*{zoom:.5}}@media(prefers-reduced-motion:reduce){.pc-pop,.pc-knob,.dv-hl,.bk-stage{transition:none}}.specs-band{position:relative}.specs-band:before{position:absolute;top:0;left:50%;width:min(100% - 16px,var(--wrap) + 64px);height:1px;background:var(--line);content:"";translate:-50% 0}.specs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;padding-top:40px}.specs-label{color:var(--ink-3);font-size:15px;line-height:28px}.specs-list{display:grid;grid-template-columns:max-content max-content;column-gap:32px;margin:0;padding:0;list-style:none}.specs-list li{display:flex;align-items:center;height:28px}.specs-list li.uneven{position:relative;padding-left:32px}.specs-list li.uneven:before{position:absolute;top:0;bottom:0;left:0;width:1px;background:var(--line-strong);content:""}.specs-item{display:inline-flex;align-items:baseline;padding:0;border:0;background:none;color:var(--ink-2);font:inherit;font-size:15px;letter-spacing:-.011em;cursor:pointer;transition:color .16s var(--ease),transform .16s var(--ease)}.specs-plus{margin-left:6px;color:var(--ink-3);font-size:18px;line-height:1;transition:color .16s var(--ease)}.specs-item:hover{color:var(--ink)}.specs-item:hover .specs-plus{color:var(--ink-2)}.specs-item:active{transform:scale(.97)}@media(max-width:900px){.specs{grid-template-columns:minmax(0,1fr);gap:16px}}@media(max-width:560px){.specs-list{grid-template-columns:minmax(0,1fr)}.specs-list li.uneven{padding-left:0}.specs-list li.uneven:before{content:none}.specs-item{white-space:nowrap;text-align:left}}.spec-backdrop{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;background:var(--page);opacity:0;transition:opacity .5s cubic-bezier(.32,.72,0,1)}.spec-backdrop.on{opacity:.8}@starting-style{.spec-backdrop.on{opacity:0}}.spec-panel{position:fixed;z-index:61;top:24px;right:24px;bottom:24px;display:flex;flex-direction:column;width:calc(100% - 48px);max-width:640px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--raised);box-shadow:var(--window-shadow),0 24px 64px -24px #0e0e102e;outline:none;transform:translate(calc(100% + 32px));transition:transform .5s cubic-bezier(.32,.72,0,1)}.spec-panel.on{transform:none}@starting-style{.spec-panel.on{transform:translate(calc(100% + 32px))}}.spec-head{display:flex;flex:none;align-items:center;justify-content:space-between;height:64px;padding:0 12px 0 32px;border-bottom:1px solid var(--line)}.spec-kicker{color:var(--ink-3);font-size:13px}.spec-tools{display:flex;gap:2px}.spec-btn{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:8px;background:none;color:var(--ink-3);cursor:pointer;transition:color .15s var(--ease),background-color .15s var(--ease)}.spec-btn:hover{background:var(--hover);color:var(--ink)}.spec-btn:disabled{opacity:.3;pointer-events:none}.spec-body{flex:1;overflow-y:auto;padding:48px 32px 40px;overscroll-behavior:contain}.spec-title{margin:0 0 20px;font-size:44px;font-weight:500;line-height:1.05;letter-spacing:-.03em}.spec-lede{margin:0 0 40px;color:var(--ink-2);font-size:15px;line-height:1.6}.spec-figure{margin:0 0 64px}.spec-figure figcaption{margin-top:14px;color:var(--ink-3);font-size:13px}.spec-plate{overflow:hidden}.spec-sub{margin:0 0 24px;font-size:20px;font-weight:500;letter-spacing:-.015em}.spec-table{font-size:13px}.spec-tr{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;padding:15px 0;border-top:1px solid var(--line)}.spec-tr span:first-child{font-weight:500}.spec-tr span:last-child{color:var(--ink-2)}.spec-tr.head span{color:var(--ink-3);font-weight:400}@media(max-width:560px){.spec-panel{top:56px;right:0;bottom:0;left:0;width:100%;max-width:none;border-bottom:0;border-radius:16px 16px 0 0;transform:translateY(calc(100% + 24px))}.spec-panel.on{transform:none}@starting-style{.spec-panel.on{transform:translateY(calc(100% + 24px))}}.spec-panel:before{position:absolute;top:8px;left:50%;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:var(--line-strong);content:""}.spec-head{height:56px;padding:8px 8px 0 20px;touch-action:none}.spec-body{overscroll-behavior:contain}.spec-body{padding:28px 20px 40px}.spec-title{font-size:34px}.spec-tr{grid-template-columns:120px minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.spec-panel,.spec-backdrop{transition:none}}.bp{position:relative;display:grid;place-items:center;width:576px;height:440px;overflow:hidden;border-radius:10px;background:#e6e6e8}:root[data-theme=dark] .bp{background:#2c2c2f}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .bp{background:#2c2c2f}}.sp-rule{position:absolute;z-index:0;background:color-mix(in srgb,var(--ink) 9%,transparent);pointer-events:none}.sp-rule.h{right:0;left:0;height:1px}.sp-rule.v{top:0;bottom:0;width:1px}.sp-sheet,.sp-win{position:relative;z-index:1}.sp-shot{pointer-events:none;-webkit-user-select:none;user-select:none;color:#000;font:16px/normal serif;letter-spacing:normal;font-feature-settings:normal;font-optical-sizing:none;text-rendering:auto;-webkit-font-smoothing:auto}.sp-shot>*{position:relative!important;inset:auto!important;margin:0!important;transform:none!important;translate:none!important}.bp{--sp-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04), 0 6px 16px -4px rgba(0, 0, 0, .08)}:root[data-theme=dark] .bp{--sp-shadow: 0 0 0 1px rgba(255, 255, 255, .07), 0 1px 2px rgba(0, 0, 0, .2), 0 6px 16px -4px rgba(0, 0, 0, .3)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .bp{--sp-shadow: 0 0 0 1px rgba(255, 255, 255, .07), 0 1px 2px rgba(0, 0, 0, .2), 0 6px 16px -4px rgba(0, 0, 0, .3)}}.sp-shot>*{box-shadow:var(--sp-shadow)!important}.sp-win{position:absolute!important;top:40px}.sp-win.left{left:40px}.sp-win.right{right:40px}.sp-shot.win>*{overflow:hidden;border-radius:14px}.sp-shot [data-app=ai-pill]{white-space:nowrap}.nt-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:end;gap:48px}.nt-sub{color:var(--ink-2);font-size:14px;line-height:1.55}.nt-stage{margin-top:56px}.nt-demo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:20px;align-items:stretch}.nt-window{--nt-paper: #ffffff;--nt-text: rgb(24, 24, 27);--nt-dim: rgba(24, 24, 27, .64);--nt-faint: rgba(24, 24, 27, .44);--nt-line: rgba(14, 14, 16, .08);--nt-line-strong: rgba(14, 14, 16, .14);--nt-hover: rgba(14, 14, 16, .04);--nt-active: rgba(14, 14, 16, .06);--nt-accent: #3b6fe0;--nt-menu: #ffffff;position:relative;display:flex;flex-direction:column;height:560px;overflow:hidden;border-radius:12px;background:var(--nt-paper);color:var(--nt-text);box-shadow:var(--shadow-xl);letter-spacing:-.01em}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .nt-window{--nt-paper: #1a1916;--nt-text: rgba(238, 237, 233, .93);--nt-dim: rgba(238, 237, 233, .64);--nt-faint: rgba(238, 237, 233, .44);--nt-line: rgba(238, 237, 233, .08);--nt-line-strong: rgba(238, 237, 233, .14);--nt-hover: rgba(238, 237, 233, .06);--nt-active: rgba(238, 237, 233, .08);--nt-accent: #6f98f5;--nt-menu: #22211d;box-shadow:0 0 0 1px #eeede914,0 24px 60px -20px #0009}}:root[data-theme=dark] .nt-window{--nt-paper: #1a1916;--nt-text: rgba(238, 237, 233, .93);--nt-dim: rgba(238, 237, 233, .64);--nt-faint: rgba(238, 237, 233, .44);--nt-line: rgba(238, 237, 233, .08);--nt-line-strong: rgba(238, 237, 233, .14);--nt-hover: rgba(238, 237, 233, .06);--nt-active: rgba(238, 237, 233, .08);--nt-accent: #6f98f5;--nt-menu: #22211d;box-shadow:0 0 0 1px #eeede914,0 24px 60px -20px #0009}.nt-bar{display:grid;flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;height:52px;padding:0 16px}.nt-back{display:inline-flex;align-items:center;gap:6px;justify-self:start;padding:6px 8px;margin-left:-8px;border-radius:8px;color:var(--nt-dim);font-size:14px;font-weight:500;letter-spacing:-.02em}.nt-crumb{display:flex;align-items:center;gap:12px;min-width:0;font-size:14px;font-weight:500;letter-spacing:-.02em}.nt-kind{display:inline-flex;flex:none;align-items:center;gap:4px;color:var(--nt-faint)}.nt-csep{width:1px;height:12px;flex:none;border-radius:999px;background:var(--nt-line-strong)}.nt-name{display:inline-flex;align-items:center;gap:6px;min-width:0;color:var(--nt-text)}.nt-name>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nt-name i{width:12px;height:12px;flex:none;border-radius:50%;background:var(--nt-active);box-shadow:inset 0 0 0 .5px #00000029,inset 0 2px #ffffff29}.nt-status{display:inline-flex;align-items:center;justify-self:end;gap:6px;color:var(--nt-faint);font-size:12px;letter-spacing:-.02em}.nt-mark{width:13px;height:13px;flex:none}.nt-mark.saving{color:var(--nt-accent)}.nt-scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:none}.nt-page{width:600px;max-width:calc(100% - 64px);margin:0 auto;padding:8px 0 48px}.nt-tools{display:flex;flex-wrap:wrap;align-items:center;gap:1px;margin-bottom:40px;padding-bottom:10px;border-bottom:1px solid var(--nt-line)}.nt-tool{display:grid;place-items:center;min-width:28px;height:28px;padding:0 5px;border:0;border-radius:6px;background:none;color:var(--nt-dim);font:inherit;cursor:pointer;transition:background-color .12s ease-out,color .12s ease-out}.nt-tool:hover{background:var(--nt-hover);color:var(--nt-text)}.nt-tool svg{width:16px;height:16px}.nt-tsep{width:1px;height:16px;margin:0 6px;background:var(--nt-line)}.nt-glyph{font-size:13px;font-weight:600;letter-spacing:-.02em}.nt-glyph sub{font-size:9px;font-weight:500;vertical-align:baseline}.nt-edit{position:relative;min-height:1.7em;outline:none;caret-color:var(--nt-accent);white-space:pre-wrap;word-break:break-word}.nt-edit.empty:before{position:absolute;color:var(--nt-faint);content:attr(data-ph);pointer-events:none}.nt-edit.typing:after{display:inline-block;width:1.5px;height:1.15em;margin-left:1px;vertical-align:-.2em;background:var(--nt-accent);animation:nt-blink 1s steps(1) infinite;content:""}@keyframes nt-blink{50%{opacity:0}}.nt-edit b,.nt-edit strong{font-weight:600}.nt-edit a{color:var(--nt-accent);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.nt-edit code{padding:.1em .34em;border:1px solid var(--nt-line);border-radius:5px;background:var(--nt-active);font-family:"Geist Mono Variable",var(--mono);font-size:.88em}.nt-tool.on{background:var(--nt-active);color:var(--nt-text)}.nt-linkfield{width:200px;height:28px;margin-left:6px;padding:0 10px;border:0;border-radius:8px;outline:none;background:var(--nt-hover);box-shadow:inset 0 0 0 1px var(--nt-line-strong);color:var(--nt-text);font:inherit;font-size:13px}.nt-title{margin-bottom:16px;font-size:26px;font-weight:600;line-height:32px;letter-spacing:-.02em}.nt-prose{font-size:15px;line-height:1.7}.nt-prose>*+*{margin-top:.35em}.nt-prose{transition:opacity .34s ease-out,translate .34s ease-out}.nt-prose.erasing{opacity:0;translate:0 -6px}.nt-h1,.nt-h2,.nt-h3{margin-top:.9em;font-weight:600;line-height:1.28;letter-spacing:-.02em}.nt-h1{font-size:25px}.nt-h2{font-size:20px}.nt-h3{font-size:16.5px}.nt-quote{padding-left:14px;border-left:2px solid var(--nt-line-strong);color:var(--nt-dim)}.nt-code{padding:12px 14px;border:1px solid var(--nt-line);border-radius:10px;font-family:"Geist Mono Variable",var(--mono);font-size:12.5px;line-height:1.6}.nt-hr{margin:1em 0;border:0;border-top:1px solid var(--nt-line-strong)}.nt-row{position:relative;display:flex;align-items:flex-start;gap:9px}.nt-row>.nt-edit{flex:1;min-width:0}.nt-dot{flex:none;width:5px;height:5px;margin:.72em 6px 0 7px;border-radius:50%;background:currentColor}.nt-num{flex:none;min-width:18px;color:var(--nt-dim);text-align:right}.nt-todo-row+.nt-todo-row{margin-top:.1em}.nt-box{display:grid;flex:none;place-items:center;width:16px;height:16px;margin-top:calc((1.7em - 16px)/2);padding:0;border:0;border-radius:4px;background:transparent;box-shadow:inset 0 0 0 1.5px var(--nt-line-strong);color:#fff;cursor:pointer;transition:background-color .16s ease-out,box-shadow .16s ease-out}.nt-box svg{opacity:0;transition:opacity .16s ease-out}.nt-todo-row.done .nt-box{background:var(--nt-accent);box-shadow:none}.nt-todo-row.done .nt-box svg{opacity:1}.nt-todo-row.done .nt-edit{color:var(--nt-faint);text-decoration:line-through}.nt-ph-line{padding:0;border:0;background:none;color:var(--nt-faint);font:inherit;cursor:text}.nt-blockwrap{position:relative}.nt-menu{position:absolute;z-index:3;top:calc(100% + 6px);left:0;width:252px;padding:5px;border:1px solid var(--nt-line-strong);border-radius:10px;background:var(--nt-menu);box-shadow:var(--shadow-lg);font-size:13px;line-height:1.3;animation:nt-menu-in .13s ease-out both}.nt-menu.up{top:auto;bottom:calc(100% + 6px)}@keyframes nt-menu-in{0%{opacity:0;transform:translateY(-4px) scale(.985)}}.nt-item{display:flex;align-items:center;gap:10px;width:100%;height:30px;padding:0 8px;border:0;border-radius:6px;background:none;color:var(--nt-text);font:inherit;text-align:left;cursor:pointer}.nt-item.on{background:var(--nt-active)}.nt-icon{display:grid;flex:none;place-items:center;width:18px;color:var(--nt-dim)}.nt-icon .nt-glyph{font-size:12.5px;font-weight:500}.nt-icon .nt-glyph sub{font-size:8.5px}.nt-msep{height:1px;margin:4px 6px;background:var(--nt-line)}.nt-empty{padding:10px;color:var(--nt-faint);font-size:12px;text-align:center}.nt-music{--sleeve: 84px;--cd: calc(var(--sleeve) * 300 / 340);--cd-top: calc(var(--sleeve) * 20 / 340);--cd-travel: calc(var(--sleeve) * .334);--cd-out: calc(var(--cd-travel) + var(--cd) - var(--sleeve));position:relative;display:flex;align-items:flex-end;gap:16px;margin:18px 0;padding:14px 16px;overflow:hidden;border-radius:12px;color:#fff;isolation:isolate;animation:nt-in .36s cubic-bezier(.33,1,.68,1) both;-webkit-user-select:none;user-select:none}@keyframes nt-in{0%{opacity:0;transform:translateY(4px) scale(.985)}}.nt-music-bed{position:absolute;z-index:0;top:-12%;left:-12%;width:124%;max-width:none;height:124%;object-fit:cover;filter:blur(12px);pointer-events:none}.nt-music:before{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:#0000003d;content:"";pointer-events:none}.nt-music-art,.nt-music-text,.nt-music-mark{position:relative;z-index:2}.nt-music-art{flex:none;width:calc(var(--sleeve) + var(--cd-out));height:var(--sleeve)}.nt-music-cover{position:absolute;z-index:2;top:0;left:0;width:var(--sleeve);height:var(--sleeve);border-radius:8px;object-fit:cover;box-shadow:0 1px 1px #0e0e100a,0 2px 3px #0e0e100a,0 4px 6px #0e0e100a,0 24px 68px #0e0e100a,inset 0 0 0 1px #ffffff14}.nt-music-disc{position:absolute;z-index:1;top:var(--cd-top);left:0;width:var(--cd);height:var(--cd);border-radius:999px;isolation:isolate;background:var(--cd-img) center / 110% 110% no-repeat;box-shadow:inset 0 0 0 1px #00000014,0 1px 2px -1px #00000014,0 2px 4px #0000000a;transform:translate(0) scale(.92);opacity:0;transition:transform .56s cubic-bezier(.34,1.3,.64,1),opacity .28s ease-out}.nt-music-disc:after{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--tint);mix-blend-mode:color;-webkit-mask:var(--cd-img) center / 110% 110% no-repeat;mask:var(--cd-img) center / 110% 110% no-repeat;content:"";pointer-events:none}.nt-music:hover .nt-music-disc,.nt-music.open .nt-music-disc{transform:translate(var(--cd-travel)) scale(1);opacity:1}.nt-music-text{display:flex;flex:1;flex-direction:column;align-items:flex-start;align-self:stretch;justify-content:flex-end;gap:2px;min-width:0;padding:2px 0}.nt-music-title{font-size:15px;font-weight:600;line-height:18px;letter-spacing:-.035em}.nt-music-artist{color:#ffffff7a;font-size:13px;font-weight:500;letter-spacing:-.24px}.nt-music-mark{position:absolute;top:12px;right:12px;width:14px;height:14px;color:#ffffffdb}.nt-file{display:flex;flex-direction:column;overflow:hidden;border-radius:12px;background:color-mix(in srgb,var(--ink) 3.5%,var(--page));box-shadow:inset 0 0 0 1px var(--line)}.nt-file-head{display:flex;align-items:center;gap:8px;height:52px;padding:0 16px;border-bottom:1px solid var(--line);color:var(--ink-2);font-size:12.5px}.nt-md{flex:1;margin:0;padding:20px 18px;overflow:hidden;color:var(--ink-2);font-family:"Geist Mono Variable",var(--mono);font-size:12.5px;line-height:1.75;white-space:pre-wrap;word-break:break-word}.nt-md .h{color:var(--ink);font-weight:600}.nt-md .li{color:var(--ink)}.nt-md .url{color:var(--accent)}.nt-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 48px;margin:72px 0 0;padding:0;list-style:none}.nt-points li{display:flex;flex-direction:column;gap:6px;font-size:15px;line-height:1.5}.nt-points b{font-weight:500}.nt-duo{margin-bottom:10px;fill:none;stroke:var(--accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nt-duo .f{fill:color-mix(in srgb,var(--accent) 16%,transparent);stroke:none}.nt-points span{color:var(--ink-2)}.nt-window.watch,.nt-window.watch *{pointer-events:none;-webkit-user-select:none;user-select:none}@media(max-width:900px){.nt-head{grid-template-columns:minmax(0,1fr);gap:20px}.nt-demo{grid-template-columns:minmax(0,1fr)}.nt-file{height:240px}.nt-points{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.nt-window{height:520px}.nt-file{height:360px}.nt-page{max-width:calc(100% - 40px)}.nt-bar{grid-template-columns:auto 1fr auto}.nt-kind,.nt-csep{display:none}.nt-crumb{justify-content:center}.nt-tools{flex-wrap:nowrap;overflow:hidden}.nt-music{--sleeve: 64px}.nt-points{grid-template-columns:minmax(0,1fr);gap:28px}}