.howto-section.svelte-1yr9t8y{padding:2.5rem 0;border-top:1px solid var(--color-outline-variant)}.section-title.svelte-1yr9t8y{font-size:1.25rem;font-weight:700;color:var(--color-on-surface);margin-bottom:1.25rem}.howto-list.svelte-1yr9t8y{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.875rem}.howto-item.svelte-1yr9t8y{display:flex;align-items:flex-start;gap:1rem}.howto-step-num.svelte-1yr9t8y{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-full);background:#e8f0fe;color:var(--color-primary);font-size:.875rem;font-weight:700;flex-shrink:0}.howto-step-name.svelte-1yr9t8y{font-size:.9375rem;color:var(--color-on-surface);display:block;margin-bottom:.125rem}.howto-step-desc.svelte-1yr9t8y{font-size:.875rem;color:var(--color-on-surface-variant);line-height:1.5;margin:0}.usecases-section.svelte-6o7iyk{padding:2.5rem 0;border-top:1px solid var(--color-outline-variant)}.section-title.svelte-6o7iyk{font-size:1.25rem;font-weight:700;color:var(--color-on-surface);margin-bottom:1.25rem}.usecases-grid.svelte-6o7iyk{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.usecase-card.svelte-6o7iyk{padding:1.25rem;background:var(--color-surface);border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-xl)}.usecase-icon.svelte-6o7iyk{font-size:1.25rem;color:var(--color-primary);font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;display:block;margin-bottom:.5rem}.usecase-title.svelte-6o7iyk{font-size:.9375rem;font-weight:600;color:var(--color-on-surface);margin:0 0 .375rem}.usecase-desc.svelte-6o7iyk{font-size:.875rem;color:var(--color-on-surface-variant);line-height:1.5;margin:0}@media(max-width:900px){.usecases-grid.svelte-6o7iyk{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.usecases-grid.svelte-6o7iyk{grid-template-columns:1fr}}.tool-section.svelte-q48qhu{padding-bottom:3rem}.generate-wrap.svelte-q48qhu{display:flex;justify-content:center;margin-bottom:1.5rem}.generate-btn.svelte-q48qhu{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .15s;letter-spacing:.01em}.generate-btn.svelte-q48qhu:hover{opacity:.88}.generate-btn.svelte-q48qhu:active{opacity:.78}.btn-icon.svelte-q48qhu{font-size:1.25rem;font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 24}.latest-card.svelte-q48qhu{background:var(--color-surface);border:1.5px solid var(--color-primary);border-radius:var(--radius-xl);padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;box-shadow:0 0 0 3px #0058c30f;margin-bottom:1.5rem}.latest-label.svelte-q48qhu{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}.latest-label-icon.svelte-q48qhu{font-size:1rem;font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 20}.latest-uuid.svelte-q48qhu{flex:1;font-family:var(--font-mono);font-size:1rem;font-weight:600;color:var(--color-on-surface);letter-spacing:.02em;word-break:break-all}.latest-copy-btn.svelte-q48qhu{display:inline-flex;align-items:center;gap:.375rem;padding:.4375rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .15s;white-space:nowrap;flex-shrink:0}.latest-copy-btn.svelte-q48qhu:hover{opacity:.88}.latest-copy-btn.svelte-q48qhu .material-symbols-rounded:where(.svelte-q48qhu){font-size:1rem}.empty-card.svelte-q48qhu{background:var(--color-surface-container);border:1.5px dashed var(--color-outline-variant);border-radius:var(--radius-xl);padding:2.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.5rem}.empty-icon.svelte-q48qhu{font-size:2.5rem;color:var(--color-outline);font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 48}.empty-text.svelte-q48qhu{font-size:.9375rem;color:var(--color-on-surface-variant);text-align:center;margin:0}.history-header.svelte-q48qhu{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}.history-title-row.svelte-q48qhu{display:flex;align-items:center;gap:.5rem}.history-icon.svelte-q48qhu{font-size:1.125rem;color:var(--color-on-surface-variant);font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.history-title.svelte-q48qhu{font-size:.9375rem;font-weight:700;color:var(--color-on-surface);margin:0}.history-actions.svelte-q48qhu{display:flex;gap:.5rem}.action-btn.svelte-q48qhu{display:inline-flex;align-items:center;gap:.3rem;padding:.375rem .875rem;background:var(--color-surface);border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:.8125rem;font-weight:600;color:var(--color-on-surface-variant);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.action-btn.svelte-q48qhu:hover{background:var(--color-surface-container);color:var(--color-on-surface);border-color:var(--color-outline)}.action-btn--danger.svelte-q48qhu:hover{color:#b91c1c;border-color:#fca5a5;background:#fef2f2}.action-btn.svelte-q48qhu .material-symbols-rounded:where(.svelte-q48qhu){font-size:1rem;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20}.history-list.svelte-q48qhu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.history-item.svelte-q48qhu{display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem;background:var(--color-surface);border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-lg);transition:border-color .15s}.history-item.svelte-q48qhu:hover{border-color:var(--color-outline)}.history-num.svelte-q48qhu{font-size:.75rem;font-weight:700;color:var(--color-outline);min-width:1.25rem;text-align:right;flex-shrink:0;font-family:var(--font-mono)}.history-uuid.svelte-q48qhu{flex:1;font-family:var(--font-mono);font-size:.875rem;color:var(--color-on-surface);letter-spacing:.015em;word-break:break-all}.item-copy-btn.svelte-q48qhu{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:transparent;cursor:pointer;color:var(--color-outline);border-radius:var(--radius-full);transition:background .15s,color .15s;flex-shrink:0;padding:0}.item-copy-btn.svelte-q48qhu:hover{background:var(--color-surface-container);color:var(--color-on-surface)}.item-copy-btn.svelte-q48qhu .material-symbols-rounded:where(.svelte-q48qhu){font-size:1rem;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20}@media(max-width:600px){.latest-card.svelte-q48qhu{flex-direction:column;align-items:flex-start}.latest-copy-btn.svelte-q48qhu{width:100%;justify-content:center}.latest-uuid.svelte-q48qhu{font-size:.875rem}.history-uuid.svelte-q48qhu{font-size:.8125rem}}.breadcrumb-wrap.svelte-rli86r{padding:.75rem 0;border-bottom:1px solid var(--color-outline-variant);background:var(--color-surface)}.breadcrumb.svelte-rli86r{display:flex;align-items:center;gap:.25rem}.breadcrumb-link.svelte-rli86r{font-size:.8125rem;color:var(--color-outline);text-decoration:none;transition:color .15s}.breadcrumb-link.svelte-rli86r:hover{color:var(--color-primary)}.breadcrumb-sep.svelte-rli86r{font-size:1rem;color:var(--color-outline-variant)}.breadcrumb-current.svelte-rli86r{font-size:.8125rem;color:var(--color-on-surface);font-weight:500}.page-header.svelte-rli86r{position:relative;padding:2.5rem 0 2rem;overflow:hidden}.page-header-glow.svelte-rli86r{position:absolute;top:-60px;right:-80px;width:360px;height:360px;background:radial-gradient(circle,rgba(0,88,195,.07) 0%,transparent 70%);pointer-events:none}.page-header-inner.svelte-rli86r{position:relative;z-index:1;display:flex;align-items:center;gap:1.25rem}.page-header-icon.svelte-rli86r{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:#e8f0fe;border-radius:var(--radius-xl);color:var(--color-primary);flex-shrink:0}.page-header-icon.svelte-rli86r .material-symbols-rounded:where(.svelte-rli86r){font-size:1.5rem;font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}.page-title.svelte-rli86r{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;letter-spacing:-.025em;line-height:1.15;color:var(--color-on-surface)}.page-description.svelte-rli86r{font-size:.9375rem;color:var(--color-on-surface-variant);margin-top:.25rem;line-height:1.5}.bottom-section.svelte-rli86r{padding:2rem 0 3.5rem;border-top:1px solid var(--color-outline-variant)}.faq-section.svelte-rli86r{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-outline-variant)}.faq-title.svelte-rli86r{font-size:1.25rem;font-weight:700;color:var(--color-on-surface);margin-bottom:1rem}.faq-item.svelte-rli86r{border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);margin-bottom:.5rem;overflow:hidden}.faq-question.svelte-rli86r{padding:1rem 1.25rem;font-weight:600;cursor:pointer;color:var(--color-on-surface);font-size:.9375rem}.faq-question.svelte-rli86r:hover{background:var(--color-surface-container)}.faq-answer.svelte-rli86r{padding:0 1.25rem 1rem;color:var(--color-on-surface-variant);font-size:.875rem;line-height:1.6}@media(max-width:480px){.page-header-inner.svelte-rli86r{gap:1rem}}