.doc-page.svelte-16xdpqg{max-width:1000px;margin:0 auto;padding:60px 40px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.7;color:#1a1a1a}.doc-header.svelte-16xdpqg{text-align:center;margin-bottom:60px}.doc-header.svelte-16xdpqg h1:where(.svelte-16xdpqg){font-size:52px;font-weight:800;margin:0 0 16px;color:#000;line-height:1.2}.subtitle.svelte-16xdpqg{font-size:20px;color:#666;margin:0;line-height:1.6}.toc.svelte-16xdpqg{background:linear-gradient(135deg,#ec4899,#8b5cf6);padding:32px;border-radius:16px;margin-bottom:60px;color:#fff}.toc.svelte-16xdpqg h3:where(.svelte-16xdpqg){margin:0 0 20px;font-size:24px;font-weight:700}.toc-nav.svelte-16xdpqg{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.toc-nav.svelte-16xdpqg a:where(.svelte-16xdpqg){background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;text-align:center}.toc-nav.svelte-16xdpqg a:where(.svelte-16xdpqg):hover{background:#ffffff4d;transform:translateY(-2px)}.doc-section.svelte-16xdpqg{margin-bottom:80px;scroll-margin-top:20px}.doc-section.svelte-16xdpqg h2:where(.svelte-16xdpqg){font-size:40px;font-weight:700;margin:0 0 24px;color:#000;padding-bottom:16px;border-bottom:3px solid #ec4899}.section-intro.svelte-16xdpqg{font-size:18px;color:#555;margin-bottom:32px;line-height:1.8}.feature-showcase.svelte-16xdpqg{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:32px 0}.showcase-item.svelte-16xdpqg{text-align:center;padding:32px 24px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;transition:all .2s}.showcase-item.svelte-16xdpqg:hover{border-color:#ec4899;transform:translateY(-4px);box-shadow:0 8px 20px #ec48991a}.showcase-icon.svelte-16xdpqg{font-size:48px;margin-bottom:16px}.showcase-item.svelte-16xdpqg h3:where(.svelte-16xdpqg){font-size:20px;font-weight:600;margin:0 0 12px;color:#000}.showcase-item.svelte-16xdpqg p:where(.svelte-16xdpqg){font-size:14px;color:#666;margin:0;line-height:1.6}.info-box.svelte-16xdpqg,.warning-box.svelte-16xdpqg,.tip-box.svelte-16xdpqg{display:flex;gap:16px;padding:24px;border-radius:12px;margin:24px 0}.info-box.svelte-16xdpqg{background:#eff6ff;border:2px solid #bfdbfe}.warning-box.svelte-16xdpqg{background:#fef3c7;border:2px solid #fde68a}.tip-box.svelte-16xdpqg{background:#d1fae5;border:2px solid #a7f3d0}.info-icon.svelte-16xdpqg,.warning-icon.svelte-16xdpqg,.tip-icon.svelte-16xdpqg{font-size:28px;flex-shrink:0}.info-content.svelte-16xdpqg,.warning-content.svelte-16xdpqg,.tip-content.svelte-16xdpqg{flex:1}.info-content.svelte-16xdpqg h4:where(.svelte-16xdpqg),.warning-content.svelte-16xdpqg h4:where(.svelte-16xdpqg),.tip-content.svelte-16xdpqg h4:where(.svelte-16xdpqg){margin:0 0 8px;font-size:18px;font-weight:600;color:#000}.info-content.svelte-16xdpqg p:where(.svelte-16xdpqg),.tip-content.svelte-16xdpqg p:where(.svelte-16xdpqg){margin:0 0 12px;font-size:15px;color:#333}.info-content.svelte-16xdpqg ul:where(.svelte-16xdpqg),.warning-content.svelte-16xdpqg ul:where(.svelte-16xdpqg){margin:8px 0 0;padding-left:20px}.info-content.svelte-16xdpqg li:where(.svelte-16xdpqg),.warning-content.svelte-16xdpqg li:where(.svelte-16xdpqg){margin:6px 0;font-size:15px;color:#333}.prompt-formula.svelte-16xdpqg{background:#fff;border:2px solid #e5e5e5;border-radius:16px;padding:32px;margin:32px 0}.prompt-formula.svelte-16xdpqg h3:where(.svelte-16xdpqg){font-size:26px;font-weight:600;margin:0 0 24px;color:#000;text-align:center}.formula-box.svelte-16xdpqg{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;background:linear-gradient(135deg,#fce7f3,#f3e8ff);border-radius:12px;overflow-x:auto}.formula-part.svelte-16xdpqg{flex:1;background:#fff;border:2px solid #ec4899;border-radius:8px;padding:16px;text-align:center;min-width:120px}.formula-label.svelte-16xdpqg{font-size:16px;font-weight:700;color:#ec4899;margin-bottom:8px}.formula-part.svelte-16xdpqg p:where(.svelte-16xdpqg){margin:0;font-size:13px;color:#666}.formula-plus.svelte-16xdpqg{font-size:28px;color:#ec4899;font-weight:700;flex-shrink:0}.anatomy-section.svelte-16xdpqg{margin:48px 0}.anatomy-section.svelte-16xdpqg h3:where(.svelte-16xdpqg){font-size:26px;font-weight:600;margin:0 0 24px;color:#000}.prompt-example-box.svelte-16xdpqg{background:#fff;border:2px solid #e5e5e5;border-radius:12px;padding:32px}.prompt-text.svelte-16xdpqg{background:#1e1e1e;color:#d4d4d4;padding:24px;border-radius:8px;font-family:Courier New,monospace;font-size:15px;line-height:1.8;margin-bottom:24px}.highlight.svelte-16xdpqg{padding:2px 6px;border-radius:4px;font-weight:500}.highlight.subject.svelte-16xdpqg{background:#fecaca;color:#991b1b}.highlight.style.svelte-16xdpqg{background:#bfdbfe;color:#1e40af}.highlight.details.svelte-16xdpqg{background:#d9f99d;color:#365314}.highlight.composition.svelte-16xdpqg{background:#fde68a;color:#78350f}.highlight.lighting.svelte-16xdpqg{background:#fed7aa;color:#9a3412}.highlight.quality.svelte-16xdpqg{background:#d8b4fe;color:#581c87}.prompt-breakdown.svelte-16xdpqg{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.breakdown-item.svelte-16xdpqg{padding:12px;border-radius:6px;font-size:14px}.subject-bg.svelte-16xdpqg{background:#fef2f2;border:1px solid #fecaca}.style-bg.svelte-16xdpqg{background:#eff6ff;border:1px solid #bfdbfe}.details-bg.svelte-16xdpqg{background:#f7fee7;border:1px solid #d9f99d}.composition-bg.svelte-16xdpqg{background:#fefce8;border:1px solid #fde68a}.lighting-bg.svelte-16xdpqg{background:#fff7ed;border:1px solid #fed7aa}.quality-bg.svelte-16xdpqg{background:#faf5ff;border:1px solid #d8b4fe}.breakdown-item.svelte-16xdpqg strong:where(.svelte-16xdpqg){display:block;margin-bottom:4px;color:#000}.basic-examples.svelte-16xdpqg{margin:48px 0}.basic-examples.svelte-16xdpqg h3:where(.svelte-16xdpqg){font-size:26px;font-weight:600;margin:0 0 24px;color:#000}.progression.svelte-16xdpqg{display:flex;flex-direction:column;gap:20px}.prog-level.svelte-16xdpqg{background:#fff;border:2px solid #e5e5e5;border-radius:12px;padding:24px}.level-badge.svelte-16xdpqg{display:inline-block;padding:6px 14px;border-radius:16px;font-size:13px;font-weight:600;margin-bottom:12px}.level-badge.bad.svelte-16xdpqg{background:#fecaca;color:#991b1b}.level-badge.okay.svelte-16xdpqg{background:#fde68a;color:#78350f}.level-badge.good.svelte-16xdpqg{background:#bfdbfe;color:#1e40af}.level-badge.expert.svelte-16xdpqg{background:#86efac;color:#166534}.prog-prompt.svelte-16xdpqg{background:#1e1e1e;padding:16px;border-radius:8px;margin-bottom:12px}.prog-prompt.svelte-16xdpqg code:where(.svelte-16xdpqg){color:#d4d4d4;font-family:Courier New,monospace;font-size:14px;line-height:1.6}.prog-result.svelte-16xdpqg{font-size:14px;color:#666;font-style:italic;margin:0}.engineering-principles.svelte-16xdpqg{margin:32px 0}.engineering-principles.svelte-16xdpqg h3:where(.svelte-16xdpqg){font-size:26px;font-weight:600;margin:0 0 24px;color:#000}.principle-grid.svelte-16xdpqg{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.principle-card.svelte-16xdpqg{background:#fff;border:2px solid #e5e5e5;border-radius:12px;padding:24px;display:flex;gap:16px}.principle-number.svelte-16xdpqg{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0}.principle-content.svelte-16xdpqg{flex:1}.principle-content.svelte-16xdpqg h4:where(.svelte-16xdpqg){font-size:18px;font-weight:600;margin:0 0 8px;color:#000}.principle-content.svelte-16xdpqg p:where(.svelte-16xdpqg){font-size:14px;color:#666;margin:0 0 12px}.principle-example.svelte-16xdpqg{background:#f9fafb;padding:12px;border-radius:6px;font-size:13px}.before.svelte-16xdpqg,.after.svelte-16xdpqg{margin:6px 0;line-height:1.6}.before.svelte-16xdpqg strong:where(.svelte-16xdpqg){color:#dc2626}.after.svelte-16xdpqg strong:where(.svelte-16xdpqg){color:#16a34a}.keyword-weights.svelte-16xdpqg{margin:48px 0}.keyword-weights.svelte-16xdpqg h3:where(.svelte-16xdpqg){font-size:26px;font-weight:600;margin:0 0 16px;color:#000}.keyword-weights.svelte-16xdpqg>p:where(.svelte-16xdpqg){font-size:16px;color:#555;margin-bottom:24px}.weight-chart.svelte-16xdpqg{display:flex;flex-direction:column;gap:16px}.weight-row.svelte-16xdpqg{display:flex;gap:16px;align-items:center;background:#fff;border:2px solid #e5e5e5;border-radius:12px;padding:20px}.weight-type.svelte-16xdpqg{padding:12px 20px;border-radius:8px;font-weight:700;font-size:14px;white-space:nowrap;text-align:center;min-width:140px}.weight-type.high.svelte-16xdpqg{background:#86efac;color:#166534}.weight-type.medium.svelte-16xdpqg{background:#fde68a;color:#78350f}.weight-type.low.svelte-16xdpqg{background:#fca5a5;color:#991b1b}.weight-examples.svelte-16xdpqg{flex:1;font-size:14px;color:#333;line-height:1.8}.weight-examples.svelte-16xdpqg strong:where(.svelte-16xdpqg){color:#000;font-weight:600}.style-categories.svelte-16xdpqg{margin:32px 0}.style-categories.svelte-16xdpqg h3:where(.svelte-16xdpqg){font-size:26px;font-weight:600;margin:0 0 24px;color:#000}.style-category-box.svelte-16xdpqg{background:#fff;border:2px solid #e5e5e5;border-radius:12px;padding:24px;margin-bottom:24px}.style-header.svelte-16xdpqg{display:flex;align-items:center;gap:12px;margin-bottom:16px}.style-icon.svelte-16xdpqg{font-size:32px}.style-header.svelte-16xdpqg h4:where(.svelte-16xdpqg){font-size:22px;font-weight:600;margin:0;color:#000}.style-description.svelte-16xdpqg p:where(.svelte-16xdpqg){font-size:15px;color:#666;margin:0 0 16px}.style-keywords.svelte-16xdpqg{margin-bottom:16px}.style-keywords.svelte-16xdpqg strong:where(.svelte-16xdpqg){display:block;font-size:14px;color:#000;margin-bottom:8px;font-weight:600}.keyword.svelte-16xdpqg{display:inline-block;background:#f3f4f6;color:#374151;padding:6px 12px;border-radius:16px;font-size:13px;margin:4px}.style-example.svelte-16xdpqg{background:#f9fafb;padding:16px;border-radius:8px;border:1px solid #e5e5e5}.style-example.svelte-16xdpqg strong:where(.svelte-16xdpqg){display:block;font-size:14px;color:#000;margin-bottom:8px;font-weight:600}.style-example.svelte-16xdpqg p:where(.svelte-16xdpqg){margin:0;font-size:14px;color:#555;line-height:1.6;font-family:Courier New,monospace}.style-mixing.svelte-16xdpqg{margin-top:48px}.style-mixing.svelte-16xdpqg h3:where(.svelte-16xdpqg){font-size:24px;font-weight:600;margin:0 0 16px;color:#000}.style-mixing.svelte-16xdpqg>p:where(.svelte-16xdpqg){font-size:16px;color:#555;margin-bottom:20px}.mix-examples.svelte-16xdpqg{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.mix-card.svelte-16xdpqg{background:#f9fafb;border:1px solid #e5e5e5;border-radius:8px;padding:16px}.mix-card.svelte-16xdpqg strong:where(.svelte-16xdpqg){display:block;font-size:15px;color:#ec4899;margin-bottom:8px;font-weight:600}.mix-card.svelte-16xdpqg p:where(.svelte-16xdpqg){margin:0;font-size:13px;color:#555;font-family:Courier New,monospace;line-height:1.6}.lighting-types.svelte-16xdpqg{margin:32px 0}.lighting-types.svelte-16xdpqg h3:where(.svelte-16xdpqg){font-size:26px;font-weight:600;margin:0 0 24px;color:#000}.lighting-grid.svelte-16xdpqg{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.lighting-card.svelte-16xdpqg{background:#fff;border:2px solid #e5e5e5;border-radius:12px;padding:20px}.lighting-card.svelte-16xdpqg h4:where(.svelte-16xdpqg){font-size:18px;font-weight:600;margin:0 0 12px;color:#000}.lighting-desc.svelte-16xdpqg p:where(.svelte-16xdpqg){font-size:14px;color:#555;margin:6px 0}.lighting-desc.svelte-16xdpqg strong:where(.svelte-16xdpqg){color:#000;font-weight:600}.lighting-prompt.svelte-16xdpqg{background:#f9fafb;padding:12px;border-radius:6px;margin-top:12px;font-size:13px}.lighting-prompt.svelte-16xdpqg strong:where(.svelte-16xdpqg){color:#000;font-weight:600}.mood-creation.svelte-16xdpqg{margin-top:48px}.mood-creation.svelte-16xdpqg h3:where(.svelte-16xdpqg){font-size:26px;font-weight:600;margin:0 0 20px;color:#000}.mood-table.svelte-16xdpqg{display:flex;flex-direction:column;gap:12px}.mood-row.svelte-16xdpqg{display:flex;gap:16px;background:#fff;border:2px solid #e5e5e5;border-radius:8px;padding:16px}.mood-name.svelte-16xdpqg{font-size:15px;font-weight:600;color:#000;min-width:200px}.mood-keywords.svelte-16xdpqg{font-size:14px;color:#555;line-height:1.6}.composition-rules.svelte-16xdpqg{margin:32px 0}.composition-rules.svelte-16xdpqg h3:where(.svelte-16xdpqg){font-size:26px;font-weight:600;margin:0 0 24px;color:#000}.rule-grid.svelte-16xdpqg{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.rule-card.svelte-16xdpqg{background:#fff;border:2px solid #e5e5e5;border-radius:12px;padding:20px}.rule-header.svelte-16xdpqg h4:where(.svelte-16xdpqg){font-size:18px;font-weight:600;margin:0 0 12px;color:#000}.rule-content.svelte-16xdpqg p:where(.svelte-16xdpqg){font-size:14px;color:#666;margin:0 0 12px}.rule-keywords.svelte-16xdpqg,.rule-example.svelte-16xdpqg{background:#f9fafb;padding:12px;border-radius:6px;margin-top:8px;font-size:13px}.rule-keywords.svelte-16xdpqg strong:where(.svelte-16xdpqg),.rule-example.svelte-16xdpqg strong:where(.svelte-16xdpqg){display:block;color:#000;margin-bottom:6px;font-weight:600}.camera-angles.svelte-16xdpqg{margin-top:48px}.camera-angles.svelte-16xdpqg h3:where(.svelte-16xdpqg){font-size:26px;font-weight:600;margin:0 0 20px;color:#000}.angle-list.svelte-16xdpqg{display:flex;flex-direction:column;gap:12px}.angle-item.svelte-16xdpqg{background:#fff;border:2px solid #e5e5e5;border-radius:8px;padding:16px}.angle-item.svelte-16xdpqg strong:where(.svelte-16xdpqg){font-size:15px;color:#000;font-weight:600;margin-right:8px}.angle-item.svelte-16xdpqg p:where(.svelte-16xdpqg){display:inline;font-size:14px;color:#555;font-family:Courier New,monospace;margin:0}.quality-categories.svelte-16xdpqg{margin:32px 0}.quality-category.svelte-16xdpqg{margin-bottom:32px}.quality-category.svelte-16xdpqg h3:where(.svelte-16xdpqg){font-size:22px;font-weight:600;margin:0 0 16px;color:#000}.keyword-pills.svelte-16xdpqg{display:flex;flex-wrap:wrap;gap:10px}.pill.svelte-16xdpqg{padding:10px 18px;border-radius:20px;font-size:14px;font-weight:500}.pill.essential.svelte-16xdpqg{background:#86efac;color:#166534}.pill.photo.svelte-16xdpqg{background:#bfdbfe;color:#1e40af}.pill.art.svelte-16xdpqg{background:#fde68a;color:#78350f}.pill.tech.svelte-16xdpqg{background:#d8b4fe;color:#581c87}.quality-combos.svelte-16xdpqg{margin-top:32px}.quality-combos.svelte-16xdpqg h3:where(.svelte-16xdpqg){font-size:24px;font-weight:600;margin:0 0 16px;color:#000}.quality-combos.svelte-16xdpqg>p:where(.svelte-16xdpqg){font-size:16px;color:#555;margin-bottom:20px}.combo-boxes.svelte-16xdpqg{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.combo-box.svelte-16xdpqg{background:#fff;border:2px solid #e5e5e5;border-radius:12px;padding:20px}.combo-box.svelte-16xdpqg strong:where(.svelte-16xdpqg){display:block;font-size:15px;color:#ec4899;margin-bottom:10px;font-weight:600}.combo-box.svelte-16xdpqg p:where(.svelte-16xdpqg){margin:0;font-size:14px;color:#555;font-family:Courier New,monospace;line-height:1.6}.transformation-examples.svelte-16xdpqg{margin:32px 0}.transform-card.svelte-16xdpqg{background:#fff;border:2px solid #e5e5e5;border-radius:16px;padding:32px;margin-bottom:32px}.transform-header.svelte-16xdpqg h3:where(.svelte-16xdpqg){font-size:24px;font-weight:600;margin:0 0 20px;color:#000}.transform-content.svelte-16xdpqg{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin-bottom:24px}.before-section.svelte-16xdpqg,.after-section.svelte-16xdpqg{padding:20px;border-radius:12px}.before-section.svelte-16xdpqg{background:#fef2f2;border:2px solid #fca5a5}.after-section.svelte-16xdpqg{background:#f0fdf4;border:2px solid #86efac}.section-label.svelte-16xdpqg{display:inline-block;padding:6px 14px;border-radius:16px;font-size:13px;font-weight:700;margin-bottom:12px}.section-label.bad.svelte-16xdpqg{background:#fca5a5;color:#991b1b}.section-label.good.svelte-16xdpqg{background:#86efac;color:#166534}.prompt-display.svelte-16xdpqg{background:#1e1e1e;padding:16px;border-radius:8px;margin-bottom:12px}.prompt-display.svelte-16xdpqg code:where(.svelte-16xdpqg){color:#d4d4d4;font-family:Courier New,monospace;font-size:13px;line-height:1.7}.result-desc.svelte-16xdpqg{font-size:14px;color:#555}.result-desc.svelte-16xdpqg strong:where(.svelte-16xdpqg){color:#000;font-weight:600}.transform-arrow.svelte-16xdpqg{font-size:32px;color:#ec4899;font-weight:700}.what-changed.svelte-16xdpqg{background:#f9fafb;padding:20px;border-radius:12px;border:1px solid #e5e5e5}.what-changed.svelte-16xdpqg strong:where(.svelte-16xdpqg){display:block;font-size:16px;color:#000;margin-bottom:12px;font-weight:600}.what-changed.svelte-16xdpqg ul:where(.svelte-16xdpqg){margin:0;padding-left:20px}.what-changed.svelte-16xdpqg li:where(.svelte-16xdpqg){margin:6px 0;font-size:14px;color:#555}.advanced-techniques.svelte-16xdpqg{margin:32px 0}.technique-box.svelte-16xdpqg{background:#fff;border:2px solid #e5e5e5;border-radius:16px;padding:32px;margin-bottom:32px}.technique-header.svelte-16xdpqg{display:flex;align-items:center;gap:16px;margin-bottom:16px}.technique-icon.svelte-16xdpqg{font-size:40px}.technique-header.svelte-16xdpqg h3:where(.svelte-16xdpqg){font-size:24px;font-weight:600;margin:0;color:#000}.technique-content.svelte-16xdpqg p:where(.svelte-16xdpqg){font-size:16px;color:#555;margin:0 0 16px;line-height:1.7}.technique-content.svelte-16xdpqg ul:where(.svelte-16xdpqg){list-style:none;padding:0;margin:16px 0}.technique-content.svelte-16xdpqg li:where(.svelte-16xdpqg){padding:8px 0 8px 28px;position:relative;font-size:15px;color:#333}.technique-content.svelte-16xdpqg li:where(.svelte-16xdpqg):before{content:"→";position:absolute;left:0;color:#ec4899;font-weight:700}.technique-content.svelte-16xdpqg strong:where(.svelte-16xdpqg){color:#000;font-weight:600}.refinement-steps.svelte-16xdpqg{display:flex;flex-direction:column;align-items:center;gap:12px}.ref-step.svelte-16xdpqg{background:#f9fafb;padding:16px;border-radius:8px;width:100%;font-size:14px;color:#333}.ref-step.svelte-16xdpqg strong:where(.svelte-16xdpqg){color:#ec4899}.ref-arrow.svelte-16xdpqg{font-size:24px;color:#ec4899;font-weight:700}.reference-example.svelte-16xdpqg{background:#1e1e1e;padding:20px;border-radius:8px;margin:16px 0}.reference-example.svelte-16xdpqg code:where(.svelte-16xdpqg){color:#d4d4d4;font-family:Courier New,monospace;font-size:14px;line-height:1.7}.technique-note.svelte-16xdpqg{font-size:14px;color:#666;font-style:italic;margin-top:12px}.detail-examples.svelte-16xdpqg{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.detail-item.svelte-16xdpqg{background:#f9fafb;padding:16px;border-radius:8px}.detail-item.svelte-16xdpqg strong:where(.svelte-16xdpqg){display:block;font-size:14px;color:#000;margin-bottom:6px;font-weight:600}.mistakes-list.svelte-16xdpqg{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:32px 0}.mistake-card.svelte-16xdpqg{background:#fff;border:2px solid #e5e5e5;border-radius:12px;padding:24px;display:flex;gap:16px}.mistake-icon.svelte-16xdpqg{font-size:32px;flex-shrink:0}.mistake-content.svelte-16xdpqg{flex:1}.mistake-content.svelte-16xdpqg h3:where(.svelte-16xdpqg){font-size:18px;font-weight:600;margin:0 0 12px;color:#000}.mistake-example.svelte-16xdpqg,.mistake-fix.svelte-16xdpqg{padding:12px;border-radius:6px;margin-bottom:12px;font-size:13px}.mistake-example.bad.svelte-16xdpqg{background:#fef2f2;border:1px solid #fca5a5}.mistake-fix.good.svelte-16xdpqg{background:#f0fdf4;border:1px solid #86efac}.mistake-example.svelte-16xdpqg strong:where(.svelte-16xdpqg),.mistake-fix.svelte-16xdpqg strong:where(.svelte-16xdpqg){display:block;margin-bottom:6px;font-weight:600}.mistake-lesson.svelte-16xdpqg{font-size:14px;color:#666;margin:0;font-style:italic}.troubleshooting.svelte-16xdpqg{display:flex;flex-direction:column;gap:24px;margin:32px 0}.trouble-qa.svelte-16xdpqg{background:#fff;border:2px solid #e5e5e5;border-radius:12px;padding:24px}.trouble-q.svelte-16xdpqg{font-size:18px;font-weight:600;color:#000;margin-bottom:12px}.trouble-a.svelte-16xdpqg strong:where(.svelte-16xdpqg){display:block;font-size:15px;color:#000;margin-bottom:8px;font-weight:600}.trouble-a.svelte-16xdpqg ul:where(.svelte-16xdpqg){margin:0;padding-left:20px}.trouble-a.svelte-16xdpqg li:where(.svelte-16xdpqg){margin:6px 0;font-size:15px;color:#555}.help-box.svelte-16xdpqg{background:#fce7f3;border:2px solid #f9a8d4;border-radius:16px;padding:32px;margin-top:32px;text-align:center}.help-box.svelte-16xdpqg h3:where(.svelte-16xdpqg){font-size:24px;font-weight:600;margin:0 0 20px;color:#000}.help-actions.svelte-16xdpqg{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.help-button.svelte-16xdpqg{background:#fff;color:#ec4899;border:2px solid #ec4899;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.help-button.svelte-16xdpqg:hover{background:#ec4899;color:#fff;transform:translateY(-2px)}.doc-footer.svelte-16xdpqg{background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff;border-radius:16px;padding:60px 40px;text-align:center;margin-top:80px}.doc-footer.svelte-16xdpqg h2:where(.svelte-16xdpqg){font-size:36px;font-weight:700;margin:0 0 16px;color:#fff}.doc-footer.svelte-16xdpqg p:where(.svelte-16xdpqg){font-size:18px;margin:0 0 32px;color:#fffffff2}.cta-button.svelte-16xdpqg{background:#fff;color:#ec4899;border:none;padding:16px 40px;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s}.cta-button.svelte-16xdpqg:hover{transform:scale(1.05);box-shadow:0 8px 24px #0003}@media (max-width: 1024px){.toc-nav.svelte-16xdpqg{grid-template-columns:repeat(3,1fr)}.feature-showcase.svelte-16xdpqg,.principle-grid.svelte-16xdpqg,.lighting-grid.svelte-16xdpqg,.rule-grid.svelte-16xdpqg,.mix-examples.svelte-16xdpqg,.combo-boxes.svelte-16xdpqg,.detail-examples.svelte-16xdpqg,.mistakes-list.svelte-16xdpqg,.transform-content.svelte-16xdpqg{grid-template-columns:1fr}.transform-arrow.svelte-16xdpqg{transform:rotate(90deg)}.formula-box.svelte-16xdpqg{flex-direction:column}.formula-plus.svelte-16xdpqg{transform:rotate(90deg)}.breakdown-item.svelte-16xdpqg{grid-column:1 / -1}}@media (max-width: 768px){.doc-page.svelte-16xdpqg{padding:40px 20px}.doc-header.svelte-16xdpqg h1:where(.svelte-16xdpqg){font-size:36px}.doc-section.svelte-16xdpqg h2:where(.svelte-16xdpqg){font-size:28px}.toc-nav.svelte-16xdpqg{grid-template-columns:1fr}.weight-row.svelte-16xdpqg{flex-direction:column}.weight-type.svelte-16xdpqg{min-width:auto}.mood-row.svelte-16xdpqg{flex-direction:column}.mood-name.svelte-16xdpqg{min-width:auto}}