.docsiv-design .tsc-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 16px;margin:44px 0 0;padding:0;list-style:none;display:grid}.docsiv-design .tsc-step-num{height:24px;color:var(--dd-ink-2);background:#f0f0f0;border-radius:999px;align-items:center;margin-top:16px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.docsiv-design .tsc-steps .fs-card h3{margin-top:10px}.docsiv-design .tsc-steps .fs-card p{font-size:14px}.docsiv-design .dd-section.ph-hero{padding-top:clamp(40px,6vw,88px)}.docsiv-design .ph-top{flex-direction:column;align-items:flex-start;display:flex}.docsiv-design .ph-top h1{text-wrap:balance;max-width:900px;font-size:clamp(38px,5vw,64px)}.docsiv-design .ph-lead{max-width:640px;color:var(--dd-ink-2);text-wrap:pretty;margin:20px 0 0;font-size:18px;line-height:1.55}.docsiv-design .ph-cta{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.docsiv-design .ph-stage{background:#f5f5f5;border-radius:12px;margin-top:48px;padding:clamp(16px,3.4vw,48px) clamp(16px,3.4vw,48px) 0;overflow:hidden}@media (max-width:640px){.docsiv-design .ph-lead{margin-top:16px;font-size:16px}.docsiv-design .ph-cta{margin-top:22px}.docsiv-design .ph-stage{margin-top:32px;padding:14px 14px 0}}.docsiv-design .tsc-start{border-top:1px solid #efefef;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;margin-top:28px;padding-top:24px;display:flex}.docsiv-design .tsc-start p{color:var(--dd-ink-2);margin:0;font-size:15px}.docsiv-design .tsc-start>span{flex-wrap:wrap;gap:10px;display:flex}.docsiv-design .tsc-prompt{flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex;position:absolute;inset:0}.docsiv-design .tsc-box{background:#fff;border-radius:16px;flex-direction:column;gap:18px;width:500px;padding:18px 18px 14px;display:flex;box-shadow:0 0 0 1px #1111130f,0 18px 40px -26px #1e293b59}.docsiv-design .tsc-box p{color:var(--dd-ink);letter-spacing:-.01em;margin:0;font-size:16px;line-height:1.45}.docsiv-design .tsc-box p i{vertical-align:text-bottom;background:var(--dd-ink);width:1.5px;height:1.05em;margin-left:2px;animation:1.1s step-end infinite as-caret;display:inline-block}.docsiv-design .tsc-box-row{align-items:center;gap:8px;display:flex}.docsiv-design .tsc-box-tool{width:30px;height:30px;color:var(--dd-ink-2);border:1px solid #e6e6e4;border-radius:9px;place-items:center;display:grid}.docsiv-design .tsc-box-app{background:#f4f4f3;border-radius:9px;align-items:center;gap:6px;height:30px;padding:0 10px 0 8px;font-size:12.5px;font-weight:500;display:inline-flex}.docsiv-design .tsc-box-send{background:var(--dd-ink);color:#fff;border-radius:999px;align-items:center;gap:6px;height:30px;margin-left:auto;padding:0 12px;font-size:12.5px;font-weight:500;display:inline-flex}.docsiv-design .tsc-writing{flex-direction:column;align-items:center;gap:12px;display:flex}.docsiv-design .tsc-status{color:var(--dd-ink-2);align-items:center;gap:7px;font-size:12.5px;display:inline-flex}.docsiv-design .tsc-tiles{gap:10px;display:flex}.docsiv-design .tsc-tiles>span{aspect-ratio:16/9;box-sizing:border-box;border:1px dashed #cfcfcc;border-radius:6px;flex-direction:column;justify-content:flex-end;gap:4px;width:72px;padding:8px;display:flex}.docsiv-design .tsc-tiles i{background:0 0;border-radius:2px;height:4px;display:block}.docsiv-design .tsc-tiles i+i{width:60%}.docsiv-design .tsc-tiles .is-done{background:#fff;border:0;box-shadow:0 0 0 1px #1111130f}.docsiv-design .tsc-tiles .is-done i{background:#e4e4e2}.docsiv-design .tsc-tiles .is-done i:first-child{background:#1b1b1d}.docsiv-design .tsc-tiles .is-now{border-style:solid;border-color:var(--dd-ink);background:#fff}.docsiv-design .tsc-tiles .is-now i:first-child{background:#e4e4e2;animation:1.4s ease-in-out infinite tsc-pulse}@keyframes tsc-pulse{50%{opacity:.35}}.docsiv-design .tsc-fan{position:absolute;inset:0}.docsiv-design .tsc-fan img{aspect-ratio:16/9;object-fit:cover;background:#fff;border-radius:6px;width:300px;transition:transform .45s cubic-bezier(.2,.7,.2,1);position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #11111314,0 18px 36px -22px #1e293b80}.docsiv-design .tsc-fan .is-left{transform:translate(-96%,-40%)rotate(-8deg)}.docsiv-design .tsc-fan .is-right{transform:translate(-4%,-40%)rotate(8deg)}.docsiv-design .tsc-fan .is-middle{z-index:1;transform:translate(-50%,-56%)}.docsiv-design .fs-card:hover .tsc-fan .is-left{transform:translate(-104%,-38%)rotate(-10deg)}.docsiv-design .fs-card:hover .tsc-fan .is-right{transform:translate(4%,-38%)rotate(10deg)}.docsiv-design .fs-card:hover .tsc-fan .is-middle{transform:translate(-50%,-60%)}.docsiv-design .tsc-chip{white-space:nowrap;background:#f0f0ee;border-radius:6px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:500;display:inline-flex}.docsiv-design .tsc-chip.is-done{color:#22744a;background:#e6f4ec}.docsiv-design .tsc-well{background:#f6f6f5;min-width:0;padding:30px 0 0 30px;position:relative}.docsiv-design .tsc-well img{aspect-ratio:16/9;object-fit:cover;border-radius:4px;width:380px;display:block;box-shadow:0 0 0 1px #1111130f}.docsiv-design .tsc-kit{background:#f4f4f3;border-radius:8px;align-items:center;gap:8px;padding:6px;display:flex}.docsiv-design .tsc-kit-mark{background:var(--dd-ink);color:#fff;border-radius:6px;place-items:center;width:22px;height:22px;font-size:11px;font-weight:600;display:grid}.docsiv-design .tsc-swatches{gap:6px;display:flex}.docsiv-design .tsc-swatches i{border-radius:7px;width:26px;height:26px;box-shadow:inset 0 0 0 1px #11111314}.docsiv-design .tsc-font{align-items:center;gap:9px;display:flex}.docsiv-design .tsc-font>b{border:1px solid #ececea;border-radius:7px;place-items:center;width:30px;height:30px;font-size:13px;display:grid}.docsiv-design .tsc-font>span{flex-direction:column;min-width:0;display:flex}.docsiv-design .tsc-font small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.docsiv-design .tsc-export{justify-content:center;align-items:center;gap:28px;display:flex;position:absolute;inset:0}.docsiv-design .tsc-present{position:relative}.docsiv-design .tsc-present img{aspect-ratio:16/9;object-fit:cover;border-radius:6px;width:300px;display:block;box-shadow:0 0 0 1px #11111314,0 18px 36px -22px #1e293b80}.docsiv-design .tsc-present-btn{background:var(--dd-ink);color:#fff;border-radius:999px;align-items:center;gap:7px;height:36px;padding:0 16px;font-size:13px;font-weight:500;display:inline-flex;position:absolute;bottom:-18px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px -12px #00000080}.docsiv-design .tsc-menu{background:#fff;border-radius:10px;flex-direction:column;gap:4px;width:230px;padding:10px;display:flex;box-shadow:0 0 0 1px #1111130f,0 18px 40px -26px #1e293b59}.docsiv-design .tsc-menu .fs-panel-h{margin:2px 6px 4px}.docsiv-design .tsc-menu-row{border-radius:7px;align-items:center;gap:10px;padding:8px;display:flex}.docsiv-design .tsc-menu-row>span{flex-direction:column;flex:1;display:flex}.docsiv-design .tsc-menu-row.is-on{background:#f0f0ee}.docsiv-design .tsc-menu-btn{background:var(--dd-ink);color:#fff;border-radius:7px;justify-content:center;align-items:center;gap:6px;height:32px;margin-top:6px;font-size:12px;font-weight:500;display:flex}.docsiv-design .tsc-edit{justify-content:center;align-items:center;gap:22px;display:flex;position:absolute;inset:0}.docsiv-design .tsc-edit-slide{aspect-ratio:16/9;object-fit:cover;border-radius:6px;width:340px;display:block;box-shadow:0 0 0 1px #11111314,0 18px 36px -22px #1e293b80}.docsiv-design .tsc-chat{background:#fff;border-radius:12px;flex-direction:column;gap:10px;width:230px;padding:14px;display:flex;box-shadow:0 0 0 1px #1111130f,0 18px 40px -26px #1e293b59}.docsiv-design .tsc-ask{background:#f0f0ee;border-radius:12px 12px 4px;align-self:flex-end;max-width:88%;padding:8px 11px;font-size:12.5px;line-height:1.4}.docsiv-design .tsc-reply{align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.45;display:flex}.docsiv-design .tsc-reply img{flex-shrink:0;margin-top:1px}.docsiv-design .tsc-reply-row{gap:6px;padding-left:24px;display:flex}.docsiv-design .tsc-doc{justify-content:center;align-items:center;gap:24px;display:flex;position:absolute;inset:0}.docsiv-design .tsc-files{flex-direction:column;gap:10px;display:flex}.docsiv-design .tsc-file{background:#fff;border-radius:10px;align-items:center;gap:10px;width:210px;padding:11px 12px;display:flex;box-shadow:0 0 0 1px #1111130f}.docsiv-design .tsc-file>span{flex-direction:column;min-width:0;display:flex}.docsiv-design .tsc-file b{font-size:12.5px}.docsiv-design .tsc-doc-arrow{color:var(--dd-ink-2);align-items:center;gap:6px;display:flex}.docsiv-design .tsc-stack{aspect-ratio:16/9;width:250px;position:relative}.docsiv-design .tsc-stack i,.docsiv-design .tsc-stack img{background:#fff;border-radius:6px;position:absolute;inset:0;box-shadow:0 0 0 1px #11111314}.docsiv-design .tsc-stack i:first-child{opacity:.6;transform:translate(16px,-16px)}.docsiv-design .tsc-stack i:nth-child(2){opacity:.85;transform:translate(8px,-8px)}.docsiv-design .tsc-stack img{object-fit:cover;width:100%;height:100%;box-shadow:0 0 0 1px #11111314,0 18px 36px -22px #1e293b80}.docsiv-design .tsc-stack .tsc-chip{position:absolute;bottom:-12px;left:10px}.docsiv-design .tsc-share{background:#fff;border-radius:12px;flex-direction:column;gap:9px;width:400px;padding:16px 18px 18px;display:flex;position:absolute;top:36px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #1111130f,0 18px 40px -26px #1e293b59}.docsiv-design .tsc-share-h{font-size:14px}.docsiv-design .tsc-share-link{height:34px;color:var(--dd-ink-2);border:1px solid #e6e6e4;border-radius:8px;align-items:center;gap:7px;padding:0 4px 0 10px;font-size:11.5px;display:flex}.docsiv-design .tsc-share-link>span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.docsiv-design .tsc-share-link em{background:var(--dd-ink);color:#fff;border-radius:6px;padding:5px 10px;font-size:11px;font-style:normal;font-weight:500}.docsiv-design .tsc-share .fs-panel-h{margin-top:6px}.docsiv-design .tsc-role{color:var(--dd-ink-2);white-space:nowrap;align-items:center;gap:3px;font-size:11px;font-style:normal;display:inline-flex}.docsiv-design .tsc-team{width:24px;height:24px;color:var(--dd-ink-2);background:#f0f0ee;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.docsiv-design .tsc-comments{position:absolute;inset:0}.docsiv-design .tsc-presence{align-items:center;display:flex;position:absolute;top:40px;left:60px}.docsiv-design .tsc-presence .fs-avatar{margin-right:-6px;box-shadow:0 0 0 2px #e6e6e6}.docsiv-design .tsc-presence small{margin-left:14px}.docsiv-design .tsc-comments-slide{aspect-ratio:16/9;background:#fff;border-radius:6px;width:420px;position:absolute;top:80px;left:60px;overflow:hidden;box-shadow:0 0 0 1px #11111314}.docsiv-design .tsc-comments-slide img{object-fit:cover;width:100%;height:100%;display:block}.docsiv-design .tst-stage{place-items:center;display:grid}.docsiv-design .tst-page{background:#fff;border-radius:6px;width:86%;position:relative;overflow:hidden;box-shadow:0 0 0 1px #1111130f,0 24px 48px -32px #1e293b8c}.docsiv-design .tst-page.is-portrait{width:calc(61.6% * var(--tst-shape,.707))}.docsiv-design .tst-page iframe{pointer-events:none;border:0;width:100%;height:100%;position:absolute;inset:0}.docsiv-design .tsc-cases{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:44px 0 0;padding:0;list-style:none;display:grid}.docsiv-design .tsc-case{height:100%;color:inherit;background:#f5f5f5;border-radius:12px;flex-direction:column;padding:8px;text-decoration:none;transition:background-color .2s;display:flex}.docsiv-design .tsc-case:hover{background:#ededed}.docsiv-design .tsc-case:focus{outline:none}.docsiv-design .tsc-case:focus-visible{box-shadow:inset 0 0 0 2px var(--dd-ink)}.docsiv-design .tsc-case-vis{aspect-ratio:16/10;background:#e6e6e6;border-radius:8px;display:block;overflow:hidden}.docsiv-design .tsc-case-vis.is-whole{aspect-ratio:auto}.docsiv-design .tsc-case-vis.is-whole img{height:auto}.docsiv-design .tsc-case-vis img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.7,.2,1);display:block}.docsiv-design .tsc-case:hover .tsc-case-vis img{transform:scale(1.03)}.docsiv-design .tsc-case-text{flex-direction:column;flex:1;gap:6px;padding:14px 8px 8px;display:flex}.docsiv-design .tsc-case-text strong{color:var(--dd-ink);letter-spacing:-.01em;font-size:16px;font-weight:500}.docsiv-design .tsc-case-text>span{color:var(--dd-ink-2);font-size:14px;line-height:1.5}.docsiv-design .tsc-case-text small{color:var(--dd-ink-2);align-items:center;gap:6px;margin-top:auto;padding-top:10px;font-size:12.5px;display:flex}.docsiv-design .tsc-case-go{color:var(--dd-ink-3);margin-left:auto;transition:color .2s,transform .2s}.docsiv-design .tsc-case:hover .tsc-case-go{color:var(--dd-ink);transform:translate(2px)}.docsiv-design .tsc-faq-wrap{grid-template-columns:minmax(260px,.8fr) minmax(0,1.4fr);align-items:start;gap:32px 64px;display:grid}.docsiv-design .tsc-faq{flex-direction:column;gap:8px;display:flex}.docsiv-design .tsc-faq details{background:#f5f5f5;border-radius:12px;transition:background-color .2s}.docsiv-design .tsc-faq details:hover{background:#efefef}.docsiv-design .tsc-faq summary{color:var(--dd-ink);letter-spacing:-.01em;cursor:pointer;justify-content:space-between;gap:16px;padding:18px 20px;font-size:16px;font-weight:500;list-style:none;display:flex}.docsiv-design .tsc-faq summary::-webkit-details-marker{display:none}.docsiv-design .tsc-faq summary:after{content:"+";color:var(--dd-ink-2);flex-shrink:0;font-size:20px;font-weight:400;line-height:1;transition:transform .2s}.docsiv-design .tsc-faq details[open] summary:after{transform:rotate(45deg)}.docsiv-design .tsc-faq summary:focus{outline:none}.docsiv-design .tsc-faq summary:focus-visible{box-shadow:inset 0 0 0 2px var(--dd-ink);border-radius:12px}.docsiv-design .tsc-faq details p{max-width:640px;color:var(--dd-ink-2);margin:-4px 0 0;padding:0 20px 20px;font-size:15px;line-height:1.6}.docsiv-design .tsc-faq{interpolate-size:allow-keywords}.docsiv-design .tsc-faq details::details-content{opacity:0;block-size:0;transition:block-size .38s cubic-bezier(.2, .7, .2, 1), opacity .28s ease, content-visibility .38s allow-discrete;overflow:hidden}.docsiv-design .tsc-faq details[open]::details-content{opacity:1;block-size:auto}.docsiv-design .tsc-faq details p{transition:transform .38s cubic-bezier(.2,.7,.2,1);transform:translateY(-4px)}.docsiv-design .tsc-faq details[open] p{transform:none}.docsiv-design .tsc-related{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:44px}@media (prefers-reduced-motion:reduce){.docsiv-design .tsc-box p i,.docsiv-design .tsc-tiles .is-now i:first-child{animation:none}.docsiv-design .tsc-fan img,.docsiv-design .tsc-case-vis img,.docsiv-design .tsc-faq details p,.docsiv-design .tsc-faq summary:after{transition:none}.docsiv-design .tsc-faq details::details-content{transition:none}}@media (max-width:1000px){.docsiv-design .tsc-cases,.docsiv-design .tsc-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.docsiv-design .tsc-faq-wrap{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.docsiv-design .tsc-related{grid-template-columns:minmax(0,1fr)}.docsiv-design .tsc-cases{margin-top:28px}.docsiv-design .tsc-steps{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:28px}.docsiv-design .tsc-steps .fs-card{background:#f5f5f5;border-radius:12px;grid-template-rows:auto auto 1fr;grid-template-columns:44% minmax(0,1fr);column-gap:14px;padding:8px;display:grid}.docsiv-design .tsc-steps .fs-vis{aspect-ratio:auto;background:#e6e6e6;border-radius:9px;grid-row:1/4;align-self:stretch;min-height:110px;container-type:size}.docsiv-design .tsc-steps .fs-canvas{transform-origin:50%;--fit-w:112cqw;--fit-h:112cqh;transform:scale(.24);transform:scale(min(tan(atan2(var(--fit-w), 680px)), tan(atan2(var(--fit-h), 420px))));margin:-210px 0 0 -340px;top:50%;left:50%}.docsiv-design .tsc-steps .tsc-step-num{background:#fff;justify-self:start;height:20px;margin-top:2px;padding:0 8px;font-size:11px}.docsiv-design .tsc-steps .fs-card h3{margin:6px 0 0;font-size:15px}.docsiv-design .tsc-steps .fs-card p{margin-top:3px;font-size:13px;line-height:1.45}.docsiv-design .tst-cards{margin:0 calc(-1 * var(--site-pad));padding:0 var(--site-pad) 4px;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 var(--site-pad);scrollbar-width:none;flex-direction:row;gap:12px;overflow-x:auto}.docsiv-design .tst-cards::-webkit-scrollbar{display:none}.docsiv-design .tst-cards>.ws-card{scroll-snap-align:start;flex:0 0 86%}.docsiv-design .ws-stage.tst-stage{aspect-ratio:auto;background:0 0;padding:0;overflow:visible}.docsiv-design .tst-page,.docsiv-design .tst-page.is-portrait{width:100%;box-shadow:0 0 0 1px #11111314}.docsiv-design .tst-cards .ws-caption{margin-top:12px}.docsiv-design .tst-cards .ws-caption h3{font-size:17px}.docsiv-design .tst-cards .ws-caption p{font-size:14px}.docsiv-design .tsc-cases{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.docsiv-design .tsc-case{padding:6px}.docsiv-design .tsc-case-text{gap:4px;padding:10px 4px 4px}.docsiv-design .tsc-case-text strong{font-size:14.5px}.docsiv-design .tsc-case-text>span{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12.5px;display:-webkit-box;overflow:hidden}.docsiv-design .tsc-case-text small{display:none}}