.sealab-tutorial{width:100%;min-height:100vh;background-color:#ffffff;overflow-x:hidden}.sealab-tutorial__container{display:flex;width:100%;margin:0 auto}.sealab-tutorial__sidebar{width:280px;min-width:280px;background:#ffffff;border-right:1px solid #e9ecef;border-bottom:1px solid #e9ecef;position:fixed;top:80px;left:0;z-index:1000;overflow-y:auto;border-bottom-right-radius:8px}.sealab-tutorial__sidebar.scrolled{top:0}.sealab-tutorial__nav{padding:2rem 0}.sealab-tutorial__nav-list{list-style:none;padding:0;margin:0}.sealab-tutorial__nav-item{margin:0;padding:0}.sealab-tutorial__nav-link{display:flex;align-items:center;padding:1rem 1.5rem;color:#495057;text-decoration:none;transition:all .2s ease;border-left:3px solid transparent}.sealab-tutorial__nav-link:hover{background-color:#f8f9fa;color:#000;border-left-color:#495057}.sealab-tutorial__nav-number{font-size:.875rem;font-weight:600;color:#6c757d;width:32px;margin-right:.75rem}.sealab-tutorial__nav-text{font-size:.9375rem;font-weight:500}.sealab-tutorial__content{flex:1 1;margin-left:280px;padding:2rem;background-color:#ffffff;min-height:calc(100vh - 76px)}.sealab-tutorial__sections{max-width:1200px;margin:0 auto}.sealab-tutorial__video-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;margin-bottom:3rem}.sealab-tutorial__video-item{background:#ffffff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:transform .2s ease,box-shadow .2s ease}.sealab-tutorial__video-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.sealab-tutorial__video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background-color:#ffffff;border-bottom:2px solid black}.sealab-tutorial__video-frame{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.sealab-tutorial__video-title{padding:1rem;font-size:.9375rem;font-weight:600;color:white;text-align:center;margin:0;background-color:black}.sealab-tutorial__section{margin-bottom:4rem;padding-top:1rem;background-color:#ffffff}.sealab-tutorial__section-title{font-size:2rem;font-weight:700;color:#212529;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e9ecef}.sealab-tutorial__page-title{font-size:2.5rem;font-weight:700;color:#212529;margin-bottom:1.5rem}@media (max-width:991.98px){.sealab-tutorial__sidebar{width:100%;height:auto;position:relative;top:0;border-right:none;border-bottom:1px solid #e9ecef}.sealab-tutorial__video-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.sealab-tutorial__container{flex-direction:column;padding-top:0}.sealab-tutorial__content{margin-left:0;max-width:100%;padding:1.5rem}.sealab-tutorial__nav{padding:1rem 0}}@media (max-width:767.98px){.sealab-tutorial__video-grid{grid-template-columns:1fr;gap:1.5rem}.sealab-tutorial__section-title{font-size:1.5rem}}.preset-table-container{overflow-x:auto;box-shadow:0 4px 12px rgba(0,0,0,.05);border-radius:8px}.preset-table{border-collapse:collapse;width:100%;font-size:.9rem}.preset-table th{background-color:#212529;color:white;text-align:left;padding:12px 15px;font-weight:600;white-space:nowrap;position:sticky;top:0}.preset-table td{padding:12px 15px;border-bottom:1px solid #e9ecef;vertical-align:top}.preset-table tr:last-child td{border-bottom:none}.preset-table tr:nth-child(2n){background-color:#f8f9fa}.preset-table tr:hover{background-color:#f1f3f5}.preset-name{font-weight:600;color:#212529}.methodology-card,.philosophy-card{background-color:#ffffff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.05);transition:transform .2s,box-shadow .2s}.methodology-card:hover,.philosophy-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.08)}.methodology-title{font-size:1.3rem;font-weight:600;color:#212529;margin-bottom:.25rem}.methodology-subtitle{font-size:1rem;color:#6c757d;font-style:italic}.philosophy-title{font-size:1.1rem;font-weight:600;color:#212529;margin-bottom:.5rem}.motifs-table-container{overflow-x:auto;box-shadow:0 4px 12px rgba(0,0,0,.05);border-radius:8px;margin-top:1.5rem}.motifs-table{border-collapse:collapse;width:100%;font-size:.9rem}.motifs-table th{background-color:#212529;color:white;text-align:left;padding:12px 15px;font-weight:600;position:sticky;top:0}.motifs-table td{padding:12px 15px;border-bottom:1px solid #e9ecef;vertical-align:top}.motifs-table tr:last-child td{border-bottom:none}.motifs-table tr:nth-child(2n){background-color:#f8f9fa}.motifs-table tr:hover{background-color:#f1f3f5}.key-reminder{background-color:#f8f9fa;border-left:4px solid #212529;border-radius:0 8px 8px 0}@media (max-width:767.98px){.motifs-table,.preset-table{font-size:.8rem}.motifs-table td,.motifs-table th,.preset-table td,.preset-table th{padding:8px 10px}}.methods-guide__content{max-width:100%;margin:0 auto}.methods-guide__subtitle{font-size:1.5rem;font-weight:600;color:#212529;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid #e9ecef}.methods-guide__philosophy-section{margin-bottom:3rem}.methods-guide__principles{display:flex;flex-direction:column;gap:1.5rem}.methods-guide__principle{display:flex;background-color:#ffffff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.05);padding:1.5rem;transition:transform .2s,box-shadow .2s}.methods-guide__principle:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.08)}.methods-guide__principle-number{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:#212529;color:white;border-radius:50%;font-size:1.25rem;font-weight:600;margin-right:1.25rem;flex-shrink:0}.methods-guide__principle-content{flex:1 1}.methods-guide__principle-title{font-size:1.25rem;font-weight:600;color:#212529;margin-bottom:.5rem}.methods-guide__principle-text{color:#495057;font-size:1rem;line-height:1.5;margin:0}.methods-guide__core-methodologies-section{margin-bottom:3rem}.methods-guide__methodologies{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem}.methods-guide__methodology{background-color:#ffffff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.05);overflow:hidden;transition:transform .2s,box-shadow .2s}.methods-guide__methodology:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.08)}.methods-guide__methodology-header{background-color:#212529;color:white;padding:1.25rem}.methods-guide__methodology-title{font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.methods-guide__methodology-tagline{font-style:italic;font-size:.9rem;margin:0;opacity:.9}.methods-guide__methodology-details{padding:1.5rem}.methods-guide__methodology-item{margin-bottom:1.25rem}.methods-guide__methodology-item:last-child{margin-bottom:0}.methods-guide__methodology-item-title{font-weight:600;font-size:1rem;margin:0 0 .5rem;color:#212529}.methods-guide__methodology-item-text{margin:0;color:#495057;line-height:1.5}.methods-guide__material-list{list-style-type:none;padding-left:0;margin:.5rem 0 0}.methods-guide__material-item{position:relative;padding-left:1.25rem;margin-bottom:.5rem;color:#495057;line-height:1.5}.methods-guide__material-item:last-child{margin-bottom:0}.methods-guide__material-item:before{content:"";position:absolute;left:0;top:.65rem;width:6px;height:6px;border-radius:50%;background-color:#212529}@media (max-width:767.98px){.methods-guide__methodologies{grid-template-columns:1fr}.methods-guide__principles{gap:1rem}.methods-guide__principle{padding:1rem}.methods-guide__principle-number{width:2rem;height:2rem;font-size:1rem;margin-right:1rem}.methods-guide__principle-title{font-size:1.1rem}.methods-guide__methodology-details,.methods-guide__methodology-header{padding:1rem}}.motifs-guide__content{max-width:100%;margin:0 auto}.motifs-guide__intro{margin-bottom:2rem}.motifs-guide__disclaimer{background-color:#f8f9fa;border-left:4px solid #212529;padding:1rem;margin-top:1.5rem;font-size:.95rem;border-radius:0 8px 8px 0}.motifs-guide__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2.5rem}.motifs-guide__card{background-color:#ffffff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.05);overflow:hidden;transition:transform .2s,box-shadow .2s;height:100%;display:flex;flex-direction:column}.motifs-guide__card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.motifs-guide__card-header{background-color:#212529;color:white;padding:1.25rem}.motifs-guide__style-name{margin:0;font-size:1.25rem;font-weight:600}.motifs-guide__card-body{padding:1.5rem;flex:1 1;display:flex;flex-direction:column}.motifs-guide__section{margin-bottom:1.5rem}.motifs-guide__section:last-child{margin-bottom:0}.motifs-guide__section-title{font-size:1rem;font-weight:600;color:#495057;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.motifs-guide__preset-list{list-style-type:none;padding-left:0;margin:0}.motifs-guide__preset-item{position:relative;padding-left:1.25rem;margin-bottom:.5rem;color:#495057;line-height:1.5}.motifs-guide__preset-item:last-child{margin-bottom:0}.motifs-guide__preset-item:before{content:"";position:absolute;left:0;top:.65rem;width:6px;height:6px;border-radius:50%;background-color:#212529}.motifs-guide__finishes{margin:0;color:#495057;line-height:1.5}.motifs-guide__callout{background-color:#f8f9fa;border-radius:8px;padding:1.5rem;margin-top:1rem}.motifs-guide__callout-title{font-size:1.2rem;font-weight:600;color:#212529;margin:0 0 1rem}.motifs-guide__callout-text{margin:0;color:#495057;line-height:1.6}.motifs-guide__card:first-child .motifs-guide__card-header{background-color:#607d8b}.motifs-guide__card:nth-child(2) .motifs-guide__card-header{background-color:#424242}.motifs-guide__card:nth-child(3) .motifs-guide__card-header{background-color:#90a4ae}.motifs-guide__card:nth-child(4) .motifs-guide__card-header{background-color:#795548}.motifs-guide__card:nth-child(5) .motifs-guide__card-header{background-color:#8d6e63}.motifs-guide__card:nth-child(6) .motifs-guide__card-header{background-color:#546e7a}.motifs-guide__card:nth-child(7) .motifs-guide__card-header{background-color:#4fc3f7}@media (max-width:767.98px){.motifs-guide__grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.motifs-guide__card-header{padding:1rem}.motifs-guide__style-name{font-size:1.1rem}.motifs-guide__callout,.motifs-guide__card-body{padding:1.25rem}}.customization-guide__content{max-width:100%;margin:0 auto}.customization-guide__intro{margin-bottom:2.5rem;font-size:1.05rem;color:#343a40;line-height:1.6}.customization-guide__subtitle{font-size:1.5rem;font-weight:600;color:#212529;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid #e9ecef}.customization-guide__process-container{margin-bottom:3rem}.customization-guide__steps{display:flex;flex-direction:column;gap:1.5rem}.customization-guide__step{display:flex;align-items:flex-start;background-color:#ffffff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.05);padding:1.5rem;transition:transform .2s,box-shadow .2s}.customization-guide__step:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.customization-guide__step-number{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:#212529;color:white;border-radius:50%;font-size:1.25rem;font-weight:600;margin-right:1.5rem;flex-shrink:0}.customization-guide__step-content{flex:1 1}.customization-guide__step-title{font-size:1.25rem;font-weight:600;color:#212529;margin:0 0 .75rem}.customization-guide__step-description{color:#495057;line-height:1.6;margin:0}.customization-guide__use-cases{margin-bottom:3rem}.customization-guide__uses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.customization-guide__use-case{background-color:#ffffff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.05);padding:1.5rem;transition:transform .2s,box-shadow .2s;height:100%;display:flex;flex-direction:column}.customization-guide__use-case:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.customization-guide__use-icon{background-color:#f8f9fa;width:3.5rem;height:3.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.customization-guide__icon{width:1.75rem;height:1.75rem;color:#212529}.customization-guide__use-title{font-size:1.2rem;font-weight:600;color:#212529;margin:0 0 .75rem}.customization-guide__use-description{color:#495057;line-height:1.6;margin:0;flex:1 1}.customization-guide__key-reminder{background-color:#f8f9fa;border-radius:8px;padding:2rem;margin-top:2rem;position:relative;border-left:4px solid #212529}.customization-guide__reminder-title{font-size:1.4rem;font-weight:600;color:#212529;margin:0 0 1rem}.customization-guide__reminder-content{color:#343a40;font-size:1.1rem;line-height:1.7}.customization-guide__reminder-content p{margin:0}.customization-guide__reminder-content strong{font-weight:700}@media (max-width:767.98px){.customization-guide__uses-grid{grid-template-columns:1fr}.customization-guide__step{padding:1.25rem}.customization-guide__step-number{width:2rem;height:2rem;font-size:1rem;margin-right:1rem}.customization-guide__step-title{font-size:1.1rem}.customization-guide__key-reminder{padding:1.5rem}.customization-guide__reminder-content{font-size:1rem}}.mcp-guide__content{max-width:100%}.mcp-guide__intro{font-size:1.05rem;color:#343a40;line-height:1.7;margin-bottom:2.5rem}.mcp-guide__block{margin-bottom:3rem}.mcp-guide__subtitle{font-size:1.4rem;font-weight:600;color:#212529;margin-bottom:1.25rem;padding-bottom:.5rem;border-bottom:1px solid #e9ecef}.mcp-guide__text{color:#495057;line-height:1.7;margin:0}.mcp-guide__text--mt{margin-top:1rem}.mcp-guide__prereq-grid{display:flex;flex-direction:column;gap:1rem}.mcp-guide__prereq-card{display:flex;align-items:flex-start;gap:1.25rem;background:#fff;border-radius:8px;padding:1.25rem 1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.05)}.mcp-guide__prereq-icon{flex-shrink:0;width:2.25rem;height:2.25rem;background:#f1f3f5;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:.1rem}.mcp-guide__prereq-icon svg{width:1.1rem;height:1.1rem;color:#212529}.mcp-guide__prereq-title{font-size:1rem;font-weight:600;color:#212529;margin:0 0 .35rem}.mcp-guide__prereq-desc{font-size:.95rem;color:#495057;line-height:1.6;margin:0}.mcp-guide__prereq-desc code{background:#f1f3f5;padding:.1em .4em;border-radius:4px;font-size:.88em;color:#212529}.mcp-guide__steps{display:flex;flex-direction:column;gap:1.25rem}.mcp-guide__step{display:flex;align-items:flex-start;gap:1.25rem;background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.05)}.mcp-guide__step-number{flex-shrink:0;width:2.25rem;height:2.25rem;background:#212529;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:700;margin-top:.1rem}.mcp-guide__step-body{flex:1 1}.mcp-guide__step-title{font-size:1.05rem;font-weight:600;color:#212529;margin:0 0 .6rem}.mcp-guide__step-desc{font-size:.95rem;color:#495057;line-height:1.6;margin:0 0 .75rem}.mcp-guide__os-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem;margin-top:.5rem}.mcp-guide__os-block{display:flex;flex-direction:column;gap:.35rem}.mcp-guide__os-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#6c757d}.mcp-guide__code-path{display:block;background:#f1f3f5;border-radius:5px;padding:.5rem .75rem;font-size:.82rem;color:#212529;word-break:break-all}.mcp-guide__code-wrapper{position:relative;margin-top:.75rem}.mcp-guide__copy-btn{position:absolute;top:.75rem;right:.75rem;width:2rem;height:2rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s;padding:0}.mcp-guide__copy-btn svg{width:1rem;height:1rem;color:#adb5bd;transition:color .15s}.mcp-guide__copy-btn:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3)}.mcp-guide__copy-btn:hover svg{color:#fff}.mcp-guide__copy-btn--copied{background:rgba(40,167,69,.2);border-color:rgba(40,167,69,.5)}.mcp-guide__copy-btn--copied svg{color:#5cb85c}.mcp-guide__code-block{background:#1e1e1e;color:#d4d4d4;border-radius:8px;padding:1.25rem 3rem 1.25rem 1.5rem;font-size:.88rem;line-height:1.6;overflow-x:auto;margin:0;white-space:pre}.mcp-guide__capabilities-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}.mcp-guide__capability{background:#fff;border-radius:8px;padding:1.25rem 1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:transform .2s,box-shadow .2s}.mcp-guide__capability:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.09)}.mcp-guide__capability-title{font-size:1rem;font-weight:600;color:#212529;margin:0 0 .5rem}.mcp-guide__capability-desc{font-size:.93rem;color:#495057;line-height:1.6;margin:0}.mcp-guide__notice{background:#f8f9fa;border-left:4px solid #212529;border-radius:0 8px 8px 0;padding:1.25rem 1.5rem;font-size:.95rem;color:#343a40;line-height:1.6}.mcp-guide__notice strong{font-weight:700}.mcp-guide__step-desc code{background:#f1f3f5;padding:.1em .4em;border-radius:4px;font-size:.88em;color:#212529}@media (max-width:991.98px){.mcp-guide__capabilities-grid,.mcp-guide__os-grid{grid-template-columns:1fr}}@media (max-width:767.98px){.mcp-guide__step{padding:1.1rem}.mcp-guide__step-number{width:2rem;height:2rem;font-size:.85rem}.mcp-guide__code-block{font-size:.8rem;padding:1rem}.mcp-guide__prereq-card{flex-direction:column;gap:.75rem}}