.tutorial-sidebar[data-astro-cid-m44osfle]{position:fixed;left:0;top:64px;width:280px;height:calc(100vh - 64px);background:var(--lab-shell-surface);border-right:1px solid var(--lab-shell-border-soft);padding:24px 24px 32px;overflow-y:auto;z-index:40;transform:translate(-100%);box-shadow:var(--lab-glass-shadow);backdrop-filter:blur(18px);transition:transform var(--transition-default)}.tutorial-sidebar[data-astro-cid-m44osfle]::-webkit-scrollbar{width:8px}.tutorial-sidebar[data-astro-cid-m44osfle]::-webkit-scrollbar-track{background:transparent}.tutorial-sidebar[data-astro-cid-m44osfle]::-webkit-scrollbar-thumb{background:var(--lab-shell-border);border-radius:var(--radius-sm)}.tutorial-sidebar[data-astro-cid-m44osfle]::-webkit-scrollbar-thumb:hover{background:var(--lab-shell-text-secondary)}@media(min-width:1200px){.tutorial-sidebar[data-astro-cid-m44osfle]{transform:translate(0)}}.sidebar-content[data-astro-cid-m44osfle]{max-width:100%}.sidebar-header[data-astro-cid-m44osfle]{margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--lab-shell-divider)}.sidebar-label[data-astro-cid-m44osfle]{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--lab-shell-text-secondary)}.nav-list[data-astro-cid-m44osfle]{list-style:none;padding:0;margin:0}.nav-item[data-astro-cid-m44osfle]{margin-bottom:8px}@media(max-width:768px){.nav-item[data-astro-cid-m44osfle]{margin-bottom:12px}}.nav-link[data-astro-cid-m44osfle]{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius-md);color:var(--lab-shell-text-secondary);font-size:15px;font-weight:400;transition:all var(--transition-fast);position:relative;text-decoration:none;letter-spacing:-.01em;line-height:1.4}@media(max-width:768px){.nav-link[data-astro-cid-m44osfle]{padding:16px 18px;gap:16px}}.nav-link[data-astro-cid-m44osfle]:hover{background:var(--lab-shell-surface-elevated);border-color:var(--lab-shell-border-soft);color:var(--lab-shell-text)}.nav-link[data-astro-cid-m44osfle].active{background:var(--lab-shell-surface-elevated);border-color:var(--lab-shell-border);color:var(--lab-shell-text);font-weight:600}.nav-link[data-astro-cid-m44osfle].active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--lab-shell-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.nav-number[data-astro-cid-m44osfle]{font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--lab-shell-text-tertiary);min-width:20px;text-align:center}.nav-link[data-astro-cid-m44osfle].active .nav-number[data-astro-cid-m44osfle]{color:var(--lab-shell-accent);font-weight:600}.nav-title[data-astro-cid-m44osfle]{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1199px){.tutorial-sidebar[data-astro-cid-m44osfle]{width:100%;height:auto;position:static;transform:none;border-right:none;border-bottom:1px solid var(--lab-shell-border-soft);padding:20px 24px;backdrop-filter:none}.sidebar-content[data-astro-cid-m44osfle]{display:flex;flex-direction:column;gap:16px}.sidebar-header[data-astro-cid-m44osfle]{margin-bottom:0;padding-bottom:0;border-bottom:none}.nav-list[data-astro-cid-m44osfle]{display:flex;flex-direction:column;gap:4px}}@media(max-width:767px){.tutorial-sidebar[data-astro-cid-m44osfle]{display:none}}.tutorial-section[data-astro-cid-fkid6mjz]{padding:var(--spacing-section) 0;border-bottom:1px solid var(--lab-shell-divider);scroll-margin-top:84px}@media(min-width:1200px){.tutorial-section[data-astro-cid-fkid6mjz]{padding-left:300px;padding-right:64px}}@media(min-width:1440px){.tutorial-section[data-astro-cid-fkid6mjz]{padding-left:320px;padding-right:80px}}.section-container[data-astro-cid-fkid6mjz]{max-width:1100px;margin:0 auto}.section-header[data-astro-cid-fkid6mjz]{display:flex;gap:24px;margin-bottom:var(--spacing-element);align-items:flex-start}.section-number[data-astro-cid-fkid6mjz]{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--lab-shell-accent-hover);background:var(--lab-shell-accent-soft);border:1px solid color-mix(in srgb,var(--lab-shell-accent) 45%,transparent);padding:7px 10px;border-radius:var(--radius-sm);min-width:42px;text-align:center;flex-shrink:0;letter-spacing:.02em}.header-content[data-astro-cid-fkid6mjz]{flex:1}.section-title[data-astro-cid-fkid6mjz]{font-size:clamp(28px,5vw,42px);font-weight:600;color:var(--lab-shell-text);margin:0 0 10px;letter-spacing:-.015em;line-height:1.15}.section-description[data-astro-cid-fkid6mjz]{font-size:17px;line-height:1.53;color:var(--lab-shell-text-secondary);margin:0;max-width:720px;font-weight:400;letter-spacing:-.005em}.section-content[data-astro-cid-fkid6mjz]{margin-top:var(--spacing-element);display:flex;justify-content:center;align-items:center}@media(max-width:767px){.tutorial-section[data-astro-cid-fkid6mjz]{padding:64px 24px}.section-header[data-astro-cid-fkid6mjz]{flex-direction:column;gap:12px}.section-number[data-astro-cid-fkid6mjz]{align-self:flex-start}.section-description[data-astro-cid-fkid6mjz]{font-size:16px}}@media(prefers-reduced-motion:reduce){.tutorial-section[data-astro-cid-fkid6mjz]{scroll-behavior:auto}}.code-preview[data-astro-cid-e6ze2zzs]{display:grid;grid-template-columns:1fr;gap:var(--spacing-element);max-width:100%}@media(min-width:1024px){.code-preview[data-astro-cid-e6ze2zzs]{grid-template-columns:1fr 1fr;gap:48px}}.preview-container[data-astro-cid-e6ze2zzs]{border-radius:var(--radius-lg);padding:32px;min-height:320px;max-width:100%;display:flex;align-items:center;justify-content:center;overflow:visible;position:relative}.preview-content[data-astro-cid-e6ze2zzs]{width:100%;max-width:100%;display:flex;align-items:center;justify-content:center;overflow:visible}.code-container[data-astro-cid-e6ze2zzs]{background:var(--lab-code-bg);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--lab-shell-border-soft);box-shadow:var(--shadow-sm)}.code-header[data-astro-cid-e6ze2zzs]{display:flex;align-items:center;padding:14px 18px;background:var(--lab-code-header-bg);border-bottom:1px solid var(--lab-shell-border-soft)}.code-filename[data-astro-cid-e6ze2zzs]{font-family:var(--font-mono);font-size:13px;color:var(--lab-shell-text-secondary);font-weight:500}.code-block[data-astro-cid-e6ze2zzs]{margin:0;padding:20px;overflow-x:auto;font-family:var(--font-mono);font-size:13px;line-height:1.58;color:var(--lab-shell-text);background:transparent}.code-block[data-astro-cid-e6ze2zzs] code[data-astro-cid-e6ze2zzs]{background:none;padding:0;border-radius:0}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:var(--lab-code-token-comment);font-style:italic}.token.punctuation{color:var(--lab-code-token-punctuation)}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:var(--lab-code-token-danger)}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:var(--lab-code-token-success)}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:var(--lab-code-token-punctuation)}.token.atrule,.token.attr-value,.token.keyword{color:var(--lab-code-token-info)}.token.function,.token.class-name{color:var(--lab-code-token-warning)}.token.regex,.token.important,.token.variable{color:var(--lab-code-token-special)}@media(max-width:1023px){.code-preview[data-astro-cid-e6ze2zzs]{grid-template-columns:1fr}.code-container[data-astro-cid-e6ze2zzs]{order:2}.preview-container[data-astro-cid-e6ze2zzs]{order:1;min-height:250px}}.radio-button[data-astro-cid-6fmgjyfm]{--button-color: #090900;position:relative;padding:10px 20px;border:none;border-radius:25px;background-color:var(--button-color);color:#fff;cursor:pointer;transition:background-color .3s ease;box-shadow:0 1px 2px #fff9 inset,1px -2px 2px 1px #ffffff26 inset,0 .5px 1px #ffffff80 inset,0 0 2px 2px #ffffff4d,0 1px 1px 2px #00000080;outline:1px solid var(--button-color)}.radio-button[data-astro-cid-6fmgjyfm]:after{content:""}.radio-button[data-astro-cid-6fmgjyfm]:after{transform:scale(1)}.button[data-astro-cid-6fmgjyfm]:hover{background-color:#0056b3}.toast-main{display:flex;justify-content:center;align-items:center;width:100%;min-width:400px;min-height:300px;padding:4rem 2rem;margin:-16px;background-color:#e5e5f7;opacity:.8;box-sizing:border-box;background-image:radial-gradient(#444cf7 0px,transparent 0px),radial-gradient(#444cf7 .5px,#e5e5f7 .5px);background-size:20px 20px;background-position:0 0,0px 0px}.toast-container{position:absolute;right:40px;bottom:60px;width:300px;height:50px;padding:2rem}.toast-list{position:relative;list-style:none;--el-index-perspective: 1000px}.toast-item{--el-index: 0;--el-height: 50px;position:absolute;inset:0;box-sizing:border-box;display:flex;height:auto;cursor:pointer;transform-origin:center;z-index:calc(var(--z-index));transition:all .2s ease;opacity:calc(1 - var(--el-index) * .2);transform:translate(calc(10px * var(--el-index))) translateY(calc((15px * var(--el-index)) * -1 - 5px)) scale(calc(1 - var(--el-index) * .1))}.toast-item:after{content:"";top:-10px;left:0;width:100%;height:10px;position:absolute}.is-hover .toast-item{opacity:1;transform:translateY(calc(((var(--el-height) * -1 - 10px) * (var(--el-index))))) scale(1)}.is-hover .toast-item:last-child{opacity:1;transform:translateY(0) scale(1)}.starting-toast{opacity:1;transition:all .2s ease;transform:translateY(50px);z-index:10}.ending-toast{opacity:1;transform:translateY(0);z-index:10}.container{border-radius:12px;background:#fff;width:100%;padding:1rem;height:min-content;box-shadow:#00000026 1.95px 1.95px 2.6px}.selection-item{padding:1rem 2rem;width:min-content;height:auto;box-shadow:inset -2px -1px 10px -1px #0003;border-radius:16px;overflow:hidden;transition:.5s ease-in}.selection-header{padding:.5rem 0px;cursor:pointer}.selection-body{padding-left:.9rem}.button-toast{appearance:button;background-color:#000;background-image:none;border:1px solid #000;border-radius:8px;box-shadow:#fff 6px 6px,#000 6px 6px 0 1px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:ITCAvantGardeStd-Bk,Arial,sans-serif;font-size:18px;font-weight:500;line-height:24px;margin:0 5px 10px 0;overflow:visible;padding:16px 56px;text-align:center;text-transform:none;touch-action:manipulation;user-select:none;-webkit-user-select:none;vertical-align:middle;white-space:nowrap}.button:focus{text-decoration:none}.button:hover{text-decoration:none}.button:active{box-shadow:#00000020 0 3px 5px inset;outline:0}.button:not([disabled]):active{box-shadow:#fff 2px 2px,#000 2px 2px 0 1px;transform:translate(2px,2px)}@media(min-width:768px){.button{padding:12px 50px}}.card[data-astro-cid-vw63mul6]{flex:0 1 380px;height:190px;cursor:pointer;position:relative;background:url(/lab/leather-texture-bake.png);background-repeat:repeat;box-shadow:inset 0 1px 2px #00000080,inset 0 -1px 4px #0003}.card[data-astro-cid-vw63mul6]:before{content:"";position:absolute;inset:8px;border-radius:4px;background:repeating-linear-gradient(90deg,transparent,transparent 6px,rgba(255,255,255,.7) 20px,rgba(255,255,255,.7) 8px) 0 0/100% 2px no-repeat,repeating-linear-gradient(90deg,transparent,transparent 22px,rgba(255,255,255,.7) 20px,rgba(255,255,255,.7) 8px) 0 0/100% 2px no-repeat,repeating-linear-gradient(90deg,transparent,transparent 22px,rgba(255,255,255,.7) 20px,rgba(255,255,255,.7) 8px) 0 100%/100% 2px no-repeat,repeating-linear-gradient(180deg,transparent,transparent 6px,rgba(255,255,255,.7) 20px,rgba(255,255,255,.7) 8px) 0 0/2px 100% no-repeat,repeating-linear-gradient(180deg,transparent,transparent 6px,rgba(255,255,255,.7) 22px,rgba(255,255,255,.7) 8px) 100% 0/2px 100% no-repeat;pointer-events:none}.leather[data-astro-cid-vw63mul6]{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.5;background:linear-gradient(to bottom right,#cf6a17 30%,#b85e14)}.inner-container[data-astro-cid-vw63mul6]{width:100%;height:100%;z-index:1;border-radius:4px;opacity:1;transform:translateY(75%) scale(1);transition:transform .3s cubic-bezier(.165,.84,.44,1)}.card[data-astro-cid-vw63mul6]:hover .inner-container[data-astro-cid-vw63mul6]{opacity:1;transform:translateY(2%) scale(1)}.tutorial-main[data-astro-cid-ra6m35nc]{min-height:100vh;background:radial-gradient(65% 90% at 15% 0%,color-mix(in srgb,var(--lab-shell-accent) 18%,transparent) 0%,transparent 70%),linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--lab-shell-bg-tertiary) 56%,transparent) 55%,transparent 100%)}.tutorial-hero[data-astro-cid-ra6m35nc]{padding:140px 24px 100px;background:radial-gradient(90% 140% at 0% 0%,rgba(125,142,255,.2) 0%,transparent 60%),linear-gradient(180deg,color-mix(in srgb,var(--lab-shell-bg-secondary) 92%,transparent),color-mix(in srgb,var(--lab-shell-surface) 70%,transparent));border-bottom:1px solid var(--lab-shell-divider)}@media(min-width:1200px){.tutorial-hero[data-astro-cid-ra6m35nc]{padding-left:280px;padding-right:64px}}@media(min-width:1440px){.tutorial-hero[data-astro-cid-ra6m35nc]{padding-left:320px;padding-right:80px}}.hero-container[data-astro-cid-ra6m35nc]{max-width:1100px;margin:0 auto}.hero-title[data-astro-cid-ra6m35nc]{font-size:clamp(52px,10vw,88px);font-weight:700;color:var(--lab-shell-text);margin:0 0 20px;letter-spacing:-.03em;line-height:1.02}.hero-subtitle[data-astro-cid-ra6m35nc]{font-size:clamp(22px,4vw,32px);font-weight:600;color:var(--lab-shell-text-secondary);margin:0 0 16px;letter-spacing:-.015em;line-height:1.18}.hero-description[data-astro-cid-ra6m35nc]{font-size:17px;line-height:1.53;color:var(--lab-shell-text-tertiary);max-width:680px;margin:0;font-weight:400}@media(max-width:767px){.tutorial-hero[data-astro-cid-ra6m35nc]{padding:100px 24px 80px}.hero-title[data-astro-cid-ra6m35nc]{font-size:48px}.hero-subtitle[data-astro-cid-ra6m35nc]{font-size:24px}.hero-description[data-astro-cid-ra6m35nc]{font-size:16px}}.card[data-astro-cid-ra6m35nc]{width:100%;min-width:320px;height:200px;background:linear-gradient(135deg,#363636,#141414);border-radius:12px;padding:20px;position:relative;color:#fff;box-shadow:0 12px 22px #00000047}.card-chip[data-astro-cid-ra6m35nc]{width:40px;height:30px;background:silver;border-radius:4px;box-shadow:inset 0 0 3px #0000004d;margin-bottom:60px}.card-number[data-astro-cid-ra6m35nc]{font-size:14px;letter-spacing:2px;margin-bottom:20px}.card-holder[data-astro-cid-ra6m35nc]{font-size:12px;text-transform:uppercase}.card-brand[data-astro-cid-ra6m35nc]{position:absolute;bottom:20px;right:20px;font-size:24px;font-weight:700}.chat-wrapper[data-astro-cid-ra6m35nc]{max-width:400px;width:100%}.chat-wrapper[data-astro-cid-ra6m35nc] .flex,.chat-wrapper[data-astro-cid-ra6m35nc] .absolute{max-width:100%}@media(max-width:768px){.component-wrapper{padding:1rem!important}}