.demo__callout{margin:var(--sp-5) 0 0;padding:14px 16px;border:1px dashed var(--ink-35);border-radius:11px;font-size:var(--t-sm);line-height:1.55;color:var(--ink-60);max-width:74ch}.demo__callout b{color:var(--ink);font-weight:600}.demo{margin-top:var(--sp-5);--ui: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;-webkit-font-smoothing:antialiased}.demo__frame{border:1px solid var(--hairline);border-radius:14px;overflow:hidden;background:var(--paper);display:flex;flex-direction:column;height:clamp(460px,66vh,700px);box-shadow:0 1px 2px #16171a0a,0 12px 32px -12px #16171a29}.demo__frame:fullscreen{height:100vh;border:0;border-radius:0;box-shadow:none}.demo__bar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:var(--mist);flex:none}.demo__nav{width:28px;height:28px;flex:none;border:0;border-radius:7px;background:transparent;color:var(--ink-60);cursor:pointer;display:grid;place-items:center;transition:background .14s ease,color .14s ease}.demo__nav svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.demo__nav:hover:not(:disabled){background:var(--mist-deep);color:var(--ink)}.demo__nav:disabled{opacity:.28;cursor:default}.demo__nav--side.is-on{background:var(--ink);color:var(--paper)}.demo__addr{flex:1 1 auto;min-width:0;margin:0 4px;position:relative;display:flex;align-items:center}.demo__url{width:100%;height:28px;padding:0 14px;border:1px solid var(--hairline);border-radius:15px;background:var(--paper);color:var(--ink-60);font-family:var(--mono);font-size:12px;letter-spacing:-.015em;transition:background .16s ease,border-color .16s ease,color .16s ease}.demo__url:focus{outline:none;border-color:var(--ink);color:var(--ink)}.demo__url.is-bolt{background:var(--yellow);border-color:var(--yellow-deep);color:#3a2f06;padding-right:34px}.demo__chip{position:absolute;right:7px;display:none;width:20px;height:20px;border-radius:50%;padding:0;border:0;background:#3a2f06;place-items:center;cursor:pointer}.demo__chip.is-on{display:grid}.demo__chip:hover{background:#574718}.demo__chip svg{width:8px;height:12px;fill:var(--yellow)}.demo__rating{flex:none;height:28px;min-width:54px;padding:0 12px;border:1px solid var(--hairline);border-radius:14px;background:var(--paper);color:var(--ink);display:grid;place-items:center;cursor:default}.demo__rating b{font-family:var(--ui);font-weight:700;font-size:12px;letter-spacing:.02em}.demo__ws{position:relative;flex:none}.demo__wsbtn{display:flex;align-items:center;gap:7px;height:28px;padding:0 8px 0 10px;border:1px solid var(--hairline);border-radius:14px;background:var(--paper);cursor:pointer;font-family:var(--ui);font-size:12px;font-weight:550;letter-spacing:-.005em;color:var(--ink);max-width:150px;transition:border-color .14s ease}.demo__wsbtn:hover,.demo__wsbtn[aria-expanded=true]{border-color:var(--ink)}.demo__wsbtn u{flex:none;width:8px;height:8px;border-radius:50%;text-decoration:none;background:var(--ink-35)}.demo__wsbtn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo__wsbtn svg{flex:none;width:13px;height:13px;fill:none;stroke:var(--ink-60);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.demo__wsmenu{position:absolute;z-index:12;top:34px;right:0;width:214px;background:var(--paper);border:1px solid var(--hairline);border-radius:11px;padding:6px;box-shadow:0 14px 34px -12px #16171a52}.demo__wsmenu[hidden]{display:none}.demo__wsitem{display:flex;align-items:center;gap:9px;width:100%;border:0;background:transparent;cursor:pointer;border-radius:7px;padding:8px 9px;font-family:var(--ui);font-size:12.5px;color:var(--ink);text-align:left}.demo__wsitem:hover{background:var(--mist)}.demo__wsitem u{flex:none;width:9px;height:9px;border-radius:50%;text-decoration:none}.demo__wsitem span{flex:1 1 auto}.demo__wsitem small{font-family:var(--mono);font-size:10px;color:var(--ink-60)}.demo__wsitem.is-on{font-weight:600}.demo__wsstar{flex:none;width:22px;height:22px;margin:-3px -3px -3px 2px;border-radius:6px;display:grid;place-items:center;color:var(--ink-35);transition:color .14s ease,background .14s ease}.demo__wsstar svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}.demo__wsstar:hover{background:var(--mist-deep);color:var(--ink-60)}.demo__wsstar.is-on{color:var(--spark)}.demo__wsstar.is-on svg{fill:var(--spark);stroke:var(--spark)}.demo__wsfoot{margin:8px 9px 4px;font-family:var(--ui);font-size:11px;line-height:1.4;color:var(--ink-60)}.demo__wsrule{height:1px;background:var(--hairline);margin:6px 4px}.demo__wsitem--quiet{color:var(--ink-60)}.demo__wsitem--quiet u{border:1.5px dashed var(--ink-35);background:transparent;width:11px;height:11px}.demo__tabbar{display:flex;align-items:flex-end;gap:2px;padding:0 8px;background:var(--mist);flex:none;min-width:0}.demo__tabs{display:flex;align-items:flex-end;gap:3px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}.demo__tabs::-webkit-scrollbar{display:none}.demo__tscroll{flex:none;width:24px;height:32px;margin-bottom:2px;border:0;border-radius:7px;background:transparent;color:var(--ink-60);cursor:pointer;display:grid;place-items:center}.demo__tscroll[hidden]{display:none}.demo__tscroll:hover{background:var(--mist-deep);color:var(--ink)}.demo__tscroll svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.demo__tab{display:flex;align-items:center;gap:7px;flex:1 1 0;min-width:74px;max-width:200px;height:36px;padding:0 5px 0 11px;border:0;border-radius:9px 9px 0 0;background:transparent;font-family:var(--ui);font-size:12.5px;letter-spacing:-.005em;color:var(--ink-60);cursor:pointer;transition:background .14s ease}.demo__tab:hover{background:var(--mist-deep)}.demo__tab.is-on{background:var(--paper);color:var(--ink);font-weight:550}.demo__tab:has(.demo__tabmedia){max-width:268px}.demo__tab:has(.demo__tabmedia) span{flex:0 1 auto}.demo__tab u{flex:none;width:8px;height:8px;border-radius:50%;background:var(--ink-35);text-decoration:none}.demo__tab span{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.demo__tab i{flex:none;width:18px;height:18px;border-radius:5px;display:grid;place-items:center;opacity:.45}.demo__tab i svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.demo__tab i:hover{opacity:1;background:var(--mist-deep)}.demo__tabs.is-tight .demo__tab:not(.is-on) i{display:none}.demo__tabs.is-tight .demo__tab{padding:0 8px;gap:6px}.demo__newtab{flex:none;width:32px;height:32px;margin-bottom:2px;border:0;border-radius:8px;background:transparent;color:var(--ink-60);cursor:pointer;display:grid;place-items:center}.demo__newtab:hover{background:var(--mist-deep);color:var(--ink)}.demo__newtab svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.demo__lower{flex:1 1 auto;display:flex;min-height:0}.demo__main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.demo__body{flex:1 1 auto;display:flex;min-height:0;position:relative;background:var(--paper)}.demo__page{flex:1 1 auto;overflow-y:auto;min-width:0;font-family:var(--ui);color:var(--ink)}.demo__side{flex:none;width:272px;background:var(--mist);border-left:1px solid var(--hairline);display:flex;flex-direction:column;padding:18px 16px 16px}.demo__side[hidden]{display:none}.demo__list{flex:1 1 auto;overflow-y:auto;margin:14px -4px 12px}.demo__item{display:flex;align-items:flex-start;gap:2px;border-radius:9px;margin-bottom:1px}.demo__item:hover{background:var(--mist-deep)}.demo__itemmain{flex:1 1 auto;min-width:0;display:block;width:100%;text-align:left;cursor:pointer;border:0;background:transparent;border-radius:9px;padding:10px;font-family:var(--ui);font-size:12.5px;color:var(--ink);line-height:1.35}.demo__item small{display:block;color:var(--ink-60);font-size:11px;margin-top:3px}.demo__item.unread b{position:relative;padding-left:12px;font-weight:600}.demo__item.unread b:before{content:"";position:absolute;left:0;top:5px;width:6px;height:6px;border-radius:50%;background:var(--spark)}.demo__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:190px;padding:24px 16px;text-align:center}.demo__empty b{font-family:var(--ui);font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}.demo__empty span{font-family:var(--ui);font-size:12px;line-height:1.5;color:var(--ink-35);max-width:30ch}.demo__settings{flex:none;width:100%;height:46px;border-radius:11px;border:1px solid var(--hairline);background:var(--paper);font-family:var(--ui);font-weight:600;font-size:13.5px;letter-spacing:-.005em;color:var(--ink);cursor:pointer;transition:border-color .14s ease;display:flex;align-items:center;justify-content:center;gap:9px}.demo__settings svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .26s cubic-bezier(.4,0,.2,1)}.demo__settings:hover svg{transform:translateY(1px)}.demo__settings:hover{border-color:var(--ink)}.demo__frame{position:relative}.demo__spot{position:absolute;z-index:8;pointer-events:none;border-radius:12px;box-shadow:0 0 0 3px var(--spark),0 0 0 9999px #16171a6b;transition:top .26s cubic-bezier(.4,0,.2,1),left .26s cubic-bezier(.4,0,.2,1),width .26s cubic-bezier(.4,0,.2,1),height .26s cubic-bezier(.4,0,.2,1)}.demo__coach{position:absolute;z-index:9;width:296px;max-width:calc(100% - 32px);background:var(--panel);color:var(--panel-fg);border-radius:13px;padding:16px 18px 14px;box-shadow:0 18px 44px -14px #16171a8c;font-family:var(--ui);transition:top .26s cubic-bezier(.4,0,.2,1),left .26s cubic-bezier(.4,0,.2,1)}.demo__coach-n{margin:0 0 8px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--panel-40)}.demo__coach-t{margin:0 0 6px;font-size:15px;font-weight:650;letter-spacing:-.015em;line-height:1.25}.demo__coach-b{margin:0 0 14px;font-size:13px;line-height:1.55;color:var(--panel-60)}.demo__coach-b b{color:var(--panel-fg);font-weight:600}.demo__coach-acts{display:flex;align-items:center;gap:10px}.demo__coach-skip{border:0;background:transparent;cursor:pointer;padding:6px 2px;font-family:var(--ui);font-size:12.5px;color:var(--panel-40)}.demo__coach-skip:hover{color:var(--panel-fg)}.demo__coach-next{margin-left:auto;border:0;cursor:pointer;background:var(--panel-fg);color:var(--panel);border-radius:8px;padding:8px 16px;font-family:var(--ui);font-size:12.5px;font-weight:600}.demo__coach-next:hover{opacity:.85}.demo__corner{position:absolute;z-index:7;left:18px;bottom:18px;display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;max-width:calc(100% - 300px)}.demo__machine{background:var(--paper);border:1px dashed var(--ink-35);border-radius:12px;padding:11px 13px;font-family:var(--ui);box-shadow:0 6px 22px -8px #16171a38}.demo__machine p{margin:0 0 8px;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-60)}.demo__machine small{display:block;margin-top:8px;font-size:10.5px;color:var(--ink-35)}.demo__levels{display:flex;gap:4px}.demo__levels button{width:34px;height:30px;border:1px solid var(--hairline);border-radius:7px;background:var(--paper);cursor:pointer;font-family:var(--ui);font-size:12.5px;font-weight:700;color:var(--ink-60);transition:background .14s ease,color .14s ease,border-color .14s ease}.demo__levels button:hover{border-color:var(--ink);color:var(--ink)}.demo__levels button.is-on{background:var(--ink);border-color:var(--ink);color:var(--paper)}.demo__launch{position:relative;z-index:7;display:flex;align-items:center;gap:10px;border:1px solid var(--hairline);background:var(--paper);color:var(--ink);border-radius:28px;padding:13px 24px 13px 19px;cursor:pointer;font-family:var(--ui);font-size:14.5px;font-weight:600;letter-spacing:-.01em;box-shadow:0 6px 22px -6px #16171a47;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.demo__launch svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}.demo__launch:hover{transform:translateY(-2px);border-color:var(--ink);box-shadow:0 10px 28px -8px #16171a57}.demo__launch[hidden]{display:none}.demo__lock{position:absolute;top:0;right:0;bottom:0;left:0;z-index:34;background:var(--panel);color:var(--panel-fg);display:grid;place-items:center;padding:24px;font-family:var(--ui)}.demo__lock[hidden]{display:none}.demo__lockin{width:100%;max-width:330px;text-align:center}.demo__lockicon{width:30px;height:30px;fill:none;stroke:var(--panel-40);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:18px}.demo__lockws{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 10px;font-size:12.5px;color:var(--panel-60)}.demo__lockws u{width:9px;height:9px;border-radius:50%;text-decoration:none;background:var(--panel-40)}.demo__lockt{margin:0 0 8px;font-size:19px;font-weight:600;letter-spacing:-.02em}.demo__lockb{margin:0 0 22px;font-size:13px;line-height:1.55;color:var(--panel-60)}.demo__lockform{display:flex;gap:8px}.demo__lockform input{flex:1 1 auto;height:42px;padding:0 14px;border-radius:10px;border:1px solid rgb(255 255 255 / .18);background:#ffffff0f;color:var(--panel-fg);font-family:var(--ui);font-size:14px}.demo__lockform input::placeholder{color:var(--panel-40)}.demo__lockform input:focus{outline:none;border-color:var(--panel-fg)}.demo__lockform button{flex:none;height:42px;padding:0 20px;border:0;border-radius:10px;background:var(--panel-fg);color:var(--panel);cursor:pointer;font-family:var(--ui);font-size:13.5px;font-weight:600}.demo__lockerr{margin:12px 0 0;font-size:12.5px;color:#f0997b}.demo__lockerr[hidden]{display:none}.demo__lockhint{margin:18px 0 0;font-size:12px;color:var(--panel-40)}.demo__lockhint b{color:var(--panel-fg);font-family:var(--mono)}.demo__lockcancel{margin-top:20px;border:0;background:transparent;cursor:pointer;font-family:var(--ui);font-size:12.5px;color:var(--panel-40)}.demo__lockcancel:hover{color:var(--panel-fg)}.demo__status{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:13px;border-top:1px solid var(--hairline);font-family:var(--ui)}.demo__batt{display:flex;align-items:center;gap:7px}.demo__batt svg{width:25px;height:12.5px;flex:none}.demo__batt .sh{fill:none;stroke:var(--ink-60);stroke-width:1.2}.demo__batt .nub{fill:var(--ink-60)}.demo__batt .fill{fill:var(--ink)}.demo__batt b{font-size:11.5px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.demo__clock{text-align:right;line-height:1.25}.demo__clock b{display:block;font-size:13px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.demo__clock small{display:block;font-size:10.5px;color:var(--ink-60);margin-top:1px}.demo__under{display:flex;align-items:center;gap:var(--sp-3) var(--sp-4);flex-wrap:wrap;margin-top:var(--sp-4)}.demo__esc{font-size:var(--t-sm);color:var(--ink-60)}.demo__esc kbd{display:inline-block;padding:2px 7px;margin:0 2px;border:1px solid var(--hairline);border-bottom-width:2px;border-radius:5px;background:var(--paper);font-family:var(--font-data);font-size:11px;color:var(--ink)}.pg{padding:40px 46px 56px;max-width:900px}.pg__eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-60);margin:0 0 10px}.pg__big{font-family:var(--font-display);font-size:38px;font-weight:700;letter-spacing:-.04em;line-height:1.04;margin:0 0 10px}.pg__sub{font-size:15px;color:var(--ink-60);margin:0 0 30px;max-width:58ch;line-height:1.62;letter-spacing:-.005em}.pg__note{font-family:var(--ui);margin:36px 0 0;padding-top:16px;border-top:1px solid var(--hairline);font-size:12.5px;color:var(--ink-60);line-height:1.6;max-width:62ch}.pg__tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:12px}.pg__tile{display:block;text-align:left;cursor:pointer;padding:16px;border:1px solid var(--hairline);border-radius:12px;background:var(--paper);font-family:var(--font-body);transition:border-color .15s ease,transform .15s ease}.pg__tile:hover{border-color:var(--ink);transform:translateY(-2px)}.pg__tile b{display:block;font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--ink);margin-bottom:2px}.pg__tile small{font-size:12px;color:var(--ink-60)}.pg__sw{display:block;width:30px;height:30px;border-radius:8px;margin-bottom:14px}.pg__sw--y{background:var(--yellow)}.pg__sw--b{background:var(--blue)}.pg__sw--p{background:var(--pink)}.pg__sw--g{background:var(--green)}.pg--news .pg__masthead{border-bottom:2px solid var(--ink);padding-bottom:14px;margin-bottom:24px}.pg--news{font-family:var(--serif)}.pg--news .pg__masthead h1{font-family:var(--serif);font-weight:700;font-size:46px;letter-spacing:-.02em;margin:0}.pg--news .pg__masthead p{font-family:var(--ui);font-size:10.5px;color:var(--ink-60);margin:8px 0 0;letter-spacing:.1em;text-transform:uppercase}.pg__lead{display:grid;grid-template-columns:1.1fr 1fr;gap:26px;align-items:start;padding-bottom:26px;border-bottom:1px solid var(--hairline)}.pg__lead h2{font-family:var(--serif);font-weight:700;font-size:27px;letter-spacing:-.012em;line-height:1.16;margin:0 0 12px}.pg__lead p{font-size:15px;line-height:1.62;color:var(--ink-60);margin:0 0 11px}.pg__art{height:108px;border-radius:8px;margin-bottom:12px;background:linear-gradient(135deg,var(--mist-deep),var(--hairline))}.pg__art--wide{height:210px;margin-bottom:0;background:linear-gradient(140deg,var(--blue),var(--mist-deep) 70%)}.pg__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px}.pg__cols h3{font-family:var(--serif);font-weight:700;font-size:17px;letter-spacing:-.01em;margin:0 0 8px;line-height:1.26}.pg__cols p{font-size:14px;line-height:1.58;color:var(--ink-60);margin:0}.pg--sheet{max-width:none;padding:0}.pg__sheetbar{font-family:var(--ui);display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--hairline);background:var(--mist);font-size:13px;position:sticky;top:0;z-index:1}.pg__cell{font-family:var(--mono);font-size:11px;background:var(--paper);border:1px solid var(--hairline);border-radius:5px;padding:3px 9px}.pg__formula{font-family:var(--mono);font-size:12px;color:var(--ink-60)}.pg__grid{overflow-x:auto}.pg__grid table{border-collapse:collapse;width:100%;font-size:13px;font-variant-numeric:tabular-nums}.pg__grid th,.pg__grid td{border:1px solid var(--hairline);padding:7px 12px;text-align:left;white-space:nowrap}.pg__grid thead th{background:var(--mist);font-family:var(--mono);font-size:11px;color:var(--ink-60);font-weight:400;text-align:center}.pg__grid tbody th{background:var(--mist);font-family:var(--mono);font-size:11px;color:var(--ink-60);font-weight:400;text-align:center;width:34px}.pg__grid td.h{font-weight:600;background:var(--mist)}.pg__grid td.n{text-align:right;font-family:var(--mono);font-size:12px}.pg__grid td.t{font-weight:700}.pg__grid tr.sel td{background:#efc44e29}.pg--sheet .pg__note{margin:22px 20px 40px}.pg__grid-photos{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pg__grid-photos i{display:block;aspect-ratio:4/3;border-radius:8px}.pg__grid-photos .p1{background:linear-gradient(150deg,var(--blue),var(--green))}.pg__grid-photos .p2{background:linear-gradient(30deg,var(--pink),var(--yellow))}.pg__grid-photos .p3{background:linear-gradient(200deg,var(--mist-deep),var(--blue))}.pg__grid-photos .p4{background:linear-gradient(90deg,var(--green),var(--mist-deep))}.pg__grid-photos .p5{background:linear-gradient(160deg,var(--yellow),var(--pink))}.pg__grid-photos .p6{background:linear-gradient(60deg,var(--ink-60),var(--blue))}.pg__grid-photos .p7{background:linear-gradient(120deg,var(--pink),var(--mist-deep))}.pg__grid-photos .p8{background:linear-gradient(10deg,var(--green),var(--yellow))}.pg__mail{list-style:none;margin:0;padding:0;border-top:1px solid var(--hairline)}.pg__mail li{display:grid;grid-template-columns:190px 1fr 60px;gap:16px;align-items:baseline;padding:14px 6px;border-bottom:1px solid var(--hairline);font-size:13.5px;letter-spacing:-.005em}.pg__mail li b{font-weight:500;color:var(--ink-60)}.pg__mail li span{color:var(--ink-60);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg__mail li em{font-style:normal;font-family:var(--mono);font-size:11px;color:var(--ink-60);text-align:right}.pg__mail li.unread b,.pg__mail li.unread span{color:var(--ink);font-weight:600}.pg--sheet,.pg--docs{max-width:none;padding:0}.pg__app{border-bottom:1px solid var(--hairline);background:var(--paper);position:sticky;top:0;z-index:2}.pg__apptop{display:flex;align-items:center;gap:12px;padding:10px 18px 4px}.pg__appicon{flex:none;width:26px;height:26px;border-radius:6px}.pg__appicon--y{background:var(--yellow)}.pg__appicon--b{background:var(--blue)}.pg__appname{display:block;font-family:var(--ui);font-size:14px;font-weight:600;letter-spacing:-.01em;margin-bottom:1px}.pg__menu{display:flex;gap:2px;flex-wrap:wrap}.pg__menu button{border:0;background:transparent;cursor:pointer;border-radius:5px;padding:3px 7px;font-family:var(--ui);font-size:12px;color:var(--ink-60)}.pg__menu button:hover{background:var(--mist);color:var(--ink)}.pg__saved{margin-left:auto;font-family:var(--ui);font-size:11.5px;color:var(--ink-60);white-space:nowrap}.pg__tools{display:flex;align-items:center;gap:3px;padding:6px 18px 8px;flex-wrap:wrap}.pg__tools button{min-width:28px;height:26px;padding:0 7px;border:0;border-radius:6px;background:transparent;cursor:pointer;color:var(--ink-60);font-family:var(--ui);font-size:13px;line-height:1}.pg__tools button:hover{background:var(--mist);color:var(--ink)}.pg__tools select{height:26px;border:1px solid var(--hairline);border-radius:6px;background:var(--paper);font-family:var(--ui);font-size:12px;color:var(--ink-60);padding:0 6px}.pg__sep{width:1px;height:18px;background:var(--hairline);margin:0 5px}.pg__fx{font-family:var(--serif);font-style:italic;font-size:13px;color:var(--ink-60)}.pg__sheettabs{display:flex;gap:4px;padding:8px 18px;border-top:1px solid var(--hairline);background:var(--mist)}.pg__sheettabs button{border:0;background:transparent;cursor:pointer;border-radius:6px;padding:5px 12px;font-family:var(--ui);font-size:12px;color:var(--ink-60)}.pg__sheettabs button.is-on{background:var(--paper);color:var(--ink);font-weight:600}.pg__addsheet{color:var(--ink-60)}.pg__paper{max-width:700px;margin:30px auto;padding:46px 56px;background:var(--paper);border:1px solid var(--hairline);border-radius:4px;box-shadow:0 2px 10px -4px #16171a24;font-family:var(--serif)}.pg__paper h1{font-family:var(--serif);font-size:27px;font-weight:700;margin:0 0 4px;letter-spacing:-.01em}.pg__paper h2{font-family:var(--serif);font-size:17px;font-weight:700;margin:22px 0 6px}.pg__paper p{font-size:15px;line-height:1.68;color:var(--ink-60);margin:0 0 10px}.pg__meta{font-family:var(--ui);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-60);margin:0 0 20px}.pg--docs .pg__note,.pg--sheet .pg__note{margin:22px 20px 40px}.pg__briefs{margin-top:26px;padding-top:18px;border-top:1px solid var(--hairline)}.pg__briefs h3{font-family:var(--serif);font-size:17px;margin:0 0 10px}.pg__briefs ul{margin:0;padding:0;list-style:none;columns:2;column-gap:26px}.pg__briefs li{font-size:13.5px;line-height:1.5;color:var(--ink-60);margin-bottom:8px;break-inside:avoid}.pg__briefs b{color:var(--ink)}.pg--wiki{font-family:var(--serif)}.pg__wikihead{border-bottom:1px solid var(--hairline);padding-bottom:12px;margin-bottom:20px}.pg__wikihead h1{font-family:var(--serif);font-size:33px;font-weight:400;margin:0 0 4px}.pg__wikibody{display:grid;grid-template-columns:1fr 246px;gap:28px;align-items:start}.pg__wikibody h2{font-family:var(--serif);font-size:19px;font-weight:400;margin:20px 0 6px;padding-bottom:4px;border-bottom:1px solid var(--hairline)}.pg__wikibody p{font-size:14.5px;line-height:1.66;color:var(--ink-60);margin:0 0 10px}.pg__infobox{border:1px solid var(--hairline);border-radius:6px;padding:14px;background:var(--mist);font-family:var(--ui)}.pg__infobox>b{display:block;font-size:13px;text-align:center;margin-bottom:10px}.pg__infobox .pg__art{height:92px;margin-bottom:12px}.pg__infobox dl{margin:0;font-size:12px}.pg__infobox dt{color:var(--ink);font-weight:600;margin-top:8px}.pg__infobox dd{margin:1px 0 0;color:var(--ink-60)}.pg__mapwrap{display:grid;grid-template-columns:1fr 262px;gap:20px;align-items:start}.pg__map{border-radius:10px;overflow:hidden;border:1px solid var(--hairline)}.pg__map svg{display:block;width:100%;height:auto}.pg__route ol{margin:14px 0 0;padding-left:0;list-style:none}.pg__route li{font-size:13px;color:var(--ink-60);padding:9px 0;border-top:1px solid var(--hairline)}.pg__route li b{display:inline-block;min-width:52px;font-family:var(--mono);font-size:11.5px;color:var(--ink)}.pg__routetime{display:block;font-family:var(--font-display);font-size:32px;letter-spacing:-.03em}.pg__routedist{font-size:12.5px;color:var(--ink-60)}.pg__prog{height:6px;border-radius:3px;background:var(--mist-deep);margin:0 0 18px;max-width:420px}.pg__prog i{display:block;height:100%;border-radius:3px;background:var(--ink)}.pg__fracs{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:8px}.pg__fracs div{flex:1 1 150px}.pg__bar{display:block;height:34px;border:1px solid var(--ink);border-radius:5px;overflow:hidden;margin-bottom:7px}.pg__bar i{display:block;height:100%;background:var(--yellow)}.pg__fracs b{font-family:var(--mono);font-size:15px}.pg__h2{font-family:var(--font-display);font-size:19px;margin:26px 0 8px;letter-spacing:-.02em}.pg__choices{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.pg__choices button{border:1px solid var(--hairline);background:var(--paper);border-radius:9px;padding:11px 22px;cursor:pointer;font-family:var(--mono);font-size:14px;color:var(--ink)}.pg__choices button:hover{border-color:var(--ink)}.pg__product{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}.pg__shot{aspect-ratio:1;border-radius:10px;background:linear-gradient(150deg,var(--mist-deep),var(--yellow) 140%)}.pg__thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:7px}.pg__thumbs i{display:block;aspect-ratio:1;border-radius:6px;background:var(--mist-deep)}.pg__prodname{font-family:var(--font-display);font-size:27px;letter-spacing:-.03em;margin:0 0 6px}.pg__price{font-size:20px;font-weight:600;margin:0 0 6px}.pg__stars{font-size:13px;color:var(--spark);margin:0 0 14px}.pg__stars span{color:var(--ink-60);margin-left:6px}.pg--shop p{font-size:14px;line-height:1.6;color:var(--ink-60)}.pg__swatches{display:flex;gap:8px;margin:16px 0}.pg__swatches i{width:30px;height:30px;border-radius:50%;border:1px solid var(--hairline)}.pg__swatches .s1{background:#6b6257}.pg__swatches .s2{background:#2f3a34}.pg__swatches .s3{background:#8d7250}.pg__buy{width:100%;height:46px;border:0;border-radius:10px;background:var(--ink);color:var(--paper);cursor:pointer;font-family:var(--ui);font-size:14px;font-weight:600}.pg__ship{font-size:12.5px;margin-top:10px;text-align:center}.pg__ledger{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid var(--hairline)}.pg__ledger li{display:grid;grid-template-columns:92px 1fr auto;gap:14px;align-items:baseline;padding:13px 4px;border-bottom:1px solid var(--hairline)}.pg__ledger span{font-size:11.5px;color:var(--ink-60);text-transform:uppercase;letter-spacing:.05em}.pg__ledger b{font-size:13.5px;font-weight:500}.pg__ledger em{font-style:normal;font-family:var(--mono);font-size:13px;font-variant-numeric:tabular-nums}.pg__ledger .out{color:var(--ink)}.pg__ledger .in{color:#2f7a52}.pg__sw--i{background:var(--ink-35)}.pg__now{display:grid;grid-template-columns:190px 1fr;gap:24px;align-items:center;margin-bottom:8px}.pg__cover{aspect-ratio:1;border-radius:10px;background:linear-gradient(150deg,#c97e8c,#4e7bbe 130%)}.pg__nowinfo b{display:block;font-family:var(--font-display);font-size:26px;letter-spacing:-.03em;margin-bottom:2px}.pg__nowinfo>span{font-size:13px;color:var(--ink-60)}.pg__scrub{height:4px;border-radius:2px;background:var(--mist-deep);margin:18px 0 6px}.pg__scrub i{display:block;height:100%;border-radius:2px;background:var(--ink)}.pg__times{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--ink-60)}.pg__transport{display:flex;align-items:center;gap:14px;margin-top:14px}.pg__transport button{border:0;background:transparent;cursor:pointer;color:var(--ink-60);font-size:13px}.pg__transport button:hover{color:var(--ink)}.pg__transport .pg__play{width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--paper);font-size:12px}.pg__tracks{list-style:none;margin:10px 0 0;padding:0}.pg__tracks li{display:grid;grid-template-columns:26px 1fr 200px 48px;gap:12px;align-items:baseline;padding:10px 8px;border-radius:7px;font-size:13.5px}.pg__tracks li:hover{background:var(--mist)}.pg__tracks li.is-on{background:var(--mist);font-weight:600}.pg__tracks b{font-family:var(--mono);font-size:11px;color:var(--ink-60);font-weight:400}.pg__tracks em{font-style:normal;font-size:12.5px;color:var(--ink-60)}.pg__tracks u{text-decoration:none;font-family:var(--mono);font-size:11.5px;color:var(--ink-60);text-align:right}.pg__albums{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:16px}.pg__albums i{display:block;aspect-ratio:1;border-radius:8px;margin-bottom:9px}.pg__albums b{display:block;font-size:13px;font-weight:600}.pg__albums small{font-size:12px;color:var(--ink-60)}.pg__albums .a1{background:linear-gradient(150deg,#c97e8c,#4e7bbe)}.pg__albums .a2{background:linear-gradient(40deg,#8cbba0,#efc44e)}.pg__albums .a3{background:linear-gradient(200deg,#5c6068,#7fa4d8)}.pg__albums .a4{background:linear-gradient(120deg,#efc44e,#c97e8c)}.pg__albums .a5{background:linear-gradient(80deg,#4e7bbe,#8cbba0)}.pg--watch{display:grid;grid-template-columns:1fr 300px;gap:26px;align-items:start;max-width:none}.pg--watch .pg__note{grid-column:1 / -1}.pg__screen{aspect-ratio:16/9;border-radius:10px;background:#16171a;display:grid;place-items:center}.pg__playbig{color:#ffffffd9;font-size:40px}.pg__ctrl{height:4px;background:var(--mist-deep);border-radius:2px;margin:8px 0 14px}.pg__ctrl i{display:block;height:100%;border-radius:2px;background:#c0392b}.pg__vidtitle{font-family:var(--font-display);font-size:21px;letter-spacing:-.025em;line-height:1.25;margin:0 0 5px}.pg__vidmeta{font-size:12.5px;color:var(--ink-60);margin:0 0 14px}.pg__vidacts{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.pg__vidacts button{border:1px solid var(--hairline);background:var(--paper);border-radius:18px;padding:7px 15px;cursor:pointer;font-family:var(--ui);font-size:12.5px;color:var(--ink)}.pg__vidacts button:hover{border-color:var(--ink)}.pg__vidacts .pg__sub{background:var(--ink);color:var(--paper);border-color:var(--ink);font-weight:600}.pg__viddesc{font-size:13.5px;line-height:1.6;color:var(--ink-60);background:var(--mist);border-radius:9px;padding:14px;margin:0}.pg__vid{display:grid;grid-template-columns:108px 1fr;gap:10px;margin-bottom:12px;align-items:start}.pg__vid i{display:block;aspect-ratio:16/9;border-radius:7px;background:linear-gradient(140deg,var(--mist-deep),var(--ink-35))}.pg__vid b{display:block;font-size:12.5px;font-weight:600;line-height:1.35;margin-bottom:3px}.pg__vid small{font-size:11.5px;color:var(--ink-60)}.pg--chat{max-width:760px}.pg__thread{display:flex;flex-direction:column;gap:18px;margin-bottom:20px}.pg__msg p{font-size:14.5px;line-height:1.65;margin:0 0 10px}.pg__msg p:last-child{margin-bottom:0}.pg__msg--me{align-self:flex-end;max-width:76%;background:var(--mist);border-radius:14px 14px 4px;padding:13px 17px}.pg__msg--me p{color:var(--ink)}.pg__msg--ai{display:grid;grid-template-columns:30px 1fr;gap:13px}.pg__msg--ai p{color:var(--ink-60)}.pg__msg--ai b{color:var(--ink);font-weight:600}.pg__ai{width:30px;height:30px;border-radius:50%;background:linear-gradient(140deg,#8cbba0,#4e7bbe)}.pg__ask{display:flex;align-items:center;gap:10px;border:1px solid var(--hairline);border-radius:24px;padding:12px 12px 12px 20px}.pg__ask span{flex:1 1 auto;font-size:14px;color:var(--ink-35)}.pg__ask button{width:32px;height:32px;border:0;border-radius:50%;background:var(--ink);color:var(--paper);cursor:pointer}.pg__voicegrid{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:start}.pg__vm{border:1px solid var(--hairline);border-radius:11px;padding:15px;margin-bottom:12px}.pg__vmtop{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.pg__vmtop b{font-size:13.5px}.pg__vmtop span{font-size:11.5px;color:var(--ink-60)}.pg__wave{display:flex;align-items:center;gap:3px;height:30px;margin-bottom:12px}.pg__wave i{flex:1 1 0;background:var(--ink-35);border-radius:2px}.pg__wave i:nth-child(3n){height:100%}.pg__wave i:nth-child(3n+1){height:46%}.pg__wave i:nth-child(3n+2){height:72%}.pg__wave i:nth-child(-n+6){background:var(--ink)}.pg__transcript{font-size:13px;line-height:1.6;color:var(--ink-60);margin:0}.pg__flag{display:inline-block;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;background:var(--mist);color:var(--ink-60);padding:2px 7px;border-radius:4px}.pg__calls{list-style:none;margin:0;padding:0}.pg__calls li{display:flex;justify-content:space-between;align-items:baseline;padding:12px 2px;border-bottom:1px solid var(--hairline)}.pg__calls b{font-size:13.5px;font-weight:500}.pg__calls span{font-size:11.5px;color:var(--ink-60)}.pg--im{max-width:none;padding-bottom:0}.pg__imwrap{display:grid;grid-template-columns:268px 1fr;border:1px solid var(--hairline);border-radius:12px;overflow:hidden;height:430px}.pg__rooms{background:var(--mist);border-right:1px solid var(--hairline);overflow-y:auto}.pg__room{display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;padding:12px 14px;cursor:pointer}.pg__room:hover{background:var(--mist-deep)}.pg__room.is-on{background:var(--paper)}.pg__room i{width:38px;height:38px;border-radius:50%}.pg__room b{display:block;font-size:13px;font-weight:600;margin-bottom:2px}.pg__room small{display:block;font-size:11.5px;color:var(--ink-60);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.pg__room u{text-decoration:none;min-width:19px;height:19px;border-radius:10px;background:var(--ink);color:var(--paper);font-size:10.5px;font-weight:700;display:grid;place-items:center;padding:0 5px}.pg__room .r1{background:linear-gradient(140deg,#4e7bbe,#8cbba0)}.pg__room .r2{background:linear-gradient(140deg,#c97e8c,#efc44e)}.pg__room .r3{background:linear-gradient(140deg,#8cbba0,#efc44e)}.pg__room .r4{background:linear-gradient(140deg,#7fa4d8,#c97e8c)}.pg__room .r5{background:linear-gradient(140deg,#5c6068,#7fa4d8)}.pg__chatpane{display:flex;flex-direction:column;min-width:0}.pg__chathead{padding:13px 18px;border-bottom:1px solid var(--hairline)}.pg__chathead b{font-size:13.5px;margin-right:9px}.pg__chathead span{font-size:11.5px;color:var(--ink-60)}.pg__bubbles{flex:1 1 auto;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:9px;background:var(--mist)}.pg__bubbles .b{max-width:74%;font-size:13.5px;line-height:1.5;padding:10px 14px;border-radius:14px}.pg__bubbles .them{align-self:flex-start;background:var(--paper);border:1px solid var(--hairline)}.pg__bubbles .me{align-self:flex-end;background:var(--ink);color:var(--paper)}.pg__bubbles .b b{display:block;font-size:11.5px;color:var(--blue-deep);margin-bottom:2px}.pg__compose{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--hairline)}.pg__compose span{flex:1 1 auto;font-size:13.5px;color:var(--ink-35)}.pg__compose button{width:30px;height:30px;border:0;border-radius:50%;background:var(--ink);color:var(--paper);cursor:pointer}.pg--im .pg__note{margin-top:22px}.pg__wslist{list-style:none;margin:24px 0 0;padding:0}.pg__wslist li{display:grid;grid-template-columns:12px 150px 1fr auto;gap:14px;align-items:center;padding:14px 4px;border-bottom:1px solid var(--hairline)}.pg__wslist i{width:12px;height:12px;border-radius:50%}.pg__wslist b{font-size:13.5px;font-weight:600}.pg__def{display:inline-block;margin-left:7px;padding:2px 7px;border-radius:5px;background:var(--spark);color:#3a2f06;font-family:var(--ui);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;vertical-align:1px}.pg__wslist span{font-size:12.5px;color:var(--ink-60)}.pg__wslist em{font-style:normal;font-family:var(--mono);font-size:11.5px;color:var(--ink-60)}.pg--stop{text-align:center;padding-top:9%;max-width:none}.pg--stop .pg__big{font-size:28px}.pg--stop .pg__sub{margin:0 auto;max-width:46ch}.pg--stop .pg__mark{width:54px;height:54px;border-radius:50%;margin:0 auto 22px;display:grid;place-items:center;background:var(--mist);font-family:var(--ui);font-weight:700;font-size:19px}@media(max-width:760px){.demo__corner{max-width:calc(100% - 36px)}.demo__side{position:absolute;right:0;top:0;bottom:0;z-index:3;box-shadow:-16px 0 32px -20px #16171a66}.pg{padding:26px 22px 40px}.pg__big{font-size:28px}.pg__lead,.pg__cols,.pg__wikibody,.pg__mapwrap,.pg__product,.pg--watch,.pg__now,.pg__voicegrid,.pg__imwrap{grid-template-columns:1fr}.pg__rooms{display:none}.pg__imwrap{height:380px}.pg__tracks li{grid-template-columns:22px 1fr 44px}.pg__tracks em{display:none}.pg__briefs ul{columns:1}.pg__paper{padding:26px 22px;margin:16px}.pg__menu{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.pg__saved{display:none}.pg__grid-photos{grid-template-columns:repeat(3,1fr)}.demo__tab{width:150px}}.demo__nav[data-fav].is-on,.demo__nav[data-book].is-on{color:var(--ink)}.demo__nav[data-fav].is-on svg{fill:var(--spark);stroke:var(--spark)}.demo__nav[data-book].is-on svg{fill:var(--ink);stroke:var(--ink)}.demo__nav[data-fav]:disabled,.demo__nav[data-book]:disabled{opacity:.22}.demo__rating[data-blocked=true]{border-color:var(--spark);background:#efc44e2e}.demo__grip{flex:none;width:7px;margin-right:-7px;z-index:4;cursor:col-resize;position:relative;background:transparent;transition:background .14s ease}.demo__grip[hidden]{display:none}.demo__grip:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3px;height:42px;border-radius:2px;background:var(--ink-35);opacity:0;transition:opacity .14s ease}.demo__grip:hover:after,.demo__grip.is-dragging:after{opacity:1}.demo__grip:hover,.demo__grip.is-dragging{background:#16171a0d}.demo__tab{-webkit-user-select:none;user-select:none}.demo__tab.is-dragging{opacity:.4}.demo__tab.is-over{box-shadow:inset 3px 0 0 var(--ink)}.demo__screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:22;display:flex;flex-direction:column;font-family:var(--ui)}.demo__screen[hidden]{display:none}.demo__screen--settings{background:var(--paper)}.demo__screenbar{flex:none;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--hairline);background:var(--mist)}.demo__screenbar b{font-size:15px;font-weight:650;letter-spacing:-.015em}.demo__close{width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--ink-60);cursor:pointer;display:grid;place-items:center}.demo__close:hover{background:var(--mist-deep);color:var(--ink)}.demo__close svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}.demo__settingsgrid{flex:1 1 auto;overflow-y:auto;padding:22px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;align-content:start}.demo__setting{text-align:left;border:1px solid var(--hairline);border-radius:11px;background:var(--paper);padding:15px 16px;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.demo__setting:hover{border-color:var(--ink);transform:translateY(-1px)}.demo__settingicon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--mist);margin-bottom:12px}.demo__settingicon svg{width:18px;height:18px;fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.demo__setting:hover .demo__settingicon{background:var(--ink)}.demo__setting:hover .demo__settingicon svg{stroke:var(--paper)}.demo__setting b{display:block;font-size:13.5px;font-weight:600;margin-bottom:3px;letter-spacing:-.01em}.demo__setting small{font-size:12px;color:var(--ink-60);line-height:1.45}.demo__screen--saver,.demo__screen--signin{background:var(--panel);color:var(--panel-fg);align-items:center;justify-content:center;text-align:center;padding:28px}.demo__screen--saver.is-photo{background-size:cover;background-position:center}.demo__screen--saver.is-photo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#16171a47,#16171a9e)}.demo__screen--saver.is-photo>*{position:relative;z-index:1}.demo__screen--saver.is-photo .demo__saverclock b{text-shadow:0 2px 14px rgb(22 23 26 / .55)}.demo__saverclock{margin-bottom:34px}.demo__saverclock b{display:block;font-family:var(--font-display);font-weight:700;font-size:62px;letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums}.demo__saverclock span{display:block;margin-top:8px;font-size:14px;color:var(--panel-60)}.demo__pinform,.demo__signform{display:flex;gap:8px;width:100%;max-width:320px}.demo__signform{flex-direction:column}.demo__pinform input,.demo__signform input{flex:1 1 auto;height:42px;padding:0 14px;border-radius:10px;border:1px solid rgb(255 255 255 / .18);background:#ffffff0f;color:var(--panel-fg);font-family:var(--ui);font-size:14px;text-align:center}.demo__signform input{text-align:left}.demo__pinform input{letter-spacing:.4em}.demo__pinform input::placeholder,.demo__signform input::placeholder{color:var(--panel-40);letter-spacing:0}.demo__pinform input:focus,.demo__signform input:focus{outline:none;border-color:var(--panel-fg)}.demo__pinform button,.demo__signform button{flex:none;height:42px;padding:0 20px;border:0;border-radius:10px;background:var(--panel-fg);color:var(--panel);cursor:pointer;font-family:var(--ui);font-size:13.5px;font-weight:600}.demo__signinin{width:100%;max-width:330px}.demo__boltmark{width:15px;height:22px;fill:var(--yellow);margin-bottom:20px}.demo__screent{margin:0 0 8px;font-size:19px;font-weight:600;letter-spacing:-.02em}.demo__screenb{margin:0 0 22px;font-size:13px;line-height:1.55;color:var(--panel-60)}.demo__screenerr{margin:12px 0 0;font-size:12.5px;color:#f0997b}.demo__screenerr[hidden]{display:none}.demo__screenhint{margin:18px 0 0;font-size:12px;color:var(--panel-40)}.demo__screenhint b{color:var(--panel-fg);font-family:var(--mono)}.demo__session{flex:none;display:flex;gap:6px;margin-top:8px}.demo__sess{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;height:52px;border-radius:9px;border:1px solid var(--hairline);background:transparent;color:var(--ink-60);cursor:pointer;font-family:var(--ui);font-size:10.5px;font-weight:500;letter-spacing:-.005em;transition:border-color .14s ease,color .14s ease}.demo__side.is-wide .demo__sess{flex-direction:row;gap:7px;height:40px;font-size:12px}.demo__sess:hover{border-color:var(--ink);color:var(--ink)}.demo__sess svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.demo__screen--files{background:var(--paper)}.demo__filebar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 18px;border-bottom:1px solid var(--hairline);flex-wrap:wrap}.demo__crumbs{display:flex;align-items:center;gap:3px;flex-wrap:wrap;min-width:0}.demo__crumb{border:0;background:transparent;cursor:pointer;border-radius:6px;padding:4px 7px;font-family:var(--ui);font-size:12.5px;color:var(--ink-60)}.demo__crumb:last-of-type{color:var(--ink);font-weight:600}.demo__crumb:hover{background:var(--mist);color:var(--ink)}.demo__crumbsep{color:var(--ink-35);font-size:12px}.demo__filetools{display:flex;align-items:center;gap:8px}.demo__ftool{display:flex;align-items:center;gap:7px;height:32px;padding:0 13px;border:1px solid var(--hairline);border-radius:8px;background:var(--paper);cursor:pointer;font-family:var(--ui);font-size:12.5px;color:var(--ink)}.demo__ftool:hover{border-color:var(--ink)}.demo__ftool svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.demo__ftool--icon{width:32px;padding:0;justify-content:center}.demo__search{position:relative;display:flex;align-items:center}.demo__search svg{position:absolute;left:10px;width:14px;height:14px;pointer-events:none;fill:none;stroke:var(--ink-35);stroke-width:1.7;stroke-linecap:round}.demo__search input{height:32px;width:210px;padding:0 12px 0 31px;border-radius:8px;border:1px solid var(--hairline);background:var(--paper);font-family:var(--ui);font-size:12.5px;color:var(--ink)}.demo__search input:focus{outline:none;border-color:var(--ink)}.demo__filterwrap{position:relative}.demo__filtermenu{position:absolute;z-index:6;top:38px;right:0;width:168px;background:var(--paper);border:1px solid var(--hairline);border-radius:10px;padding:5px;box-shadow:0 14px 34px -12px #16171a4d}.demo__filtermenu[hidden]{display:none}.demo__filteritem{display:block;width:100%;text-align:left;border:0;background:transparent;cursor:pointer;border-radius:6px;padding:7px 9px;font-family:var(--ui);font-size:12.5px;color:var(--ink)}.demo__filteritem:hover{background:var(--mist)}.demo__filteritem.is-on{font-weight:650;background:var(--mist)}.demo__filebody{flex:1 1 auto;display:flex;min-height:0}.demo__tree{flex:none;width:232px;overflow-y:auto;padding:12px 8px;background:var(--mist);border-right:1px solid var(--hairline)}.demo__treeitem{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:0;background:transparent;cursor:pointer;border-radius:7px;padding:7px 10px;font-family:var(--ui);font-size:12.5px;color:var(--ink)}.demo__treeitem svg{width:15px;height:15px;flex:none;fill:none;stroke:var(--ink-60);stroke-width:1.5;stroke-linejoin:round}.demo__treeitem span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo__treeitem:hover{background:var(--mist-deep)}.demo__treeitem.is-on{background:var(--paper);font-weight:600}.demo__treeitem.is-drop{box-shadow:inset 0 0 0 2px var(--ink)}.demo__filelist{flex:1 1 auto;overflow:auto;min-width:0}.demo__filetable{width:100%;border-collapse:collapse;font-family:var(--ui);font-size:12.5px}.demo__filetable thead th{position:sticky;top:0;z-index:1;background:var(--paper);text-align:left;font-weight:500;color:var(--ink-60);padding:10px 14px;border-bottom:1px solid var(--hairline);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.demo__filetable thead th:hover{color:var(--ink)}.demo__filetable thead th[data-active=true]{color:var(--ink);font-weight:650}.demo__filetable thead th[data-active=true]:after{content:"\2191";margin-left:5px;font-size:10px}.demo__filetable thead th[data-active=true][data-dir=desc]:after{content:"\2193"}.demo__filetable tbody tr{border-bottom:1px solid var(--hairline);cursor:default}.demo__filetable tbody tr:hover{background:var(--mist)}.demo__filetable tbody tr.is-dragging{opacity:.4}.demo__filetable tbody tr.is-drop{box-shadow:inset 0 0 0 2px var(--ink)}.demo__filetable td{padding:9px 14px;white-space:nowrap;color:var(--ink-60)}.demo__fname{display:flex;align-items:center;gap:9px;color:var(--ink);max-width:340px}.demo__fname svg{width:16px;height:16px;flex:none;fill:none;stroke:var(--ink-60);stroke-width:1.5;stroke-linejoin:round}.demo__fname span{overflow:hidden;text-overflow:ellipsis}.is-folder .demo__fname{font-weight:600}.is-folder .demo__fname svg{stroke:var(--ink)}.demo__fnum{font-family:var(--mono);font-size:11.5px;font-variant-numeric:tabular-nums}.demo__fileempty{padding:26px;font-family:var(--ui);font-size:13px;color:var(--ink-60)}.demo__fileempty[hidden]{display:none}.demo__preview{position:absolute;top:0;right:0;bottom:0;left:0;z-index:24;display:grid;place-items:center;background:#16171a8c;padding:28px}.demo__preview[hidden]{display:none}.demo__previewin{width:100%;max-width:560px;background:var(--paper);border-radius:14px;overflow:hidden;box-shadow:0 24px 60px -20px #16171a99}.demo__previewhead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px 13px 18px;border-bottom:1px solid var(--hairline)}.demo__previewhead b{font-family:var(--ui);font-size:13.5px;font-weight:600}.demo__previewbody{height:240px;display:grid;place-items:center;background:var(--mist)}.demo__previewart{display:block;width:78%;height:74%;border-radius:8px;background:linear-gradient(150deg,var(--blue),var(--yellow) 130%)}.demo__previewdoc{width:74%;display:flex;flex-direction:column;gap:9px}.demo__previewdoc span{height:9px;border-radius:4px;background:var(--mist-deep)}.demo__previewdoc span:nth-child(1){width:55%;height:15px}.demo__previewdoc span:nth-child(4){width:78%}.demo__previewdoc span:nth-child(6){width:42%}.demo__previewmeta{margin:0;padding:12px 18px;font-family:var(--ui);font-size:11.5px;color:var(--ink-60);border-top:1px solid var(--hairline)}@media(max-width:760px){.demo__tree{display:none}.demo__search input{width:130px}}.demo__actions{flex:none;display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;padding:9px 18px;border-bottom:1px solid var(--hairline);background:var(--mist);min-height:48px}.demo__actioncount,.demo__actionhint{flex:none;order:-1;font-family:var(--ui);min-width:0}.demo__actioncount{font-size:11px;font-weight:650;color:var(--ink);letter-spacing:.04em;text-transform:uppercase}.demo__actionhint{font-size:12px;color:var(--ink-35)}.demo__actiongroup{flex:1 1 auto;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.demo__action{position:relative;display:inline-grid;place-items:center;width:30px;height:30px;padding:0;border-radius:7px;border:1px solid var(--hairline);background:var(--paper);cursor:pointer;font-family:var(--ui);font-size:12px;color:var(--ink);transition:border-color .14s ease,color .14s ease,background .14s ease}.demo__action:after{content:attr(data-tip);position:absolute;bottom:34px;left:50%;transform:translate(-50%);padding:4px 8px;border-radius:6px;white-space:nowrap;background:var(--ink);color:var(--paper);font-size:11px;line-height:1.3;opacity:0;pointer-events:none;z-index:20;transition:opacity .12s ease .25s}.demo__action:hover:after{opacity:1}.demo__action svg{width:15px;height:15px;flex:none;fill:none;stroke:var(--ink-60);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.demo__action:hover svg{stroke:var(--ink)}.demo__action.is-danger svg{stroke:#b4432f}.demo__action:disabled svg{stroke:var(--ink-35)}.demo__canceltoggle{color:var(--ink-60)}.demo__canceltoggle:hover{color:var(--ink)}.demo__selecttoggle.is-on svg,.demo__rangetoggle.is-on svg{stroke:currentColor}.demo__action:hover{border-color:var(--ink)}.demo__action.is-danger{color:#b4432f}.demo__action.is-danger:hover{border-color:#b4432f}.demo__action:disabled{opacity:.38;cursor:default;border-color:var(--hairline)}.demo__action:disabled:hover{border-color:var(--hairline)}.demo__selecttoggle{margin-right:4px}.demo__selecttoggle.is-on{background:var(--ink);border-color:var(--ink);color:var(--paper)}.demo__filelist[data-selectmode=true] tbody tr{cursor:pointer}.demo__filelist[data-selectmode=true] tbody tr:hover{background:#4e7bbe17}.demo__appendtoggle.is-on{background:#4e7bbe;border-color:#4e7bbe;color:var(--paper);font-weight:600}.demo__appendtoggle.is-on svg{stroke:var(--paper)}.demo__filelist[data-appendmode=true] tbody tr{cursor:pointer}.demo__filelist[data-appendmode=true] tbody tr:hover{background:#4e7bbe1f}.demo__filetable tbody tr.is-source{background:#4e7bbe33;box-shadow:inset 0 0 0 2px #4e7bbe}.demo__filetable tbody tr.is-inert{opacity:.35}.demo__filelist[data-appendmode=true] tbody tr.is-inert{cursor:default}.demo__filelist[data-appendmode=true] tbody tr.is-inert:hover{background:transparent}.demo__rangetoggle.is-on{background:var(--spark);border-color:var(--spark);color:#3a2f06;font-weight:600}.demo__filelist[data-rangemode=true] tbody tr:hover{background:#efc44e2e}.demo__filetable tbody tr.is-anchor{background:#efc44e3d;box-shadow:inset 0 0 0 2px var(--spark)}.demo__filetable tbody tr.is-sel{background:#4e7bbe24}.demo__filetable tbody tr.is-sel:hover{background:#4e7bbe33}.demo__filetable tbody tr.is-append{box-shadow:inset 0 0 0 2px var(--spark)}.demo__ask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:26;display:grid;place-items:center;background:#16171a80;padding:28px}.demo__ask[hidden]{display:none}.demo__askin{width:100%;max-width:400px;background:var(--paper);border-radius:13px;padding:22px;box-shadow:0 24px 60px -20px #16171a99;font-family:var(--ui)}.demo__askin h4{margin:0 0 8px;font-size:15px;font-weight:650;letter-spacing:-.015em}.demo__askin p{margin:0 0 16px;font-size:13px;line-height:1.55;color:var(--ink-60);white-space:pre-line}.demo__askin input{width:100%;height:38px;padding:0 12px;margin-bottom:16px;border:1px solid var(--hairline);border-radius:9px;background:var(--paper);font-family:var(--ui);font-size:13.5px;color:var(--ink)}.demo__askin input[hidden]{display:none}.demo__askin input:focus{outline:none;border-color:var(--ink)}.demo__askopts{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.demo__askopts[hidden]{display:none}.demo__askopt{height:30px;padding:0 13px;border-radius:7px;cursor:pointer;border:1px solid var(--hairline);background:var(--paper);font-family:var(--ui);font-size:12px;color:var(--ink-60)}.demo__askopt.is-on{background:var(--ink);border-color:var(--ink);color:var(--paper);font-weight:600}.demo__askacts{display:flex;justify-content:flex-end;gap:8px}.demo__askno,.demo__askyes{height:38px;padding:0 18px;border-radius:9px;cursor:pointer;font-family:var(--ui);font-size:13px;font-weight:600}.demo__askno{border:1px solid var(--hairline);background:var(--paper);color:var(--ink-60)}.demo__askno:hover{color:var(--ink);border-color:var(--ink)}.demo__askyes{border:0;background:var(--ink);color:var(--paper)}.demo__masked{-webkit-text-security:disc;text-security:disc;font-family:var(--ui)}.demo__masked::placeholder{-webkit-text-security:none;text-security:none}.demo__pinform,.demo__signform,.demo__lockform{margin:0}.demo__find{flex:none;display:flex;align-items:center;gap:6px;margin:16px 0 4px}.demo__find[hidden]{display:none}.demo__findsearch{position:relative;flex:1 1 auto;min-width:0;display:flex;align-items:center}.demo__findsearch svg{position:absolute;left:9px;width:13px;height:13px;pointer-events:none;fill:none;stroke:var(--ink-35);stroke-width:1.8;stroke-linecap:round}.demo__findsearch input{width:100%;height:30px;padding:0 10px 0 28px;border:1px solid var(--hairline);border-radius:8px;background:var(--paper);font-family:var(--ui);font-size:12px;color:var(--ink)}.demo__findsearch input:focus{outline:none;border-color:var(--ink)}.demo__findsearch input::-webkit-search-cancel-button{cursor:pointer}.demo__findsort{position:relative;flex:none}.demo__findbtn{display:flex;align-items:center;gap:5px;height:30px;padding:0 9px;border:1px solid var(--hairline);border-radius:8px;background:var(--paper);cursor:pointer;font-family:var(--ui);font-size:11.5px;color:var(--ink-60);white-space:nowrap}.demo__findbtn:hover{border-color:var(--ink);color:var(--ink)}.demo__findbtn svg{width:13px;height:13px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.demo__findmenu{position:absolute;z-index:8;top:36px;right:0;width:132px;background:var(--paper);border:1px solid var(--hairline);border-radius:10px;padding:5px;box-shadow:0 14px 30px -12px #16171a4d}.demo__findmenu[hidden]{display:none}.demo__finditem{display:block;width:100%;text-align:left;border:0;background:transparent;cursor:pointer;border-radius:6px;padding:7px 9px;font-family:var(--ui);font-size:12px;color:var(--ink)}.demo__finditem:hover{background:var(--mist)}.demo__finditem.is-on{background:var(--mist);font-weight:650}.demo__stamp{display:flex;align-items:baseline;gap:5px;margin-top:4px;font-style:normal;font-family:var(--mono);font-size:10.5px;color:var(--ink-35)}.demo__stamp i{font-style:normal;font-family:var(--ui);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase}.demo__item.unread .demo__stamp{color:var(--ink-60)}.demo__grabber{flex:none;width:14px;height:16px;margin-top:1px;display:grid;place-items:center;opacity:0;transition:opacity .14s ease}.demo__grabber svg{width:14px;height:14px;fill:var(--ink-35)}.demo__list[data-arrangeable=true] .demo__item{cursor:grab}.demo__list[data-arrangeable=true] .demo__item:hover .demo__grabber{opacity:1}.demo__item.is-dragging{opacity:.4;cursor:grabbing}.demo__item.drop-above{box-shadow:inset 0 2px 0 var(--ink)}.demo__item.drop-below{box-shadow:inset 0 -2px 0 var(--ink)}.demo__rowbtn{flex:none;width:26px;align-self:center;height:26px;margin-right:4px;border:0;border-radius:7px;background:transparent;cursor:pointer;display:grid;place-items:center;color:var(--ink-35);opacity:0;transition:opacity .14s ease,background .14s ease,color .14s ease}.demo__rowbtn svg{width:15px;height:15px;fill:currentColor}.demo__item:hover .demo__rowbtn{opacity:1}.demo__rowbtn:hover,.demo__rowbtn[aria-expanded=true]{background:var(--paper);color:var(--ink);opacity:1}.demo__rowbtn:focus-visible{opacity:1;outline:2px solid var(--ink);outline-offset:1px}.demo__rowmenu{position:absolute;z-index:14;min-width:148px;background:var(--paper);border:1px solid var(--hairline);border-radius:10px;padding:5px;box-shadow:0 14px 34px -12px #16171a52}.demo__rowitem{display:block;width:100%;text-align:left;border:0;background:transparent;cursor:pointer;border-radius:7px;padding:8px 10px;font-family:var(--ui);font-size:12.5px;color:var(--ink)}.demo__rowitem:hover{background:var(--mist)}.demo__rowitem.is-danger{color:#b4432f}.demo__ask{z-index:30}.demo__findcal{position:relative;flex:none}.demo__findcal[hidden]{display:none}.demo__findbtn--icon{width:30px;padding:0;justify-content:center}.demo__findbtn--icon svg{width:14px;height:14px}.demo__cal{position:absolute;z-index:12;top:36px;right:0;width:240px;background:var(--paper);border:1px solid var(--hairline);border-radius:12px;padding:12px;box-shadow:0 16px 38px -12px #16171a57;font-family:var(--ui)}.demo__cal[hidden]{display:none}.demo__calhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.demo__calhead b{font-size:12.5px;font-weight:650}.demo__calhead button{width:24px;height:24px;border:0;border-radius:6px;background:transparent;cursor:pointer;color:var(--ink-60);font-size:15px;line-height:1}.demo__calhead button:hover{background:var(--mist);color:var(--ink)}.demo__calgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.demo__caldow{text-align:center;font-size:9.5px;color:var(--ink-35);text-transform:uppercase;letter-spacing:.04em;padding-bottom:4px}.demo__calday{aspect-ratio:1;border:0;border-radius:6px;background:transparent;cursor:pointer;font-family:var(--mono);font-size:11px;color:var(--ink)}.demo__calday:hover{background:var(--mist-deep)}.demo__calday.is-empty{color:var(--ink-35)}.demo__calday.is-in{background:#4e7bbe29;border-radius:0}.demo__calday.is-edge{background:#4e7bbe;color:var(--paper);border-radius:6px}.demo__calday.is-anchor{box-shadow:inset 0 0 0 2px var(--spark)}.demo__calfoot{display:flex;gap:6px;margin-top:10px}.demo__calrange,.demo__calclear{flex:1 1 auto;height:30px;border-radius:7px;cursor:pointer;border:1px solid var(--hairline);background:var(--paper);font-family:var(--ui);font-size:11.5px;color:var(--ink)}.demo__calrange:hover,.demo__calclear:hover{border-color:var(--ink)}.demo__calrange.is-on{background:var(--spark);border-color:var(--spark);color:#3a2f06;font-weight:600}.demo__calclear{flex:none;padding:0 12px;color:var(--ink-60);white-space:nowrap}.demo__filterbar{flex:none;display:flex;align-items:baseline;gap:8px;margin:10px 0 0;padding:9px 11px;border-radius:8px;background:#4e7bbe1f;font-family:var(--ui);font-size:11.5px;line-height:1.4;color:var(--ink)}.demo__filterbar[hidden]{display:none}.demo__filterbar span{flex:1 1 auto}.demo__filterbar button{flex:none;border:0;background:transparent;cursor:pointer;padding:0;font-family:var(--ui);font-size:11.5px;font-weight:600;color:#4e7bbe}.demo__filterbar button:hover{text-decoration:underline}.pg--edit{padding:0;display:flex;flex-direction:column;height:100%}.pg--edit .pg__app{border-bottom:1px solid rgb(22 23 26 / .1)}.pg__apptop{display:flex;align-items:center;gap:12px;padding:10px 14px}.pg__appicon{flex:none;width:26px;height:26px;border-radius:7px}.pg__appicon--p{background:linear-gradient(140deg,#e9a6ae,#c97e8c)}.pg__appicon--b{background:linear-gradient(140deg,#7fa4d8,#4e7bbe)}.pg__appicon--g{background:linear-gradient(140deg,#8cbba0,#5d8f74)}.pg__appname{display:block;font-size:12.5px;font-weight:650;letter-spacing:-.01em}.pg__saved{margin-left:auto;font-family:var(--mono);font-size:10.5px;color:var(--ink-35)}.pg__tools{display:flex;align-items:center;gap:4px;padding:7px 14px;border-top:1px solid rgb(22 23 26 / .07)}.pg__tools button{height:26px;min-width:26px;padding:0 8px;border:0;border-radius:6px;background:transparent;cursor:pointer;color:var(--ink-60);font-family:var(--ui);font-size:12px}.pg__tools button:hover{background:var(--mist-deep);color:var(--ink)}.pg__tools select{height:26px;border:1px solid var(--hairline);border-radius:6px;background:var(--paper);font-family:var(--ui);font-size:11.5px;color:var(--ink-60)}.pg__sep{width:1px;height:18px;background:var(--hairline);margin:0 4px}.pg__editwrap{flex:1 1 auto;display:flex;min-height:0}.pg__canvas{flex:1 1 auto;display:grid;place-items:center;background:#2a2c31;padding:20px;min-height:190px}.pg__shot{display:block;width:86%;height:88%;border-radius:4px;background:linear-gradient(170deg,#86b6d8,#cfe0e8 46%,#e6cfa8 47%,#b9946a)}.pg__canvas--video{background:#17181c}.pg__frame{display:block;width:88%;aspect-ratio:16 / 9;border-radius:3px;background:linear-gradient(160deg,#4a5560,#8d99a4 55%,#cfd6dc)}.pg__inspector{flex:none;width:190px;padding:14px;border-left:1px solid rgb(22 23 26 / .1);background:var(--mist);overflow-y:auto}.pg__insphead{margin:0 0 10px;font-family:var(--ui);font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-35)}.pg__slider{margin-bottom:11px;font-family:var(--ui);font-size:11px;color:var(--ink-60)}.pg__slider span{display:block;margin-bottom:5px}.pg__slider i{position:relative;display:block;height:3px;border-radius:2px;background:var(--mist-deep)}.pg__slider i b{position:absolute;top:-4px;width:11px;height:11px;margin-left:-5px;border-radius:50%;background:var(--paper);border:1px solid var(--ink-35)}.pg__inspnote{margin:0;font-family:var(--ui);font-size:11px;line-height:1.5;color:var(--ink-60)}.pg__layers{list-style:none;margin:0;padding:0}.pg__layers li{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;font-family:var(--ui);font-size:11px;color:var(--ink-60)}.pg__layers li.is-on{background:var(--paper);color:var(--ink);font-weight:600}.pg__layers i{flex:none;width:18px;height:14px;border-radius:3px}.pg__layers .l1{background:linear-gradient(140deg,#e9a6ae,#c97e8c)}.pg__layers .l2{background:linear-gradient(140deg,#86b6d8,#4e7bbe)}.pg__layers .l3{background:linear-gradient(140deg,#b9946a,#8d7350)}.pg__timeline,.pg__tracks{position:relative;flex:none;padding:12px 14px;border-top:1px solid rgb(22 23 26 / .1);background:var(--mist)}.pg__track{display:flex;align-items:center;gap:4px;margin-bottom:5px}.pg__track span{flex:none;width:22px;font-family:var(--mono);font-size:9.5px;color:var(--ink-35)}.pg__track i{display:block;height:16px;border-radius:3px}.pg__track .c1{background:#7fa4d8}.pg__track .c2{background:#9db8e0}.pg__track .c3{background:#6d90c4}.pg__track .c4{background:#e9a6ae}.pg__track .c5{background:#8cbba0}.pg__playhead{position:absolute;top:8px;bottom:8px;width:1.5px;background:#b4432f}.pg__atrack{display:flex;align-items:center;gap:10px;margin-bottom:7px}.pg__ahead{flex:none;width:64px;font-family:var(--ui)}.pg__ahead b{display:block;font-size:11px;font-weight:600;color:var(--ink)}.pg__ahead span{font-family:var(--mono);font-size:9.5px;color:var(--ink-35)}.pg__wave2{flex:1 1 auto;display:flex;align-items:center;gap:2px;height:26px;padding:0 8px;border-radius:5px;background:var(--paper)}.pg__wave2 i{flex:1 1 0;background:#8cbba0;border-radius:1px;height:40%}.pg__wave2 i:nth-child(3n){height:78%}.pg__wave2 i:nth-child(4n){height:26%}.pg__wave2 i:nth-child(5n){height:92%}.pg__wave2 i:nth-child(7n){height:58%}.pg__wave2.is-alt i{background:#7fa4d8}.pg__appeal{margin:26px auto 0;max-width:420px;text-align:left;padding:18px;border-radius:12px;background:var(--paper);border:1px solid var(--hairline);font-family:var(--ui)}.pg__appeal b{display:block;font-size:13.5px;font-weight:650;margin-bottom:5px;color:var(--ink)}.pg__appeal>span{display:block;font-size:12.5px;line-height:1.5;color:var(--ink-60)}.pg__appeal button{margin-top:14px;height:34px;padding:0 14px;border-radius:8px;cursor:pointer;border:1px solid var(--hairline);background:var(--paper);font-family:var(--ui);font-size:12.5px;color:var(--ink)}.pg__appeal button:hover{border-color:var(--ink)}.pg__appealopts{margin-top:14px;display:grid;gap:6px}.pg__appealopt{display:flex;align-items:center;gap:10px;cursor:pointer}.pg__appealopt input{margin:0;accent-color:var(--ink)}.pg__appealopt span{font-size:12.5px;color:var(--ink-60)}.pg__appealopt b{display:inline-block;min-width:22px;margin:0 6px 0 0;font-weight:700;color:var(--ink)}.pg__appealacts{display:flex;gap:8px}.pg__appealacts button.is-go{background:var(--ink);border-color:var(--ink);color:var(--paper);font-weight:600}.pg__appealacts button:disabled{opacity:.4;cursor:default}.pg__appealacts button:disabled:hover{border-color:var(--hairline)}.pg__appeal.is-sent{border-color:var(--ink)}.pg__appeal.is-sent b{color:var(--ink)}.demo__ratingwrap{position:relative;flex:none}.demo__rating{cursor:pointer;font:inherit}.demo__rating:hover{border-color:var(--ink)}.demo__rating[data-review=true]{border-style:dashed;border-color:var(--ink-60)}.demo__ratingmenu{position:absolute;z-index:13;top:34px;right:0;width:254px;background:var(--paper);border:1px solid var(--hairline);border-radius:11px;padding:14px;box-shadow:0 16px 38px -12px #16171a52;font-family:var(--ui);text-align:left}.demo__ratingmenu[hidden]{display:none}.demo__rmhead{margin:0 0 5px;font-size:13px;font-weight:650;color:var(--ink)}.demo__rmnote{margin:0;font-size:12px;line-height:1.5;color:var(--ink-60)}.demo__rmnote b{font-family:var(--mono);font-size:11.5px;color:var(--ink);font-weight:500}.demo__rmgo{margin-top:12px;width:100%;height:34px;border-radius:8px;cursor:pointer;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-family:var(--ui);font-size:12.5px;font-weight:600}.demo__rmgo:hover{opacity:.88}.demo__rmopts{margin-top:12px;display:grid;gap:6px}.demo__rmopt{display:flex;align-items:center;gap:9px;cursor:pointer}.demo__rmopt input{margin:0;accent-color:var(--ink)}.demo__rmopt span{font-size:12px;color:var(--ink-60)}.demo__rmopt b{display:inline-block;min-width:20px;margin-right:5px;font-weight:700;color:var(--ink)}.demo__rmacts{display:flex;gap:7px;margin-top:13px}.demo__rmacts button{flex:1 1 0;height:32px;border-radius:8px;cursor:pointer;border:1px solid var(--hairline);background:var(--paper);font-family:var(--ui);font-size:12px;color:var(--ink-60)}.demo__rmacts button:hover{border-color:var(--ink);color:var(--ink)}.demo__rmacts button.is-go{background:var(--ink);border-color:var(--ink);color:var(--paper);font-weight:600}.demo__rmacts button:disabled{opacity:.4;cursor:default}.demo__rmacts button:disabled:hover{border-color:var(--ink)}.demo__chipmenu{position:absolute;z-index:13;top:34px;right:0;width:268px;background:var(--paper);border:1px solid var(--hairline);border-radius:11px;padding:14px;box-shadow:0 16px 38px -12px #16171a52;font-family:var(--ui);text-align:left}.demo__chipmenu[hidden]{display:none}.demo__cmhead{margin:0 0 7px;font-size:13px;font-weight:650;color:var(--ink);padding-left:22px;position:relative}.demo__cmhead:before{content:"";position:absolute;left:0;top:1px;width:15px;height:15px;border-radius:50%;background:#3a2f06}.demo__cmhead:after{content:"";position:absolute;left:5.5px;top:4.5px;width:5px;height:8px;background:var(--yellow);clip-path:polygon(62% 0,0 57%,32% 57%,25% 100%,100% 39%,63% 39%)}.demo__cmnote{margin:0 0 9px;font-size:12px;line-height:1.5;color:var(--ink-60)}.demo__cmfoot{margin:0;padding-top:9px;border-top:1px solid var(--hairline);font-size:11.5px;line-height:1.45;color:var(--ink-35)}.pg--start{padding:26px 30px 34px}.st__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid var(--hairline)}.st__hello{margin:2px 0 0;font-size:30px;font-weight:700;letter-spacing:-.03em;color:var(--ink)}.st__note{margin:0;max-width:40ch;font-size:12.5px;line-height:1.5;color:var(--ink-60);text-align:right}.st__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.st__bar h2{margin:0;font-size:15px;font-weight:650;letter-spacing:-.01em;color:var(--ink)}.st__controls{display:flex;gap:10px;flex-wrap:wrap}.st__pickwrap{position:relative;display:flex;align-items:center;gap:6px}.st__picklabel{font-size:11px;color:var(--ink-35)}.st__controls select,.st__adder select{height:28px;padding:0 8px;border:1px solid var(--hairline);border-radius:7px;background:var(--paper);font-family:var(--ui);font-size:12px;color:var(--ink);cursor:pointer}.st__controls select:focus,.st__adder select:focus{outline:none;border-color:var(--ink)}.st__news{margin-top:22px}.st__stories{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:1px;background:var(--hairline);border:1px solid var(--hairline);border-radius:10px;overflow:hidden}.st__stories li{background:var(--paper);padding:12px 14px}.st__stories b{display:block;font-size:13.5px;font-weight:600;color:var(--ink);margin-bottom:3px}.st__stories span{font-size:12px;color:var(--ink-60);line-height:1.5}.st__stories li.is-up{box-shadow:inset 3px 0 0 var(--yellow)}.st__empty{margin:14px 0 0;font-size:12.5px;color:var(--ink-60);line-height:1.55}.st__grid{margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.st__card{border:1px solid var(--hairline);border-radius:10px;padding:14px}.st__place{font-size:12px;color:var(--ink-35)}.st__add{height:24px;padding:0 10px;border-radius:6px;cursor:pointer;border:1px solid var(--hairline);background:var(--paper);font-family:var(--ui);font-size:11.5px;color:var(--ink-60)}.st__add:hover{border-color:var(--ink);color:var(--ink)}.st__add:disabled{opacity:.4;cursor:default}.st__adder{display:flex;gap:6px;margin-top:10px}.st__adder select{flex:1 1 auto;min-width:0}.st__adder button{height:28px;padding:0 10px;border-radius:7px;cursor:pointer;border:1px solid var(--hairline);background:var(--paper);font-family:var(--ui);font-size:11.5px;color:var(--ink)}.st__adder button:first-of-type{background:var(--ink);border-color:var(--ink);color:var(--paper)}.st__stocks,.st__clocks{list-style:none;margin:12px 0 0;padding:0}.st__stocks li,.st__clocks li{display:flex;align-items:baseline;gap:8px;padding:7px 0;border-bottom:1px solid var(--hairline);font-size:12.5px}.st__stocks li:last-child,.st__clocks li:last-child{border-bottom:0}.st__stocks b,.st__clocks b{flex:none;width:52px;font-family:var(--mono);font-size:11.5px;color:var(--ink)}.st__clocks b{width:88px;font-family:var(--ui);font-size:12.5px;font-weight:600}.st__stocks span,.st__clocks span{flex:1 1 auto;min-width:0;color:var(--ink-35);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st__stocks em,.st__clocks em{font-style:normal;font-family:var(--mono);font-size:12px;color:var(--ink)}.st__stocks i{flex:none;width:52px;text-align:right;font-style:normal;font-family:var(--mono);font-size:11.5px}.st__stocks i.is-up{color:#2f7d4f}.st__stocks i.is-down{color:#b4432f}.st__stocks li.is-bolt i{color:var(--ink-35);width:auto}.st__stocks button,.st__clocks button{flex:none;width:20px;height:20px;border:0;border-radius:5px;cursor:pointer;background:transparent;color:var(--ink-35);font-size:14px;line-height:1}.st__stocks button:hover,.st__clocks button:hover{background:var(--mist-deep);color:var(--ink)}.st__wx{display:flex;align-items:center;gap:14px;margin-top:14px}.st__sun{flex:none;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe08a,#efc44e)}.st__temp{display:block;font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.st__cond{font-size:11.5px;color:var(--ink-60)}.st__days{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.st__days li{text-align:center;padding:8px 0;border-radius:7px;background:var(--mist)}.st__days span{display:block;font-size:10.5px;color:var(--ink-35)}.st__days b{display:block;font-size:13px;color:var(--ink)}.st__days small{font-size:10.5px;color:var(--ink-35)}@media(max-width:900px){.st__grid{grid-template-columns:1fr}.st__head{flex-direction:column;align-items:flex-start;gap:10px}.st__note{text-align:left}}.st__pick{display:flex;align-items:center;gap:7px;height:28px;padding:0 9px;border-radius:7px;cursor:pointer;border:1px solid var(--hairline);background:var(--paper);font-family:var(--ui);font-size:12px;color:var(--ink)}.st__pick:hover{border-color:var(--ink-60)}.st__ico{flex:none;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.st__caret{flex:none;width:0;height:0;margin-left:1px;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-top:4px solid var(--ink-35)}.st__menu{position:absolute;z-index:14;top:32px;right:0;min-width:188px;background:var(--paper);border:1px solid var(--hairline);border-radius:9px;padding:5px;box-shadow:0 14px 34px -12px #16171a4d}.st__menu[hidden]{display:none}.st__opt{display:flex;align-items:center;gap:9px;width:100%;padding:7px 9px;border:0;border-radius:6px;cursor:pointer;background:transparent;text-align:left;font-family:var(--ui);font-size:12.5px;color:var(--ink-60)}.st__opt:hover{background:var(--mist);color:var(--ink)}.st__opt.is-on{background:var(--ink);color:var(--paper)}.st__opt .st__ico{width:16px;height:16px}.demo__tools{position:relative;flex:none;display:flex;align-items:center;gap:1px;flex-wrap:wrap;padding:4px 10px;border-bottom:1px solid var(--hairline);background:var(--mist)}.demo__toolsep{width:1px;height:16px;margin:0 6px;background:var(--hairline)}.demo__tool{position:relative;width:28px;height:28px;flex:none;border:0;border-radius:7px;padding:0;cursor:pointer;background:transparent;color:var(--ink-60);display:grid;place-items:center;transition:background .13s ease,color .13s ease}.demo__tool svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.demo__tool:hover:not(:disabled){background:var(--mist-deep);color:var(--ink)}.demo__tool:disabled{opacity:.3;cursor:default}.demo__tool.is-on{background:var(--ink);color:var(--paper)}.demo__tool.is-rec{color:#d0402a}.demo__tool.is-rec svg{fill:currentColor;animation:demoRec 1.4s ease-in-out infinite}@keyframes demoRec{0%,to{opacity:1}50%{opacity:.35}}.demo__tool:after{content:attr(data-tip);position:absolute;top:32px;left:50%;transform:translate(-50%);padding:4px 8px;border-radius:6px;white-space:nowrap;background:var(--ink);color:var(--paper);font-family:var(--ui);font-size:11px;line-height:1.3;opacity:0;pointer-events:none;z-index:20;transition:opacity .12s ease .25s}.demo__tool:hover:after{opacity:1}.demo__capmenu{position:absolute;z-index:18;top:34px;left:0;min-width:184px;background:var(--paper);border:1px solid var(--hairline);border-radius:9px;padding:5px;box-shadow:0 14px 34px -12px #16171a4d}.demo__capmenu[hidden]{display:none}.demo__capmenu button{display:block;width:100%;text-align:left;padding:8px 10px;border:0;border-radius:6px;cursor:pointer;background:transparent;font-family:var(--ui);font-size:12.5px;color:var(--ink-60)}.demo__capmenu button:hover{background:var(--mist);color:var(--ink)}.demo__toast{position:absolute;z-index:24;left:50%;bottom:18px;transform:translate(-50%,8px);max-width:76%;padding:9px 14px;border-radius:9px;background:var(--ink);color:var(--paper);font-family:var(--ui);font-size:12.5px;line-height:1.4;text-align:center;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.demo__toast.is-on{opacity:1;transform:translate(-50%)}.demo__flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;background:var(--paper);animation:demoFlash .26s ease-out forwards;pointer-events:none}@keyframes demoFlash{0%{opacity:.85}to{opacity:0}}.demo__code{position:absolute;z-index:22;left:0;right:0;bottom:0;height:52%;background:var(--paper);border-top:1px solid var(--ink);display:flex;flex-direction:column}.demo__codebar{flex:none;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--hairline);font-family:var(--ui);font-size:12px}.demo__codebar b{font-weight:650;color:var(--ink)}.demo__codebar button{border:1px solid var(--hairline);background:var(--paper);cursor:pointer;height:24px;padding:0 10px;border-radius:6px;font-family:var(--ui);font-size:11.5px;color:var(--ink-60)}.demo__code pre{flex:1 1 auto;overflow:auto;margin:0;padding:12px;font-family:var(--mono);font-size:11px;line-height:1.6;color:var(--ink-60);white-space:pre-wrap;word-break:break-word}.demo__findbar{position:absolute;z-index:22;top:8px;right:12px;display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:9px;background:var(--paper);border:1px solid var(--ink);box-shadow:0 12px 28px -12px #16171a4d}.demo__findbar input{width:168px;height:26px;padding:0 8px;border:1px solid var(--hairline);border-radius:6px;background:var(--paper);font-family:var(--ui);font-size:12px;color:var(--ink)}.demo__findbar input:focus{outline:none;border-color:var(--ink)}.demo__findbar span{font-family:var(--mono);font-size:11px;color:var(--ink-35);min-width:20px;text-align:center}.demo__findbar button{border:0;background:transparent;cursor:pointer;font-size:15px;color:var(--ink-35)}.demo__page mark[data-hit]{background:var(--yellow);color:var(--ink);border-radius:2px}.demo__frame.is-dropping,.demo__frame.is-dropping *{cursor:crosshair!important}.demo__lens{position:absolute;z-index:26;pointer-events:none;display:flex;align-items:center;gap:8px;padding:5px 8px 5px 5px;border-radius:8px;background:var(--ink);box-shadow:0 10px 24px -10px #16171a80}.demo__lens i{width:24px;height:24px;border-radius:5px;border:1px solid rgb(255 255 255 / .35)}.demo__lens span{display:block;line-height:1.25}.demo__lens b{display:block;font-family:var(--mono);font-size:11px;color:var(--paper);font-weight:500}.demo__lens u{display:block;text-decoration:none;font-family:var(--ui);font-size:9.5px;color:#ffffff8c}.demo__permwrap{position:relative;flex:none}.demo__permwrap .demo__nav{position:relative}.demo__permdot{position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background:var(--yellow);border:1.5px solid var(--paper)}.demo__permdot[hidden]{display:none}.demo__permmenu{position:absolute;z-index:16;top:34px;right:0;width:272px;max-height:420px;overflow-y:auto;background:var(--paper);border:1px solid var(--hairline);border-radius:11px;padding:13px;box-shadow:0 16px 38px -12px #16171a52;font-family:var(--ui);text-align:left}.demo__permmenu[hidden]{display:none}.demo__pmhead{margin:0 0 10px;font-size:12.5px;font-weight:500;color:var(--ink-60);line-height:1.4}.demo__pmhead b{font-weight:650;color:var(--ink);font-family:var(--mono);font-size:12px}.demo__pmrows{display:grid;gap:2px}.demo__pmrow{display:flex;align-items:center;gap:9px;padding:6px 7px;border-radius:7px;cursor:pointer;font-size:12.5px;color:var(--ink-60)}.demo__pmrow:hover{background:var(--mist);color:var(--ink)}.demo__pmrow input{margin:0;accent-color:var(--ink);cursor:pointer}.demo__pmico{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.demo__pmrow:has(input:checked){color:var(--ink);font-weight:600}.demo__pmnote{margin:11px 0 0;padding-top:10px;border-top:1px solid var(--hairline);font-size:11.5px;line-height:1.5;color:var(--ink-35)}.demo__pmnote--settings{margin-top:7px;padding-top:0;border-top:0;color:var(--ink-60)}.demo__pmclear{margin-top:10px;width:100%;height:28px;border-radius:7px;cursor:pointer;border:1px solid var(--hairline);background:var(--paper);font-family:var(--ui);font-size:12px;color:var(--ink-60)}.demo__pmclear:hover{border-color:var(--ink);color:var(--ink)}.demo__capsub{position:relative}.demo__capparent{display:flex!important;align-items:center;justify-content:space-between;gap:8px}.demo__capcaret{flex:none;width:0;height:0;border-top:3.5px solid transparent;border-bottom:3.5px solid transparent;border-left:4px solid var(--ink-35)}.demo__capwhen{margin:2px 0 4px 10px;padding-left:8px;border-left:1px solid var(--hairline)}.demo__capwhen[hidden]{display:none}.demo__capwhen button{font-size:12px!important;color:var(--ink-35)!important}.demo__capwhen button:hover{color:var(--ink)!important}.demo__count{position:absolute;z-index:26;top:0;right:0;bottom:0;left:0;margin:auto;width:92px;height:92px;border-radius:50%;background:#16171ad1;color:var(--paper);display:grid;place-items:center;pointer-events:none;font-family:var(--font-display, var(--ui));font-size:40px;font-weight:700}.demo__snip{position:absolute;top:0;right:0;bottom:0;left:0;z-index:27;cursor:crosshair;background:#16171a6b}.demo__sniprect{position:absolute;cursor:move;border:1.5px solid var(--paper);box-shadow:0 0 0 9999px #16171a6b;background:transparent}.demo__sniprect[hidden]{display:none}.demo__sniph{position:absolute;width:10px;height:10px;background:var(--paper);border:1px solid rgb(22 23 26 / .5);border-radius:2px}.demo__sniph--nw{left:-5px;top:-5px;cursor:nwse-resize}.demo__sniph--n{left:50%;top:-5px;margin-left:-5px;cursor:ns-resize}.demo__sniph--ne{right:-5px;top:-5px;cursor:nesw-resize}.demo__sniph--e{right:-5px;top:50%;margin-top:-5px;cursor:ew-resize}.demo__sniph--se{right:-5px;bottom:-5px;cursor:nwse-resize}.demo__sniph--s{left:50%;bottom:-5px;margin-left:-5px;cursor:ns-resize}.demo__sniph--sw{left:-5px;bottom:-5px;cursor:nesw-resize}.demo__sniph--w{left:-5px;top:50%;margin-top:-5px;cursor:ew-resize}.demo__snipsize{position:absolute;left:0;top:-24px;padding:2px 7px;border-radius:5px;background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:10.5px;white-space:nowrap}.demo__sniphint{position:absolute;left:50%;bottom:20px;transform:translate(-50%);margin:0;padding:8px 14px;border-radius:9px;background:var(--ink);color:var(--paper);font-family:var(--ui);font-size:12px;white-space:nowrap;pointer-events:none}.demo__imgtools{display:flex;align-items:center;gap:2px;flex-wrap:wrap;padding:7px 12px;border-bottom:1px solid var(--hairline);background:var(--mist)}.demo__imgtools[hidden]{display:none}.demo__imggroup{display:flex;align-items:center;gap:2px}.demo__imggroup+.demo__imggroup{margin-left:6px;padding-left:8px;border-left:1px solid var(--hairline)}.demo__imgtool{position:relative;width:28px;height:28px;flex:none;border:0;border-radius:7px;padding:0;cursor:pointer;background:transparent;color:var(--ink-60);display:grid;place-items:center;transition:background .13s ease,color .13s ease}.demo__imgtool svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.demo__imgtool:hover:not(:disabled){background:var(--mist-deep);color:var(--ink)}.demo__imgtool:disabled{opacity:.3;cursor:default}.demo__imgtool:after{content:attr(data-tip);position:absolute;top:32px;left:50%;transform:translate(-50%);padding:4px 8px;border-radius:6px;white-space:nowrap;background:var(--ink);color:var(--paper);font-family:var(--ui);font-size:11px;line-height:1.3;opacity:0;pointer-events:none;z-index:26;transition:opacity .12s ease .25s}.demo__aitip{position:absolute;top:32px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;white-space:nowrap;padding:4px 6px 4px 8px;border-radius:6px;background:var(--ink);color:var(--paper);font-family:var(--ui);font-size:11px;line-height:1.3;opacity:0;pointer-events:none;z-index:26;transition:opacity .12s ease .25s}.demo__aitip i{font-style:normal;padding:2px 5px;border-radius:4px;background:var(--yellow);color:var(--ink);font-size:8.5px;font-weight:700;letter-spacing:.06em}.demo__imgtool--ai:hover .demo__aitip{opacity:1}.demo__imgtool:hover:after{opacity:1}.demo__previewsave{display:flex;gap:6px;margin-left:auto}.demo__previewsave[hidden]{display:none}.demo__savecopy{height:26px;padding:0 11px;border-radius:7px;cursor:pointer;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-family:var(--ui);font-size:11.5px;font-weight:600}.demo__savecopy:hover{opacity:.88}.demo__savecopy--alt{background:var(--paper);color:var(--ink)}.demo__imgpanel{padding:14px 16px;border-top:1px solid var(--hairline);background:var(--paper)}.demo__imgpanel[hidden]{display:none}.demo__iphead{margin:0 0 4px;font-family:var(--ui);font-size:12.5px;font-weight:650;color:var(--ink)}.demo__ai{display:inline-block;margin-left:6px;padding:2px 5px;border-radius:4px;background:var(--yellow);color:var(--ink);font-style:normal;font-size:9px;font-weight:700;letter-spacing:.06em;vertical-align:1px}.demo__inote{margin:0 0 11px;font-family:var(--ui);font-size:11.5px;line-height:1.5;color:var(--ink-35)}.demo__ichoices,.demo__irow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.demo__irow+.demo__irow{margin-top:10px}.demo__irow label,.demo__ifield label{font-family:var(--ui);font-size:11px;color:var(--ink-35)}.demo__irow input[type=text],.demo__irow select,.demo__ichoices button{height:30px;padding:0 10px;border-radius:7px;border:1px solid var(--hairline);background:var(--paper);cursor:pointer;font-family:var(--ui);font-size:12px;color:var(--ink)}.demo__irow input[type=text]{width:76px;cursor:text;font-family:var(--mono)}.demo__irow input[type=range]{flex:1 1 120px;accent-color:var(--ink)}.demo__irow b{font-family:var(--mono);font-size:11.5px;color:var(--ink);min-width:36px}.demo__ichoices button:hover{border-color:var(--ink)}.demo__irow .is-go,.demo__ichoices .is-go{background:var(--ink);border-color:var(--ink);color:var(--paper);font-weight:600}.demo__iswatches{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:4px}.demo__sw{width:26px;height:26px;border-radius:6px;cursor:pointer;border:1px solid rgb(22 23 26 / .18);padding:0}.demo__sw:hover{box-shadow:0 0 0 2px var(--mist-deep)}.demo__sw.is-on{box-shadow:0 0 0 2px var(--ink)}.demo__sw--none{position:relative;border-color:var(--ink-35);background-image:linear-gradient(45deg,var(--ink-35) 25%,transparent 25%),linear-gradient(-45deg,var(--ink-35) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--ink-35) 75%),linear-gradient(-45deg,transparent 75%,var(--ink-35) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;background-color:var(--paper)}.demo__sw--none:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(to top right,transparent calc(50% - 1px),#b4432f calc(50% - 1px),#b4432f calc(50% + 1px),transparent calc(50% + 1px))}.demo__ishapes{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.demo__ishapes button{display:grid;place-items:center;gap:5px;padding:9px 4px;border-radius:8px;cursor:pointer;border:1px solid var(--hairline);background:var(--paper);font-family:var(--ui);font-size:10px;color:var(--ink-60);text-align:center;line-height:1.25}.demo__ishapes button:hover{border-color:var(--ink);color:var(--ink)}.demo__shape{width:22px;height:22px;background:var(--ink-35);display:block}.demo__shape--free{background:none;box-shadow:inset 0 0 0 1.5px var(--ink-35)}.demo__shape--square{width:20px;height:20px}.demo__shape--rect43{width:24px;height:18px}.demo__shape--rect169{width:26px;height:15px}.demo__shape--circle{border-radius:50%}.demo__shape--oval{width:26px;height:17px;border-radius:50%}.demo__shape--rounded{border-radius:6px}.demo__shape--triangle{clip-path:polygon(50% 0,100% 100%,0 100%)}.demo__shape--hexagon{clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%)}.demo__shape--star{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.demo__sw--tool{display:grid;place-items:center;background:var(--paper);border-color:var(--hairline);color:var(--ink-60);position:relative}.demo__sw--tool svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.demo__sw--tool:hover{border-color:var(--ink);color:var(--ink);box-shadow:none}.demo__sw--tool:after{content:attr(data-tip);position:absolute;bottom:30px;left:50%;transform:translate(-50%);padding:4px 8px;border-radius:6px;white-space:nowrap;background:var(--ink);color:var(--paper);font-family:var(--ui);font-size:11px;opacity:0;pointer-events:none;z-index:26;transition:opacity .12s ease .25s}.demo__sw--tool:hover:after{opacity:1}.demo__swfound{width:26px;height:26px;border-radius:6px;border:2px solid var(--ink);margin-left:2px}.demo__swfound[hidden]{display:none}.demo__csearch{margin-top:10px}.demo__csearch input{width:100%;height:30px;padding:0 10px;border:1px solid var(--hairline);border-radius:7px;background:var(--paper);font-family:var(--ui);font-size:12px;color:var(--ink)}.demo__csearch input:focus{outline:none;border-color:var(--ink)}.demo__cresults{margin-top:8px;max-height:168px;overflow-y:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.demo__cnote{grid-column:1 / -1;margin:4px 0;font-family:var(--ui);font-size:11.5px;line-height:1.5;color:var(--ink-35)}.demo__cres{display:flex;align-items:center;gap:8px;width:100%;padding:5px 7px;border:0;border-radius:6px;cursor:pointer;background:transparent;text-align:left}.demo__cres:hover{background:var(--mist)}.demo__cres i{flex:none;width:18px;height:18px;border-radius:4px;border:1px solid rgb(22 23 26 / .18)}.demo__cres span{flex:1 1 auto;min-width:0;font-family:var(--ui);font-size:11.5px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo__edmenu--sw .demo__cres em{display:none}.demo__edmenu--sw .demo__csearch input{font-size:12px}.demo__cres em{flex:none;font-style:normal;font-family:var(--mono);font-size:10px;color:var(--ink-35)}.demo__keywrap{position:relative;flex:none}.demo__keywrap .demo__nav{position:relative}.demo__keydot{position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background:var(--yellow);border:1.5px solid var(--paper)}.demo__keydot[hidden]{display:none}.demo__keymenu{position:absolute;z-index:16;top:34px;right:0;width:296px;max-height:440px;overflow-y:auto;background:var(--paper);border:1px solid var(--hairline);border-radius:11px;padding:13px;box-shadow:0 16px 38px -12px #16171a52;font-family:var(--ui);text-align:left}.demo__keymenu[hidden]{display:none}.demo__khead{margin:0 0 12px;font-size:12.5px;font-weight:500;color:var(--ink-60);line-height:1.4}.demo__khead b{font-weight:650;color:var(--ink);font-family:var(--mono);font-size:12px}.demo__ksec+.demo__ksec{margin-top:13px;padding-top:12px;border-top:1px solid var(--hairline)}.demo__ktitle{display:flex;align-items:center;gap:7px;margin:0 0 7px;font-size:11px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-35)}.demo__ktitle svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.demo__krows{list-style:none;margin:0;padding:0}.demo__krows li{display:flex;align-items:baseline;gap:8px;padding:6px 0;font-size:12.5px;color:var(--ink)}.demo__krows li+li{border-top:1px solid var(--hairline)}.demo__krows span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo__krows em{flex:none;font-style:normal;font-size:11px;color:var(--ink-35)}.demo__krows li.is-note{flex-direction:column;align-items:flex-start;gap:2px;position:relative;padding-right:22px}.demo__krows li.is-note span{font-size:11px;color:var(--ink-35)}.demo__krows li.is-note em{font-size:12.5px;color:var(--ink);font-family:var(--mono)}.demo__krows li.is-note button{position:absolute;top:4px;right:0}.demo__krows button{flex:none;border:0;background:transparent;cursor:pointer;color:var(--ink-35);font-family:var(--ui);font-size:11px;padding:2px 4px;border-radius:4px}.demo__krows button:hover{background:var(--mist);color:var(--ink)}.demo__kempty{margin:0;font-size:11.5px;line-height:1.5;color:var(--ink-35)}.demo__kadd{display:grid;gap:6px;margin-top:12px}.demo__kadd[hidden]{display:none}.demo__kadd input{height:30px;padding:0 9px;border:1px solid var(--hairline);border-radius:7px;background:var(--paper);font-family:var(--ui);font-size:12px;color:var(--ink)}.demo__kadd input:focus{outline:none;border-color:var(--ink)}.demo__kadd button{height:28px;border-radius:7px;cursor:pointer;border:1px solid var(--hairline);background:var(--paper);font-family:var(--ui);font-size:12px;color:var(--ink-60)}.demo__kadd .is-go{background:var(--ink);border-color:var(--ink);color:var(--paper);font-weight:600}.demo__kaddbtn{margin-top:10px;width:100%;height:28px;border-radius:7px;cursor:pointer;border:1px dashed var(--hairline);background:var(--paper);font-family:var(--ui);font-size:12px;color:var(--ink-60)}.demo__kaddbtn:hover{border-color:var(--ink);color:var(--ink)}.demo__knote{margin:11px 0 0;padding-top:10px;border-top:1px solid var(--hairline);font-size:11.5px;line-height:1.5;color:var(--ink-35)}.demo__mirror{position:absolute;z-index:26;top:12px;right:12px;width:300px;background:var(--paper);border:1px solid var(--hairline);border-radius:12px;box-shadow:0 18px 44px -16px #16171a6b;overflow:hidden;font-family:var(--ui)}.demo__mirrorhead{display:flex;align-items:center;gap:8px;padding:9px 10px 9px 12px;border-bottom:1px solid var(--hairline);background:var(--mist)}.demo__mirrorhead b{font-size:12.5px;font-weight:650;color:var(--ink)}.demo__mirrorlive{flex:1 1 auto;font-size:10.5px;color:var(--ink-35);line-height:1.3}.demo__mirrorhead button{flex:none;border:0;background:transparent;cursor:pointer;font-size:16px;line-height:1;color:var(--ink-35)}.demo__mirrorview{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:linear-gradient(170deg,#3d4a57,#6c7d8c 62%,#99a7b3)}.demo__mirrorview.is-flipped{transform:scaleX(-1)}.demo__mirrorperson{position:absolute;left:50%;bottom:-18%;transform:translate(-50%);width:62%;height:92%;background:radial-gradient(ellipse 34% 26% at 50% 22%,#d8bda4 99%,transparent 100%),radial-gradient(ellipse 52% 46% at 50% 92%,#2f3a45 99%,transparent 100%)}.demo__mirrorgrid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .14s ease}.demo__mirrorview.is-guided .demo__mirrorgrid{opacity:1;background-image:linear-gradient(to right,rgb(255 255 255 / .4) 1px,transparent 1px),linear-gradient(to bottom,rgb(255 255 255 / .4) 1px,transparent 1px);background-size:33.33% 33.33%}.demo__mirrorfoot{display:grid;gap:7px;padding:10px 12px 12px}.demo__mirroropt{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--ink-60);cursor:pointer}.demo__mirroropt input{margin:0;accent-color:var(--ink)}.demo__mirrorsnap{margin-top:3px;height:30px;border-radius:7px;cursor:pointer;border:1px solid var(--hairline);background:var(--paper);font-family:var(--ui);font-size:12px;color:var(--ink)}.demo__mirrorsnap:hover{border-color:var(--ink)}@keyframes demoScanBar{0%{transform:translate(-100%)}to{transform:translate(250%)}}.demo__calc{position:absolute;z-index:26;top:12px;right:12px;width:232px;background:var(--paper);border:1px solid var(--hairline);border-radius:12px;box-shadow:0 18px 44px -16px #16171a6b;overflow:hidden;font-family:var(--ui)}.demo__calchead{display:flex;align-items:center;justify-content:space-between;padding:9px 10px 9px 12px;border-bottom:1px solid var(--hairline);background:var(--mist)}.demo__calchead b{font-size:12.5px;font-weight:650;color:var(--ink)}.demo__calchead button{border:0;background:transparent;cursor:pointer;font-size:16px;color:var(--ink-35)}.demo__calcout{padding:14px 14px 12px;text-align:right;font-family:var(--mono);font-size:26px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo__calckeys{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hairline)}.demo__calckey{height:44px;border:0;cursor:pointer;background:var(--paper);font-family:var(--ui);font-size:15px;color:var(--ink)}.demo__calckey:hover{background:var(--mist)}.demo__calckey.is-fn{color:var(--ink-60)}.demo__calckey.is-op{background:var(--mist);font-weight:600}.demo__calckey.is-op:hover{background:var(--mist-deep)}.demo__calckey.is-wide{grid-column:span 2}.demo__timer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:26;display:grid;place-items:center;background:#16171a80;padding:24px}.demo__timerin{width:100%;max-width:320px;padding:18px;background:var(--paper);border-radius:13px;box-shadow:0 22px 52px -18px #16171a8c;font-family:var(--ui)}.demo__timerhead{margin:0 0 12px;font-size:14px;font-weight:650;color:var(--ink)}.demo__timerquick{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px}.demo__timerquick button{height:32px;border-radius:7px;cursor:pointer;border:1px solid var(--hairline);background:var(--paper);font-family:var(--ui);font-size:12px;color:var(--ink-60)}.demo__timerquick button:hover{border-color:var(--ink);color:var(--ink)}.demo__timerrow{display:flex;align-items:center;gap:6px}.demo__timerrow input{width:52px;height:34px;padding:0 8px;text-align:center;border:1px solid var(--hairline);border-radius:7px;background:var(--paper);font-family:var(--mono);font-size:14px;color:var(--ink)}.demo__timerrow label{font-size:11.5px;color:var(--ink-35);margin-right:4px}.demo__timeracts{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.demo__timeracts button{height:32px;padding:0 14px;border-radius:7px;cursor:pointer;border:1px solid var(--hairline);background:var(--paper);font-family:var(--ui);font-size:12px;color:var(--ink-60)}.demo__timeracts .is-go{background:var(--ink);border-color:var(--ink);color:var(--paper);font-weight:600}.demo__clockslot{display:flex;align-items:center;gap:6px;margin-left:auto;padding-right:8px}.demo__clockchip{display:inline-flex;align-items:center;gap:7px;height:24px;padding:0 4px 0 9px;border-radius:12px;background:var(--paper);border:1px solid var(--hairline);font-family:var(--ui);font-size:11px}.demo__clockchip i{font-style:normal;color:var(--ink-35)}.demo__clockchip b{font-family:var(--mono);font-size:12px;color:var(--ink);font-variant-numeric:tabular-nums}.demo__clockchip button{border:0;border-radius:9px;cursor:pointer;height:18px;padding:0 8px;background:var(--mist);color:var(--ink-60);font-family:var(--ui);font-size:10.5px}.demo__clockchip button:hover{background:var(--mist-deep);color:var(--ink)}.demo__clockchip.is-done{background:var(--ink);border-color:var(--ink)}.demo__clockchip.is-done i{color:var(--yellow);font-weight:600}.demo__clockchip.is-done button{background:#ffffff2e;color:var(--paper)}.demo__clockslot~.demo__clockchip--track i{color:var(--ink);font-weight:600}.demo__clockchip--track b{color:var(--ink-60);font-family:var(--ui);font-size:11px}.demo__clockchip--track.is-urgent{border-color:var(--ink);background:var(--yellow)}.demo__clockchip--track.is-urgent i,.demo__clockchip--track.is-urgent b{color:var(--ink)}.demo__clockchip--track.is-urgent button{background:#16171a1f;color:var(--ink)}.demo__cshelf{margin-top:10px;padding-top:10px;border-top:1px solid var(--hairline)}.demo__cshelfhead{margin:0 0 8px;font-family:var(--ui);font-size:10px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-35)}.demo__cshelfrow{display:flex;gap:9px 8px;flex-wrap:wrap}.demo__cshelfitem{position:relative;display:inline-block}.demo__cstar{position:absolute;top:-5px;right:-5px;width:15px;height:15px;padding:0;border-radius:50%;cursor:pointer;border:1px solid var(--hairline);background:var(--paper);display:grid;place-items:center}.demo__cstar svg{width:9px;height:9px;fill:none;stroke:var(--ink-35);stroke-width:2.2;stroke-linejoin:round}.demo__cstar:hover svg{stroke:var(--ink)}.demo__cstar.is-on{background:var(--yellow);border-color:var(--yellow)}.demo__cstar.is-on svg{fill:var(--ink);stroke:var(--ink)}.demo__devmenu{position:absolute;z-index:19;top:74px;left:50%;transform:translate(-50%);width:300px;max-height:380px;overflow-y:auto;background:var(--paper);border:1px solid var(--hairline);border-radius:11px;padding:6px;box-shadow:0 18px 40px -14px #16171a57;font-family:var(--ui)}.demo__devhead{margin:7px 9px 6px;font-size:10px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-35)}.demo__devitem{display:block;width:100%;text-align:left;padding:7px 9px;border:0;border-radius:7px;cursor:pointer;background:transparent}.demo__devitem:hover{background:var(--mist)}.demo__devitem.is-on{background:var(--ink)}.demo__devitem span{display:block;font-size:12.5px;color:var(--ink)}.demo__devitem em{display:block;font-style:normal;font-size:11px;color:var(--ink-35);margin-top:1px}.demo__devitem.is-on span{color:var(--paper)}.demo__devitem.is-on em{color:#fff9}.demo__devnote{margin:8px 9px 4px;padding-top:8px;border-top:1px solid var(--hairline);font-size:11px;line-height:1.5;color:var(--ink-35)}.demo__page.is-emulated{box-shadow:0 0 0 1px var(--hairline);background:var(--paper)}.demo__emu{position:absolute;z-index:20;left:50%;bottom:12px;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:5px 5px 5px 12px;border-radius:16px;background:var(--ink);color:var(--paper);font-family:var(--ui);box-shadow:0 12px 28px -12px #16171a80}.demo__emu b{font-size:12px;font-weight:650}.demo__emu span{font-family:var(--mono);font-size:11px;color:#ffffffa6}.demo__emu em{font-style:normal;font-size:11px;color:#ffffff80}.demo__emu button{border:0;border-radius:12px;cursor:pointer;height:22px;padding:0 10px;background:#ffffff29;color:var(--paper);font-family:var(--ui);font-size:11px}.demo__emu button:hover{background:#ffffff47}.demo__emu button[data-emu-stop]{padding:0 9px;font-size:14px;line-height:1}.demo__split{flex:none;width:7px;cursor:col-resize;position:relative;background:transparent;display:grid;place-items:center;transition:background .14s ease}.demo__split i{width:2px;height:26px;border-radius:1px;background:var(--hairline);transition:background .14s ease,height .14s ease}.demo__split:hover{background:var(--mist)}.demo__split:hover i{background:var(--ink-35);height:42px}.demo__split:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.demo__split.is-open{background:var(--mist)}.demo__split.is-open i{background:var(--ink-35)}body.is-splitting{cursor:col-resize;-webkit-user-select:none;user-select:none}.demo__page--two{flex:none;min-width:0;display:flex;flex-direction:column;border-left:1px solid var(--hairline);overflow:hidden}.demo__page--two[hidden]{display:none}.demo__panebar{flex:none;display:flex;align-items:center;gap:6px;padding:6px 6px 6px 8px;border-bottom:1px solid var(--hairline);background:var(--mist)}.demo__panetabs{flex:1 1 auto;min-width:0;display:flex;gap:3px;overflow-x:auto;scrollbar-width:none}.demo__panetabs::-webkit-scrollbar{display:none}.demo__panetab{flex:none;max-width:132px;height:24px;padding:0 10px;border-radius:12px;cursor:pointer;border:1px solid var(--hairline);background:var(--paper);font-family:var(--ui);font-size:11.5px;color:var(--ink-60);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo__panetab:hover{border-color:var(--ink-35);color:var(--ink)}.demo__panetab.is-on{background:var(--ink);border-color:var(--ink);color:var(--paper)}.demo__paneclose{flex:none;width:22px;height:22px;border:0;border-radius:6px;cursor:pointer;background:transparent;color:var(--ink-35);font-size:15px;line-height:1}.demo__paneclose:hover{background:var(--mist-deep);color:var(--ink)}.demo__panebody{flex:1 1 auto;overflow-y:auto}.demo__panenote{margin:0;padding:20px;font-family:var(--ui);font-size:12.5px;color:var(--ink-35)}.demo__settings--downloads{height:auto;padding:9px 12px;flex-direction:column;align-items:center;justify-content:center;gap:3px}.demo__settings--downloads>span{display:flex;align-items:center;gap:9px}.demo__settings--downloads>span svg{width:17px;height:17px}.demo__cloudnote{display:flex;align-items:center;gap:5px;font-family:var(--ui);font-weight:400;font-size:10.5px;color:var(--ink-35);line-height:1.3}.demo__cloudnote svg{width:12px;height:12px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.demo__bulk{position:absolute;top:0;right:0;bottom:0;left:0;z-index:27;display:grid;place-items:center;background:#16171a80;padding:24px}.demo__bulkin{width:100%;max-width:520px;max-height:84%;overflow-y:auto;padding:18px;background:var(--paper);border-radius:13px;box-shadow:0 22px 52px -18px #16171a8c;font-family:var(--ui)}.demo__bulkin--narrow{max-width:380px}.demo__bulkhead{margin:0 0 5px;font-size:14px;font-weight:650;color:var(--ink)}.demo__bulknote{margin:0 0 14px;font-size:11.5px;line-height:1.5;color:var(--ink-35)}.demo__bulksub{margin:16px 0 8px;font-size:10px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-35)}.demo__bulkparts{display:grid;gap:7px}.demo__bulkpart{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 8px 8px 10px;border:1px solid var(--hairline);border-radius:9px}.demo__bulkpart.is-num{background:var(--mist)}.demo__bulkno{flex:none;width:18px;height:18px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-size:10px;font-weight:700}.demo__bulkkind{flex:none;font-size:10.5px;color:var(--ink-35);min-width:44px}.demo__bulkpart input[type=text]{flex:1 1 120px;min-width:0;height:30px;padding:0 9px;border:1px solid var(--hairline);border-radius:7px;background:var(--paper);font-family:var(--mono);font-size:12px;color:var(--ink)}.demo__bulkpart label{display:flex;align-items:center;gap:5px;font-size:10.5px;color:var(--ink-35)}.demo__bulkpart label input{flex:0 0 62px}.demo__bulkpart select{height:30px;padding:0 7px;border:1px solid var(--hairline);border-radius:7px;background:var(--paper);font-family:var(--ui);font-size:11.5px;color:var(--ink)}.demo__bulkpart>button{flex:none;margin-left:auto;width:24px;height:24px;border:0;border-radius:6px;background:transparent;cursor:pointer;color:var(--ink-35);font-size:15px;line-height:1}.demo__bulkpart>button:hover{background:var(--mist-deep);color:var(--ink)}.demo__bulkadd{display:flex;gap:7px;margin-top:9px}.demo__bulkadd button{height:28px;padding:0 12px;border-radius:7px;cursor:pointer;border:1px dashed var(--hairline);background:var(--paper);font-family:var(--ui);font-size:11.5px;color:var(--ink-60)}.demo__bulkadd button:hover{border-color:var(--ink);color:var(--ink)}.demo__bulkprev{list-style:none;margin:0;padding:0}.demo__bulkprev li{display:flex;align-items:baseline;gap:9px;padding:5px 0;font-size:12px;border-bottom:1px solid var(--hairline)}.demo__bulkprev li:last-child{border-bottom:0}.demo__bulkprev span{flex:1 1 0;min-width:0;color:var(--ink-35);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo__bulkprev i{flex:none;font-style:normal;color:var(--ink-35)}.demo__bulkprev b{flex:1 1 0;min-width:0;font-family:var(--mono);font-size:11.5px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo__bulkprev li.is-more span{font-style:italic}.demo__splitrow{display:flex;align-items:center;gap:9px}.demo__splitrow label{font-size:11.5px;color:var(--ink-60)}.demo__splitrow input{width:90px;height:32px;padding:0 10px;text-align:center;border:1px solid var(--hairline);border-radius:7px;background:var(--paper);font-family:var(--mono);font-size:13px;color:var(--ink)}.demo__bulkacts{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.demo__bulkacts button{height:32px;padding:0 14px;border-radius:7px;cursor:pointer;border:1px solid var(--hairline);background:var(--paper);font-family:var(--ui);font-size:12px;color:var(--ink-60)}.demo__bulkacts .is-go{background:var(--ink);border-color:var(--ink);color:var(--paper);font-weight:600}.demo__printmenu{position:absolute;z-index:25;width:240px;background:var(--paper);border:1px solid var(--hairline);border-radius:10px;padding:5px;box-shadow:0 16px 36px -14px #16171a57;font-family:var(--ui)}.demo__printmenu button{display:block;width:100%;text-align:left;padding:8px 10px;border:0;border-radius:7px;cursor:pointer;background:transparent}.demo__printmenu button:hover:not(:disabled){background:var(--mist)}.demo__printmenu button:disabled{opacity:.42;cursor:default}.demo__printmenu span{display:block;font-size:12.5px;color:var(--ink)}.demo__printmenu em{display:block;font-style:normal;font-size:11px;color:var(--ink-35);margin-top:1px}.demo__tabmedia{display:flex;align-items:center;gap:1px;flex:none;margin-left:auto}.demo__tabmedia i{width:20px;height:20px;border-radius:5px;cursor:pointer;display:grid;place-items:center;color:var(--ink-35);transition:background .13s ease,color .13s ease}.demo__tabmedia i:hover{background:var(--mist-deep);color:var(--ink)}.demo__tabmedia svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.demo__tabmedia [data-mk=prev] svg path:first-child,.demo__tabmedia [data-mk=next] svg path:first-child{fill:currentColor}.demo__tab.is-on .demo__tabmedia i{color:var(--ink-60)}.demo__tab.is-on .demo__tabmedia i:hover{color:var(--ink)}.demo__tabs.is-tight .demo__tab:not(.is-on) .demo__tabmedia{display:none}.demo__newwrap{position:relative}.demo__newmenu{position:absolute;z-index:22;top:34px;left:0;width:226px;background:var(--paper);border:1px solid var(--hairline);border-radius:10px;padding:5px;box-shadow:0 16px 36px -14px #16171a52;font-family:var(--ui)}.demo__newmenu[hidden]{display:none}.demo__newmenu button{display:block;width:100%;text-align:left;padding:8px 10px;border:0;border-radius:7px;cursor:pointer;background:transparent}.demo__newmenu button:hover{background:var(--mist)}.demo__newmenu span{display:block;font-size:12.5px;color:var(--ink)}.demo__newmenu em{display:block;font-style:normal;font-size:11px;color:var(--ink-35);margin-top:1px}.demo__editor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:26;display:flex;flex-direction:column;background:var(--paper);font-family:var(--ui)}.demo__editor[hidden]{display:none}.demo__edhead{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--hairline);background:var(--mist)}.demo__edname{display:flex;align-items:center;gap:7px;min-width:0}.demo__edname b{font-size:13.5px;font-weight:650;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo__edname button{flex:none;width:24px;height:24px;border:0;border-radius:6px;cursor:pointer;background:transparent;color:var(--ink-35);display:grid;place-items:center}.demo__edname button:hover{background:var(--mist-deep);color:var(--ink)}.demo__edname svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.demo__edsave{display:flex;align-items:center;gap:8px}.demo__edprimary{height:32px;padding:0 16px;border-radius:8px;cursor:pointer;border:0;background:var(--ink);color:var(--paper);font-family:var(--ui);font-size:12.5px;font-weight:650}.demo__edprimary:hover{opacity:.9}.demo__edsavewrap{position:relative}.demo__edsavemenu{position:absolute;z-index:24;top:36px;right:0;width:244px;background:var(--paper);border:1px solid var(--hairline);border-radius:10px;padding:5px;box-shadow:0 16px 36px -14px #16171a52}.demo__edsavemenu[hidden]{display:none}.demo__edsavemenu button{display:block;width:100%;text-align:left;padding:7px 10px;border:0;border-radius:7px;cursor:pointer;background:transparent}.demo__edsavemenu button:hover{background:var(--mist)}.demo__edsavemenu span{display:block;font-size:12.5px;color:var(--ink)}.demo__edsavemenu em{display:block;font-style:normal;font-size:11px;color:var(--ink-35)}.demo__edtools{flex:none;display:flex;align-items:center;gap:2px;flex-wrap:wrap;padding:6px 12px;border-bottom:1px solid var(--hairline);background:var(--mist)}.demo__edgroup{display:flex;align-items:center;gap:4px}.demo__edgroup+.demo__edgroup{margin-left:6px;padding-left:8px;border-left:1px solid var(--hairline)}.demo__edtool{position:relative;width:28px;height:28px;flex:none;border:0;border-radius:7px;cursor:pointer;background:transparent;display:grid;place-items:center;color:var(--ink-60);font-family:var(--font-body);font-size:13px}.demo__edtool:hover{background:var(--mist-deep);color:var(--ink)}.demo__edtool svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.demo__edtool u.is-double{text-decoration:underline double;text-underline-offset:2px}.demo__edtool:after{content:attr(data-tip);position:absolute;top:32px;left:50%;transform:translate(-50%);padding:4px 8px;border-radius:6px;white-space:nowrap;background:var(--ink);color:var(--paper);font-size:11px;opacity:0;pointer-events:none;z-index:26;transition:opacity .12s ease .25s}.demo__edtool:hover:after{opacity:1}.demo__edtools select,.demo__ednum{height:28px;padding:0 8px;border:1px solid var(--hairline);border-radius:7px;background:var(--paper);font-family:var(--ui);font-size:12px;color:var(--ink)}.demo__ednum{width:66px;text-align:center;font-family:var(--mono)}.demo__edlabel,.demo__edx{font-size:11px;color:var(--ink-35)}.demo__edpick{position:relative}.demo__edpick>button:not(.demo__edpickico){height:28px;padding:0 11px;border-radius:7px;cursor:pointer;border:1px solid var(--hairline);background:var(--paper);font-family:var(--ui);font-size:12px;color:var(--ink)}.demo__edpick>button:not(.demo__edpickico):hover{border-color:var(--ink)}.demo__edmenu{position:absolute;z-index:24;top:32px;left:0;width:224px;background:var(--paper);border:1px solid var(--hairline);border-radius:10px;padding:5px;box-shadow:0 16px 36px -14px #16171a52}.demo__edmenu[hidden]{display:none}.demo__edmenu button{display:block;width:100%;text-align:left;padding:7px 9px;border:0;border-radius:6px;cursor:pointer;background:transparent}.demo__edmenu button:hover{background:var(--mist)}.demo__edmenu span{display:block;font-size:12.5px;color:var(--ink)}.demo__edmenu em{display:block;font-style:normal;font-size:11px;color:var(--ink-35)}.demo__edmenu--sw{width:198px;max-width:none;padding:10px;display:grid;grid-template-columns:repeat(5,30px);gap:7px;justify-content:start}.demo__edmenu--sw .demo__sw{width:30px;height:30px;border-radius:7px;padding:0}.demo__edmenu--sw .demo__sw--tool{border-style:dashed;border-color:var(--ink-35)}.demo__edmenu--sw .demo__sw--tool svg{width:16px;height:16px}.demo__edmenu--sw .demo__swfound{grid-column:span 1;width:30px;height:30px}.demo__edmenu--sw .demo__cshelf,.demo__edmenu--sw .demo__csearch{grid-column:1 / -1}.demo__edmenu--sw .demo__cresults{grid-template-columns:1fr;max-height:152px}.demo__edmenu--sw .demo__cshelfrow{gap:9px 7px}.demo__edbody{flex:1 1 auto;overflow:auto;background:var(--mist)}.demo__page2{max-width:640px;margin:22px auto;padding:0 20px 40px}.demo__doc{min-height:420px;padding:46px 52px;background:var(--paper);border:1px solid var(--hairline);border-radius:3px;box-shadow:0 8px 24px -14px #16171a4d;color:var(--ink);line-height:1.65;outline:none}.demo__doc .is-double{text-decoration:underline double;text-underline-offset:3px}.demo__canvasbox{display:grid;place-items:center;min-height:100%;padding:26px}.demo__canvas{position:relative;background:var(--paper);box-shadow:0 0 0 1px var(--hairline),0 10px 30px -16px #16171a66;overflow:hidden}.demo__canvas.is-transparent{background-image:linear-gradient(45deg,var(--mist-deep) 25%,transparent 25%),linear-gradient(-45deg,var(--mist-deep) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--mist-deep) 75%),linear-gradient(-45deg,transparent 75%,var(--mist-deep) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;background-color:var(--paper)}.demo__cvshape{position:absolute;width:22%;height:22%;display:block}.demo__cvshape--circle{border-radius:50%}.demo__cvshape--triangle{clip-path:polygon(50% 0,100% 100%,0 100%)}.demo__cvimg{position:absolute;width:30%;height:24%;display:block;border-radius:3px}.demo__cvtext{position:absolute;font-family:var(--font-display, var(--ui));font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.3;max-width:76%}.demo__code2{display:flex;height:100%;min-height:320px;background:var(--paper)}.demo__gutter{flex:none;width:52px;padding:14px 0;overflow:hidden;background:var(--mist);border-right:1px solid var(--hairline);text-align:right}.demo__gutter span{display:block;padding-right:10px;font-family:var(--mono);font-size:12px;line-height:1.65;color:var(--ink-35)}.demo__codearea{flex:1 1 auto;min-width:0;padding:14px 16px;border:0;resize:none;outline:none;font-family:var(--mono);font-size:12px;line-height:1.65;color:var(--ink);background:var(--paper);tab-size:4}.demo__eddiscard{height:32px;padding:0 14px;border-radius:8px;cursor:pointer;border:1px solid var(--hairline);background:var(--paper);font-family:var(--ui);font-size:12.5px;color:var(--ink-60)}.demo__eddiscard:hover{border-color:var(--ink);color:var(--ink)}.demo__docsheet{background:var(--paper);border:1px solid var(--hairline);border-radius:3px;box-shadow:0 8px 24px -14px #16171a4d;overflow:hidden}.demo__docsheet .demo__doc{border:0;border-radius:0;box-shadow:none;padding:26px 52px}.demo__doczone{position:relative;min-height:34px;padding:9px 52px;font-size:10.5pt;color:var(--ink-60);outline:none}.demo__doczone[data-zone=header]{border-bottom:1px dashed transparent}.demo__doczone[data-zone=footer]{border-top:1px dashed transparent}.demo__docsheet:hover .demo__doczone,.demo__doczone:focus{border-color:var(--hairline)}.demo__doczone:empty:before{content:attr(data-label);color:var(--ink-35);font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:0;transition:opacity .14s ease}.demo__docsheet:hover .demo__doczone:empty:before{opacity:1}.demo__doczone:focus:empty:before{opacity:1}.demo__doc sup,.demo__doc sub{font-size:.7em;line-height:0}.demo__edtools--obj{background:var(--paper);border-bottom:1px solid var(--hairline)}.demo__edtools--obj[hidden]{display:none}.demo__edrange{width:96px;accent-color:var(--ink)}.demo__ednum--sm{width:52px}.demo__docsheet{position:relative}.demo__objlayer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.demo__obj{position:absolute;display:block;aspect-ratio:1;pointer-events:auto;cursor:move;transform-origin:center}.demo__obj--circle{border-radius:50%}.demo__obj--triangle{clip-path:polygon(50% 0,100% 100%,0 100%)}.demo__obj--img{aspect-ratio:4 / 3;border-radius:3px}.demo__obj.is-on{outline:2px solid var(--ink);outline-offset:2px}.pg--help{padding:30px 34px 60px;max-width:760px}.hlp__head h1{margin:4px 0 10px;font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:-.03em;color:var(--ink)}.hlp__lede{margin:0;font-size:14px;line-height:1.6;color:var(--ink-60);max-width:56ch}.hlp__toc{display:flex;flex-wrap:wrap;gap:6px;margin:22px 0 30px;padding:14px;border-radius:10px;background:var(--mist);border:1px solid var(--hairline)}.hlp__toc a{padding:5px 11px;border-radius:14px;text-decoration:none;background:var(--paper);border:1px solid var(--hairline);font-size:12px;color:var(--ink-60)}.hlp__toc a:hover{border-color:var(--ink);color:var(--ink)}.hlp__sec{padding-top:26px;margin-top:26px;border-top:1px solid var(--hairline)}.hlp__sec:first-of-type{border-top:0;margin-top:0}.hlp__sec h2{margin:0 0 10px;font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.hlp__sec h3{margin:20px 0 6px;font-size:11px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-35)}.hlp__sec p{margin:0 0 11px;font-size:13px;line-height:1.65;color:var(--ink-60)}.hlp__list{margin:4px 0 12px;display:grid;grid-template-columns:172px 1fr;gap:0}.hlp__list dt{padding:8px 12px 8px 0;border-top:1px solid var(--hairline);font-size:12.5px;font-weight:600;color:var(--ink)}.hlp__list dd{margin:0;padding:8px 0;border-top:1px solid var(--hairline);font-size:12.5px;line-height:1.6;color:var(--ink-60)}.hlp__list--keys dt{font-family:var(--mono);font-size:11.5px}.hlp__tip{margin:14px 0 0;padding:12px 14px;border-radius:9px;background:var(--mist);border-left:3px solid var(--yellow);font-size:12.5px;line-height:1.6;color:var(--ink-60)}.hlp__tip b{color:var(--ink)}@media(max-width:620px){.hlp__list{grid-template-columns:1fr}.hlp__list dd{border-top:0;padding-top:0}}.demo__dv{display:flex;flex-direction:column;height:100%;background:var(--paper)}.demo__dvhead{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--hairline)}.demo__dvhead b{font-family:var(--ui);font-size:13px;font-weight:650;color:var(--ink)}.demo__dvswitch{display:flex;gap:2px;padding:2px;border-radius:8px;background:var(--mist)}.demo__dvswitch button{position:relative;height:26px;padding:0 10px;border:0;border-radius:6px;cursor:pointer;background:transparent;color:var(--ink-35);display:flex;align-items:center;gap:6px;font-family:var(--ui);font-size:11.5px}.demo__dvswitch button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.demo__dvswitch button.is-on{background:var(--paper);color:var(--ink);box-shadow:0 1px 3px #16171a29}.demo__dvswitch button:hover{color:var(--ink)}.demo__dvmain{flex:1 1 auto;overflow:auto}.demo__dvzones{display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px;border-bottom:1px solid var(--hairline);background:var(--mist)}.demo__dvzone{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:9px;background:var(--paper);border:1px solid var(--hairline)}.demo__dvzone--left{flex:none}.demo__dvzone--top{flex:1 1 auto;flex-wrap:wrap}.demo__dvzone--val{flex:none;border-color:var(--ink-35)}.demo__dvzlabel{font-family:var(--ui);font-size:10px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-35)}.demo__dvzone select,.demo__dvzone input{height:28px;padding:0 8px;border:1px solid var(--hairline);border-radius:7px;background:var(--paper);font-family:var(--ui);font-size:12px;color:var(--ink)}.demo__dvtotal{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--ink)}.demo__dvgrid{overflow:auto}.demo__dvgrid table{border-collapse:collapse;width:100%;font-family:var(--ui);font-size:12px}.demo__dvgrid th,.demo__dvgrid td{padding:7px 11px;border-bottom:1px solid var(--hairline);text-align:right;white-space:nowrap}.demo__dvgrid thead th{position:sticky;top:0;z-index:1;background:var(--paper);border-bottom:1px solid var(--ink-35);font-size:11px;font-weight:650;color:var(--ink-60)}.demo__dvgrid tbody th{text-align:left;font-weight:600;color:var(--ink);position:sticky;left:0;background:var(--paper)}.demo__dvgrid thead th:first-child{text-align:left;left:0;z-index:2}.demo__dvgrid td{font-family:var(--mono);font-size:11.5px;color:var(--ink-60)}.demo__dvgrid tbody tr:hover td,.demo__dvgrid tbody tr:hover th{background:var(--mist)}.demo__dvgrid .is-total{color:var(--ink);font-weight:650;background:var(--mist)}.demo__dvempty{text-align:left!important;color:var(--ink-35);font-family:var(--ui)!important}.demo__dvgrid--src table{font-size:11px}.demo__dvgrid--src th,.demo__dvgrid--src td{padding:5px 9px;text-align:left}.demo__dvnote{margin:0;padding:10px 14px;font-family:var(--ui);font-size:11.5px;color:var(--ink-35)}.demo__dvtabs{flex:none;display:flex;align-items:center;gap:3px;padding:6px 10px;border-top:1px solid var(--hairline);background:var(--mist);overflow-x:auto;scrollbar-width:none}.demo__dvtabs::-webkit-scrollbar{display:none}.demo__dvtab{flex:none;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 13px 0 10px;border-radius:7px;cursor:pointer;border:1px solid var(--hairline);background:var(--paper);font-family:var(--ui);font-size:12px;color:var(--ink-60)}.demo__dvtab:hover{border-color:var(--ink-35);color:var(--ink)}.demo__dvtab.is-on{background:var(--ink);border-color:var(--ink);color:var(--paper);font-weight:600}.demo__dvadd{flex:none;width:26px;height:26px;border-radius:7px;cursor:pointer;border:1px dashed var(--hairline);background:transparent;font-family:var(--ui);font-size:15px;line-height:1;color:var(--ink-35)}.demo__dvadd:hover{border-color:var(--ink);color:var(--ink)}.demo__dvmapbtn{height:28px;padding:0 11px;border-radius:7px;cursor:pointer;border:1px solid var(--hairline);background:var(--paper);font-family:var(--ui);font-size:12px;color:var(--ink-60)}.demo__dvmapbtn:hover{border-color:var(--ink);color:var(--ink)}.demo__dvmapbtn.is-on{background:var(--ink);border-color:var(--ink);color:var(--paper)}.demo__map{padding:18px 16px 8px}.demo__map svg{width:100%;height:auto;display:block}.demo__mapland{fill:var(--mist);stroke:var(--hairline);stroke-width:1.5;stroke-linejoin:round}.demo__mapspot{cursor:default}.demo__mapspot circle{transition:opacity .14s ease}.demo__mapspot:hover circle{opacity:.85}.demo__mapcore{fill:var(--ink)}.demo__maplegend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-family:var(--ui);font-size:11.5px;color:var(--ink-60)}.demo__maplegend span{display:inline-flex;align-items:center;gap:6px}.demo__maplegend i{width:12px;height:12px;border-radius:50%;background:var(--yellow);border:1px solid rgb(22 23 26 / .2)}.demo__maplegend b{font-family:var(--mono);font-size:11px;color:var(--ink)}.demo__dvcheck{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-family:var(--ui);font-size:11.5px;color:var(--ink-60)}.demo__dvcheck input{margin:0;accent-color:var(--ink);cursor:pointer}.demo__dvcheck:hover{color:var(--ink)}.demo__newsub{border-top:1px solid var(--hairline);margin-top:4px;padding-top:4px}.demo__newmore{display:flex!important;align-items:center;justify-content:space-between;gap:8px}.demo__newcaret{flex:none;width:0;height:0;border-top:3.5px solid transparent;border-bottom:3.5px solid transparent;border-left:4px solid var(--ink-35);transition:transform .14s ease}.demo__newmore.is-open .demo__newcaret{transform:rotate(90deg)}.demo__newsublist{padding-left:8px;margin-left:8px;border-left:1px solid var(--hairline)}.demo__newsublist[hidden]{display:none}.demo__form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;padding:22px 24px 40px;max-width:880px;margin:0 auto}.demo__formcol h3{margin:0 0 10px;font-family:var(--ui);font-size:10px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-35)}.demo__formcol h3+*{margin-top:0}.demo__formcol>h3:not(:first-child){margin-top:20px}.demo__ff{display:block;margin-bottom:10px}.demo__ff>span{display:block;margin-bottom:4px;font-family:var(--ui);font-size:11px;color:var(--ink-35)}.demo__ff input,.demo__ff select{width:100%;height:32px;padding:0 10px;border:1px solid var(--hairline);border-radius:7px;background:var(--paper);font-family:var(--ui);font-size:12.5px;color:var(--ink)}.demo__ff input:focus,.demo__ff select:focus{outline:none;border-color:var(--ink)}.demo__ff--check{display:flex;align-items:center;gap:8px}.demo__ff--check input{width:auto;height:auto;accent-color:var(--ink)}.demo__ff--check span{margin:0;font-size:12.5px;color:var(--ink-60)}.demo__ffrow{display:flex;gap:8px}.demo__ffrow .demo__ff{flex:1 1 0;min-width:0}.demo__formcol--prev{position:sticky;top:0;align-self:start}.demo__filepre{margin:0;padding:14px;border-radius:9px;overflow-x:auto;background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:11px;line-height:1.7;white-space:pre}.demo__formnote{margin:10px 0 0;font-family:var(--ui);font-size:11.5px;line-height:1.55;color:var(--ink-35)}@media(max-width:760px){.demo__form{grid-template-columns:1fr}.demo__formcol--prev{position:static}}.demo__chartwrap{display:flex;align-items:stretch;min-height:100%}.demo__chartleft{flex:none;width:168px;padding:16px 14px;border-right:1px solid var(--hairline);background:var(--mist);display:flex;flex-direction:column;gap:9px}.demo__chartleft select{width:100%;height:30px;padding:0 8px;border:1px solid var(--hairline);border-radius:7px;background:var(--paper);font-family:var(--ui);font-size:12px;color:var(--ink)}.demo__clegend{margin-top:6px;padding-top:10px;border-top:1px solid var(--hairline);display:flex;flex-direction:column;gap:6px;font-family:var(--ui);font-size:11.5px;color:var(--ink-60)}.demo__clegend span{display:flex;align-items:center;gap:7px}.demo__clegend i{flex:none;width:11px;height:11px;border-radius:3px}.demo__chartmain{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.demo__chartmain svg{width:100%;height:auto;flex:1 1 auto;padding:14px 12px 0}.demo__cgrid{stroke:var(--hairline);stroke-width:1}.demo__caxisline{stroke:var(--ink-35);stroke-width:1.2}.demo__caxis{font-family:var(--ui);font-size:11px;fill:var(--ink-35)}.demo__cbar{transition:opacity .13s ease}.demo__cbar:hover{opacity:.78}.demo__chartbottom{flex:none;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;border-top:1px solid var(--hairline);background:var(--mist)}.demo__chartbottom select,.demo__chartbottom input{height:28px;padding:0 8px;border:1px solid var(--hairline);border-radius:7px;background:var(--paper);font-family:var(--ui);font-size:12px;color:var(--ink)}@media(max-width:720px){.demo__chartwrap{flex-direction:column}.demo__chartleft{width:auto;border-right:0;border-bottom:1px solid var(--hairline)}.demo__clegend{flex-direction:row;flex-wrap:wrap;gap:6px 14px}}.demo__dvhead b em{font-style:normal;font-weight:500;color:var(--ink-35)}.demo__dvhead b em:before{content:"\2192";margin:0 6px}.demo__dvheadright{display:flex;align-items:center;gap:12px}.demo__dvgrid--cmp tfoot th,.demo__dvgrid--cmp tfoot td{border-top:1px solid var(--ink-35);background:var(--mist);font-weight:650;color:var(--ink)}.demo__dvgrid .is-diff{font-family:var(--mono);font-size:11.5px}.demo__dvgrid .is-diff.is-up{color:#2f7d4f}.demo__dvgrid .is-diff.is-down{color:#b4432f}.demo__deck{display:flex;height:100%;min-height:420px}.demo__snavcol{flex:none;width:168px;padding:12px 10px;overflow-y:auto;background:var(--mist);display:flex;flex-direction:column;gap:8px}.demo__snav{position:relative;display:flex;align-items:center;gap:8px;padding:0;border:0;background:transparent;cursor:pointer;text-align:left}.demo__snavno{flex:none;width:16px;font-family:var(--mono);font-size:11px;color:var(--ink-35)}.demo__snavthumb{position:relative;flex:1 1 auto;aspect-ratio:16 / 9;overflow:hidden;background:var(--paper);border:1px solid var(--hairline);border-radius:4px}.demo__snav.is-on .demo__snavthumb{border-color:var(--ink);box-shadow:0 0 0 1.5px var(--ink)}.demo__snav.is-on .demo__snavno{color:var(--ink);font-weight:700}.demo__stagewrap{flex:1 1 auto;min-width:0;display:grid;place-items:center;padding:22px}.demo__stage{position:relative;width:100%;max-width:760px;aspect-ratio:16 / 9;background:var(--paper);border:1px solid var(--hairline);border-radius:4px;box-shadow:0 12px 34px -18px #16171a66;overflow:hidden}.demo__sobj{position:absolute;transform-origin:center;cursor:move}.demo__sobj--circle{border-radius:50%}.demo__sobj--triangle{clip-path:polygon(50% 0,100% 100%,0 100%)}.demo__sobj--img{border-radius:2px}.demo__sobj--text{background:transparent;line-height:1.3;-webkit-user-select:none;user-select:none;width:max-content;height:auto;overflow-wrap:break-word;padding:1px 2px}.demo__edtool small{font-size:.68em}.demo__edtool b+small,.demo__edtool small+b{margin-left:1px}.demo__sobj.is-on{outline:1.5px solid var(--ink);outline-offset:1px}.demo__sobj--text[data-edge]{position:absolute}.demo__sobj--text[data-edge]:after{content:attr(data-edge);position:absolute;left:50%;bottom:calc(100% + 7px);transform:translate(-50%);padding:4px 9px;border-radius:6px;white-space:nowrap;background:var(--ink);color:var(--paper);font-family:var(--ui);font-size:10.5px;font-weight:400;font-style:normal;letter-spacing:0;text-decoration:none;text-align:center;line-height:1.3;opacity:0;pointer-events:none;z-index:950;transition:opacity .13s ease .18s}.demo__sobj--text[data-edge]:hover:after{opacity:1}.demo__sobj--text[data-edge]:hover{outline:1px dashed var(--ink-35);outline-offset:2px}.demo__sobj--text[data-edge].is-on:hover{outline:1.5px solid var(--ink);outline-offset:1px}.demo__shandle{position:absolute;z-index:900;width:9px;height:9px;margin:-5px 0 0 -5px;background:var(--paper);border:1.5px solid var(--ink);border-radius:2px}.demo__shandle--nw,.demo__shandle--se{cursor:nwse-resize}.demo__shandle--ne,.demo__shandle--sw{cursor:nesw-resize}.demo__shandle--n,.demo__shandle--s{cursor:ns-resize}.demo__shandle--e,.demo__shandle--w{cursor:ew-resize}.demo__edpickbtn{display:flex;align-items:center;gap:7px;height:28px;padding:0 11px;border-radius:7px;cursor:pointer;border:1px solid var(--hairline);background:var(--paper);font-family:var(--ui);font-size:12px;color:var(--ink)}.demo__edpickbtn:hover{border-color:var(--ink)}.demo__edpickbtn svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.demo__edtool.is-on{background:var(--ink);color:var(--paper)}.demo__bgscope{margin:4px 6px 6px;font-family:var(--ui);font-size:10px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-35)}.demo__bgtabs{display:flex;gap:4px;margin:0 6px 10px}.demo__bgtabs button{flex:1 1 0;height:26px;border-radius:6px;cursor:pointer;border:1px solid var(--hairline);background:var(--paper);font-family:var(--ui);font-size:11.5px;color:var(--ink-60)}.demo__bgtabs button:hover{border-color:var(--ink-35);color:var(--ink)}.demo__bgtabs button.is-on{background:var(--ink);border-color:var(--ink);color:var(--paper)}.demo__bgsw{display:flex;flex-wrap:wrap;gap:6px;padding:0 6px 4px;max-width:216px;position:static;border:0;box-shadow:none}.demo__bgsw .demo__sw{width:26px;height:26px;border-radius:6px}.demo__stage.is-dark .demo__sobj--text,.demo__snavthumb.is-dark .demo__sobj--text{color:var(--paper)!important}.demo__edtool--ai{width:auto;padding:0 6px}.demo__aibadge{display:inline-block;padding:3px 6px;border-radius:5px;background:var(--yellow);color:var(--ink);font-family:var(--ui);font-size:9.5px;font-weight:700;letter-spacing:.06em}.demo__edtool--ai:hover{background:transparent}.demo__edtool--ai:hover .demo__aibadge{box-shadow:0 0 0 2px #efc44e66}.demo__edtool--ai .demo__aitip{top:32px}.demo__ai2{position:absolute;top:0;right:0;bottom:0;left:0;z-index:27;display:grid;place-items:start center;background:#16171a6b;padding:78px 24px 24px}.demo__ai2in{width:100%;max-width:480px;padding:18px;background:var(--paper);border-radius:13px;box-shadow:0 22px 52px -18px #16171a8c;font-family:var(--ui)}.demo__ai2head{margin:0 0 5px;font-size:14px;font-weight:650;color:var(--ink)}.demo__ai2note{margin:0 0 13px;font-size:11.5px;line-height:1.55;color:var(--ink-35)}.demo__ai2row{display:flex;gap:8px}.demo__ai2row input{flex:1 1 auto;min-width:0;height:38px;padding:0 12px;border:1px solid var(--hairline);border-radius:9px;background:var(--paper);font-family:var(--ui);font-size:13px;color:var(--ink)}.demo__ai2row input:focus{outline:none;border-color:var(--ink)}.demo__ai2row button{flex:none;width:38px;height:38px;border:0;border-radius:9px;cursor:pointer;background:var(--ink);color:var(--paper);display:grid;place-items:center}.demo__ai2row button:hover{opacity:.88}.demo__ai2row svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.demo__ai2foot{margin:12px 0 0;padding-top:11px;border-top:1px solid var(--hairline);font-size:11px;line-height:1.55;color:var(--ink-35)}.demo__edpick>button:disabled{opacity:.4;cursor:default;border-color:var(--hairline)}.demo__edmenu--sw .demo__sw.is-on{box-shadow:0 0 0 2px var(--ink)}.demo__sobj--text{paint-order:stroke fill}.demo__zseg{display:inline-flex;border:1px solid var(--hairline);border-radius:7px;overflow:hidden}.demo__zseg button{border:0;background:transparent;cursor:pointer;height:26px;padding:0 11px;font-family:var(--ui);font-size:12px;color:var(--ink-60)}.demo__zseg button+button{box-shadow:inset 1px 0 0 var(--hairline)}.demo__zseg button:hover{background:var(--mist);color:var(--ink)}.demo__zseg button.is-on{background:var(--ink);color:var(--paper);box-shadow:none}.demo__zseg button.is-on+button{box-shadow:none}.demo__pagenum{display:inline-block;padding:0 3px;border-radius:3px;background:var(--mist);color:var(--ink-60);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}.demo__doczone.is-faded{opacity:.45}.demo__doc [data-bul]{position:relative;padding-left:calc(1.4em + (var(--lev, 0) * 1.6em))}.demo__doc [data-lev="1"]{--lev: 1}.demo__doc [data-lev="2"]{--lev: 2}.demo__doc [data-lev="3"]{--lev: 3}.demo__doc [data-lev="4"]{--lev: 4}.demo__doc [data-lev="5"]{--lev: 5}.demo__doc [data-bul]:before{position:absolute;left:calc(var(--lev, 0) * 1.6em);top:0;width:1.2em;text-align:left;color:inherit}.demo__doc [data-bul=disc]:before{content:"\2022"}.demo__doc [data-bul=circle]:before{content:"\25e6"}.demo__doc [data-bul=square]:before{content:"\25aa";font-size:.85em}.demo__doc [data-bul=dash]:before{content:"\2013"}.demo__doc [data-bul=num]:before,.demo__doc [data-bul=alpha]:before,.demo__doc [data-bul=roman]:before{content:attr(data-mark);font-variant-numeric:tabular-nums;width:1.3em}.demo__edpickico{position:relative;width:28px;height:28px;padding:0;border-radius:7px;cursor:pointer;border:1px solid var(--hairline);background:transparent;color:var(--ink-60);display:grid;place-items:center}.demo__edpickico:hover{border-color:var(--ink);color:var(--ink);background:var(--mist-deep)}.demo__edpickico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.demo__edpickico svg .demo__barink{stroke:var(--ink);stroke-width:2.6}.demo__edpickico svg .demo__baryel{stroke:var(--yellow);stroke-width:2.6}.demo__edpickico:after{content:attr(data-tip);position:absolute;top:32px;left:50%;transform:translate(-50%);padding:4px 8px;border-radius:6px;white-space:nowrap;background:var(--ink);color:var(--paper);font-family:var(--ui);font-size:11px;opacity:0;pointer-events:none;z-index:26;transition:opacity .12s ease .25s}.demo__edpickico:hover:after{opacity:1}select[data-bul-kind]{width:62px;text-align:center;font-size:13px}select[data-bul-lev]{width:52px;text-align:center}.demo__edver{display:flex;align-items:center}.demo__edver[hidden]{display:none}.demo__edver .demo__vergroup{margin-left:6px;padding-left:10px;border-left:1px solid var(--hairline);display:flex;align-items:center;gap:3px}.demo__edver .demo__edtool{width:26px;height:26px}.demo__edver .demo__edtool svg{width:14px;height:14px}.demo__verlabel{font-family:var(--ui);font-size:11.5px;color:var(--ink-35);white-space:nowrap}.demo__verlabel b{font:inherit;color:var(--ink)}.demo__doc.is-comparing{cursor:default;background:var(--paper)}.demo__doc del,.demo__redline del{text-decoration:line-through;text-decoration-thickness:1px;color:#b4432f;background:#b4432f14}.demo__doc ins,.demo__redline ins{text-decoration:underline;text-decoration-thickness:1px;color:#2f7d4f;background:#2f7d4f1a}.demo__deckdiff{position:absolute;top:0;right:0;bottom:0;left:0;z-index:24;display:grid;place-items:center;background:#16171a80;padding:28px}.demo__deckdiffin{width:100%;max-width:620px;max-height:80%;overflow-y:auto;padding:18px;background:var(--paper);border-radius:13px;box-shadow:0 22px 52px -18px #16171a8c;font-family:var(--ui)}.demo__redline{margin:10px 0 0;white-space:pre-wrap;font-family:var(--ui);font-size:12.5px;line-height:1.7;color:var(--ink)}.demo__revline{margin:12px 0 0;padding:9px 11px;border-radius:8px;background:var(--mist);border-left:3px solid var(--yellow);font-family:var(--ui);font-size:12px;color:var(--ink)}.demo__fr{position:absolute;z-index:27;top:12px;right:12px;width:320px;background:var(--paper);border:1px solid var(--ink);border-radius:11px;box-shadow:0 18px 40px -16px #16171a6b;font-family:var(--ui)}.demo__frin{padding:10px;display:grid;gap:7px}.demo__frrow{display:flex;align-items:center;gap:7px}.demo__frrow input[type=text]{flex:1 1 auto;min-width:0;height:30px;padding:0 9px;border:1px solid var(--hairline);border-radius:7px;background:var(--paper);font-family:var(--ui);font-size:12.5px;color:var(--ink)}.demo__frrow input[type=text]:focus{outline:none;border-color:var(--ink)}.demo__frrow button{flex:none;height:30px;padding:0 11px;border-radius:7px;cursor:pointer;border:1px solid var(--hairline);background:var(--paper);font-family:var(--ui);font-size:12px;color:var(--ink-60)}.demo__frrow button:hover{border-color:var(--ink);color:var(--ink)}.demo__frrow .is-go{background:var(--ink);border-color:var(--ink);color:var(--paper);font-weight:600}.demo__frcount{flex:none;min-width:74px;text-align:right;font-family:var(--mono);font-size:11px;color:var(--ink-35)}.demo__frcount.is-none{color:#b4432f}.demo__frrow--opts{padding-top:3px;border-top:1px solid var(--hairline)}.demo__frclose{margin-left:auto;width:26px;padding:0!important;font-size:15px;line-height:1;border:0!important;background:transparent!important;color:var(--ink-35)!important}.demo__frclose:hover{color:var(--ink)!important}.demo__splitrow select{min-width:240px}.demo__edcaret{position:absolute;right:3px;bottom:4px;width:0;height:0;border-left:2.5px solid transparent;border-right:2.5px solid transparent;border-top:3px solid var(--ink-35)}.demo__edpickico:hover .demo__edcaret{border-top-color:var(--ink)}.demo__alrow{display:flex!important;align-items:center;gap:10px;width:100%;padding:7px 9px;border:0;border-radius:6px;cursor:pointer;background:transparent;font-family:var(--ui);font-size:12.5px;color:var(--ink);text-align:left}.demo__alrow:hover{background:var(--mist)}.demo__alrow svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.demo__edmenu:has(.demo__alrow){width:178px}.demo__filtwrap{position:relative}.demo__filtbtn{display:flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:7px;cursor:pointer;border:1px solid var(--hairline);background:var(--paper);font-family:var(--ui);font-size:12px;color:var(--ink)}.demo__filtbtn:hover{border-color:var(--ink)}.demo__filtbtn em{font-style:normal;font-size:11px;color:var(--ink-35)}.demo__filtbtn.is-on{background:var(--ink);border-color:var(--ink);color:var(--paper)}.demo__filtbtn.is-on em{color:var(--yellow)}.demo__filtmenu{width:236px;padding:9px;left:auto;right:0}.demo__filtmenu select{width:100%;height:30px;padding:0 8px;margin-bottom:8px;border:1px solid var(--hairline);border-radius:7px;background:var(--paper);font-family:var(--ui);font-size:12px;color:var(--ink)}.demo__filtlist{max-height:190px;overflow-y:auto;border:1px solid var(--hairline);border-radius:7px;padding:4px}.demo__filtrow{display:flex;align-items:center;gap:8px;padding:5px 7px;border-radius:5px;cursor:pointer;font-family:var(--ui);font-size:12px;color:var(--ink-60)}.demo__filtrow:hover{background:var(--mist);color:var(--ink)}.demo__filtrow input{margin:0;accent-color:var(--ink);cursor:pointer}.demo__filtrow span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo__filtacts{display:flex;gap:6px;margin-top:8px}.demo__filtacts button{flex:1 1 0;height:28px;border-radius:7px;cursor:pointer;border:1px solid var(--hairline);background:var(--paper);font-family:var(--ui);font-size:12px;color:var(--ink-60)}.demo__filtacts .is-go{background:var(--ink);border-color:var(--ink);color:var(--paper);font-weight:600}.demo__list--cal,.demo__list--notes{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:0;margin:12px 0 0}.demo__calscroll{flex:1 1 auto;overflow-y:auto;padding:4px 10px 10px;scroll-behavior:smooth}.demo__caldate{position:sticky;top:0;z-index:1;margin:12px 0 6px;padding:5px 0;background:var(--mist);font-family:var(--ui);font-size:11px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-35);border-bottom:1px solid var(--hairline);transition:color .2s ease}.demo__caldate:first-child{margin-top:2px}.demo__caldate.is-hit{color:var(--ink)}.demo__calev{display:flex;align-items:baseline;gap:9px;padding:7px 0 7px 9px;border-left:2px solid var(--hairline);font-family:var(--ui)}.demo__calev--work{border-left-color:var(--ink-35)}.demo__calev--home{border-left-color:var(--yellow)}.demo__calat{flex:none;width:52px;font-family:var(--mono);font-size:11px;color:var(--ink-35)}.demo__calbody{flex:1 1 auto;min-width:0}.demo__calbody b{display:block;font-size:12.5px;font-weight:550;color:var(--ink)}.demo__calbody em{display:block;font-style:normal;font-size:11px;color:var(--ink-35)}.demo__callen{flex:none;font-family:var(--mono);font-size:10.5px;color:var(--ink-35)}.demo__mini{flex:none;padding:8px 10px 9px;border-top:1px solid var(--hairline);background:var(--mist)}.demo__minihead{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.demo__minihead b{font-family:var(--ui);font-size:11.5px;font-weight:650;color:var(--ink)}.demo__minihead button{width:22px;height:22px;border:0;border-radius:6px;cursor:pointer;background:transparent;color:var(--ink-35);font-size:15px;line-height:1}.demo__minihead button:hover{background:var(--mist-deep);color:var(--ink)}.demo__minidow,.demo__minigrid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.demo__minidow span{text-align:center;font-family:var(--ui);font-size:9.5px;color:var(--ink-35)}.demo__minid{aspect-ratio:1;max-height:26px;border:0;border-radius:5px;cursor:pointer;background:transparent;font-family:var(--ui);font-size:11px;color:var(--ink-60);position:relative}.demo__minid:hover{background:var(--mist-deep);color:var(--ink)}.demo__minid.is-today{background:var(--ink);color:var(--paper);font-weight:650}.demo__minid.has-ev:after{content:"";position:absolute;left:50%;bottom:2px;transform:translate(-50%);width:3px;height:3px;border-radius:50%;background:var(--yellow)}.demo__minid.is-today.has-ev:after{background:var(--paper)}.demo__minipad{aspect-ratio:1;max-height:26px}.demo__notes{flex:1 1 auto;min-height:0;width:100%;resize:none;border:0;outline:none;padding:12px 12px 6px;background:transparent;color:var(--ink);font-family:var(--ui);font-size:13px;line-height:1.7}.demo__notesfoot{flex:none;margin:0;padding:7px 12px 10px;border-top:1px solid var(--hairline);font-family:var(--ui);font-size:10.5px;color:var(--ink-35)}.demo__panelwrap{position:relative;flex:none}.demo__paneltitle{display:flex;align-items:center;gap:6px;width:100%;padding:4px 6px 4px 8px;border:0;border-radius:8px;cursor:pointer;background:transparent;color:var(--ink);font-family:var(--font-display, var(--ui))}.demo__paneltitle b{font-size:15px;font-weight:700;letter-spacing:-.015em}.demo__paneltitle svg{width:15px;height:15px;flex:none;fill:none;stroke:var(--ink-35);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s ease}.demo__paneltitle:hover{background:var(--mist-deep)}.demo__paneltitle:hover svg{stroke:var(--ink)}.demo__paneltitle[aria-expanded=true] svg{transform:rotate(180deg)}.demo__panelmenu{position:absolute;z-index:20;top:34px;left:0;width:232px;background:var(--paper);border:1px solid var(--hairline);border-radius:11px;padding:5px;box-shadow:0 16px 38px -14px #16171a57}.demo__panelmenu[hidden]{display:none}.demo__panelopt{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px 9px;border:0;border-radius:7px;cursor:pointer;background:transparent}.demo__panelopt:hover{background:var(--mist)}.demo__panelopt.is-on{background:var(--ink)}.demo__panelopt svg{width:16px;height:16px;flex:none;fill:none;stroke:var(--ink-35);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.demo__panelopt.is-on svg{stroke:var(--paper)}.demo__panelopt b{display:block;font-family:var(--ui);font-size:12.5px;font-weight:550;color:var(--ink)}.demo__panelopt em{display:block;font-family:var(--ui);font-style:normal;font-size:10.5px;color:var(--ink-35);margin-top:1px}.demo__panelopt.is-on b{color:var(--paper)}.demo__panelopt.is-on em{color:#fff9}.demo__panelrule{display:block;height:1px;margin:5px 9px;background:var(--hairline)}.demo__list--msg{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:0;margin:12px 0 0}.demo__msgscroll{flex:1 1 auto;overflow-y:auto;padding:2px 4px 8px}.demo__thread{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 8px;border:0;border-radius:9px;cursor:pointer;background:transparent}.demo__thread:hover{background:var(--mist-deep)}.demo__threadbody{flex:1 1 auto;min-width:0}.demo__threadbody b{display:block;font-family:var(--ui);font-size:12.5px;font-weight:600;color:var(--ink)}.demo__threadbody em{display:block;font-style:normal;font-family:var(--ui);font-size:11.5px;color:var(--ink-35);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo__threadwhen{flex:none;align-self:flex-start;font-family:var(--ui);font-size:10.5px;color:var(--ink-35)}.demo__msgnew{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;margin:0 4px 4px;height:34px;border-radius:9px;cursor:pointer;border:1px dashed var(--hairline);background:transparent;font-family:var(--ui);font-size:12.5px;color:var(--ink-60)}.demo__msgnew:hover{border-color:var(--ink);color:var(--ink)}.demo__msgnew svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.demo__msghead{flex:none;display:flex;align-items:center;gap:8px;padding:2px 4px 8px;border-bottom:1px solid var(--hairline)}.demo__msghead b{flex:1 1 auto;min-width:0;font-family:var(--ui);font-size:13px;font-weight:650;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo__msgback,.demo__msgfind{flex:none;width:26px;height:26px;border:0;border-radius:7px;cursor:pointer;background:transparent;color:var(--ink-35);display:grid;place-items:center}.demo__msgback:hover,.demo__msgfind:hover{background:var(--mist-deep);color:var(--ink)}.demo__msgback svg,.demo__msgfind svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.demo__msgsearch{flex:none;display:flex;align-items:center;gap:7px;padding:8px 4px 0}.demo__msgsearch[hidden]{display:none}.demo__msgsearch input{flex:1 1 auto;min-width:0;height:28px;padding:0 9px;border:1px solid var(--hairline);border-radius:7px;background:var(--paper);font-family:var(--ui);font-size:12px;color:var(--ink)}.demo__msgsearch input:focus{outline:none;border-color:var(--ink)}.demo__msgsearch span{flex:none;font-family:var(--mono);font-size:10.5px;color:var(--ink-35)}.demo__bubble{max-width:84%;margin:6px 0;padding:7px 10px;border-radius:12px;background:var(--paper);border:1px solid var(--hairline);font-family:var(--ui);font-size:12.5px;line-height:1.5;color:var(--ink)}.demo__bubble.is-mine{margin-left:auto;background:var(--ink);border-color:var(--ink);color:var(--paper)}.demo__bubble i{display:block;margin-top:3px;font-style:normal;font-size:10px;color:var(--ink-35)}.demo__bubble.is-mine i{color:#ffffff8c}.demo__compose{flex:none;display:flex;align-items:center;gap:7px;padding:8px 4px 4px;border-top:1px solid var(--hairline)}.demo__compose input{flex:1 1 auto;min-width:0;height:32px;padding:0 11px;border:1px solid var(--hairline);border-radius:16px;background:var(--paper);font-family:var(--ui);font-size:12.5px;color:var(--ink)}.demo__compose input:focus{outline:none;border-color:var(--ink)}.demo__attach,.demo__send{flex:none;width:32px;height:32px;border-radius:50%;cursor:pointer;display:grid;place-items:center}.demo__attach{border:1px solid var(--hairline);background:var(--paper);color:var(--ink-60)}.demo__attach:hover{border-color:var(--ink);color:var(--ink)}.demo__send{border:0;background:var(--ink);color:var(--paper)}.demo__send:hover{opacity:.88}.demo__attach svg,.demo__send svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.demo__toolstatus{flex:none;display:flex;align-items:center;gap:12px;margin-left:auto;padding-left:10px;font-family:var(--ui);font-size:11.5px;color:var(--ink-35)}.demo__clockslot+.demo__toolstatus{margin-left:0}.demo__toolstatus .demo__batt{display:flex;align-items:center;gap:5px}.demo__toolstatus .demo__batt svg{width:21px;height:11px}.demo__toolstatus b{font-family:var(--mono);font-size:11px;color:var(--ink-60);font-weight:500}.demo__trknow{flex:none;margin:0 4px 8px;padding:11px 12px;border-radius:10px;background:var(--ink);color:var(--paper)}.demo__trklabel{margin:0 0 5px;font-family:var(--ui);font-size:10px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--yellow)}.demo__trkbig b{display:block;font-family:var(--ui);font-size:13.5px;font-weight:650}.demo__trkbig em{display:block;font-style:normal;font-family:var(--mono);font-size:11.5px;color:#ffffffa6;margin-top:2px}.demo__trkstop{margin-top:9px;width:100%;height:26px;border-radius:7px;cursor:pointer;border:0;background:#ffffff29;color:var(--paper);font-family:var(--ui);font-size:11.5px}.demo__trkstop:hover{background:#ffffff42}.demo__trkhead{margin:12px 8px 4px;font-family:var(--ui);font-size:10px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-35)}.demo__trkitem{display:block;width:100%;text-align:left;padding:7px 9px;border:0;border-radius:7px;cursor:pointer;background:transparent}.demo__trkitem:hover{background:var(--mist-deep)}.demo__trkitem.is-on{background:var(--ink)}.demo__trkitem b{display:block;font-family:var(--ui);font-size:12.5px;color:var(--ink)}.demo__trkitem em{display:block;font-style:normal;font-family:var(--ui);font-size:11px;color:var(--ink-35)}.demo__trkitem.is-on b{color:var(--paper)}.demo__trkitem.is-on em{color:#fff9}.demo__sendwrap{position:relative;flex:none;display:flex;align-items:center}.demo__sendmore{width:18px;height:32px;border:0;background:transparent;cursor:pointer;color:var(--ink-35);display:grid;place-items:center;padding:0}.demo__sendmore:hover{color:var(--ink)}.demo__sendmore svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.demo__sendmenu{position:absolute;z-index:22;bottom:38px;right:0;width:234px;background:var(--paper);border:1px solid var(--hairline);border-radius:10px;padding:5px;box-shadow:0 16px 36px -14px #16171a57}.demo__sendmenu[hidden]{display:none}.demo__sendmenu button{display:block;width:100%;text-align:left;padding:8px 10px;border:0;border-radius:7px;cursor:pointer;background:transparent}.demo__sendmenu button:hover{background:var(--mist)}.demo__sendmenu span{display:block;font-family:var(--ui);font-size:12.5px;color:var(--ink)}.demo__sendmenu em{display:block;font-style:normal;font-family:var(--ui);font-size:10.5px;color:var(--ink-35);margin-top:1px;line-height:1.4}.demo__bubble.is-queued{background:transparent;border-style:dashed;border-color:var(--ink-35);color:var(--ink-60)}.demo__bubble.is-queued i{color:var(--ink-35)}.demo__laterquick{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.demo__laterquick button{flex:1 1 auto;height:28px;padding:0 10px;border-radius:7px;cursor:pointer;border:1px solid var(--hairline);background:var(--paper);font-family:var(--ui);font-size:11.5px;color:var(--ink-60);white-space:nowrap}.demo__laterquick button:hover{border-color:var(--ink);color:var(--ink)}.demo__laterzone{font-family:var(--ui);font-size:11px;color:var(--ink-35)}.demo__infoscroll{padding:8px 6px 14px}.demo__infolede{margin:0 4px 14px;padding:9px 11px;border-radius:8px;background:var(--paper);border-left:3px solid var(--yellow);font-family:var(--ui);font-size:11.5px;line-height:1.55;color:var(--ink-60)}.demo__infohead{margin:16px 4px 7px;font-family:var(--ui);font-size:10px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-35)}.demo__infogrid{display:grid;gap:9px;margin:0 4px}.demo__infofield{display:block}.demo__infofield--wide{grid-column:1 / -1}.demo__infofield label{display:block;margin-bottom:3px;font-family:var(--ui);font-size:11px;color:var(--ink-35)}.demo__infofield input,.demo__infofield textarea{width:100%;padding:7px 9px;resize:vertical;border:1px solid var(--hairline);border-radius:7px;background:var(--paper);font-family:var(--ui);font-size:12.5px;color:var(--ink)}.demo__infofield input:focus,.demo__infofield textarea:focus{outline:none;border-color:var(--ink)}.demo__infosecret{font-family:var(--mono)!important;letter-spacing:.04em}.demo__infostamp{display:block;margin-top:3px;font-family:var(--ui);font-style:normal;font-size:10px;color:var(--ink-35)}.demo__infofile{width:100%;height:32px;border-radius:7px;cursor:pointer;border:1px dashed var(--hairline);background:transparent;font-family:var(--ui);font-size:12px;color:var(--ink-60)}.demo__infofile:hover{border-color:var(--ink);color:var(--ink)}.demo__infonone{margin:0 0 6px;font-family:var(--ui);font-size:11.5px;color:var(--ink-35)}.demo__medrow{display:grid;grid-template-columns:1fr 62px 1fr 22px;gap:5px;align-items:start;margin-bottom:7px}.demo__medrow input{width:100%;padding:6px 8px;border:1px solid var(--hairline);border-radius:6px;background:var(--paper);font-family:var(--ui);font-size:12px;color:var(--ink)}.demo__medrow button{width:22px;height:30px;border:0;border-radius:5px;cursor:pointer;background:transparent;color:var(--ink-35);font-size:14px;line-height:1}.demo__medrow button:hover{background:var(--mist-deep);color:var(--ink)}.demo__medrow .demo__infostamp{grid-column:1 / -1;margin-top:0}.demo__medadd{width:100%;height:28px;border-radius:7px;cursor:pointer;border:1px dashed var(--hairline);background:transparent;font-family:var(--ui);font-size:11.5px;color:var(--ink-60)}.demo__medadd:hover{border-color:var(--ink);color:var(--ink)}.demo__caretoggle{margin:18px 4px 6px}.demo__infonote{margin:0 4px;font-family:var(--ui);font-size:10.5px;line-height:1.55;color:var(--ink-35)}.demo__msgfoot{flex:none;display:grid;gap:6px;padding:0 4px 4px}.demo__newwrap2{position:relative}.demo__msgjoin{height:30px;border-radius:9px;cursor:pointer;border:1px solid var(--hairline);background:var(--paper);font-family:var(--ui);font-size:11.5px;color:var(--ink-60)}.demo__msgjoin:hover{border-color:var(--ink);color:var(--ink)}.demo__newkinds{position:absolute;z-index:22;bottom:40px;left:0;right:0;background:var(--paper);border:1px solid var(--hairline);border-radius:11px;padding:5px;box-shadow:0 16px 38px -14px #16171a57}.demo__newkinds[hidden]{display:none}.demo__newkinds button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px 9px;border:0;border-radius:7px;cursor:pointer;background:transparent}.demo__newkinds button:hover{background:var(--mist)}.demo__newkinds svg{width:17px;height:17px;flex:none;fill:none;stroke:var(--ink-35);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.demo__newkinds button:hover svg{stroke:var(--ink)}.demo__newkinds b{display:block;font-family:var(--ui);font-size:12.5px;color:var(--ink)}.demo__newkinds em{display:block;font-style:normal;font-family:var(--ui);font-size:10.5px;color:var(--ink-35);margin-top:1px;line-height:1.35}.demo__threadbody b u,.demo__msghead b u{text-decoration:none;font-family:var(--mono);font-size:10.5px;font-weight:400;color:var(--ink-35);margin-left:4px}.demo__panelopt.is-off{opacity:.55}.demo__panelopt.is-off em{color:#b4432f}.demo__msgblock{padding:22px 16px;text-align:center}.demo__msgblockmark{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;margin-bottom:12px;background:var(--yellow);color:var(--ink);font-family:var(--font-display, var(--ui));font-size:19px;font-weight:700}.demo__msgblockhead{margin:0 0 10px;font-family:var(--font-display, var(--ui));font-size:15px;font-weight:700;letter-spacing:-.015em;color:var(--ink)}.demo__msgblockbody{margin:0 0 10px;font-family:var(--ui);font-size:12px;line-height:1.6;color:var(--ink-60);text-align:left}.demo__side{border-top:1px solid var(--hairline)}.demo__grip{align-self:stretch}.demo__tabbar>:last-child{margin-right:6px}.demo__msglive{position:relative}.demo__msglive:has(span){width:auto;gap:5px;padding:0 9px 0 7px;border-radius:13px;background:var(--ink);color:var(--paper)}.demo__msglive:has(span):hover{background:var(--ink);opacity:.88;color:var(--paper)}.demo__msglive span{font-family:var(--ui);font-size:11px;font-weight:650;letter-spacing:.01em}.demo__msglive:after{content:attr(data-tip);position:absolute;top:30px;left:50%;transform:translate(-50%);padding:4px 8px;border-radius:6px;white-space:nowrap;background:var(--ink);color:var(--paper);font-family:var(--ui);font-size:11px;opacity:0;pointer-events:none;z-index:26;transition:opacity .12s ease .25s}.demo__msglive:hover:after{opacity:1}.demo__msglive:has(span):after{display:none}.demo__dvtabico{width:13px;height:13px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.75}.demo__dvtab.is-on .demo__dvtabico{opacity:1}.demo__dvtabgap{flex:1 1 auto;min-width:12px}.demo__dvtab--src{border-style:dashed}.demo__dvtab--src.is-on{border-style:solid}.demo__pdfin{max-width:460px}.demo__pdflabel{margin:16px 0 7px;font-family:var(--ui);font-size:10px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-35)}.demo__pdfpapers{display:flex;gap:6px;flex-wrap:wrap}.demo__pdfpaper{flex:1 1 84px;padding:7px 9px;border-radius:8px;cursor:pointer;text-align:left;border:1px solid var(--hairline);background:var(--paper)}.demo__pdfpaper b{display:block;font-family:var(--ui);font-size:12px;color:var(--ink)}.demo__pdfpaper em{display:block;font-style:normal;font-family:var(--ui);font-size:10px;color:var(--ink-35)}.demo__pdfpaper:hover{border-color:var(--ink-35)}.demo__pdfpaper.is-on{background:var(--ink);border-color:var(--ink)}.demo__pdfpaper.is-on b{color:var(--paper)}.demo__pdfpaper.is-on em{color:#fff9}.demo__pdfrow{display:flex;gap:18px;flex-wrap:wrap}.demo__pdfrow>div{flex:1 1 170px}.demo__pdfscale{display:flex;align-items:center;gap:9px}.demo__pdfscale input{flex:1 1 auto;accent-color:var(--ink)}.demo__pdfscale span{font-family:var(--mono);font-size:12px;color:var(--ink);min-width:38px}.demo__pdfmargins{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.demo__pdfmargins label{display:block}.demo__pdfmargins span{display:block;margin-bottom:3px;font-family:var(--ui);font-size:10.5px;color:var(--ink-35)}.demo__pdfmargins input{width:100%;height:30px;padding:0 8px;text-align:center;border:1px solid var(--hairline);border-radius:7px;background:var(--paper);font-family:var(--mono);font-size:12px;color:var(--ink)}.demo__pdfquick{display:flex;gap:6px;margin-top:8px}.demo__pdfquick button{flex:1 1 0;height:26px;border-radius:7px;cursor:pointer;border:1px solid var(--hairline);background:var(--paper);font-family:var(--ui);font-size:11.5px;color:var(--ink-60)}.demo__pdfquick button:hover{border-color:var(--ink);color:var(--ink)}.demo__pdfopts{display:grid;gap:7px;margin-top:16px}.demo__textin{max-width:460px}.demo__textbullets{display:flex;align-items:center;gap:9px;margin-bottom:10px}.demo__textarea{width:100%;padding:11px 12px;resize:vertical;border:1px solid var(--hairline);border-radius:9px;background:var(--paper);font-family:var(--ui);font-size:13px;line-height:1.6;color:var(--ink)}.demo__textarea:focus{outline:none;border-color:var(--ink)}.demo__textcount{margin:6px 0 0;font-family:var(--ui);font-size:11px;color:var(--ink-35)}.demo__counts{flex:none;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:8px 16px;border-top:1px solid var(--hairline);background:var(--mist);font-family:var(--ui);font-size:11.5px;color:var(--ink-35)}.demo__counts[hidden]{display:none}.demo__counts span{display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap}.demo__counts b{font-family:var(--mono);font-size:12px;color:var(--ink);font-weight:500}.demo__countsel{padding:2px 8px;border-radius:10px;background:var(--ink);color:var(--paper);font-size:10px;font-weight:650;letter-spacing:.06em;text-transform:uppercase}.demo__setpanel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;overflow-y:auto;background:var(--paper)}.demo__setpanel[hidden]{display:none}.demo__setbar{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--hairline);background:var(--paper)}.demo__setback{flex:none;width:30px;height:30px;border:0;border-radius:8px;cursor:pointer;background:var(--mist);color:var(--ink-60);display:grid;place-items:center}.demo__setback:hover{background:var(--mist-deep);color:var(--ink)}.demo__setback svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.demo__setbar b{display:block;font-family:var(--font-display, var(--ui));font-size:16px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.demo__setbar em{display:block;font-style:normal;font-family:var(--ui);font-size:11.5px;color:var(--ink-35);margin-top:1px}.demo__setbody{padding:18px 20px 28px;max-width:620px}.demo__setgroup{margin:22px 0 8px;font-family:var(--ui);font-size:10px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-35)}.demo__setgroup:first-child{margin-top:0}.demo__setrows{border:1px solid var(--hairline);border-radius:11px;overflow:hidden}.demo__setrow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 14px;border-bottom:1px solid var(--hairline);font-family:var(--ui);font-size:13px;color:var(--ink)}.demo__setrow:last-child{border-bottom:0}.demo__setrow em{font-style:normal;font-size:12.5px;color:var(--ink-35);text-align:right}.demo__setrow--dev span{font-weight:500}.demo__setrow--link{color:var(--ink);cursor:default}.demo__setchev{flex:none;width:7px;height:7px;border-right:1.6px solid var(--ink-35);border-top:1.6px solid var(--ink-35);transform:rotate(45deg)}.demo__setseg{display:inline-flex;border:1px solid var(--hairline);border-radius:7px;overflow:hidden}.demo__setseg i{font-style:normal;padding:4px 10px;font-size:11.5px;color:var(--ink-60);border-right:1px solid var(--hairline);white-space:nowrap}.demo__setseg i:last-child{border-right:0}.demo__setseg i.is-on{background:var(--ink);color:var(--paper);font-weight:600}.demo__setsw{flex:none;width:34px;height:20px;border-radius:10px;position:relative;background:var(--mist-deep);transition:background .14s ease}.demo__setsw:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--paper);box-shadow:0 1px 2px #16171a40;transition:left .14s ease}.demo__setsw.is-on{background:var(--ink)}.demo__setsw.is-on:after{left:16px}.demo__setslider{flex:none;position:relative;width:128px;height:4px;border-radius:2px;background:var(--mist-deep)}.demo__setslider b{position:absolute;top:-6px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--paper);border:1.5px solid var(--ink)}.demo__settext{margin:0;padding:12px 14px;font-family:var(--ui);font-size:12.5px;line-height:1.6;color:var(--ink-60)}.demo__setnote{margin:26px 0 0;padding:11px 13px;border-radius:9px;background:var(--mist);border-left:3px solid var(--yellow);font-family:var(--ui);font-size:11.5px;line-height:1.55;color:var(--ink-60)}.demo__machine--trust{margin-top:8px}.demo__trust{display:flex;align-items:center;gap:8px;margin:6px 0 4px;pointer-events:none}.demo__trustlamp{width:13px;height:13px;border-radius:50%;flex:none;border:1.5px solid var(--ink-35);background:transparent;position:relative;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.demo__trustlamp:after{content:"";position:absolute;left:3px;top:3.4px;width:5.4px;height:2.8px;border-left:1.4px solid var(--ink-35);border-bottom:1.4px solid var(--ink-35);transform:rotate(-45deg);transition:border-color .16s ease}.demo__trust.is-on .demo__trustlamp{background:var(--yellow);border-color:var(--yellow);box-shadow:0 0 8px -1px var(--yellow)}.demo__trust.is-on .demo__trustlamp:after{border-left-color:var(--ink);border-bottom-color:var(--ink)}.demo__trusttip{font-family:var(--ui);font-size:10.5px;letter-spacing:.02em;color:var(--ink-35);white-space:nowrap}.demo__trust.is-on .demo__trusttip{color:var(--ink-60)}.demo__machinestack{display:flex;flex-direction:column;gap:8px}.demo__machine--trust{margin-top:0}.demo__machine--trust .demo__trusttip{font-size:11px}.demo__dvzone select[data-dv-scale],.demo__dvzone select[data-dv-round],.demo__dvzone select[data-dv-dp]{font-size:11.5px;padding:0 6px}.demo__numctrls{display:grid;gap:6px}.demo__numctrls select{width:100%;height:28px;padding:0 8px;border:1px solid var(--hairline);border-radius:7px;background:var(--paper);font-family:var(--ui);font-size:11.5px;color:var(--ink)}.demo__qrin{max-width:500px}.demo__qrgrid{display:grid;grid-template-columns:1fr 150px;gap:18px;align-items:start}.demo__qrcolors{display:flex;gap:6px;flex-wrap:wrap}.demo__qrprev{padding:10px;border:1px solid var(--hairline);border-radius:10px;background:var(--paper)}.demo__qrprev svg{display:block;width:100%;height:auto;border-radius:4px}.demo__obj--qr,.demo__sobj--qr{background-size:contain;background-repeat:no-repeat;background-position:center}.demo__cvqr{position:absolute;width:84px;height:84px;cursor:pointer;background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:4px;transition:box-shadow .12s ease}.demo__cvqr:hover{box-shadow:0 0 0 2px var(--ink)}.demo__mirrornote{display:flex;align-items:flex-start;gap:9px;margin:0;padding:10px 14px 13px;font-family:var(--ui);font-size:11.5px;line-height:1.55;color:var(--ink-60);border-top:1px solid var(--hairline)}.demo__mirrornote svg{width:16px;height:16px;flex:none;margin-top:1px;fill:none;stroke:var(--ink-35);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.demo__obj--tb{aspect-ratio:auto;display:block;padding:6px 8px;font-family:var(--ui);line-height:1.4;white-space:normal;background:transparent;border-radius:3px;height:auto;min-height:0}.demo__obj--tb.is-sel{outline:1.5px solid var(--ink);outline-offset:1px}.demo__tbalign button{font-size:11px;padding:0 8px}.demo__edgroup select[data-tbsize]{height:26px;padding:0 6px;border-radius:6px;border:1px solid var(--hairline);background:var(--paper);font-family:var(--ui);font-size:11.5px;color:var(--ink)}.demo__edhist{display:flex;align-items:center;gap:2px;margin-left:auto}.demo__edhist[hidden]{display:none}.demo__edhist .demo__edtool{width:26px;height:26px}.demo__edhist .demo__edtool svg{width:20px;height:20px}.demo__edtool--ai{position:relative}.demo__edtool--ai .demo__aibadge{position:static;transform:none;padding:2px 6px;border-radius:5px;background:var(--yellow);color:var(--ink);font-family:var(--ui);font-size:10px;font-weight:700;letter-spacing:.06em}.demo__edtool--ai:after{content:attr(data-tip);position:absolute;top:30px;left:50%;transform:translate(-50%);padding:4px 8px;border-radius:6px;white-space:nowrap;background:var(--ink);color:var(--paper);font-family:var(--ui);font-size:11px;opacity:0;pointer-events:none;z-index:26;transition:opacity .12s ease .25s}.demo__edtool--ai:hover:after{opacity:1}.demo__almenurule{display:block;height:1px;margin:5px 0;background:var(--hairline)}.demo__alcap{display:flex;align-items:center;gap:8px;cursor:pointer;padding:7px 9px;border-radius:7px;font-family:var(--ui);font-size:12.5px;color:var(--ink)}.demo__alcap:hover{background:var(--mist)}.demo__alcap input{accent-color:var(--ink)}.demo__dropcap{float:left;font-size:3.1em;line-height:.82;padding:.04em .08em 0 0;font-weight:700;font-family:var(--font-display, inherit)}.demo__dvswap{flex:none;width:26px;height:26px;padding:0;cursor:pointer;border:1px solid var(--hairline);border-radius:7px;background:var(--paper);color:var(--ink-60);display:grid;place-items:center}.demo__dvswap:hover{border-color:var(--ink);color:var(--ink)}.demo__dvswap svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.demo__dvsplit{flex:1 1 auto;display:flex;min-height:0}.demo__dvsplit .demo__dvmain{flex:1 1 auto;min-width:0}.demo__dvpanel{flex:none;width:244px;overflow-y:auto;padding:12px 14px 18px;border-left:1px solid var(--hairline);background:var(--mist)}.demo__dvpanelhead{margin:0 0 10px;font-family:var(--ui);font-size:10px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-35)}.demo__dvpanel .demo__dvzones{display:grid;gap:14px;border:0;padding:0;background:transparent}.demo__dvpanel .demo__dvzone{display:grid;gap:6px;align-items:stretch;padding:10px 11px;border-radius:10px;border:1px solid var(--hairline);background:var(--paper)}.demo__dvpanel .demo__dvzone select,.demo__dvpanel .demo__dvzone input[type=date]{width:100%}.demo__dvpanel .demo__dvzlabel{font-size:10px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-35)}.demo__dvpanel .demo__dvtotal{justify-self:start}.demo__dvpanel .demo__numctrls{gap:6px}.demo__dvpanelbtn{flex:none;width:30px;height:30px;padding:0;cursor:pointer;border:1px solid var(--hairline);border-radius:8px;background:transparent;color:var(--ink-60);display:grid;place-items:center}.demo__dvpanelbtn:hover{border-color:var(--ink);color:var(--ink)}.demo__dvpanelbtn.is-on{background:var(--ink);border-color:var(--ink);color:var(--paper)}.demo__dvpanelbtn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}@media(max-width:820px){.demo__dvsplit{flex-direction:column}.demo__dvpanel{width:auto;border-left:0;border-top:1px solid var(--hairline)}}.demo__dvfilters{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin:10px 0 0;padding:8px 12px;border-radius:9px;background:var(--mist);border-left:3px solid var(--yellow);font-family:var(--ui);font-size:11.5px;color:var(--ink-60)}.demo__dvfilterlab{font-size:10px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-35)}.demo__dvfilters b{font-weight:600;color:var(--ink-35);font-size:11px}.demo__dvfilters i{font-style:normal;display:inline-block;margin-left:5px;padding:1px 7px;border-radius:9px;background:var(--paper);border:1px solid var(--hairline);color:var(--ink)}.demo__dvfiltersep{color:var(--ink-35)}.demo__dvfiltermore{color:var(--ink-35);font-style:italic}.demo__dvrange{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin:10px 0 0;padding:8px 12px;border-radius:9px;background:var(--mist);border-left:3px solid var(--ink-35);font-family:var(--ui);font-size:11.5px;color:var(--ink-60)}.demo__dvrange i{font-style:normal;padding:1px 8px;border-radius:9px;background:var(--paper);border:1px solid var(--hairline);color:var(--ink)}.demo__dvai{flex:none;margin-right:2px}.demo__aiexamples{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 11px}.demo__aiexamples button{padding:5px 10px;border-radius:14px;cursor:pointer;border:1px solid var(--hairline);background:var(--paper);font-family:var(--ui);font-size:11.5px;color:var(--ink-60)}.demo__aiexamples button:hover{border-color:var(--ink);color:var(--ink)}.demo__threadkind{flex:none;display:grid;place-items:center;width:18px;height:18px;margin-top:1px;color:var(--ink-35)}.demo__threadkind svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.demo__lockmark{width:13px;height:13px;flex:none;margin-left:6px;fill:none;stroke:var(--ink-35);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:-2px}.demo__treeitem.is-locked{color:var(--ink-60)}.demo__treeitem.is-locked .demo__lockmark{margin-left:auto}.demo__frow.is-locked .demo__fname span{color:var(--ink-60)}.demo__frow.is-locked{cursor:default}.demo__picsicon{position:relative;flex:none;width:17px;height:17px;display:block}.demo__picsicon i{position:absolute;width:10px;height:10px;border-radius:50%;mix-blend-mode:multiply;opacity:.9}.demo__picsicon i:nth-child(1){top:0;left:0}.demo__picsicon i:nth-child(2){top:0;right:0}.demo__picsicon i:nth-child(3){bottom:0;left:0}.demo__picsicon i:nth-child(4){bottom:0;right:0}.demo__picsbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-bottom:1px solid var(--hairline);background:var(--mist)}.demo__picsviews button{padding:0 9px;display:grid;place-items:center}.demo__picsviews svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.demo__picszoom{display:flex;align-items:center;gap:7px}.demo__picszoom button{width:24px;height:24px;border-radius:6px;cursor:pointer;border:1px solid var(--hairline);background:var(--paper);color:var(--ink-60);font-size:14px;line-height:1}.demo__picszoom button:hover{border-color:var(--ink);color:var(--ink)}.demo__picszoom input{width:96px;accent-color:var(--ink)}.demo__picsgrid{display:grid;grid-template-columns:repeat(var(--picscols),1fr)}.demo__picsgrid--square{gap:0;padding:0}.demo__picsgrid--square .demo__picscell i{padding-top:100%!important}.demo__picsgrid--square .demo__picscell span{display:none}.demo__picsgrid--ratio{gap:14px;padding:14px}.demo__picscell{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;text-align:left}.demo__picscell i{display:block;width:100%;background-size:cover;border-radius:0}.demo__picsgrid--ratio .demo__picscell i{border-radius:8px}.demo__picscell span{display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--ui);font-size:11px;color:var(--ink-60)}.demo__picscell:hover i{outline:2px solid var(--ink);outline-offset:-2px}.demo__picsplay{position:absolute;top:8px;right:8px;width:18px;height:18px;border-radius:50%;background:#16171a8c}.demo__picsplay:after{content:"";position:absolute;top:5px;left:7px;border-left:6px solid #fff;border-top:4px solid transparent;border-bottom:4px solid transparent}.demo__picsgrid--square .demo__picsplay{top:6px;right:6px}.demo__msgfield{position:relative;flex:1 1 auto;min-width:0;display:flex}.demo__msgfield input{width:100%;padding-right:34px}.demo__hold{position:absolute;top:50%;right:5px;transform:translateY(-50%);width:26px;height:26px;padding:0;border:0;border-radius:6px;cursor:pointer;background:transparent;color:var(--ink-35);display:grid;place-items:center}.demo__hold:hover{background:var(--mist-deep);color:var(--ink)}.demo__hold svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.demo__hold svg circle{fill:currentColor;stroke:none}.demo__bubble.is-held{background:transparent;color:var(--ink);border:1.5px dashed var(--ink-35)}.demo__bubble.is-held i{color:var(--ink-35)}.demo__dvimport{padding:40px 24px;text-align:center;max-width:460px;margin:0 auto}.demo__dvimporthead{margin:0 0 8px;font-family:var(--font-display, var(--ui));font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.demo__dvimportnote{margin:0 0 18px;font-family:var(--ui);font-size:12.5px;line-height:1.6;color:var(--ink-60)}.demo__dvimportgo{height:36px;padding:0 18px;border-radius:9px;cursor:pointer;border:0;background:var(--ink);color:var(--paper);font-family:var(--ui);font-size:13px;font-weight:600}.demo__dvimportgo:hover{opacity:.9}.demo__snavgrip,.demo__snavmenu{position:absolute;top:5px;z-index:3;width:17px;height:17px;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:2px;background:var(--paper);border:1px solid var(--hairline);box-shadow:0 1px 3px #16171a24;opacity:0;transition:opacity .12s ease}.demo__snavgrip{left:5px;cursor:grab}.demo__snavmenu{right:5px;cursor:pointer;flex-direction:column}.demo__snav:hover .demo__snavgrip,.demo__snav:hover .demo__snavmenu,.demo__snav.is-on .demo__snavgrip,.demo__snav.is-on .demo__snavmenu{opacity:1}.demo__snavgrip:hover,.demo__snavmenu:hover{border-color:var(--ink)}.demo__snavgrip:active{cursor:grabbing}.demo__snavgrip b{width:1.5px;height:9px;border-radius:1px;background:var(--ink-35)}.demo__snavmenu b{width:2.5px;height:2.5px;border-radius:50%;background:var(--ink-35)}.demo__snavgrip:hover b,.demo__snavmenu:hover b{background:var(--ink)}.demo__snavhidden{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:#ffffff9e}.demo__snavhidden:after{content:"";position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:var(--ink)}.demo__snavhidden:before{content:"";position:absolute;left:50%;top:50%;z-index:1;width:11px;height:2px;margin:-1px 0 0 -5.5px;border-radius:1px;background:var(--paper);transform:rotate(-20deg)}.demo__snavhidden:before{z-index:3}.demo__smenu{top:26px;right:6px;left:auto;min-width:178px}.demo__snav.is-dragging{opacity:.4}.demo__snav.is-over .demo__snavthumb{outline:2px solid var(--ink);outline-offset:1px}.demo__edpresent{position:relative}.demo__edpresentbtn{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px 0 10px;border-radius:8px;cursor:pointer;border:1px solid var(--hairline);background:var(--paper);font-family:var(--ui);font-size:12.5px;color:var(--ink)}.demo__edpresentbtn:hover{border-color:var(--ink)}.demo__edpresentbtn svg{width:14px;height:14px;flex:none;fill:var(--ink);stroke:none}.demo__edpresentmenu{top:32px;right:0;left:auto;min-width:258px}.demo__edpresentmenu[hidden]{display:none}.demo__deckgrip{flex:none;width:5px;margin:0 -2px;z-index:4;cursor:col-resize;position:relative;background:transparent}.demo__deckgrip:before{content:"";position:absolute;top:0;right:2px;bottom:0;left:2px;background:var(--hairline);transition:background .12s ease}.demo__deckgrip:hover:before,.demo__deckgrip.is-on:before{background:var(--ink);top:0;right:1px;bottom:0;left:1px}
/*# sourceMappingURL=/cdn/shop/t/317/assets/os-demo.css.map */