.page-module__Xyi1eG__container{max-width:1200px;padding:var(--space-6,1.5rem);margin:0 auto}.page-module__Xyi1eG__hero{text-align:center;padding:var(--space-12,3rem) 0;margin-bottom:var(--space-12,3rem)}.page-module__Xyi1eG__title{font-size:var(--font-3xl,1.875rem);color:var(--text-primary,#0f172a);margin-bottom:var(--space-4,1rem);font-weight:800}.page-module__Xyi1eG__subtitle{font-size:var(--font-xl,1.25rem);color:var(--text-secondary,#475569);max-width:800px;margin:0 auto}.page-module__Xyi1eG__tabsContainer{margin-bottom:var(--space-12,3rem)}.page-module__Xyi1eG__tabList{justify-content:center;gap:var(--space-2,.5rem);border-bottom:1px solid var(--border-secondary,#f1f5f9);margin-bottom:var(--space-8,2rem);padding-bottom:var(--space-1,.25rem);display:flex;overflow-x:auto}.page-module__Xyi1eG__tabBtn{padding:var(--space-2,.5rem) var(--space-4,1rem);font-size:var(--font-base,1rem);color:var(--text-secondary,#475569);cursor:pointer;transition:all var(--transition-base,.2s);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;font-weight:500}.page-module__Xyi1eG__tabBtn:hover{color:var(--color-primary,#4f46e5)}.page-module__Xyi1eG__tabBtnActive{color:var(--color-primary,#4f46e5);border-bottom-color:var(--color-primary,#4f46e5)}.page-module__Xyi1eG__tabContent{animation:.3s page-module__Xyi1eG__fadeIn}@keyframes page-module__Xyi1eG__fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-module__Xyi1eG__urlForm{gap:var(--space-4,1rem);margin-bottom:var(--space-12,3rem);max-width:800px;margin-left:auto;margin-right:auto;display:flex}.page-module__Xyi1eG__urlInput{padding:var(--space-2,.5rem) var(--space-4,1rem);border:1px solid var(--border-primary,#e2e8f0);border-radius:var(--radius-md,.375rem);color:var(--text-primary,#0f172a);background:var(--bg-primary,#fff);flex:1}.page-module__Xyi1eG__urlInput:focus{border-color:var(--color-primary,#4f46e5);outline:none}.page-module__Xyi1eG__spinner{border:2px solid var(--border-primary,#e2e8f0);border-top-color:var(--color-primary,#4f46e5);width:20px;height:20px;margin-right:var(--space-2,.5rem);vertical-align:middle;border-radius:50%;animation:1s ease-in-out infinite page-module__Xyi1eG__spin;display:inline-block}@keyframes page-module__Xyi1eG__spin{to{transform:rotate(360deg)}}.page-module__Xyi1eG__resultsGrid{gap:var(--space-8,2rem);margin-bottom:var(--space-12,3rem);grid-template-columns:1fr 1fr;display:grid}@media (max-width:768px){.page-module__Xyi1eG__resultsGrid{grid-template-columns:1fr}}.page-module__Xyi1eG__resultPanel{border:1px solid var(--border-color,#cbd5e1);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm,0 1px 2px 0 #0000000d);background:#fff;flex-direction:column;display:flex;overflow:hidden}.page-module__Xyi1eG__resultHeader{padding:var(--space-2,.5rem) var(--space-4,1rem);background:var(--bg-secondary,#f8fafc);border-bottom:1px solid var(--border-primary,#e2e8f0);font-weight:600;font-size:var(--font-sm,.875rem);color:var(--text-primary,#0f172a);justify-content:space-between;align-items:center;display:flex}.page-module__Xyi1eG__codeBlock{padding:var(--space-4,1rem);font-family:monospace;font-size:var(--font-sm,.875rem);color:var(--text-primary,#0f172a);border:1px solid var(--border-color,#cbd5e1);border-radius:var(--radius-lg);background:#f1f5f9;flex:1;min-height:300px;margin:0;overflow-x:auto}.page-module__Xyi1eG__actionButtons{justify-content:center;gap:var(--space-4,1rem);padding:var(--space-4,1rem);background:var(--bg-primary,#fff);flex-wrap:wrap;display:flex}.page-module__Xyi1eG__editorGrid{gap:var(--space-8,2rem);grid-template-columns:2fr 1fr;display:grid}@media (max-width:992px){.page-module__Xyi1eG__editorGrid{grid-template-columns:1fr}}.page-module__Xyi1eG__editorMain{gap:var(--space-4,1rem);flex-direction:column;display:flex}.page-module__Xyi1eG__editorContainer{background:var(--bg-primary,#fff);border:1px solid var(--border-primary,#e2e8f0);border-radius:var(--radius-md,.375rem);min-height:400px;box-shadow:var(--shadow-sm,0 1px 2px 0 #0000000d);display:flex;position:relative}.page-module__Xyi1eG__lineNumbers{padding:var(--space-4,1rem) var(--space-2,.5rem);background:var(--bg-secondary,#f8fafc);border-right:1px solid var(--border-primary,#e2e8f0);color:var(--text-secondary,#475569);font-family:monospace;font-size:var(--font-sm,.875rem);text-align:right;-webkit-user-select:none;user-select:none;min-width:40px;line-height:1.5}.page-module__Xyi1eG__editorTextarea{padding:var(--space-4,1rem);resize:vertical;font-family:monospace;font-size:var(--font-sm,.875rem);white-space:pre;overflow-wrap:normal;color:var(--text-primary,#0f172a);background:0 0;border:none;outline:none;flex:1;line-height:1.5;overflow-x:auto}.page-module__Xyi1eG__editorActions{justify-content:space-between;align-items:center;display:flex}.page-module__Xyi1eG__sidebarTitle{font-size:var(--font-lg,1.125rem);margin-bottom:var(--space-4,1rem);padding-bottom:var(--space-2,.5rem);border-bottom:1px solid var(--border-secondary,#f1f5f9);color:var(--text-primary,#0f172a);font-weight:600}.page-module__Xyi1eG__syntaxList{gap:var(--space-2,.5rem);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.page-module__Xyi1eG__syntaxItem{background:var(--bg-secondary,#f8fafc);padding:var(--space-2,.5rem);border-radius:var(--radius-sm,.25rem);border:1px solid var(--border-primary,#e2e8f0)}.page-module__Xyi1eG__syntaxCode{color:var(--color-primary,#4f46e5);margin-bottom:var(--space-1,.25rem);font-family:monospace;font-weight:600;display:block}.page-module__Xyi1eG__syntaxDesc{font-size:var(--font-sm,.875rem);color:var(--text-secondary,#475569)}.page-module__Xyi1eG__validationPanel{margin-top:var(--space-8,2rem);border:1px solid var(--border-primary,#e2e8f0);border-radius:var(--radius-md,.375rem);box-shadow:var(--shadow-sm,0 1px 2px 0 #0000000d);background:var(--bg-primary,#fff);overflow:hidden}.page-module__Xyi1eG__validationHeader{background:var(--bg-secondary,#f8fafc);padding:var(--space-2,.5rem) var(--space-4,1rem);border-bottom:1px solid var(--border-primary,#e2e8f0);color:var(--text-primary,#0f172a);font-weight:600}.page-module__Xyi1eG__validationList{margin:0;padding:0;list-style:none}.page-module__Xyi1eG__validationItem{padding:var(--space-2,.5rem) var(--space-4,1rem);border-bottom:1px solid var(--border-secondary,#f1f5f9);align-items:center;gap:var(--space-2,.5rem);display:flex}.page-module__Xyi1eG__validationItem:last-child{border-bottom:none}.page-module__Xyi1eG__checkPass{color:#10b981}.page-module__Xyi1eG__checkFail{color:#ef4444}.page-module__Xyi1eG__checkWarn{color:#f59e0b}.page-module__Xyi1eG__templatesGrid{gap:var(--space-8,2rem);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.page-module__Xyi1eG__templateCard{border:1px solid var(--border-color,#cbd5e1);border-radius:var(--radius-lg);padding:var(--space-6,1.5rem);box-shadow:var(--shadow-sm,0 1px 2px 0 #0000000d);transition:all var(--transition-base,.2s);background:#fff;flex-direction:column;display:flex}.page-module__Xyi1eG__templateCard:hover{box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f);border-color:var(--color-primary,#4f46e5);transform:translateY(-2px)}.page-module__Xyi1eG__templateIcon{margin-bottom:var(--space-2,.5rem);font-size:2rem}.page-module__Xyi1eG__templateTitle{font-size:var(--font-lg,1.125rem);margin-bottom:var(--space-1,.25rem);color:var(--text-primary,#0f172a);font-weight:600}.page-module__Xyi1eG__templateDesc{font-size:var(--font-sm,.875rem);color:var(--text-secondary,#475569);margin-bottom:var(--space-4,1rem);flex:1}.page-module__Xyi1eG__btnPrimary{background:var(--color-primary,#4f46e5);color:#fff;padding:var(--space-2,.5rem) var(--space-4,1rem);border-radius:var(--radius-md,.375rem);cursor:pointer;transition:background-color var(--transition-base,.2s);border:none;font-weight:500}.page-module__Xyi1eG__btnPrimary:hover{background-color:#4338ca}.page-module__Xyi1eG__btnPrimary:disabled{opacity:.5;cursor:not-allowed}.page-module__Xyi1eG__btnSecondary{background:var(--bg-secondary,#f8fafc);color:var(--text-primary,#0f172a);border:1px solid var(--border-primary,#e2e8f0);padding:var(--space-2,.5rem) var(--space-4,1rem);border-radius:var(--radius-md,.375rem);cursor:pointer;transition:background-color var(--transition-base,.2s);font-weight:500}.page-module__Xyi1eG__btnSecondary:hover{background:#f1f5f9}.page-module__Xyi1eG__btnSecondary:disabled{opacity:.5;cursor:not-allowed}.page-module__Xyi1eG__btnSmall{padding:var(--space-1,.25rem) var(--space-2,.5rem);font-size:var(--font-sm,.875rem)}.page-module__Xyi1eG__btnOutline{color:var(--color-primary,#4f46e5);border:1px solid var(--color-primary,#4f46e5);padding:var(--space-2,.5rem) var(--space-4,1rem);border-radius:var(--radius-md,.375rem);cursor:pointer;transition:all var(--transition-base,.2s);background:0 0;font-weight:500}.page-module__Xyi1eG__btnOutline:hover{background:#eef2ff}.page-module__Xyi1eG__instructionCard{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.page-module__Xyi1eG__instructionTitle{color:#0f172a;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.125rem;font-weight:700;display:flex}.page-module__Xyi1eG__instructionText{color:#475569;font-size:.9375rem;line-height:1.6}.page-module__Xyi1eG__dropzone{text-align:center;cursor:pointer;background:#fff;border:2px dashed #94a3b8;border-radius:8px;margin-bottom:1.5rem;padding:2rem;transition:all .2s}.page-module__Xyi1eG__dropzone:hover{background:#eef2ff;border-color:#4f46e5}.page-module__Xyi1eG__codeBox{color:#f8fafc;background:#0f172a;border-radius:8px;justify-content:space-between;align-items:center;margin:1rem 0;padding:1rem 1.25rem;font-family:monospace;font-size:.875rem;display:flex;overflow-x:auto}.page-module__Xyi1eG__bookmarkletBtn{color:#fff;cursor:grab;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:700;text-decoration:none;transition:transform .2s;display:inline-flex;box-shadow:0 4px 6px -1px #4f46e54d}.page-module__Xyi1eG__bookmarkletBtn:hover{transform:translateY(-2px)}