.examples-card.svelte-gku2vr{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);overflow:hidden;padding:0}.examples-card.svelte-gku2vr .examples-details:where(.svelte-gku2vr){border:none;background:none}.examples-card.svelte-gku2vr .examples-details:where(.svelte-gku2vr) summary:where(.svelte-gku2vr){list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none}.examples-card.svelte-gku2vr .examples-details:where(.svelte-gku2vr) summary:where(.svelte-gku2vr)::-webkit-details-marker{display:none}.examples-card.svelte-gku2vr .examples-details:where(.svelte-gku2vr) .examples-summary:where(.svelte-gku2vr){display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);cursor:pointer}.examples-card.svelte-gku2vr .examples-details:where(.svelte-gku2vr) .examples-summary:where(.svelte-gku2vr) svg{transition:transform var(--transition-fast);color:var(--text-secondary)}.examples-card.svelte-gku2vr .examples-details:where(.svelte-gku2vr) .examples-summary:where(.svelte-gku2vr) h4:where(.svelte-gku2vr){font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin:0}.examples-card.svelte-gku2vr .examples-details[open]:where(.svelte-gku2vr) .examples-summary:where(.svelte-gku2vr) svg{transform:rotate(90deg)}.examples-card.svelte-gku2vr .examples-details:where(.svelte-gku2vr) .examples-grid:where(.svelte-gku2vr){display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-sm);padding:0 var(--spacing-md) var(--spacing-md)}.examples-card.svelte-gku2vr .examples-details:where(.svelte-gku2vr) .examples-grid:where(.svelte-gku2vr) .example-card:where(.svelte-gku2vr){display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left}.examples-card.svelte-gku2vr .examples-details:where(.svelte-gku2vr) .examples-grid:where(.svelte-gku2vr) .example-card:where(.svelte-gku2vr):hover,.examples-card.svelte-gku2vr .examples-details:where(.svelte-gku2vr) .examples-grid:where(.svelte-gku2vr) .example-card.selected:where(.svelte-gku2vr){border-color:var(--color-primary);background:var(--bg-primary)}.examples-card.svelte-gku2vr .examples-details:where(.svelte-gku2vr) .examples-grid:where(.svelte-gku2vr) .example-card:where(.svelte-gku2vr) .example-range:where(.svelte-gku2vr){display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.examples-card.svelte-gku2vr .examples-details:where(.svelte-gku2vr) .examples-grid:where(.svelte-gku2vr) .example-card:where(.svelte-gku2vr) .example-range:where(.svelte-gku2vr) code:where(.svelte-gku2vr){font-family:var(--font-mono);color:var(--text-primary);font-size:var(--font-size-xs)}.examples-card.svelte-gku2vr .examples-details:where(.svelte-gku2vr) .examples-grid:where(.svelte-gku2vr) .example-card:where(.svelte-gku2vr) p:where(.svelte-gku2vr){font-size:var(--font-size-xs);color:var(--text-secondary);margin:0}.input-card.svelte-gku2vr{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-sm)}.input-card.svelte-gku2vr .card-content:where(.svelte-gku2vr){padding:var(--spacing-md)}.input-card.svelte-gku2vr .input-form:where(.svelte-gku2vr) .input-row:where(.svelte-gku2vr){display:flex;align-items:flex-end;gap:var(--spacing-md)}@media (max-width: 768px){.input-card.svelte-gku2vr .input-form:where(.svelte-gku2vr) .input-row:where(.svelte-gku2vr){flex-direction:column;align-items:stretch}.input-card.svelte-gku2vr .input-form:where(.svelte-gku2vr) .input-row:where(.svelte-gku2vr) .range-arrow:where(.svelte-gku2vr){transform:rotate(90deg)}.input-card.svelte-gku2vr .input-form:where(.svelte-gku2vr) .input-row:where(.svelte-gku2vr) .convert-btn:where(.svelte-gku2vr){width:100%}}.input-card.svelte-gku2vr .input-form:where(.svelte-gku2vr) .input-row:where(.svelte-gku2vr) .input-group:where(.svelte-gku2vr){flex:1}.input-card.svelte-gku2vr .input-form:where(.svelte-gku2vr) .input-row:where(.svelte-gku2vr) .input-group:where(.svelte-gku2vr) label:where(.svelte-gku2vr){display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.input-card.svelte-gku2vr .input-form:where(.svelte-gku2vr) .input-row:where(.svelte-gku2vr) .input-group:where(.svelte-gku2vr) input:where(.svelte-gku2vr){width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-md);transition:border-color var(--transition-fast)}.input-card.svelte-gku2vr .input-form:where(.svelte-gku2vr) .input-row:where(.svelte-gku2vr) .input-group:where(.svelte-gku2vr) input:where(.svelte-gku2vr):focus{outline:none;border-color:var(--color-primary)}.input-card.svelte-gku2vr .input-form:where(.svelte-gku2vr) .input-row:where(.svelte-gku2vr) .range-arrow:where(.svelte-gku2vr){display:flex;align-items:center;padding-bottom:var(--spacing-sm);color:var(--text-secondary)}.input-card.svelte-gku2vr .input-form:where(.svelte-gku2vr) .input-row:where(.svelte-gku2vr) .convert-btn:where(.svelte-gku2vr){display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:var(--bg-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;height:fit-content;margin-bottom:1px}.input-card.svelte-gku2vr .input-form:where(.svelte-gku2vr) .input-row:where(.svelte-gku2vr) .convert-btn:where(.svelte-gku2vr):hover{opacity:.9;transform:translateY(-1px)}.results.svelte-gku2vr{margin-top:var(--spacing-xl)}.error-box.svelte-gku2vr{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:color-mix(in srgb,var(--color-error),transparent 90%);border-left:4px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error)}.error-box.svelte-gku2vr h3:where(.svelte-gku2vr){font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--spacing-xs)}.error-box.svelte-gku2vr p:where(.svelte-gku2vr){font-size:var(--font-size-sm)}.summary.svelte-gku2vr{margin-bottom:var(--spacing-xl)}.summary.svelte-gku2vr h3:where(.svelte-gku2vr){font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.summary.svelte-gku2vr .summary-grid:where(.svelte-gku2vr){display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.summary.svelte-gku2vr .summary-grid:where(.svelte-gku2vr) .summary-item:where(.svelte-gku2vr){display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.summary.svelte-gku2vr .summary-grid:where(.svelte-gku2vr) .summary-item.highlight:where(.svelte-gku2vr){background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary),transparent 95%),color-mix(in srgb,var(--color-primary),transparent 98%));border-color:var(--color-primary)}.summary.svelte-gku2vr .summary-grid:where(.svelte-gku2vr) .summary-item:where(.svelte-gku2vr) .summary-label:where(.svelte-gku2vr){font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.summary.svelte-gku2vr .summary-grid:where(.svelte-gku2vr) .summary-item:where(.svelte-gku2vr) .summary-value:where(.svelte-gku2vr){font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary)}.summary.svelte-gku2vr .summary-grid:where(.svelte-gku2vr) .summary-item:where(.svelte-gku2vr) .summary-value:where(.svelte-gku2vr):is(code:where(.svelte-gku2vr)){font-family:var(--font-mono)}.cidr-results.svelte-gku2vr .cidr-header:where(.svelte-gku2vr){display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-md)}.cidr-results.svelte-gku2vr .cidr-header:where(.svelte-gku2vr) h3:where(.svelte-gku2vr){font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.cidr-results.svelte-gku2vr .cidr-header:where(.svelte-gku2vr) .action-buttons:where(.svelte-gku2vr){display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.cidr-results.svelte-gku2vr .cidr-header:where(.svelte-gku2vr) .action-buttons:where(.svelte-gku2vr) .action-btn:where(.svelte-gku2vr){display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.cidr-results.svelte-gku2vr .cidr-header:where(.svelte-gku2vr) .action-buttons:where(.svelte-gku2vr) .action-btn:where(.svelte-gku2vr):hover{background:var(--bg-primary);border-color:var(--color-primary)}.cidr-results.svelte-gku2vr .cidr-list:where(.svelte-gku2vr){display:flex;flex-direction:column;gap:var(--spacing-md)}.cidr-results.svelte-gku2vr .cidr-list:where(.svelte-gku2vr) .cidr-block:where(.svelte-gku2vr){background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--border-primary);transition:all var(--transition-fast)}.cidr-results.svelte-gku2vr .cidr-list:where(.svelte-gku2vr) .cidr-block:where(.svelte-gku2vr) .cidr-main:where(.svelte-gku2vr){display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.cidr-results.svelte-gku2vr .cidr-list:where(.svelte-gku2vr) .cidr-block:where(.svelte-gku2vr) .cidr-main:where(.svelte-gku2vr) .cidr-index:where(.svelte-gku2vr){display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;background:var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--bg-primary)}.cidr-results.svelte-gku2vr .cidr-list:where(.svelte-gku2vr) .cidr-block:where(.svelte-gku2vr) .cidr-main:where(.svelte-gku2vr) .cidr-notation:where(.svelte-gku2vr){flex:1;font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.cidr-results.svelte-gku2vr .cidr-list:where(.svelte-gku2vr) .cidr-block:where(.svelte-gku2vr) .cidr-main:where(.svelte-gku2vr) .copy-btn:where(.svelte-gku2vr){padding:var(--spacing-sm);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;transition:color var(--transition-fast)}.cidr-results.svelte-gku2vr .cidr-list:where(.svelte-gku2vr) .cidr-block:where(.svelte-gku2vr) .cidr-main:where(.svelte-gku2vr) .copy-btn:where(.svelte-gku2vr):hover{color:var(--color-primary)}.cidr-results.svelte-gku2vr .cidr-list:where(.svelte-gku2vr) .cidr-block:where(.svelte-gku2vr) .cidr-details:where(.svelte-gku2vr){padding-left:calc(2rem + var(--spacing-md));display:flex;gap:var(--spacing-lg);flex-wrap:wrap}@media (max-width: 640px){.cidr-results.svelte-gku2vr .cidr-list:where(.svelte-gku2vr) .cidr-block:where(.svelte-gku2vr) .cidr-details:where(.svelte-gku2vr){padding-left:0;grid-template-columns:1fr}}.cidr-results.svelte-gku2vr .cidr-list:where(.svelte-gku2vr) .cidr-block:where(.svelte-gku2vr) .cidr-details:where(.svelte-gku2vr) .detail:where(.svelte-gku2vr){display:flex;align-items:baseline;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.cidr-results.svelte-gku2vr .cidr-list:where(.svelte-gku2vr) .cidr-block:where(.svelte-gku2vr) .cidr-details:where(.svelte-gku2vr) .detail:where(.svelte-gku2vr) .detail-label:where(.svelte-gku2vr){color:var(--text-secondary);font-weight:500}.cidr-results.svelte-gku2vr .cidr-list:where(.svelte-gku2vr) .cidr-block:where(.svelte-gku2vr) .cidr-details:where(.svelte-gku2vr) .detail:where(.svelte-gku2vr) code:where(.svelte-gku2vr){font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-primary)}.cidr-results.svelte-gku2vr .cidr-list:where(.svelte-gku2vr) .cidr-block:where(.svelte-gku2vr) .cidr-details:where(.svelte-gku2vr) .detail:where(.svelte-gku2vr) span:where(.svelte-gku2vr){color:var(--text-primary)}.info-section.svelte-gku2vr{margin-top:var(--spacing-xl);background:linear-gradient(135deg,color-mix(in srgb,var(--color-info),transparent 95%),color-mix(in srgb,var(--color-info),transparent 98%));border:1px solid color-mix(in srgb,var(--color-info),transparent 80%);border-radius:var(--radius-md);padding:var(--spacing-lg)}.info-section.svelte-gku2vr h3:where(.svelte-gku2vr){font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.info-section.svelte-gku2vr .info-content:where(.svelte-gku2vr){font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.info-section.svelte-gku2vr .info-content:where(.svelte-gku2vr) p:where(.svelte-gku2vr){margin-bottom:var(--spacing-sm)}.info-section.svelte-gku2vr .info-content:where(.svelte-gku2vr) ul:where(.svelte-gku2vr){margin-left:var(--spacing-md);margin-bottom:var(--spacing-sm)}.info-section.svelte-gku2vr .info-content:where(.svelte-gku2vr) ul:where(.svelte-gku2vr) li:where(.svelte-gku2vr){margin-bottom:var(--spacing-xs)}.info-section.svelte-gku2vr .info-content:where(.svelte-gku2vr) strong:where(.svelte-gku2vr){color:var(--text-primary)}