.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(--overlayTextColorSecondary)}.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:var(--overlayGreenBgHover)}.tutorials-loading,.tutorials-empty{padding:24px 0;color:var(--overlayTextColorSecondary)}.tutorials-section{margin-bottom:40px}.tutorials-section h2{margin:0 0 14px;font-size:15px;text-transform:uppercase;letter-spacing:1px;color:var(--overlayTextColorSecondary);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:var(--overlayGreenBorderHover);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(--overlayTextColorSecondary);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(--overlayTextColorSecondary);cursor:pointer;font-size:12.5px;padding:4px 8px 4px 0;margin-bottom:12px}.tutorial-back:hover{color:var(--textColor)}.tutorial-reader-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.tutorial-reader-topbar .tutorial-back{margin-bottom:0}.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(--overlayTextColorSecondary);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(--overlayTextColorSecondary);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)}.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(--overlayTextColorSecondary);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);border-color:var(--overlayBorderColorHover)}.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(--overlayTextColorSecondary);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:var(--overlayGreenBgHover)}.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);border:1px solid var(--accentColor);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(--overlayTextColorSecondary)}.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(--overlayTextColorSecondary)}.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(--overlayTextColorSecondary);margin-top:6px;font-style:italic}.tutorial-reader-loading,.tutorial-reader-empty{padding:32px;text-align:center;color:var(--overlayTextColorSecondary)}[data-theme=light] .tutorial-card{background:#00000006;border-color:#0000001a}[data-theme=light] .tutorial-card:hover{border-color:var(--overlayGreenBorderHover)}[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(--overlayTextColorSecondary);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:var(--overlayInputBackgroundHover)}.tutorial-editor-save{background:#0ea47a2e;border-color:#0ea47a73;color:#0ea47a}.tutorial-editor-save:hover{background:var(--overlayGreenBgHover)}.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(--overlayTextColorSecondary)}.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}.tutorial-editor-form .tef-row-2 select{color-scheme:var(--selectColorScheme)}.tutorial-editor-form .tef-row-2 select option{background:var(--selectOptionBackground);color:var(--selectOptionColor)}.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(--overlayTextColorSecondary);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(--overlayTextColorSecondary);font-size:11px;cursor:pointer}.tutorial-editor-attach:hover{color:var(--textColor)}.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(--overlayTextColorSecondary);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:var(--overlayTextColor)}[data-theme=light] .tutorial-back{color:#ffffff9e}[data-theme=light] .tutorial-back:hover{color:var(--overlayTextColor)}._helpButton_1fcmq_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}@media(hover:hover){._helpButton_1fcmq_1:hover{background:var(--overlayInputBackgroundFocus);color:var(--onScrimColor)}}._helpButton_1fcmq_1._active_1fcmq_25{background:#4fc3f72e;color:#4fc3f7;border-color:#4fc3f759}._topRight_1fcmq_31{top:20px;right:20px}._topLeft_1fcmq_36{top:20px;left:20px}._bottomRight_1fcmq_41{bottom:20px;right:20px}._bottomLeft_1fcmq_46{bottom:20px;left:20px}._inCanvas_1fcmq_51{position:absolute}._inCanvas_1fcmq_51._topRight_1fcmq_31{position:absolute;top:calc(var(--r3-canvas-top, 0px) + 4px);right:min(var(--r3-canvas-right, 0px) + 80px + var(--r3-dock-clearance, 0px),100% - 116px)}._inCanvas_1fcmq_51._bottomRight_1fcmq_41{position:absolute;bottom:calc(var(--r3-canvas-bottom, 0px) + 20px);right:min(var(--r3-canvas-right, 0px) + 20px + var(--r3-dock-clearance, 0px),100% - 56px)}@media(pointer:coarse),(max-width:768px){._helpButton_1fcmq_1{width:44px;height:44px}._inCanvas_1fcmq_51._topRight_1fcmq_31{top:calc(var(--r3-canvas-top, 0px) + 8px);right:min(var(--r3-canvas-right, 0px) + 112px + var(--r3-dock-clearance, 0px),100% - 156px)}}._backdrop_1fcmq_77{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;animation:_fadeIn_1fcmq_1 .15s ease-out}._panel_1fcmq_92{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_1fcmq_106{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}._title_1fcmq_115{margin:0;font-size:16px;font-weight:600;color:#fff}._closeBtn_1fcmq_122{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}@media(hover:hover){._closeBtn_1fcmq_122:hover{background:var(--overlayInputBackgroundHover);color:var(--overlayTextColor)}}._content_1fcmq_143{padding:20px 24px;overflow-y:auto;line-height:1.55}._content_1fcmq_143 h1,._content_1fcmq_143 h2,._content_1fcmq_143 h3{color:#fff;margin:1em 0 .4em}._content_1fcmq_143 h1:first-child,._content_1fcmq_143 h2:first-child,._content_1fcmq_143 h3:first-child{margin-top:0}._content_1fcmq_143 h1{font-size:18px}._content_1fcmq_143 h2{font-size:16px}._content_1fcmq_143 h3{font-size:14px}._content_1fcmq_143 p,._content_1fcmq_143 li{font-size:13px;color:#ffffffe0}._content_1fcmq_143 ul,._content_1fcmq_143 ol{padding-left:20px}._content_1fcmq_143 li{margin:4px 0}._content_1fcmq_143 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_1fcmq_143 pre{background:#0006;border:1px solid rgba(255,255,255,.08);border-radius:5px;padding:10px 12px;overflow-x:auto}._content_1fcmq_143 pre code{background:transparent;border:none;padding:0;color:#ffffffe0}._content_1fcmq_143 a{color:#4fc3f7;text-decoration:none}._content_1fcmq_143 a:hover{text-decoration:underline}._content_1fcmq_143 img{max-width:100%;border-radius:4px}._content_1fcmq_143 blockquote{border-left:3px solid rgba(255,255,255,.2);margin:12px 0;padding:4px 12px;color:#ffffffb3}._content_1fcmq_143 table{width:100%;border-collapse:collapse;margin:12px 0;font-size:12.5px}._content_1fcmq_143 th,._content_1fcmq_143 td{border:1px solid var(--borderColor, #0091b3);padding:6px 10px;text-align:left;vertical-align:top;line-height:1.5}._content_1fcmq_143 th{background:#ffffff0a;font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;color:#ffffffb3}._content_1fcmq_143 tr:nth-child(2n) td{background:#ffffff04}@keyframes _fadeIn_1fcmq_1{0%{opacity:0}to{opacity:1}}