.page-module__3ryZbq__page{background:var(--bg-body);min-height:100vh;padding-top:100px}.page-module__3ryZbq__header{margin-bottom:var(--space-2xl);text-align:center}.page-module__3ryZbq__backLink{color:var(--text-tertiary);margin-bottom:var(--space-lg);transition:color var(--duration-normal);align-items:center;font-size:.88rem;font-weight:500;display:inline-flex}.page-module__3ryZbq__backLink:hover{color:var(--accent-primary)}.page-module__3ryZbq__title{letter-spacing:-.03em;margin-bottom:var(--space-md);color:var(--text-primary);font-size:clamp(2.2rem,5vw,3.2rem);font-weight:800}.page-module__3ryZbq__titleAccent{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.page-module__3ryZbq__subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem}.page-module__3ryZbq__toolContainer{gap:var(--space-xl);margin-bottom:var(--space-4xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.page-module__3ryZbq__panel{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);flex-direction:column;height:100%;display:flex}.page-module__3ryZbq__panelHeader{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.page-module__3ryZbq__panelTitle{color:var(--text-primary);font-size:1rem;font-weight:600}.page-module__3ryZbq__formGroup{margin-bottom:var(--space-lg)}.page-module__3ryZbq__label{color:var(--text-primary);margin-bottom:var(--space-sm);font-size:.85rem;font-weight:600;display:block}.page-module__3ryZbq__labelDesc{color:var(--text-tertiary);margin-left:6px;font-size:.75rem;font-weight:400}.page-module__3ryZbq__input,.page-module__3ryZbq__textarea,.page-module__3ryZbq__select{width:100%;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all var(--duration-normal);padding:10px 14px;font-size:.95rem}.page-module__3ryZbq__textarea{resize:vertical;min-height:80px}.page-module__3ryZbq__input:focus,.page-module__3ryZbq__textarea:focus,.page-module__3ryZbq__select:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.page-module__3ryZbq__paramsSection{margin-top:var(--space-xl);flex:1}.page-module__3ryZbq__paramsHeader{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.page-module__3ryZbq__paramsTitle{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.9rem;font-weight:700}.page-module__3ryZbq__addBtn{color:var(--accent-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-normal);background:#6366f11a;border:1px solid #0000;align-items:center;gap:4px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.page-module__3ryZbq__addBtn:hover{background:#6366f126}.page-module__3ryZbq__paramCard{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md);transition:border-color var(--duration-normal);position:relative}.page-module__3ryZbq__paramCard:hover{border-color:var(--border-medium)}.page-module__3ryZbq__paramHeader{margin-bottom:var(--space-sm);justify-content:space-between;align-items:start;display:flex}.page-module__3ryZbq__paramRow{gap:var(--space-sm);grid-template-columns:2fr 1.5fr auto;align-items:start;display:grid}.page-module__3ryZbq__removeBtn{color:var(--text-tertiary);cursor:pointer;transition:color var(--duration-normal);background:0 0;border:none;padding:4px;font-size:1.1rem;line-height:1}.page-module__3ryZbq__removeBtn:hover{color:var(--accent-rose)}.page-module__3ryZbq__checkboxLabel{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;margin-top:8px;font-size:.85rem;display:flex}.page-module__3ryZbq__checkbox{width:16px;height:16px;accent-color:var(--accent-primary);cursor:pointer}.page-module__3ryZbq__previewPanel{position:sticky;top:100px}.page-module__3ryZbq__codeBlock{border-radius:var(--radius-md);padding:var(--space-lg);font-family:var(--font-mono);color:#e2e8f0;white-space:pre-wrap;border:1px solid var(--border-light);background:#0f172a;min-height:400px;max-height:700px;font-size:.9rem;line-height:1.6;overflow-x:auto}.page-module__3ryZbq__copyBtn{color:#fff;background:var(--accent-primary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-normal);border:none;padding:6px 14px;font-size:.85rem;font-weight:600}.page-module__3ryZbq__copyBtn:hover{background:var(--accent-secondary)}.page-module__3ryZbq__infoSection{margin-top:var(--space-4xl);margin-bottom:var(--space-3xl)}.page-module__3ryZbq__sectionTitle{color:var(--text-primary);margin-bottom:var(--space-xl);text-align:center;font-size:1.8rem;font-weight:800}.page-module__3ryZbq__guideSection{max-width:800px;margin:0 auto var(--space-4xl)}.page-module__3ryZbq__guideContent{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-2xl)}.page-module__3ryZbq__guideContent h2{color:var(--text-primary);margin-bottom:var(--space-lg);font-size:1.6rem;font-weight:700}.page-module__3ryZbq__guideContent h3{color:var(--text-primary);margin-top:var(--space-lg);margin-bottom:var(--space-md);font-size:1.2rem;font-weight:600}.page-module__3ryZbq__guideContent p{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:.95rem;line-height:1.7}.page-module__3ryZbq__guideContent ul{margin-bottom:var(--space-lg);padding-left:var(--space-xl)}.page-module__3ryZbq__guideContent li{color:var(--text-secondary);margin-bottom:8px;font-size:.95rem;line-height:1.7}.page-module__3ryZbq__useCaseGrid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.page-module__3ryZbq__useCaseCard{align-items:flex-start;gap:var(--space-md);background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-lg);transition:all var(--duration-normal);display:flex}.page-module__3ryZbq__useCaseCard:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-sm)}.page-module__3ryZbq__useCaseIcon{flex-shrink:0;font-size:1.5rem}.page-module__3ryZbq__useCaseCard h4{color:var(--text-primary);margin-bottom:4px;font-size:1rem;font-weight:700}.page-module__3ryZbq__useCaseCard p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.page-module__3ryZbq__faqSection{margin-bottom:var(--space-3xl)}.page-module__3ryZbq__faqList{max-width:800px;margin:0 auto}.page-module__3ryZbq__faqItem{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:var(--space-sm);transition:all var(--duration-normal);overflow:hidden}.page-module__3ryZbq__faqItem:hover{border-color:var(--border-medium)}.page-module__3ryZbq__faqOpen{border-color:var(--accent-primary)}.page-module__3ryZbq__faqQuestion{width:100%;padding:var(--space-lg);color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;font-size:1rem;font-weight:600;display:flex}.page-module__3ryZbq__faqToggle{color:var(--accent-primary);font-size:1.2rem;font-weight:300}.page-module__3ryZbq__faqAnswer{padding:0 var(--space-lg)var(--space-lg)}.page-module__3ryZbq__faqAnswer p{color:var(--text-secondary);font-size:.95rem;line-height:1.7}@media (max-width:1024px){.page-module__3ryZbq__toolContainer{grid-template-columns:1fr}.page-module__3ryZbq__previewPanel{position:relative;top:0}.page-module__3ryZbq__useCaseGrid{grid-template-columns:1fr}}