.tutorials-overlay{padding:32px 40px 60px;max-width:1200px;margin:0 auto;color:var(--textColor, #e8e8e8)}.tutorials-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:24px}.tutorials-header h1{margin:0 0 6px;font-size:28px;letter-spacing:.2px}.tutorials-subtitle{margin:0;font-size:14px;color:var(--textColorSecondary, #999)}.tutorials-new-button{padding:8px 16px;background:#0ea47a26;border:1px solid rgba(14,164,122,.45);border-radius:4px;color:#0ea47a;font-size:13px;cursor:pointer;transition:background .15s ease}.tutorials-new-button:hover{background:#0ea47a47}.tutorials-loading,.tutorials-empty{padding:24px 0;color:var(--textColorSecondary, #999)}.tutorials-section{margin-bottom:40px}.tutorials-section h2{margin:0 0 14px;font-size:15px;text-transform:uppercase;letter-spacing:1px;color:var(--textColorSecondary, #999);font-weight:600}.tutorials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.tutorial-card{display:flex;flex-direction:column;border:1px solid var(--borderColor, rgba(255, 255, 255, .08));border-radius:6px;background:#ffffff06;cursor:pointer;overflow:hidden;text-decoration:none;color:inherit;transition:transform .15s ease,border-color .15s ease}.tutorial-card:hover{border-color:#0ea47a99;transform:translateY(-2px)}.tutorial-card-thumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:#ffffff0d}.tutorial-card-thumb.placeholder{background:linear-gradient(135deg,#0ea47a2e,#30648f1f)}.tutorial-card-body{padding:12px 14px 14px}.tutorial-card-body h3{margin:0 0 6px;font-size:15px;font-weight:600}.tutorial-card-body p{margin:0;font-size:12.5px;color:var(--textColorSecondary, #aaa);line-height:1.5}.tutorial-reader{padding:20px 30px 60px;color:var(--textColor, #e8e8e8);max-width:1280px;margin:0 auto}.tutorial-back{display:inline-flex;align-items:center;gap:4px;background:transparent;border:none;color:var(--textColorSecondary, #aaa);cursor:pointer;font-size:12.5px;padding:4px 8px 4px 0;margin-bottom:12px}.tutorial-back:hover{color:var(--textColor, #fff)}.tutorial-reader-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.tutorial-reader-topbar .tutorial-back{margin-bottom:0}.tutorial-interactive-cta{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;margin-bottom:12px;font-size:12.5px;font-weight:600;color:#04121a;background:var(--accentColor, #00d4ff);border:1px solid var(--accentColor, #00d4ff);border-radius:6px;cursor:pointer;transition:filter .15s ease}.tutorial-interactive-cta:hover{filter:brightness(1.12)}.tutorial-reader-layout{display:grid;grid-template-columns:220px 1fr;gap:36px}.tutorial-toc{position:sticky;top:16px;align-self:flex-start;max-height:calc(100vh - 32px);overflow-y:auto;border-left:1px solid var(--borderColor, rgba(255, 255, 255, .08));padding-left:14px}.tutorial-toc-title{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--textColorSecondary, #999);margin-bottom:10px;font-weight:600}.tutorial-toc ul{list-style:none;padding:0;margin:0}.tutorial-toc li{margin:4px 0;font-size:12.5px;line-height:1.5}.tutorial-toc li.level-3{padding-left:14px;font-size:12px}.tutorial-toc a{color:var(--textColorSecondary, #aaa);text-decoration:none;display:block;padding:2px 6px;border-radius:3px;transition:color .12s ease,background .12s ease}.tutorial-toc a:hover{color:var(--textColor, #fff)}.tutorial-toc li.active a{color:#0ea47a;background:#0ea47a1a}.tutorial-content{min-width:0}.tutorial-content-header{margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--borderColor, rgba(255, 255, 255, .08))}.tutorial-content-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.tutorial-category-chip{display:inline-block;padding:2px 8px;border-radius:12px;font-size:10.5px;background:#0ea47a26;color:#0ea47a;text-transform:uppercase;letter-spacing:.6px;font-weight:600}.tutorial-admin-actions{display:flex;gap:6px}.tutorial-admin-actions button{background:transparent;border:1px solid var(--borderColor, rgba(255, 255, 255, .12));color:var(--textColorSecondary, #999);height:28px;padding:0 8px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;min-width:28px}.tutorial-admin-actions button:hover{color:var(--textColor, #fff);border-color:#ffffff4d}.tutorial-content-title{margin:0 0 8px;font-size:28px;letter-spacing:.2px}.tutorial-content-description{margin:0 0 14px;font-size:14.5px;color:var(--textColorSecondary, #aaa);line-height:1.55}.tutorial-open-project{display:inline-flex;align-items:center;gap:6px;background:#0ea47a2e;border:1px solid rgba(14,164,122,.4);color:#0ea47a;padding:8px 14px;border-radius:4px;text-decoration:none;font-size:13px;transition:background .12s ease}.tutorial-open-project:hover{background:#0ea47a4d}.tutorial-markdown{font-size:14.5px;line-height:1.65;color:var(--textColor, #e8e8e8)}.tutorial-markdown h2{margin:32px 0 12px;font-size:22px;scroll-margin-top:12px}.tutorial-markdown h3{margin:24px 0 10px;font-size:17px;color:var(--textColor, #ddd);scroll-margin-top:12px}.tutorial-markdown p{margin:0 0 14px}.tutorial-markdown ul,.tutorial-markdown ol{margin:0 0 14px;padding-left:24px}.tutorial-markdown li{margin:4px 0}.tutorial-markdown a{color:#0ea47a}.tutorial-markdown a:hover{text-decoration:underline}.tutorial-inline-code{background:#ffffff14;border:1px solid rgba(255,255,255,.06);padding:1px 5px;border-radius:3px;font-size:12.5px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.tutorial-action-button{display:inline-flex;align-items:center;gap:6px;margin:0 3px;padding:3px 11px;font-size:13px;font-weight:600;font-family:inherit;line-height:1.45;color:#04121a;background:var(--accentColor, #00d4ff);border:1px solid var(--accentColor, #00d4ff);border-radius:6px;cursor:pointer;vertical-align:baseline;transition:filter .15s ease,transform .05s ease}.tutorial-action-button:before{content:"▸";font-size:11px;opacity:.85}.tutorial-action-button:hover{filter:brightness(1.12)}.tutorial-action-button:active{transform:translateY(1px)}.tutorial-action-inert{font-weight:600;color:var(--textColor, #e8e8e8)}.tutorial-field-embed{display:flex;flex-direction:column;gap:6px;margin:14px 0 18px;padding:10px 12px;background:#00000040;border:1px solid var(--borderColor, rgba(255, 255, 255, .08));border-radius:6px}.tutorial-field-inert{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;color:var(--textColorSecondary, #999)}.tutorial-code-block{background:#00000059;border:1px solid var(--borderColor, rgba(255, 255, 255, .08));border-radius:4px;padding:12px 14px;margin:14px 0 18px;overflow-x:auto;font-size:12.5px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.tutorial-code-block code{background:transparent;border:none;padding:0;color:var(--textColor, #ddd)}.tutorial-table{width:100%;border-collapse:collapse;margin:18px 0;font-size:13.5px}.tutorial-table th,.tutorial-table td{border:1px solid var(--borderColor, rgba(255, 255, 255, .1));padding:8px 12px;text-align:left;vertical-align:top;line-height:1.5}.tutorial-table th{background:#ffffff0a;font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--textColorSecondary, #aaa)}.tutorial-table tr:nth-child(2n) td{background:#ffffff04}[data-theme=light] .tutorial-table th,[data-theme=light] .tutorial-table td{border-color:#0000001a}[data-theme=light] .tutorial-table th{background:#0000000a}[data-theme=light] .tutorial-table tr:nth-child(2n) td{background:#00000004}.tutorial-image-wrap{display:block;margin:18px 0}.tutorial-image{display:block;max-width:100%;border-radius:6px;border:1px solid var(--borderColor, rgba(255, 255, 255, .08))}.tutorial-image-caption{display:block;font-size:12px;color:var(--textColorSecondary, #999);margin-top:6px;font-style:italic}.tutorial-reader-loading,.tutorial-reader-empty{padding:32px;text-align:center;color:var(--textColorSecondary, #999)}[data-theme=light] .tutorial-card{background:#00000006;border-color:#0000001a}[data-theme=light] .tutorial-card:hover{border-color:#0ea47a80}[data-theme=light] .tutorial-card-thumb.placeholder{background:linear-gradient(135deg,#0ea47a1f,#30648f14)}[data-theme=light] .tutorial-inline-code{background:#0000000f;border-color:#00000014}[data-theme=light] .tutorial-code-block{background:#0000000a;border-color:#00000014}[data-theme=light] .tutorial-image{border-color:#0000001a}[data-theme=light] .tutorial-toc{border-left-color:#00000014}@media(max-width:800px){.tutorial-reader-layout{grid-template-columns:1fr}.tutorial-toc{position:static;max-height:none;border-left:none;border-top:1px solid var(--borderColor, rgba(255, 255, 255, .08));padding-left:0;padding-top:12px;margin-top:12px;order:2}}.tutorial-editor{padding:20px 30px 60px;color:var(--textColor, #e8e8e8);max-width:1400px;margin:0 auto}.tutorial-editor-denied{padding:60px;text-align:center;color:var(--textColorSecondary, #999);font-size:14px}.tutorial-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--borderColor, rgba(255, 255, 255, .08))}.tutorial-editor-header h1{margin:0;font-size:22px}.tutorial-editor-actions{display:flex;gap:8px;align-items:center}.tutorial-editor-toggle,.tutorial-editor-save{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:4px;border:1px solid var(--borderColor, rgba(255, 255, 255, .12));background:#ffffff0d;color:var(--textColor, #e8e8e8);cursor:pointer;font-size:13px}.tutorial-editor-toggle:hover,.tutorial-editor-save:hover{background:#ffffff1a}.tutorial-editor-save{background:#0ea47a2e;border-color:#0ea47a73;color:#0ea47a}.tutorial-editor-save:hover{background:#0ea47a47}.tutorial-editor-save:disabled{opacity:.5;cursor:not-allowed}.tutorial-editor-form{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.tef-row,.tutorial-editor-form .tef-row-2>label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--textColorSecondary, #aaa)}.tef-row>input,.tef-row>textarea,.tutorial-editor-form .tef-row-2 input,.tutorial-editor-form .tef-row-2 select,.tutorial-editor-form .tef-row-2 textarea{padding:7px 9px;border-radius:3px;border:1px solid var(--borderColor, rgba(255, 255, 255, .12));background:var(--inspector-input-background-color, rgba(0, 0, 0, .25));color:var(--textColor, #e8e8e8);font-size:13px}.tef-row>textarea{resize:vertical;font-family:inherit}.tutorial-editor-form .tef-row-2{display:grid;grid-template-columns:2fr 1fr 100px;gap:12px}.tutorial-editor-form .tef-narrow input{text-align:right}@media(max-width:800px){.tutorial-editor-form .tef-row-2{grid-template-columns:1fr}}.tutorial-editor-split{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:6px;min-height:60vh}.tutorial-editor-split.preview-only{grid-template-columns:1fr}.tutorial-editor-pane{position:relative;border:1px solid var(--borderColor, rgba(255, 255, 255, .08));border-radius:4px;background:#ffffff05;display:flex;flex-direction:column;overflow:hidden}.tutorial-editor-pane.dragging{border-color:#0ea47aa6;background:#0ea47a0d}.tutorial-editor-pane-toolbar{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-bottom:1px solid var(--borderColor, rgba(255, 255, 255, .08));background:#00000026}.tutorial-editor-pane-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--textColorSecondary, #999);font-weight:600}.tutorial-editor-attach{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:3px;border:1px solid var(--borderColor, rgba(255, 255, 255, .12));background:transparent;color:var(--textColorSecondary, #aaa);font-size:11px;cursor:pointer}.tutorial-editor-attach:hover{color:var(--textColor, #fff)}.tutorial-editor-body{flex:1;width:100%;border:none;background:transparent;color:var(--textColor, #e8e8e8);resize:none;padding:12px 14px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;outline:none}.tutorial-editor-drop-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0ea47a2e;color:#0ea47a;font-size:14px;font-weight:600;pointer-events:none;letter-spacing:.3px}.tutorial-editor-preview-scroll{overflow-y:auto;padding:16px 18px;flex:1}.tutorial-editor-preview-title{margin:0 0 4px;font-size:22px}.tutorial-editor-preview-desc{margin:0 0 16px;color:var(--textColorSecondary, #aaa);font-size:13.5px;line-height:1.55}@media(max-width:1000px){.tutorial-editor-split{grid-template-columns:1fr}}[data-theme=light] .tutorial-editor-pane{background:#ffffff08;border-color:#ffffff1a}[data-theme=light] .tutorial-editor-pane-toolbar{background:#00000026;border-bottom-color:#ffffff14}[data-theme=light] .tutorial-editor-body{color:#fff}[data-theme=light] .tef-row>input,[data-theme=light] .tef-row>textarea,[data-theme=light] .tutorial-editor-form .tef-row-2 input,[data-theme=light] .tutorial-editor-form .tef-row-2 select,[data-theme=light] .tutorial-editor-form .tef-row-2 textarea{background:#ffffff0b;border-color:#ffffff24;color:#fff}[data-theme=light] .tef-row,[data-theme=light] .tutorial-editor-form .tef-row-2>label{color:#ffffff9e}[data-theme=light] .tutorial-editor-header h1,[data-theme=light] .tutorial-editor-preview-title,[data-theme=light] .tutorial-editor-toggle,[data-theme=light] .tutorials-overlay,[data-theme=light] .tutorials-overlay h1,[data-theme=light] .tutorials-section h2,[data-theme=light] .tutorial-card-body h3{color:#fff}[data-theme=light] .tutorials-subtitle,[data-theme=light] .tutorial-card-body p{color:#ffffff9e}[data-theme=light] .tutorial-reader,[data-theme=light] .tutorial-content-title,[data-theme=light] .tutorial-content h1,[data-theme=light] .tutorial-content h2,[data-theme=light] .tutorial-content h3,[data-theme=light] .tutorial-preview-title{color:#fff}[data-theme=light] .tutorial-content-description,[data-theme=light] .tutorial-preview-desc,[data-theme=light] .tutorial-content p{color:#ffffffb8}[data-theme=light] .tutorial-markdown,[data-theme=light] .tutorial-markdown h1,[data-theme=light] .tutorial-markdown h2,[data-theme=light] .tutorial-markdown h3,[data-theme=light] .tutorial-markdown h4,[data-theme=light] .tutorial-markdown h5,[data-theme=light] .tutorial-markdown h6,[data-theme=light] .tutorial-markdown li,[data-theme=light] .tutorial-markdown td,[data-theme=light] .tutorial-markdown th,[data-theme=light] .tutorial-markdown strong,[data-theme=light] .tutorial-markdown em{color:#fff}[data-theme=light] .tutorial-markdown p{color:#ffffffd9}[data-theme=light] .tutorial-toc-title{color:#ffffff8c}[data-theme=light] .tutorial-toc a{color:#ffffff9e}[data-theme=light] .tutorial-toc a:hover{color:#fff}[data-theme=light] .tutorial-back{color:#ffffff9e}[data-theme=light] .tutorial-back:hover{color:#fff}._helpButton_3nn34_1{position:fixed;z-index:100;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:#0009;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all .15s ease;backdrop-filter:blur(8px);box-shadow:0 2px 6px #00000040}._helpButton_3nn34_1:hover{background:#ffffff2e;color:#fff}._helpButton_3nn34_1._active_3nn34_23{background:#4fc3f72e;color:#4fc3f7;border-color:#4fc3f759}._topRight_3nn34_29{top:20px;right:20px}._topLeft_3nn34_34{top:20px;left:20px}._bottomRight_3nn34_39{bottom:20px;right:20px}._bottomLeft_3nn34_44{bottom:20px;left:20px}._backdrop_3nn34_49{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;animation:_fadeIn_3nn34_1 .15s ease-out}._panel_3nn34_64{background:#14161cf5;border:1px solid rgba(255,255,255,.12);border-radius:10px;width:min(720px,90vw);max-height:80vh;display:flex;flex-direction:column;box-shadow:0 12px 40px #00000080;overflow:hidden;color:#ffffffeb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}._header_3nn34_78{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}._title_3nn34_87{margin:0;font-size:16px;font-weight:600;color:#fff}._closeBtn_3nn34_94{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:5px;color:#ffffffb3;cursor:pointer;transition:all .15s ease}._closeBtn_3nn34_94:hover{background:#ffffff1a;color:#fff}._content_3nn34_113{padding:20px 24px;overflow-y:auto;line-height:1.55}._content_3nn34_113 h1,._content_3nn34_113 h2,._content_3nn34_113 h3{color:#fff;margin:1em 0 .4em}._content_3nn34_113 h1:first-child,._content_3nn34_113 h2:first-child,._content_3nn34_113 h3:first-child{margin-top:0}._content_3nn34_113 h1{font-size:18px}._content_3nn34_113 h2{font-size:16px}._content_3nn34_113 h3{font-size:14px}._content_3nn34_113 p,._content_3nn34_113 li{font-size:13px;color:#ffffffe0}._content_3nn34_113 ul,._content_3nn34_113 ol{padding-left:20px}._content_3nn34_113 li{margin:4px 0}._content_3nn34_113 code{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:3px;padding:1px 5px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;color:#ffd479}._content_3nn34_113 pre{background:#0006;border:1px solid rgba(255,255,255,.08);border-radius:5px;padding:10px 12px;overflow-x:auto}._content_3nn34_113 pre code{background:transparent;border:none;padding:0;color:#ffffffe0}._content_3nn34_113 a{color:#4fc3f7;text-decoration:none}._content_3nn34_113 a:hover{text-decoration:underline}._content_3nn34_113 img{max-width:100%;border-radius:4px}._content_3nn34_113 blockquote{border-left:3px solid rgba(255,255,255,.2);margin:12px 0;padding:4px 12px;color:#ffffffb3}._content_3nn34_113 table{width:100%;border-collapse:collapse;margin:12px 0;font-size:12.5px}._content_3nn34_113 th,._content_3nn34_113 td{border:1px solid var(--borderColor, #0091b3);padding:6px 10px;text-align:left;vertical-align:top;line-height:1.5}._content_3nn34_113 th{background:#ffffff0a;font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;color:#ffffffb3}._content_3nn34_113 tr:nth-child(2n) td{background:#ffffff04}@keyframes _fadeIn_3nn34_1{0%{opacity:0}to{opacity:1}}._errorBoundary_fdrko_1{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;gap:50px}._errorBoundary_fdrko_1>textarea{width:50%;height:50%;border:1px solid black;border-radius:5px;padding:10px;font-family:var(--font-mono),monospace;font-size:1em;resize:none}