.guide-page{width:100%;position:relative}.guide-hero{padding-bottom:clamp(3rem,2rem + 3vw,5.5rem)}.guide-search-box{align-items:center;width:100%;max-width:680px;margin:1.8rem auto 0;display:flex;position:relative}.guide-search-icon{color:#8e8e93;pointer-events:none;width:1.15rem;height:1.15rem;position:absolute;left:1.15rem}.guide-search-input{color:#fff;background:#ffffff14;border:1px solid #ffffff2e;border-radius:980px;width:100%;height:48px;padding:0 2.8rem 0 3.1rem;font-family:inherit;font-size:.94rem;transition:all .2s cubic-bezier(.16,1,.3,1)}.guide-search-input:focus{background:#ffffff1f;border-color:#0071e3;outline:none;box-shadow:0 0 0 3.5px #0071e347}.guide-search-input::placeholder{color:#8e8e93}.guide-search-clear{color:#fff;cursor:pointer;background:#ffffff26;border:0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:background .15s;display:flex;position:absolute;right:1rem}.guide-search-clear:hover{background:#ffffff47}.guide-main-sec{color:#1d1d1f;padding-block:clamp(2rem,1.5rem + 2vw,4.5rem);background:#fff!important}.guide-legal{grid-template-columns:minmax(240px,310px) minmax(0,1fr);align-items:start;gap:clamp(1.6rem,1rem + 3vw,5rem);display:grid}.guide-lnav{flex-direction:column;gap:.3rem;display:flex;position:sticky;top:clamp(80px,6vw,130px)}.guide-lnav .grp{font-size:var(--t-micro,.72rem);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3,#626267);margin:1.1rem 0 .4rem;font-weight:700}.guide-lnav .grp:first-child{margin-top:0}.guide-lnav .lbtn{width:100%;min-height:44px;color:var(--ink-2,#424245);font:500 var(--t-small,.88rem)/1.3 var(--f-body);text-align:left;cursor:pointer;transition:background .2s, color .2s, transform .25s var(--ease);background:0 0;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:.6rem;padding:.65rem .95rem;display:flex}.guide-lnav .lbtn:hover{background:var(--line-2,#f5f5f7);color:var(--ink,#1d1d1f);transform:translate(3px)}.guide-lnav .lbtn.on{background:var(--surface,#fff);border-color:var(--line,#e5e5ea);color:var(--ink,#1d1d1f);font-weight:600;box-shadow:0 4px 14px -3px #00000014}.guide-lbtn-text{align-items:center;gap:.6rem;min-width:0;display:flex}.guide-lbtn-num{font-family:var(--f-mono,monospace);color:#76591e;flex-shrink:0;font-size:.76rem;font-weight:700}.guide-content-col{min-width:0}.guide-doc{max-width:82ch;animation:.6s cubic-bezier(.2,.9,.2,1) both jr-docIn}.guide-chapter-header{border-bottom:1px solid var(--line,#e5e5ea);margin-bottom:2.2rem;padding-bottom:1.4rem}.guide-chapter-header .jr-eyebrow{color:#76591e;font-size:var(--t-micro,.74rem);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.4rem;font-weight:700;display:inline-block}.guide-chapter-header .h2{color:var(--ink,#1d1d1f);letter-spacing:-.02em;margin:0 0 .6rem;font-size:clamp(1.8rem,1.4rem + 1.2vw,2.5rem);font-weight:700}.guide-chapter-header .meta{font-size:var(--t-small,.86rem);color:var(--ink-3,#626267);margin:0 0 1rem}.guide-chapter-desc{color:var(--ink-2,#424245);margin:0;font-size:1.05rem;line-height:1.6}.guide-sections-list{flex-direction:column;gap:2.2rem;display:flex}.guide-section-card{border:1px solid var(--line,#e5e5ea);background:#fff;border-radius:18px;padding:clamp(1.4rem,1.2rem + 1vw,2.4rem);scroll-margin-top:100px;box-shadow:0 2px 12px #0000000a}.guide-section-header{margin-bottom:.9rem}.guide-section-title-wrap{flex-direction:column;align-items:flex-start;gap:.35rem;display:flex}.guide-badge{background:var(--color-info-soft);border:1px solid var(--color-info-border);color:var(--color-info-foreground);letter-spacing:.02em;border-radius:980px;padding:.2rem .65rem;font-size:.72rem;font-weight:650}.guide-section-card .h3{font-family:var(--f-display,inherit);color:var(--ink,#1d1d1f);letter-spacing:-.015em;margin:0;font-size:clamp(1.25rem,1.15rem + .4vw,1.55rem);font-weight:650}.guide-section-summary{color:var(--ink-2,#424245);margin:0 0 1.4rem;font-size:.96rem;line-height:1.65}.guide-figure{margin:1.6rem 0}.guide-figure-frame{cursor:pointer;background:#fbfbfd;border:1px solid #0000001f;border-radius:14px;width:100%;padding:0;transition:all .25s cubic-bezier(.16,1,.3,1);display:block;position:relative;overflow:hidden;box-shadow:0 6px 20px #0000000f}.guide-figure-frame:focus-visible{outline-offset:4px;outline:3px solid #0071e3}.guide-figure-frame:hover{border-color:#cfae6b8c;transform:translateY(-2px);box-shadow:0 12px 32px #0000001a,0 0 20px #cfae6b33}.guide-figure-img{object-fit:cover;width:100%;height:auto;transition:transform .3s;display:block}.guide-figure-frame:hover .guide-figure-img{transform:scale(1.015)}.guide-figure-hover{-webkit-backdrop-filter:blur(16px);color:#fff;opacity:0;pointer-events:none;background:#1d1d1fe0;border:1px solid #fff3;border-radius:980px;align-items:center;gap:.45rem;padding:.45rem .9rem;font-size:.78rem;font-weight:550;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:absolute;bottom:1rem;right:1rem;transform:translateY(6px)}.guide-figure-frame:hover .guide-figure-hover{opacity:1;transform:translateY(0)}.guide-figure-caption{color:var(--ink-3,#626267);text-align:center;margin-top:.6rem;padding-inline:.4rem;font-size:.82rem;font-style:italic;line-height:1.45}.guide-features-box{border:1px solid var(--line,#e5e5ea);background:#fbfbfd;border-radius:14px;margin:1.5rem 0 1rem;padding:1.25rem 1.4rem}.guide-features-heading{text-transform:uppercase;letter-spacing:.05em;color:var(--ink,#1d1d1f);margin:0 0 .85rem;font-size:.82rem;font-weight:700}.guide-features-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.65rem 1.4rem;margin:0;padding:0;list-style:none;display:grid}.guide-feature-item{color:var(--ink-2,#424245);align-items:flex-start;gap:.55rem;font-size:.88rem;line-height:1.48;display:flex}.guide-check-icon{color:#34c759;flex-shrink:0;width:16px;height:16px;margin-top:.2rem}.guide-steps-box{border:1px solid var(--line,#e5e5ea);background:#fff;border-radius:14px;margin:1.5rem 0;padding:1.25rem 1.4rem}.guide-steps-heading{text-transform:uppercase;letter-spacing:.05em;color:#76591e;margin:0 0 1rem;font-size:.82rem;font-weight:700}.guide-steps-list{flex-direction:column;gap:.9rem;margin:0;padding:0;list-style:none;display:flex}.guide-step-item{align-items:flex-start;gap:.85rem;display:flex}.guide-step-num{color:#fff;background:#0071e3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:.15rem;font-size:.78rem;font-weight:700;display:flex}.guide-step-body strong{color:var(--ink,#1d1d1f);margin-bottom:.18rem;font-size:.92rem;display:block}.guide-step-body p{color:var(--ink-2,#424245);margin:0;font-size:.88rem;line-height:1.5}.guide-tips-box{margin-top:1.4rem}.guide-pager{border-top:1px solid var(--line,#e5e5ea);justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.8rem;display:flex}.guide-pager-btn{border:1px solid var(--line,#e5e5ea);cursor:pointer;background:#fbfbfd;border-radius:14px;flex-direction:column;max-width:48%;padding:.85rem 1.3rem;text-decoration:none;transition:all .2s;display:flex}.guide-pager-btn:hover{background:#fff;border-color:#cfae6b73;transform:translateY(-1px);box-shadow:0 4px 16px #0000000f}.guide-pager-btn.next{text-align:right;margin-left:auto}.guide-pager-sub{font-size:var(--t-micro,.72rem);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3,#626267);font-weight:650}.guide-pager-title{color:var(--ink,#1d1d1f);margin-top:.2rem;font-size:.94rem;font-weight:650}.guide-search-results-header{border-bottom:1px solid var(--line,#e5e5ea);margin-bottom:2rem;padding-bottom:1.2rem}.guide-search-results-header .h2{color:var(--ink,#1d1d1f);margin:.4rem 0 .5rem;font-size:clamp(1.6rem,1.3rem + 1vw,2.2rem);font-weight:700}.guide-search-results-header .meta{color:var(--ink-3,#626267);margin:0;font-size:.9rem}.search-chapter-group{border-bottom:1px dashed var(--line,#e5e5ea);margin-bottom:3rem;padding-bottom:2rem}.guide-empty-state{text-align:center;border:1px dashed var(--line,#e5e5ea);background:#fbfbfd;border-radius:18px;padding:4rem 1.5rem}.guide-empty-state h3{color:var(--ink,#1d1d1f);margin:1rem 0 .5rem;font-size:1.2rem;font-weight:650}.guide-empty-state p{color:var(--ink-2,#424245);margin:0 0 1.5rem}.guide-lightbox-overlay{-webkit-backdrop-filter:blur(24px);z-index:999999;background:#000000eb;justify-content:center;align-items:center;padding:2rem;animation:.2s cubic-bezier(.16,1,.3,1) guide-fade-in;display:flex;position:fixed;inset:0}@keyframes guide-fade-in{0%{opacity:0}to{opacity:1}}.guide-lightbox-card{background:#18181b;border:1px solid #ffffff29;border-radius:18px;flex-direction:column;max-width:96vw;max-height:92vh;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px -12px #000000e6}.guide-lightbox-header{background:#0009;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:.9rem 1.4rem;display:flex}.guide-lightbox-title{color:#fff;font-size:.88rem;font-weight:600}.guide-lightbox-close{color:#fff;cursor:pointer;background:#ffffff26;border:0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.guide-lightbox-close:hover{background:#ffffff4d;transform:scale(1.05)}.guide-lightbox-body{justify-content:center;align-items:center;padding:1rem;display:flex;overflow:auto}.guide-lightbox-img{object-fit:contain;border-radius:8px;max-width:100%;max-height:80vh}@media (width<=900px){.guide-legal{grid-template-columns:1fr;gap:2rem}.guide-lnav{position:relative;top:0}}.guide-dnd-studio{background:#fbfbfd;border:1px solid #e5e5ea;border-radius:18px;margin-top:2rem;padding:1.5rem;box-shadow:0 4px 20px #00000008}.guide-dnd-header{border-bottom:1px solid #e5e5ea;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:1.25rem;padding-bottom:.85rem;display:flex}.guide-dnd-title-group h4{color:#1d1d1f;margin:0 0 4px;font-size:1.15rem;font-weight:700}.guide-dnd-title-group p{color:#6e6e73;margin:0;font-size:.88rem}.guide-dnd-tabs{flex-wrap:wrap;gap:6px;margin-bottom:1.25rem;display:flex}.guide-dnd-tab-btn{color:#1d1d1f;cursor:pointer;background:#fff;border:1px solid #d2d2d7;border-radius:980px;padding:6px 14px;font-size:.84rem;font-weight:600;transition:all .15s}.guide-dnd-tab-btn.active{color:#fff;background:#1d1d1f;border-color:#1d1d1f}.guide-types-filter{flex-wrap:wrap;gap:6px;margin-bottom:1rem;display:flex}.guide-filter-chip{color:#6e6e73;cursor:pointer;background:#f5f5f7;border:1px solid #e5e5ea;border-radius:6px;padding:4px 10px;font-size:.78rem;font-weight:600}.guide-filter-chip.active{color:#fff;background:#0071e3;border-color:#0071e3}.guide-types-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;display:grid}.guide-type-card{background:#fff;border:1px solid #e5e5ea;border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;transition:all .15s;display:flex}.guide-type-card:hover{border-color:#0071e3;box-shadow:0 2px 10px #0071e314}.guide-type-top{justify-content:space-between;align-items:center;gap:6px;display:flex}.guide-type-name{color:#1d1d1f;font-size:.86rem;font-weight:650}.guide-type-badge{color:#6e6e73;background:#f5f5f7;border-radius:4px;padding:2px 5px;font-family:ui-monospace,monospace;font-size:.72rem}.guide-type-desc{color:#6e6e73;font-size:.78rem;line-height:1.35}.guide-type-example{color:#0071e3;margin-top:3px;font-size:.74rem;font-style:italic}.guide-code-box{color:#f5f5f7;background:#1d1d1f;border-radius:10px;margin-top:6px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.82rem;overflow-x:auto}.guide-code-highlight{color:#f59e0b}.guide-logic-cards{grid-template-columns:1fr;gap:10px;display:grid}.guide-logic-card{background:#fff;border:1px solid #e5e5ea;border-radius:12px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.guide-logic-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.guide-logic-title{color:#1d1d1f;font-size:.92rem;font-weight:700}.guide-logic-tag{color:#0284c7;background:#e0f2fe;border-radius:980px;padding:2px 8px;font-size:.75rem;font-weight:700}.guide-logic-desc{color:#6e6e73;font-size:.84rem;line-height:1.4}.guide-dnd-screenshot-frame{background:#000;border:1px solid #d2d2d7;border-radius:14px;margin-bottom:1.5rem;overflow:hidden;box-shadow:0 4px 16px #00000014}.guide-dnd-screenshot-btn{cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:0;display:block;position:relative}.guide-dnd-screenshot-img{width:100%;height:auto;transition:transform .2s;display:block}.guide-dnd-screenshot-btn:hover .guide-dnd-screenshot-img{opacity:.96}.guide-dnd-screenshot-caption{color:#6e6e73;background:#fff;border-top:1px solid #e5e5ea;justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;font-size:.82rem;display:flex}.guide-dnd-screenshot-caption strong{color:#1d1d1f;font-weight:650}.guide-dnd-screenshot-zoom-badge{color:#0071e3;align-items:center;gap:4px;font-size:.74rem;font-weight:600;display:inline-flex}