.file-load-container.svelte-1337dby{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-xl);max-width:1200px;width:100%}.load-section.svelte-1337dby{border:2px dashed var(--color-border-primary);padding:var(--spacing-xl);text-align:center;cursor:pointer;width:300px;min-height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center}.load-section.svelte-1337dby:hover:not(.disabled){border-color:var(--color-accent-secondary)}.load-section.disabled.svelte-1337dby{opacity:.5;cursor:not-allowed;border-color:var(--color-border-secondary);background-color:var(--color-bg-secondary)}input[type=file].svelte-1337dby{margin-top:var(--spacing-md)}.json-section.svelte-1337dby{border-color:var(--color-accent-primary);background-color:var(--color-state-success-bg)}.json-section.svelte-1337dby:hover{border-color:var(--color-accent-primary)}.json-section.svelte-1337dby h2:where(.svelte-1337dby){color:var(--color-accent-primary)}.main-container.svelte-1uha8ag{min-height:100vh;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-primary) 100%);padding:var(--spacing-xl);font-family:Paperozi,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.hero-section.svelte-1uha8ag{position:relative;display:grid;place-items:center;margin-bottom:var(--spacing-xl);overflow:visible;min-height:500px;background:radial-gradient(ellipse at center,oklch(.7 .2 250 / .1) 0%,transparent 70%)}.hero-frame.svelte-1uha8ag{position:relative;width:min(100%,110vmin);aspect-ratio:16 / 9;display:grid;grid-template-rows:1fr auto;align-items:center;justify-items:center;padding:0 var(--spacing-lg)}.hero-logo-area.svelte-1uha8ag{z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.main-logo.svelte-1uha8ag{width:min(70%,420px);height:auto;object-fit:contain;object-position:center;filter:drop-shadow(0 8px 32px oklch(.7 .2 250 / .3));opacity:.9}.hero-text-area.svelte-1uha8ag{text-align:center;z-index:2;width:100%;max-width:800px;margin:0 auto var(--spacing-sm) auto}.main-title.svelte-1uha8ag{font-size:var(--font-size-6xl);font-weight:var(--font-weight-black);margin:0 0 var(--spacing-md) 0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.main-description.svelte-1uha8ag{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:0 0 var(--spacing-md) 0;opacity:.9;line-height:1.5;text-shadow:0 2px 4px oklch(0 0 0 / .3)}.hero-buttons.svelte-1uha8ag{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md)}.help-button.svelte-1uha8ag{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:var(--color-bg-primary);border:2px solid var(--color-border-primary);border-radius:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-accent);cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 12px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-decoration:none}.help-button.svelte-1uha8ag:hover{background:var(--color-accent-primary);color:var(--color-button-primary-hover-text);border-color:var(--color-accent-primary);transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.help-button.svelte-1uha8ag:active{transform:translateY(0);box-shadow:0 4px 12px #0000001a}.help-button.svelte-1uha8ag svg:where(.svelte-1uha8ag){width:20px;height:20px;flex-shrink:0}.main-columns.svelte-1uha8ag{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);max-width:1200px;margin:0 auto var(--spacing-xl) auto;padding:0 var(--spacing-lg)}.column-left.svelte-1uha8ag{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--spacing-lg);padding:var(--spacing-xl);box-shadow:0 8px 24px #0000001a;position:relative;overflow:hidden}.column-left.svelte-1uha8ag:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.column-right.svelte-1uha8ag{display:grid;gap:var(--spacing-xl)}.column-section.svelte-1uha8ag{display:flex;flex-direction:column;justify-content:flex-start;position:relative;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--spacing-lg);padding:var(--spacing-xl);box-shadow:0 8px 24px #0000001a;overflow:hidden}.column-section.svelte-1uha8ag .step-container:where(.svelte-1uha8ag):last-child{margin-bottom:0}.column-section.svelte-1uha8ag:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-accent-secondary),var(--color-accent-primary))}.column-section.column-demo.svelte-1uha8ag:before{background:linear-gradient(90deg,var(--color-accent-warning),var(--color-accent-primary))}.column-header.svelte-1uha8ag{text-align:center;margin-bottom:var(--spacing-xl)}.column-header.svelte-1uha8ag h2:where(.svelte-1uha8ag){color:var(--color-text-accent);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-sm) 0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.column-header.svelte-1uha8ag p:where(.svelte-1uha8ag){color:var(--color-text-secondary);font-size:var(--font-size-md);margin:0;font-weight:var(--font-weight-medium)}.step-container.svelte-1uha8ag{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);align-items:flex-start}.demo-step.svelte-1uha8ag .step-content:where(.svelte-1uha8ag){display:flex;flex-direction:column;gap:var(--spacing-md)}.step-number.svelte-1uha8ag{width:40px;height:40px;background:var(--gradient-primary);color:var(--color-button-primary-hover-text);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-md);flex-shrink:0;box-shadow:0 4px 12px var(--color-accent-primary / .3)}.step-content.svelte-1uha8ag{flex:1}.step-content.svelte-1uha8ag h3:where(.svelte-1uha8ag){color:var(--color-text-accent);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-md) 0}.user-name-input-group.svelte-1uha8ag{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center}.user-name-input.svelte-1uha8ag{flex:1;min-width:200px;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-border-primary);border-radius:var(--spacing-sm);font-size:var(--font-size-md);transition:var(--transition-normal)}.user-name-input.svelte-1uha8ag:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-primary / .2)}.user-name-save.svelte-1uha8ag,.user-name-clear.svelte-1uha8ag{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--spacing-sm);border:none;cursor:pointer;font-weight:var(--font-weight-semibold);transition:var(--transition-fast)}.user-name-save.svelte-1uha8ag{background:var(--color-accent-primary);color:var(--color-text-accent)}.user-name-save.svelte-1uha8ag:disabled{opacity:.5;cursor:not-allowed}.user-name-save.svelte-1uha8ag:not(:disabled):hover,.user-name-save.svelte-1uha8ag:not(:disabled):focus{background:var(--color-accent-secondary)}.user-name-clear.svelte-1uha8ag{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border-primary)}.user-name-clear.svelte-1uha8ag:hover,.user-name-clear.svelte-1uha8ag:focus{color:var(--color-accent-secondary);border-color:var(--color-accent-secondary)}.user-name-hint.svelte-1uha8ag{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.rule-selection-button.svelte-1uha8ag{background:var(--color-bg-primary);border:2px solid var(--color-border-primary);border-radius:var(--spacing-md);padding:var(--spacing-lg);cursor:pointer;transition:var(--transition-normal);width:100%;display:flex;align-items:center;gap:var(--spacing-md);text-align:left}.rule-selection-button.svelte-1uha8ag:hover:not(:disabled){border-color:var(--color-accent-primary);box-shadow:0 8px 24px var(--color-accent-primary / .1);transform:translateY(-2px)}.rule-selection-button.svelte-1uha8ag:disabled{opacity:.6;cursor:not-allowed;transform:none}.selected-rule-info.svelte-1uha8ag,.custom-rule-info.svelte-1uha8ag,.no-rule-info.svelte-1uha8ag{flex:1}.selected-rule-info.svelte-1uha8ag h4:where(.svelte-1uha8ag),.custom-rule-info.svelte-1uha8ag h4:where(.svelte-1uha8ag),.no-rule-info.svelte-1uha8ag h4:where(.svelte-1uha8ag){color:var(--color-text-accent);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0}.rule-meta.svelte-1uha8ag{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.rule-version.svelte-1uha8ag{background:var(--color-accent-primary);color:var(--color-text-accent);padding:2px var(--spacing-xs);border-radius:12px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.rule-author.svelte-1uha8ag{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.no-rule-info.svelte-1uha8ag p:where(.svelte-1uha8ag){color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:var(--spacing-xs) 0 0 0;font-style:italic}.rule-action-icon.svelte-1uha8ag{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-state-success-bg);border-radius:8px;flex-shrink:0}.dropdown-icon.svelte-1uha8ag{font-size:var(--font-size-md);color:var(--color-accent-primary);transition:transform .3s ease}.rule-selection-button.svelte-1uha8ag:hover .dropdown-icon:where(.svelte-1uha8ag){transform:rotate(180deg)}.file-load-button.svelte-1uha8ag{background:var(--color-bg-primary);border:2px solid var(--color-border-primary);border-radius:var(--spacing-md);padding:var(--spacing-lg);cursor:pointer;transition:var(--transition-normal);width:100%;display:flex;align-items:center;gap:var(--spacing-md);text-align:left}.file-load-button.svelte-1uha8ag:hover:not(:disabled){border-color:var(--color-accent-primary);box-shadow:0 8px 24px var(--color-accent-primary / .1);transform:translateY(-2px)}.file-load-button.disabled.svelte-1uha8ag,.file-load-button.svelte-1uha8ag:disabled{opacity:.5;cursor:not-allowed;background:var(--color-bg-secondary);border-color:var(--color-border-secondary);transform:none}.file-load-button.disabled.svelte-1uha8ag .file-icon:where(.svelte-1uha8ag),.file-load-button.svelte-1uha8ag:disabled .file-icon:where(.svelte-1uha8ag){opacity:.6;background:var(--color-bg-secondary)}.file-load-button.disabled.svelte-1uha8ag .file-info:where(.svelte-1uha8ag) h4:where(.svelte-1uha8ag),.file-load-button.svelte-1uha8ag:disabled .file-info:where(.svelte-1uha8ag) h4:where(.svelte-1uha8ag){color:var(--color-text-secondary)}.disabled-message.svelte-1uha8ag{color:var(--color-text-secondary)!important;font-style:italic}.xlsx-button.svelte-1uha8ag:hover{background:linear-gradient(135deg,var(--color-accent-primary / .05),var(--color-accent-secondary / .05))}.json-button.svelte-1uha8ag:hover{background:linear-gradient(135deg,var(--color-accent-secondary / .05),var(--color-accent-primary / .05))}.file-icon.svelte-1uha8ag{font-size:var(--font-size-3xl);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--spacing-sm);box-shadow:0 4px 12px var(--color-accent-primary / .2);flex-shrink:0}.file-info.svelte-1uha8ag{flex:1}.file-info.svelte-1uha8ag h4:where(.svelte-1uha8ag){color:var(--color-text-accent);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0}.file-info.svelte-1uha8ag p:where(.svelte-1uha8ag){color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0;font-weight:var(--font-weight-medium)}.hidden-load.svelte-1uha8ag{display:none}.markdown-section.svelte-1uha8ag{margin-top:4rem;padding-top:var(--spacing-xl);border-top:1px solid var(--color-border-primary)}.drop-overlay.svelte-1uha8ag{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);width:100%;height:100%;color:var(--color-accent-primary)}.dragging.svelte-1uha8ag{border-color:var(--color-accent-primary)!important;background:var(--color-accent-secondary / .1)!important;transform:scale(1.02)!important;box-shadow:0 8px 24px var(--color-accent-primary / .1)!important;opacity:1!important}