.d-doc{--d-col:680px;position:relative}.d-main{width:min(var(--d-col), 100% - 2 * var(--gutter));margin-inline:auto;padding-top:56px}.d-side{display:none}.d-toc{font-size:13px;line-height:23px;display:grid}.d-toc a{color:var(--side);transition:color .15s;display:block}.d-toc a:hover{color:#121212b8}.d-toc a[aria-current=page]{color:#121212}.d-toc-group{display:grid}.d-toc-label{color:var(--side)}.d-toc-group[data-open] .d-toc-label{color:#1212129e}.d-toc-sub{margin:1px 0 3px 1px;padding-left:12px;display:grid;box-shadow:inset 1px 0 #00000017}.d-toc-sub a{color:#1212125c}.d-toc-sub a[aria-current=page]{color:#121212}.d-toc-m{background:var(--surface);box-shadow:var(--shadow-raised);border-radius:12px;margin-bottom:36px}.d-toc-m summary{cursor:pointer;align-items:center;gap:8px;height:42px;padding:0 14px;font-size:14px;font-weight:500;list-style:none;display:flex}.d-toc-m summary::-webkit-details-marker{display:none}.d-chevron{color:var(--mute);transition:transform .22s var(--ease);margin-left:auto}.d-toc-m[open] .d-chevron{transform:rotate(180deg)}.d-toc-m .d-toc{padding:2px 14px 14px;font-size:14px;line-height:30px}@media (min-width:1100px){.d-side{width:180px;padding-top:64px;display:block;position:absolute;inset:0 auto 0 80px}.d-side .d-toc{position:sticky;top:88px}.d-toc-m{display:none}.d-main{width:min(var(--d-col), 100% - 400px);margin-left:max(320px, (100% - var(--d-col)) / 2);margin-right:auto;padding-top:64px}}.d-lead{max-width:600px;color:var(--prose);text-wrap:pretty;margin-top:10px;font-size:17px;line-height:27px}.d-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px;display:flex}.d-actions .c-copy{border-radius:10px;height:36px}.d-keys{color:var(--mute);margin-top:14px;font-size:13.5px;line-height:22px}.d-body>.c-h3:first-child{margin-top:40px}.d-inline{color:var(--ink);font-family:var(--mono);letter-spacing:0;background:#0000000b;border-radius:5px;padding:1px 5px;font-size:.86em}.d-ex-code{margin-top:56px}.d-feats-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 24px}.d-principles+.c-feats{margin-top:20px}.d-demo{margin-top:44px}.d-planned .c-code pre{background:repeating-linear-gradient(-45deg,#0000 0 8px,#00000003 8px 16px)}.d-photo{cursor:zoom-in;background:#ececea;border:0;border-radius:10px;padding:0;display:block;position:relative;overflow:hidden}.d-photo:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000000d}.d-photo img{object-fit:cover;width:100%;height:100%;transition:filter .2s}.d-photo:hover{filter:brightness(.97)}.d-photo[hidden]{display:none}.d-lightbox{--reuse-lightbox-background:#fcfcfc;--reuse-lightbox-foreground:#1f1f1f;--reuse-lightbox-control:#fffffff5}.d-lightbox .reuse-lightbox-button,.d-lightbox .reuse-lightbox-counter{box-shadow:var(--shadow-raised)}.d-gal{grid-template-rows:172px 172px;grid-template-columns:2fr 1fr 1fr;gap:6px;margin-top:44px;display:grid}.d-gal .d-gal-main{grid-row:span 2}.d-api{margin-top:36px}.d-api table{border-collapse:collapse;table-layout:fixed;width:100%}.d-api thead th{color:var(--mute);text-align:left;padding:0 16px 10px 0;font-size:12.5px;font-weight:500;line-height:18px;box-shadow:inset 0 -1px #0000001a}.d-api thead th:first-child{width:44%}.d-api tbody tr{box-shadow:inset 0 -1px #0000000f}.d-api tbody :is(th,td){vertical-align:top;text-align:left;padding:13px 16px 13px 0}.d-api tbody th{font-weight:400}.d-api tbody th code{font-family:var(--mono);letter-spacing:0;color:var(--ink);overflow-wrap:anywhere;font-size:12.75px;line-height:22px}.d-api td{color:var(--prose);text-wrap:pretty;font-size:14px;line-height:22px}.d-cta{margin-top:36px}.d-cta .c-card-in{padding:24px 24px 20px}.d-cta-title{letter-spacing:-.016em;font-size:17px;font-weight:600;line-height:24px}.d-cta-text{max-width:540px;color:var(--prose);margin-top:4px;font-size:14.5px;line-height:23px}.d-prompt{color:var(--ink-2);font-family:var(--mono);white-space:pre-wrap;background:#f6f6f5;border-radius:10px;margin:18px 0 0;padding:12px 14px;font-size:12.75px;line-height:21px}.d-cta-actions{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:16px;font-size:13px;display:flex}.d-status{margin-top:32px;display:grid}.d-status li{grid-template-columns:170px 84px minmax(0,1fr);place-items:baseline start;gap:4px 16px;padding:12px 0;display:grid}.d-status-name{font-weight:540}.d-status p{color:var(--prose);font-size:14px;line-height:22px}.d-pager{background:var(--surface);box-shadow:var(--shadow-raised);border-radius:14px;grid-template-columns:1fr 1fr;margin-top:72px;display:grid;overflow:hidden}.d-pager a{align-content:start;gap:3px;min-width:0;padding:14px 16px;transition:background-color .15s;display:grid}.d-pager a:hover{background:var(--hover)}.d-pager a+a{box-shadow:inset 1px 0 #00000012}.d-pager a:only-child{grid-column:1/-1}.d-pager small{color:var(--mute);align-items:center;gap:5px;font-size:12.5px;line-height:16px;display:inline-flex}.d-pager-title{color:var(--ink);overflow-wrap:anywhere;font-size:14.5px;font-weight:540;line-height:21px}.d-pager-next{text-align:right;justify-items:end}.d-pager-icon{color:var(--mute);transition:translate .2s var(--ease)}.d-pager-prev:hover .d-pager-icon{translate:-2px}.d-pager-next:hover .d-pager-icon{translate:2px}.d-dots{align-items:center;height:24px;display:flex;position:relative}.d-dots button{cursor:pointer;background:0 0;border:0;width:10px;height:24px;padding:0;position:relative}.d-dots button:before,.d-dots:after{content:"";border-radius:50%;width:4px;height:4px;position:absolute;top:calc(50% - 2px);left:3px}.d-dots button:before{background:color-mix(in srgb, currentColor 18%, transparent)}.d-dots:after{pointer-events:none;transform:translateX(calc(var(--d-dot,0) * 10px));background:currentColor;transition:transform .3s cubic-bezier(.32,.72,0,1)}.d-arrows{gap:2px;margin-left:auto;margin-right:-6px;display:flex}.d-arrows button{width:32px;height:32px;color:var(--ink);cursor:pointer;transition:background-color .15s ease, transform .16s var(--ease), opacity .15s ease;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.d-arrows button:hover{background:var(--hover)}.d-arrows button:active{transform:scale(.94)}.d-arrows button:disabled{opacity:.3;cursor:default;background:0 0}.d-arrows-ring{gap:6px;margin-right:0}.d-arrows-ring button{background:var(--surface);box-shadow:var(--shadow-control)}.d-counter{color:var(--mute);font-variant-numeric:tabular-nums;font-size:13px}.d-strip{--d-strip-off:max(var(--gutter), (100vw - var(--d-col)) / 2);width:calc(100vw - var(--d-strip-off));margin-top:40px}.d-strip .reuse-carousel{--reuse-carousel-slide-width:min(288px, 72vw);--reuse-carousel-gap:12px;padding-inline:0 16px;scroll-padding-inline:0}.d-slide .d-photo{aspect-ratio:4/5;width:100%}.d-strip figcaption{margin-top:10px;font-size:14px;line-height:20px}.d-strip-ctrl{width:min(var(--d-col), 100vw - 2 * var(--gutter));color:var(--ink);align-items:center;gap:14px;margin-top:16px;display:flex}.d-strip-ctrl .d-dots{margin-left:-3px}.d-strip-story .reuse-carousel{--reuse-carousel-slide-width:min(520px, 84vw);--reuse-carousel-gap:14px}.x-story-slide .d-photo{aspect-ratio:3/2;width:100%}@media (min-width:1100px){.d-strip{--d-strip-off:max(320px, (100vw - var(--d-col)) / 2)}}.d-stage{background:#f4f4f2;border-radius:18px;place-items:center;min-height:240px;margin-top:40px;padding:32px;display:grid;box-shadow:inset 0 0 0 1px #0000000a}.d-tools{background:var(--surface);box-shadow:var(--shadow-raised);border-radius:13px;gap:2px;padding:4px;display:flex}.d-tool{display:contents}.d-tools button{color:#555;cursor:pointer;width:38px;height:38px;transition:background-color .15s ease, color .15s ease, transform .16s var(--ease);background:0 0;border:0;border-radius:9px;place-items:center;padding:0;display:grid}.d-tools button:hover{background:var(--hover);color:var(--ink)}.d-tools button:active{transform:scale(.94)}.d-tools-lg button{width:42px;height:42px}.d-stage-editor{padding:0;overflow:hidden}.x-editor{width:100%;position:relative}.x-editor-photo{aspect-ratio:16/10;width:100%}.x-editor .x-editor-photo{border-radius:0}.x-editor-bar{position:absolute;bottom:18px;left:50%;translate:-50%}.f-card{grid-template-columns:84px minmax(0,1fr);gap:12px;width:min(300px,100vw - 48px);font-size:13px;line-height:18px;display:grid}.f-card img{object-fit:cover;border-radius:10px;width:84px;height:84px}.f-card-body{align-content:start;gap:2px;padding:2px 6px 0 0;display:grid}.f-card-body b{font-weight:560}.f-card-body span{color:#5b5b5b}.f-card-body small{color:#858585;margin-top:2px;font-size:11.5px}.f-person{align-items:center;gap:10px;padding:4px 10px 4px 4px;font-size:13px;line-height:17px;display:flex}.f-person-body{display:grid}.f-person-body b{font-weight:560}.f-person-body span,.f-person-body small{color:#6b6b6b}.f-person-body small{font-size:11.5px}.f-face{background-position:50%;background-size:cover;border-radius:50%;flex:none;width:40px;height:40px;display:block;box-shadow:inset 0 0 0 1px #0000000f}.f-face-sm{width:28px;height:28px}.x-thread-list{gap:18px;margin-top:40px;display:grid}.x-comment{grid-template-columns:28px minmax(0,1fr);align-items:start;gap:12px;display:grid}.x-comment p{color:var(--prose)}.x-name{color:var(--ink);font:inherit;cursor:default;background:0 0;border:0;border-radius:4px;padding:0;font-weight:560}.x-name:hover{text-underline-offset:3px;-webkit-text-decoration:underline #0003;text-decoration:underline #0003}.x-product{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:36px;margin-top:44px;display:grid}.x-shot-main{aspect-ratio:4/5;width:100%}.x-thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:6px;display:grid}.x-thumbs .d-photo{aspect-ratio:1;border-radius:8px}.x-info{flex-direction:column;padding-top:6px;display:flex}.x-crumb{color:var(--mute);font-size:12.5px}.x-crumb span{color:#0003;margin:0 4px}.x-title{letter-spacing:-.025em;margin-top:8px;font-size:24px;font-weight:600;line-height:30px}.x-price{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:8px;font-size:18px;line-height:26px;display:flex}.x-meta{color:var(--mute);font-size:13px}.x-desc{color:var(--prose);margin-top:16px;font-size:14px;line-height:22px}.x-field{border:0;min-width:0;margin:22px 0 0;padding:0}.x-label{color:var(--ink-2);margin-bottom:8px;padding:0;font-size:12.5px;font-weight:500}.x-sizes{--reuse-highlight-background:#fff;--reuse-highlight-radius:8px;background:#0000000a;border-radius:11px;gap:2px;padding:3px;display:flex}.x-sizes .reuse-moving-highlight{box-shadow:var(--shadow-control)}.x-sizes label{height:32px;color:var(--prose);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;place-items:center;padding:0 8px;font-size:13px;font-weight:500;transition:color .15s;display:grid;position:relative}.x-sizes label:has(:checked){color:var(--ink)}.x-sizes label:has(:focus-visible){outline:2px solid var(--ink);outline-offset:-2px}.x-buy{background:var(--ink);color:#fff;cursor:pointer;height:42px;transition:transform .16s var(--ease), background-color .2s ease;border:0;border-radius:11px;margin-top:22px;font-size:14px;font-weight:520}.x-buy:active{transform:scale(.98)}.x-buy[data-done]{background:#3b3b3b}.x-note{color:var(--mute);text-align:center;margin-top:10px;font-size:12.5px}.x-chat{background:var(--surface);box-shadow:var(--shadow-panel);border-radius:16px;grid-template-columns:228px minmax(0,1fr);margin-top:44px;display:grid;overflow:hidden}.x-list{background:#fafaf9;padding:14px 8px;box-shadow:inset -1px 0 #0000000f}.x-list-title{padding:2px 8px 10px;font-size:13px;font-weight:600}.x-list-rows{--reuse-highlight-background:var(--hover);--reuse-highlight-radius:10px;gap:2px;display:grid}.x-person{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;display:grid}.x-person-text{min-width:0;display:grid}.x-person b{font-size:13px;font-weight:540;line-height:18px}.x-person small{color:var(--mute);white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:17px;overflow:hidden}.x-person time{color:var(--mute);align-self:start;margin-top:2px;font-size:11px}.x-thread{grid-template-rows:auto minmax(0,1fr) auto;min-width:0;display:grid}.x-thread-head{align-items:center;gap:10px;padding:12px 16px;display:flex;box-shadow:inset 0 -1px #0000000f}.x-thread-head>span:last-child{line-height:17px;display:grid}.x-thread-head b{font-size:13.5px;font-weight:560}.x-thread-head small{color:var(--mute);font-size:12px}.x-msgs{flex-direction:column;gap:6px;padding:16px;display:flex;overflow:hidden}.x-day,.x-read{color:var(--mute);font-size:11px}.x-day{align-self:center;margin-bottom:6px}.x-read{align-self:flex-end;margin-top:-2px}.x-msg{background:#efefee;border-radius:18px 18px 18px 6px;align-self:flex-start;max-width:74%;padding:8px 12px;font-size:14px;line-height:20px}.x-me{color:#fff;background:#1f6feb;border-radius:18px 18px 6px;align-self:flex-end;margin-top:6px}.x-tiles{aspect-ratio:3/2;border-radius:18px;grid-template-rows:1fr 1fr;grid-template-columns:2fr 1fr;gap:3px;width:min(320px,78%);display:grid;overflow:hidden}.x-tiles .d-photo{border-radius:0}.x-tiles .d-photo:first-child{grid-row:span 2}.x-more{color:#fff;background:#0000006b;place-items:center;font-size:18px;font-weight:560;display:grid;position:absolute;inset:0}.x-single{border-radius:18px;width:min(220px,62%);overflow:hidden}.x-single .d-photo{aspect-ratio:4/3;border-radius:0;width:100%}.x-compose{border-radius:20px;align-items:center;gap:8px;margin:0 12px 12px;padding:4px 4px 4px 14px;display:flex;box-shadow:inset 0 0 0 1px #0000001a}.x-compose input{min-width:0;height:30px;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:14px}.x-compose button{color:#fff;cursor:pointer;background:#1f6feb;border:0;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;display:grid}.x-journal,.x-story{margin-top:44px}.x-date{color:var(--mute);font-size:13px}.x-j-title{letter-spacing:-.028em;text-wrap:balance;margin-top:6px;font-size:26px;font-weight:600;line-height:32px}.x-j-text{max-width:560px;color:var(--prose);text-wrap:pretty;margin-top:16px;font-size:16px;line-height:27px}.x-j-fig{margin-top:28px}.x-j-hero{aspect-ratio:16/9;width:100%}.x-j-fig .x-j-hero,.x-j-pair .d-photo,.x-j-wide .d-photo{border-radius:6px}.x-j-fig figcaption{color:var(--mute);margin-top:10px;font-size:13px}.x-j-pair{grid-template-columns:1fr 1fr;gap:8px;margin-top:28px;display:grid}.x-j-pair .d-photo{aspect-ratio:4/5}.x-j-wide{grid-template-columns:2fr 1fr;gap:8px;height:250px;margin-top:28px;display:grid}.x-related{margin-top:40px}.x-related-head{align-items:center;margin-bottom:14px;display:flex}.x-related-head h2{letter-spacing:-.012em;font-size:16px;font-weight:600;line-height:24px}.x-related .reuse-carousel{--reuse-carousel-slide-width:calc((100% - 2 * 14px) / 3);--reuse-carousel-gap:14px}.x-print{color:var(--ink);gap:2px;display:grid}.x-print-img{aspect-ratio:4/5;background:#efefed;border-radius:8px;margin-bottom:10px;display:block;overflow:hidden}.x-print-photo{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease)}.x-print:hover .x-print-photo{transform:scale(1.03)}.x-print-name{font-size:14px;font-weight:540;line-height:20px}.x-print-price{color:var(--prose);font-size:13.5px;line-height:20px}.d-frame{box-shadow:var(--shadow-raised);background:#f6f6f5;border-radius:16px;margin-top:40px;overflow:hidden}.d-frame iframe{aspect-ratio:16/10;border:0;width:100%;display:block}.cc{--cc-ink:#1f1f1f;--cc-muted:#646464;--cc-faint:#8a8a8a;--cc-wash:#ececea;--cc-ease:cubic-bezier(.32, .72, 0, 1);min-width:0;color:var(--cc-ink);margin-top:36px}.cc [hidden]{display:none}.cc-seg{--reuse-highlight-background:#fff;--reuse-highlight-radius:999px;scrollbar-width:none;background:#0000000b;border:0;border-radius:999px;gap:2px;width:fit-content;min-width:0;max-width:100%;margin:0;padding:3px;display:flex;overflow-x:auto}.cc-seg::-webkit-scrollbar{display:none}.cc-seg .reuse-moving-highlight,.cc-tabs .reuse-moving-highlight{box-shadow:var(--shadow-control)}.cc-seg-item{color:#707070;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;align-items:center;height:30px;padding:0 13px;font-size:13px;font-weight:500;transition:color .15s;display:inline-flex;position:relative}.cc-seg-item:hover{color:var(--cc-ink)}.cc-seg-item:has(:checked){color:var(--cc-ink)}.cc-seg-item:has(:focus-visible){outline:2px solid var(--cc-ink);outline-offset:-2px}.cc-demo{margin-top:20px}.cc-note{max-width:60ch;color:var(--cc-muted);text-wrap:pretty;margin-top:16px;font-size:14px;line-height:22px}.cc-note b{color:var(--cc-ink);font-weight:560}.cc-c{position:relative}.cc-view{--reuse-carousel-gap:12px;cursor:grab}.cc-view:active{cursor:grabbing}.cc-slide{aspect-ratio:3/2;background:var(--cc-wash);border-radius:14px;margin:0;overflow:hidden}.cc-slide img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.cc-row{align-items:center;gap:10px;min-width:0;margin-top:14px;display:flex}.cc-row-center{justify-content:center}.cc-row-between{justify-content:space-between;gap:16px}.cc-round{width:34px;height:34px;box-shadow:var(--shadow-control);color:inherit;cursor:pointer;transition:transform .16s var(--ease), background-color .15s ease, opacity .2s ease;background:#fff;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.cc-round:hover{background:#f6f6f6}.cc-round:active{transform:scale(.95)}.cc-round:disabled{opacity:.35;cursor:default;background:#fff;transform:none}.cc-swap{width:12px;height:12px;display:grid;position:relative}.cc-swap svg{transition:opacity .2s var(--ease), transform .2s var(--ease), filter .2s var(--ease);grid-area:1/1}.cc-swap svg:last-child,[data-paused] .cc-swap svg:first-child{opacity:0;filter:blur(3px);transform:scale(.4)}[data-paused] .cc-swap svg:last-child{opacity:1;filter:none;transform:none}.cc-c-dots .cc-view{--reuse-carousel-gap:10px}.cc-c-dots .cc-row{margin-top:8px}.cc-c-pills .cc-view{--reuse-carousel-slide-width:84%}.cc-c-pills .cc-slide{aspect-ratio:16/10;border-radius:18px}.cc-c-pills .cc-row{gap:8px;margin-top:18px}.cc-pills{background:#0000000d;border-radius:999px;align-items:center;height:34px;padding:0 9px;display:flex}.cc-pill{cursor:pointer;background:0 0;border:0;place-items:center;height:34px;padding:0 4px;display:grid}.cc-pill-mark{width:7px;height:7px;transition:width .42s var(--cc-ease), background-color .2s ease;background:#00000038;border-radius:999px;display:block;position:relative;overflow:hidden}.cc-pill:hover .cc-pill-mark{background:#00000061}.cc-pill[aria-current] .cc-pill-mark{background:#00000029;width:30px}.cc-pill-fill{border-radius:inherit;background:var(--cc-ink);position:absolute;inset:0;transform:translate(-100%)}.cc-pill[aria-current] .cc-pill-fill{transform:none}[data-playing] .cc-pill[aria-current] .cc-pill-fill{transform:translate(-100%)}.cc-pill:focus-visible{outline:none}.cc-pill:focus-visible .cc-pill-mark{outline:2px solid var(--cc-ink);outline-offset:2px;overflow:visible}.cc-play{box-shadow:none;background:#0000000d}.cc-play:hover{background:#00000014}.cc-story{width:min(100%,340px);margin-inline:auto;position:relative}.cc-c-stories .cc-view{--reuse-carousel-gap:0px;border-radius:18px}.cc-c-stories .cc-slide{aspect-ratio:9/14;border-radius:0}.cc-story-top{pointer-events:none;background:linear-gradient(#00000047,#0000);border-radius:18px 18px 0 0;grid-template-columns:1fr auto;align-items:start;gap:10px;padding:12px 12px 36px;display:grid;position:absolute;inset:0 0 auto}.cc-segments{gap:4px;padding-top:4px;display:flex}.cc-segment{background:#ffffff61;border-radius:2px;flex:1;height:2.5px;position:relative;overflow:hidden}.cc-segment-fill{background:#fff;position:absolute;inset:0;transform:translate(-100%)}.cc-segment[data-past] .cc-segment-fill,.cc-segment[aria-current] .cc-segment-fill{transform:none}[data-playing] .cc-segment[aria-current] .cc-segment-fill{transform:translate(-100%)}.cc-story-play{color:#fff;pointer-events:auto;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:28px;height:28px;margin:-9px -6px 0 0;padding:0;display:grid}.cc-story-play:hover{background:#ffffff29}.cc-story-play:focus-visible{outline-offset:0;outline:2px solid #fff}.cc-c-counter .cc-slide{aspect-ratio:16/10;border-radius:4px}.cc-c-counter .cc-view{--reuse-carousel-gap:16px}.cc-c-counter .cc-row{align-items:flex-start;margin-top:16px}.cc-caption{gap:2px;min-width:0;font-size:14px;line-height:20px;display:grid}.cc-caption b{font-weight:560}.cc-caption span{color:var(--cc-faint)}.cc-counter-group{flex:none;align-items:center;gap:6px;display:flex}.cc-counter{font-family:var(--mono);font-variant-numeric:tabular-nums;align-items:baseline;gap:5px;margin-right:8px;font-size:13px;line-height:20px;display:flex}.cc-roll{height:20px;color:var(--cc-ink);display:inline-grid;overflow:hidden}.cc-roll>span{grid-area:1/1}.cc-total{color:var(--cc-faint)}.cc-c-thumbs .cc-slide{border-radius:12px}.cc-thumbs{scrollbar-width:none;gap:8px;margin:10px -4px 0;padding:4px;display:flex;position:relative;overflow-x:auto}.cc-thumbs::-webkit-scrollbar{display:none}.cc-thumb{background:var(--cc-wash);opacity:.5;cursor:pointer;border:0;border-radius:8px;flex:none;width:68px;height:48px;padding:0;transition:opacity .2s,box-shadow .2s;overflow:hidden}.cc-thumb img{object-fit:cover;width:100%;height:100%}.cc-thumb:hover{opacity:.8}.cc-thumb[aria-current]{opacity:1;box-shadow:0 0 0 2px var(--bg), 0 0 0 3.5px var(--cc-ink)}.cc-thumb:focus-visible{outline:2px solid var(--cc-ink);outline-offset:2px}.cc-edge{position:relative}.cc-c-edge .cc-view{--reuse-carousel-slide-width:calc((100% - 24px) / 3)}.cc-c-edge .cc-slide{aspect-ratio:4/5;border-radius:12px}.cc-edge:where([data-more-end]) .cc-view{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 56px),#0000)}.cc-edge:where([data-more-start]) .cc-view{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 56px),#0000);mask-image:linear-gradient(270deg,#000 calc(100% - 56px),#0000)}.cc-edge:where([data-more-start][data-more-end]) .cc-view{-webkit-mask-image:linear-gradient(90deg,#0000,#000 56px calc(100% - 56px),#0000);mask-image:linear-gradient(90deg,#0000,#000 56px calc(100% - 56px),#0000)}.cc-edge .cc-view:where(:focus-visible){outline:none}.cc-edge:has(>.cc-view:focus-visible):after{content:"";outline:2px solid var(--cc-ink);pointer-events:none;border-radius:16px;position:absolute;inset:-4px}.cc-edge .cc-round{opacity:0;width:36px;height:36px;transition:opacity .2s ease, transform .26s var(--cc-ease), background-color .15s ease;position:absolute;top:calc(50% - 18px)}.cc-edge-prev{left:12px;transform:translate(6px)}.cc-edge-next{right:12px;transform:translate(-6px)}.cc-edge:hover .cc-round:not(:disabled),.cc-edge:focus-within .cc-round:not(:disabled){opacity:1;transform:none}.cc-edge .cc-round:active:not(:disabled){transform:scale(.95)}.cc-edge .cc-round:disabled{opacity:0;pointer-events:none}.cc-c-scrub .cc-view{--reuse-carousel-slide-width:calc((100% - 30px) / 3.4);--reuse-carousel-gap:10px}.cc-c-scrub .cc-slide{aspect-ratio:3/4;border-radius:10px}.cc-scrub{--cc-p:0;touch-action:none;cursor:pointer;outline:none;height:28px;margin-top:12px;position:relative}.cc-scrub-rail{position:absolute;inset:0 6px}.cc-scrub-track{background:#0000001a;border-radius:2px;height:2px;position:absolute;top:13px;left:0;right:0;overflow:hidden}.cc-scrub-fill{background:var(--cc-ink);transform-origin:0;transform:scaleX(var(--cc-p));position:absolute;inset:0}.cc-scrub-ticks span{background:#00000038;width:1px;height:4px;margin-left:-.5px;position:absolute;top:17px}.cc-scrub-handle{top:8px;left:calc(var(--cc-p) * 100%);background:var(--cc-ink);width:12px;height:12px;box-shadow:0 0 0 3px var(--bg);transition:transform .18s var(--cc-ease);border-radius:50%;margin-left:-6px;position:absolute;transform:scale(.75)}.cc-scrub:hover .cc-scrub-handle,.cc-scrub[data-dragging] .cc-scrub-handle,.cc-scrub:focus-visible .cc-scrub-handle{transform:scale(1)}.cc-scrub:focus-visible .cc-scrub-handle{outline:2px solid var(--cc-ink);outline-offset:3px}.cc-c-labels .cc-slide{aspect-ratio:16/9;border-radius:16px}.cc-tabs{--reuse-highlight-background:#fff;--reuse-highlight-radius:999px;scrollbar-width:none;background:#0000000b;border-radius:999px;gap:2px;max-width:100%;padding:3px;display:flex;overflow-x:auto}.cc-tabs::-webkit-scrollbar{display:none}.cc-tab{color:#707070;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;height:28px;padding:0 12px;font-size:13px;font-weight:500;transition:color .15s}.cc-tab:hover,.cc-tab[data-current]{color:var(--cc-ink)}.cc-tab:focus-visible{outline:2px solid var(--cc-ink);outline-offset:-2px}.d-demo :is(.interaction-stage,.loader-stage,.avatar-stage){background:#f4f4f2;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:40px 24px;display:flex;box-shadow:inset 0 0 0 1px #0000000a}.d-demo .demo-hint{color:var(--mute);text-align:center;margin-top:24px;font-size:13px}.d-demo .highlight-menu{background:var(--surface);width:min(100%,270px);box-shadow:var(--shadow-raised);--reuse-highlight-background:var(--hover);--reuse-highlight-radius:8px;border-radius:12px;padding:6px}.d-demo .highlight-menu>button{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:14px;display:flex}.d-demo .highlight-menu>button>svg:last-child{color:var(--mute);margin-left:auto}.d-demo .hold-example{flex-direction:column;align-items:center;gap:18px;display:flex}.d-demo .small-document{background:var(--surface);width:62px;height:66px;box-shadow:var(--shadow-raised);color:var(--mute);border-radius:12px;place-items:center;display:grid}.d-demo .hold-example p,.d-demo .hold-feedback{color:var(--mute);font-size:13px}.d-demo .button{background:var(--surface);height:40px;box-shadow:var(--shadow-control);border:0;border-radius:11px;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:520;display:inline-flex}.d-demo .text-button{text-underline-offset:4px;background:0 0;border:0;padding:4px;font-size:13px;text-decoration:underline}.d-demo .avatar-examples{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;display:flex}.d-demo .avatar-examples>div{flex-direction:column;align-items:center;gap:14px;display:flex}.d-demo .avatar-examples :where(div)>span:where(:last-child),.d-demo .avatar-group-example p,.d-demo .loader-stage p{color:var(--mute);font-size:13px}.d-demo .avatar-group-example{flex-direction:column;align-items:center;gap:14px;margin-top:32px;display:flex}.d-demo .loader-stage{color:var(--ink);gap:28px}.d-demo .shadow-playground{background:#f4f4f2;border-radius:18px;overflow:hidden}.d-demo .shadow-surface{place-items:center;min-height:280px;padding:32px;display:grid}.d-demo .shadow-object{background:var(--surface);border-radius:14px;flex-direction:column;align-items:center;gap:12px;width:min(260px,100%);padding:32px 20px;transition:box-shadow .22s;display:flex}.d-demo .shadow-object span{color:var(--mute);font-size:13px}.d-demo .shadow-levels{background:#0000000d;border:0;border-radius:10px;gap:2px;width:fit-content;max-width:calc(100% - 32px);margin:0 auto 24px;padding:3px;display:flex;overflow-x:auto}.d-demo .shadow-levels button{background:0 0;border:0;border-radius:8px;padding:6px 11px;font-size:13px}.d-demo .shadow-levels button[aria-pressed=true]{background:var(--surface);box-shadow:var(--shadow-control)}.d-demo .annotation-demo img{border-radius:12px}.d-demo .annotation-demo [data-reuse-annotations]{--reuse-annotation-color:#d95746;--reuse-annotation-radius:12px;font-size:13px}.x-app{background:var(--surface);box-shadow:var(--shadow-panel);border-radius:16px;margin-top:44px;overflow:hidden}.x-text-btn{color:var(--ink);font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:4px 2px;font-size:13.5px;font-weight:550;-webkit-text-decoration:underline #00000040;text-decoration:underline #00000040}.x-text-btn:hover{text-decoration-color:currentColor}.x-review{margin-top:44px}.x-review-head{align-items:center;gap:12px;margin-bottom:18px;display:flex}.x-review-meta{color:var(--prose);font-size:14px;line-height:20px;display:grid}.x-review-meta b{color:var(--ink);font-weight:560}.x-review-meta small{color:var(--mute);font-size:12.5px}.x-annot{--reuse-annotation-color:#d95746;--reuse-annotation-radius:10px;font-size:13px}.x-editor-doc{gap:20px;margin-top:44px;display:grid}.x-annot-edit .reuse-annotation-toolbar{gap:4px}.x-annot-edit .reuse-annotation-toolbar button{height:32px;color:var(--prose);background:0 0;border:0;border-radius:9px;padding:0 11px;font-size:13px;transition:background-color .15s,color .15s;box-shadow:inset 0 0 0 1px #0000001a}.x-annot-edit .reuse-annotation-toolbar button:hover:not(:disabled){background:var(--hover);color:var(--ink)}.x-annot-edit .reuse-annotation-toolbar button[aria-pressed=true]{background:var(--ink);box-shadow:none;color:#fff}.x-annot-edit .reuse-annotation-fields input,.x-annot-edit .reuse-annotation-fields select{border-radius:9px}.x-annot-edit .reuse-annotation-editor-hint{color:var(--mute);font-size:13px;line-height:20px}.x-saved{background:#f4f4f2;border-radius:12px;overflow:hidden}.x-saved-head{color:var(--mute);justify-content:space-between;padding:10px 14px 0;font-size:12.5px;display:flex}.x-saved-label{color:var(--ink);font-weight:560}.x-saved-code{max-height:140px;font-family:var(--mono);white-space:pre-wrap;word-break:break-all;color:var(--prose);padding:8px 14px 14px;font-size:12px;line-height:19px;overflow:auto}.x-case{font-family:var(--mono);overflow-wrap:anywhere;font-size:12.5px}.x-case-out{color:var(--prose)}.x-members{max-width:520px;margin-top:44px}.x-members-head,.x-project{justify-content:space-between;align-items:center;gap:16px;display:flex}.x-members-head{padding:0 10px 10px;box-shadow:inset 0 -1px #00000012}.x-members-title{font-size:15px;font-weight:600}.x-members-count{color:var(--mute);font-size:13px}.x-member-list{margin-top:6px;display:grid}.x-member{border-radius:12px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:12px;padding:9px 10px;display:grid}.x-member:hover{background:var(--hover)}.x-member-text,.x-project-text{min-width:0;display:grid}.x-member-name{font-size:14px;font-weight:540;line-height:20px}.x-member-meta{color:var(--mute);font-size:12.5px;line-height:18px}.x-members .reuse-avatar,.x-projects .reuse-avatar{--reuse-avatar-badge-size:16px;--reuse-avatar-dot-size:9px;font-size:12px}.x-projects{max-width:520px;margin-top:44px;display:grid}.x-project{padding:14px 4px;box-shadow:inset 0 -1px #00000012}.x-project:first-child{box-shadow:inset 0 1px #00000012,inset 0 -1px #00000012}.x-assist{background:var(--surface);max-width:560px;box-shadow:var(--shadow-panel);border-radius:16px;margin-top:44px;display:grid;overflow:hidden}.x-assist-msgs{align-content:end;gap:18px;min-height:300px;padding:18px 16px;display:grid}.x-assist-turn{flex-direction:column;gap:6px;display:flex}.x-reply{min-height:36px;color:var(--ink);align-items:center;display:flex}.x-reply .reuse-thinking-dots{color:var(--mute)}.x-assist .x-compose button:disabled{opacity:.4;cursor:default}.loader-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 16px;margin-top:44px;display:grid}.loader-preset{color:var(--ink);justify-items:center;gap:12px;display:grid}.loader-name{font-family:var(--mono);color:var(--mute);text-align:center;font-size:12px;line-height:18px}.x-cards{background:#f4f4f2;border-radius:18px;margin-top:44px;padding:40px 32px;box-shadow:inset 0 0 0 1px #0000000a}.card-patterns{gap:28px;max-width:560px;margin:0 auto;display:grid}.card-patterns .reuse-card-code{--reuse-card-padding:6px 6px 6px 16px;border-radius:12px}.card-patterns-code{font-family:var(--mono);font-size:13px}.card-patterns-title{font-size:15px;font-weight:600;line-height:22px}.card-patterns-text{color:var(--prose);margin-top:2px;font-size:13.5px;line-height:21px}.card-patterns-action{background:var(--surface);height:36px;color:var(--ink);font:inherit;cursor:pointer;border:0;border-radius:10px;flex:none;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:540;display:inline-flex;box-shadow:inset 0 0 0 1px #0000001f}.card-patterns-action:hover{background:#fafafa}.x-scale-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;margin-top:18px;display:grid}.x-scale-item{justify-items:center;gap:14px;display:grid}.x-scale-tile{aspect-ratio:1;background:var(--surface);border-radius:14px;width:100%}.x-scale-name{font-family:var(--mono);color:var(--mute);text-align:center;overflow-wrap:anywhere;font-size:11.5px}.x-scale+.x-scale{margin-top:16px}.x-scale:first-child>.c-h3,.x-fade{margin-top:40px}.x-fade-bar{--cc-ink:#1f1f1f;flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.x-fade-strip{scrollbar-width:none;overscroll-behavior-x:contain;gap:12px;display:flex;overflow-x:auto}.x-fade-strip::-webkit-scrollbar{display:none}.x-fade-strip:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.x-fade-item{flex:none;width:200px}.x-fade-img{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%;display:block}.x-fade-caption{color:var(--mute);margin-top:8px;font-size:13px}.x-app-menu{max-width:340px;padding-bottom:6px}.x-menubar{color:var(--prose);gap:2px;padding:6px;font-size:13px;display:flex;box-shadow:inset 0 -1px #0000000f}.x-menubar-item{border-radius:7px;padding:3px 9px}.x-menubar [data-open]{color:var(--ink);background:#0000000f}.x-menu,.x-nav{--reuse-highlight-background:var(--hover);--reuse-highlight-radius:8px;gap:1px;padding:6px;display:grid}.x-row{height:34px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:0 10px;font-size:13.5px;display:flex}.x-row-icon{color:var(--prose);flex:none;display:inline-flex}.x-row:focus-visible,.x-tab:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.x-row-key{color:var(--mute);margin-left:auto;font-family:inherit;font-size:12px}.x-menu-danger{color:#c2362b;margin-top:6px;box-shadow:0 -4px 0 -3px #00000012}.x-menu-danger .x-row-icon{color:currentColor}.x-menu-status{color:var(--mute);padding:2px 16px 6px;font-size:12.5px}.x-app-nav{grid-template-columns:220px minmax(0,1fr);min-height:300px;display:grid}.x-nav-side{background:#fafaf9;padding:14px 8px;box-shadow:inset -1px 0 #0000000f}.x-nav-title{padding:2px 16px 6px;font-size:13px;font-weight:600}.x-row[aria-current=page]{font-weight:560}.x-row-count{color:var(--mute);margin-left:auto;font-size:12px}.x-nav-main{padding:24px}.x-nav-heading{letter-spacing:-.012em;font-size:18px;font-weight:600;line-height:26px}.x-nav-summary{color:var(--prose);margin-top:4px;font-size:14px}.x-tabs-head{padding:20px 20px 0;box-shadow:inset 0 -1px #00000012}.x-tabs-title{letter-spacing:-.012em;font-size:18px;font-weight:600;line-height:26px}.x-tabs{scrollbar-width:none;gap:2px;margin-top:14px;padding-bottom:8px;display:flex;overflow-x:auto}.x-tab{height:32px;color:var(--prose);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:none;padding:0 12px;font-size:13.5px}.x-tab[aria-selected=true]{color:var(--ink);font-weight:540}.x-tabs .x-tab-fill{background:#00000012}.x-tabs .x-tab-hover{background:var(--hover)}.x-tab-panel{min-height:96px;color:var(--prose);padding:18px 20px 22px;font-size:14px;line-height:22px}.x-file-wrap{gap:12px;max-width:560px;margin-top:44px;display:grid}.x-file{background:var(--surface);min-height:72px;box-shadow:var(--shadow-raised);border-radius:14px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 14px 14px 16px;display:grid}.x-file-icon{width:40px;height:44px;color:var(--prose);background:#f1f1ef;border-radius:8px;place-items:center;display:grid}.x-file-text{min-width:0;display:grid}.x-file-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:540;line-height:20px;overflow:hidden}.x-file-meta{color:var(--mute);font-size:12.5px;line-height:18px}.x-file-gone{color:var(--prose);grid-template-columns:minmax(0,1fr) auto;font-size:14px}.x-file-gone-name{color:var(--ink);overflow-wrap:anywhere;font-weight:540}.x-file-wrap .c-hold-hint{padding-left:4px}.x-settings{max-width:600px;margin-top:44px}.x-settings-title{padding-bottom:10px;font-size:15px;font-weight:600}.x-setting{justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:12px 0;font-size:14px;display:flex;box-shadow:inset 0 1px #00000012}.x-setting-name{color:var(--prose)}.x-setting-value{color:var(--ink);text-align:right}.x-setting-danger{background:#fdf5f4;border-radius:14px;margin-top:28px;padding:16px;box-shadow:inset 0 0 0 1px #c2362b24}.x-setting-danger-title{font-weight:560}.x-setting-note{color:var(--prose);margin-top:2px;font-size:13px;line-height:19px}.x-setting-danger .c-hold{flex:none}@media (max-width:760px){.loader-gallery,.x-scale-list{grid-template-columns:repeat(3,minmax(0,1fr))}.x-app-nav{grid-template-columns:1fr}.x-nav-side{box-shadow:inset 0 -1px #0000000f}}@media (max-width:600px){.loader-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.x-cards{padding:24px 16px}.x-file{grid-template-columns:40px minmax(0,1fr)}.x-file-hold{grid-column:1/-1;justify-items:stretch}.x-file-hold .c-hold{justify-content:center}.x-setting-danger{flex-direction:column;align-items:stretch}.x-setting-danger .c-hold{justify-content:center}.x-fade-item{width:168px}}@media (max-width:760px){.d-feats-4{grid-template-columns:1fr 1fr}.x-chat{grid-template-columns:1fr}.x-list{display:none}.x-related .reuse-carousel{--reuse-carousel-slide-width:calc((100% - 14px) / 2)}}@media (max-width:600px){.d-main{padding-top:28px}.d-lead{font-size:16px;line-height:25px}.d-gal{grid-template-rows:220px 120px 120px;grid-template-columns:1fr 1fr}.d-gal .d-gal-main{grid-area:auto/span 2}.d-feats-4{grid-template-columns:1fr;gap:26px}.d-api thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.d-api table,.d-api tbody,.d-api tr{display:block}.d-api tbody tr{padding:12px 0}.d-api tbody :is(th,td){padding:0;display:block}.d-api td{margin-top:2px}.d-api tbody tr:first-child{box-shadow:inset 0 1px #0000001a,inset 0 -1px #0000000f}.d-status li{grid-template-columns:minmax(0,1fr) auto}.d-status p{grid-column:1/-1}.x-product{grid-template-columns:1fr;gap:24px;margin-top:32px}.x-chat{margin-top:32px}.x-msgs{padding:14px 12px}.x-j-wide{height:160px}.d-cta .c-card-in{padding:20px 18px 18px}.d-pager{margin-top:64px}.d-frame iframe{aspect-ratio:4/5}}@media (prefers-reduced-motion:reduce){.d-doc *,.d-doc :before,.d-doc :after{transition-duration:0s!important;animation:none!important}.x-print:hover .x-print-photo{transform:none}}