.page.svelte-1uz33ar{max-width:1200px;margin:0 auto;padding:0 var(--container-padding)}.page-header.svelte-1uz33ar{padding:clamp(60px,8vw,100px) 0 clamp(40px,5vw,60px);border-bottom:1px solid var(--color-border)}.header-grid.svelte-1uz33ar{display:grid;grid-template-columns:1fr 320px;gap:48px;align-items:start}.header-viewer.svelte-1uz33ar{position:sticky;top:24px}@media (max-width: 900px){.header-grid.svelte-1uz33ar{grid-template-columns:1fr;gap:32px}.header-viewer.svelte-1uz33ar{position:static;max-width:300px;margin:0 auto}}.back-link.svelte-1uz33ar{display:inline-block;font-family:var(--font-mono);font-size:13px;color:var(--color-accent);margin-bottom:32px}.title-row.svelte-1uz33ar{display:flex;align-items:baseline;gap:16px;margin-bottom:16px}.brand.svelte-1uz33ar{font-family:var(--font-mono);font-size:14px;color:var(--color-text-muted);letter-spacing:.1em}h1.svelte-1uz33ar{font-size:clamp(48px,8vw,80px);font-weight:700;letter-spacing:-.03em;color:var(--color-accent)}.subtitle.svelte-1uz33ar{font-family:var(--font-mono);font-size:14px;letter-spacing:.1em;color:var(--color-text-secondary);margin-bottom:24px}.description.svelte-1uz33ar{font-size:18px;line-height:1.6;color:var(--color-text-secondary);max-width:65ch;margin-bottom:32px}.stats.svelte-1uz33ar{display:flex;gap:48px;flex-wrap:wrap}.stat.svelte-1uz33ar{display:flex;flex-direction:column;gap:4px}.stat-value.svelte-1uz33ar{font-family:var(--font-mono);font-size:28px;font-weight:600;color:var(--color-text)}.stat-label.svelte-1uz33ar{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--color-text-muted)}.filter-section.svelte-1uz33ar{padding:32px 0;display:flex;gap:48px;flex-wrap:wrap;border-bottom:1px solid var(--color-border)}.filter-label.svelte-1uz33ar{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--color-text-muted);margin-bottom:12px}.button-group.svelte-1uz33ar{display:flex;gap:8px}.button-group.svelte-1uz33ar button:where(.svelte-1uz33ar){padding:10px 18px;font-family:var(--font-mono);font-size:13px;background:#fff;border:1px solid var(--color-border);cursor:pointer;transition:all .15s ease}.button-group.svelte-1uz33ar button:where(.svelte-1uz33ar):hover{border-color:var(--color-accent)}.button-group.svelte-1uz33ar button.active:where(.svelte-1uz33ar){background:var(--color-accent);border-color:var(--color-accent);color:#fff}.matrix-section.svelte-1uz33ar{padding:clamp(40px,5vw,60px) 0}.matrix-section.svelte-1uz33ar h2:where(.svelte-1uz33ar){font-size:24px;font-weight:600;margin-bottom:24px}.matrix-scroll.svelte-1uz33ar{overflow-x:auto}.matrix.svelte-1uz33ar{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--color-border)}.matrix.svelte-1uz33ar th:where(.svelte-1uz33ar),.matrix.svelte-1uz33ar td:where(.svelte-1uz33ar){padding:14px 16px;text-align:left;border-bottom:1px solid var(--color-border-light)}.matrix.svelte-1uz33ar th:where(.svelte-1uz33ar){background:var(--color-bg);font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.1em;color:var(--color-text-secondary)}.shape-cell.svelte-1uz33ar{display:flex;flex-direction:column;gap:4px}.shape-code.svelte-1uz33ar{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--color-accent)}.shape-name.svelte-1uz33ar{font-size:12px;color:var(--color-text-muted)}.sku-cell.svelte-1uz33ar code:where(.svelte-1uz33ar){font-family:var(--font-mono);font-size:12px;color:var(--color-text-secondary)}.matrix-note.svelte-1uz33ar{margin-top:16px;font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted)}.shapes-section.svelte-1uz33ar,.variants-section.svelte-1uz33ar,.specials-section.svelte-1uz33ar{padding:clamp(40px,5vw,60px) 0;border-top:1px solid var(--color-border)}.shapes-section.svelte-1uz33ar h2:where(.svelte-1uz33ar),.variants-section.svelte-1uz33ar h2:where(.svelte-1uz33ar),.specials-section.svelte-1uz33ar h2:where(.svelte-1uz33ar){font-size:24px;font-weight:600;margin-bottom:24px}.shapes-grid.svelte-1uz33ar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.shape-card.svelte-1uz33ar{background:#fff;border:1px solid var(--color-border);padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px}.shape-icon.svelte-1uz33ar{width:60px;height:60px;color:var(--color-accent)}.shape-info.svelte-1uz33ar{text-align:center;display:flex;flex-direction:column;gap:4px}.shape-code-large.svelte-1uz33ar{font-family:var(--font-mono);font-size:20px;font-weight:600;color:var(--color-accent)}.shape-name-label.svelte-1uz33ar{font-size:14px;font-weight:500}.shape-name-tr.svelte-1uz33ar{font-size:12px;color:var(--color-text-muted)}.variants-grid.svelte-1uz33ar{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.variant-category.svelte-1uz33ar h3:where(.svelte-1uz33ar){font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--color-accent)}.variant-item.svelte-1uz33ar{display:flex;gap:16px;padding:12px 0;border-bottom:1px solid var(--color-border-light)}.variant-code.svelte-1uz33ar{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--color-accent);min-width:40px}.variant-name.svelte-1uz33ar{font-size:14px;color:var(--color-text-secondary)}.specials-table.svelte-1uz33ar{background:#fff;border:1px solid var(--color-border)}.specials-table.svelte-1uz33ar .table-header:where(.svelte-1uz33ar){display:grid;grid-template-columns:160px 1fr 100px;gap:16px;padding:14px 20px;background:var(--color-bg);border-bottom:1px solid var(--color-text);font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--color-text-muted)}.specials-table.svelte-1uz33ar .table-row:where(.svelte-1uz33ar){display:grid;grid-template-columns:160px 1fr 100px;gap:16px;padding:16px 20px;border-bottom:1px solid var(--color-border-light)}.specials-table.svelte-1uz33ar .sku:where(.svelte-1uz33ar){font-family:var(--font-mono);font-size:13px;color:var(--color-accent)}.specials-table.svelte-1uz33ar .desc:where(.svelte-1uz33ar){font-size:14px;color:var(--color-text-secondary)}.specials-table.svelte-1uz33ar .note:where(.svelte-1uz33ar){font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted)}
