.tool-page.svelte-cbms4t{display:flex;flex-direction:column;gap:var(--space-6);padding-bottom:var(--space-10)}.tool-hero.svelte-cbms4t{text-align:center;padding:var(--space-12) 0 var(--space-8)}.tool-hero-icon.svelte-cbms4t{font-size:3.5rem;display:block;margin-bottom:var(--space-4)}.tool-hero.svelte-cbms4t h1:where(.svelte-cbms4t){font-size:clamp(2rem,5vw,3rem);font-weight:var(--font-bold);background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-3);letter-spacing:-.02em}.tool-hero-subtitle.svelte-cbms4t{max-width:720px;margin:0 auto;color:var(--text-secondary);font-size:.98rem}.card.svelte-cbms4t{position:relative;border-radius:var(--radius-2xl);border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));padding:var(--space-6);overflow:hidden;transition:all .3s ease}.card.svelte-cbms4t:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--glass-highlight),transparent);opacity:.6}.card.svelte-cbms4t:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:var(--glass-shine);pointer-events:none;opacity:.3}.card.svelte-cbms4t:hover{border-color:var(--accent-primary);box-shadow:0 12px 40px var(--glass-shadow)}html[data-theme=light] .card.svelte-cbms4t{box-shadow:0 4px 24px #0000000f,inset 0 1px #ffffffe6}html[data-theme=light] .card.svelte-cbms4t:after{background:linear-gradient(180deg,rgba(255,255,255,.7) 0%,transparent 100%);opacity:1}.card.svelte-cbms4t h2:where(.svelte-cbms4t),.card.svelte-cbms4t h3:where(.svelte-cbms4t){position:relative;z-index:1;color:var(--text-primary);font-weight:var(--font-semibold);margin-bottom:var(--space-4)}.dropzone.svelte-cbms4t{position:relative;border:2px dashed var(--glass-border);border-radius:var(--radius-xl);background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:var(--space-8);text-align:center;transition:all .2s ease;z-index:1}.dropzone.svelte-cbms4t:hover{border-color:var(--accent-primary);background:var(--glass-bg-hover)}.dropzone-input.svelte-cbms4t{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.dropzone-icon.svelte-cbms4t{font-size:2.5rem;display:block;margin-bottom:var(--space-3)}.dropzone-title.svelte-cbms4t{font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--space-1)}.dropzone-hint.svelte-cbms4t{font-size:.85rem;color:var(--text-tertiary)}.step-header.svelte-cbms4t{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);position:relative;z-index:1}.step-header.svelte-cbms4t h2:where(.svelte-cbms4t){margin-bottom:0}.files-grid.svelte-cbms4t{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-6);margin-bottom:var(--space-6);position:relative;z-index:1}.file-card.svelte-cbms4t{border-radius:var(--radius-xl);border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:var(--space-4)}.file-card-a.svelte-cbms4t{border-color:#3b82f64d;background:#3b82f614}.file-card-b.svelte-cbms4t{border-color:#a855f74d;background:#a855f714}html[data-theme=light] .file-card-a.svelte-cbms4t{background:#3b82f61a}html[data-theme=light] .file-card-b.svelte-cbms4t{background:#a855f71a}.file-name.svelte-cbms4t{font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-delimiter.svelte-cbms4t{font-size:.75rem;color:var(--text-tertiary);margin-bottom:var(--space-3)}.field-label.svelte-cbms4t{display:block;font-size:.75rem;font-weight:var(--font-bold);text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--space-1)}.input.svelte-cbms4t{width:100%;border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:var(--space-2) var(--space-3);color:var(--text-primary);font-size:.9rem;transition:all .2s ease}.input.svelte-cbms4t:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f626}html[data-theme=light] .input.svelte-cbms4t{background:#ffffffb3}.join-type-fieldset.svelte-cbms4t{border:none;padding:0;margin:0 0 var(--space-6) 0;position:relative;z-index:1}.join-type-fieldset.svelte-cbms4t legend:where(.svelte-cbms4t){margin-bottom:var(--space-3)}.join-options.svelte-cbms4t{display:flex;flex-direction:column;gap:var(--space-3)}@media(min-width:640px){.join-options.svelte-cbms4t{flex-direction:row}}.join-option.svelte-cbms4t{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;transition:all .2s ease;flex:1}.join-option.svelte-cbms4t:hover{background:var(--glass-bg-hover)}.join-option.selected.svelte-cbms4t{border-color:var(--accent-primary);box-shadow:0 0 0 2px #3b82f633;background:#3b82f61a}.join-option.svelte-cbms4t input[type=radio]:where(.svelte-cbms4t){accent-color:var(--accent-primary)}.join-option-title.svelte-cbms4t{font-weight:var(--font-bold);font-size:.9rem;color:var(--text-primary)}.join-option-desc.svelte-cbms4t{font-size:.75rem;color:var(--text-tertiary)}.full-width.svelte-cbms4t{width:100%;position:relative;z-index:1}.processing.svelte-cbms4t{text-align:center;padding:var(--space-10) 0;position:relative;z-index:1}.spinner.svelte-cbms4t{font-size:2.5rem;animation:svelte-cbms4t-spin 1s linear infinite;margin-bottom:var(--space-4)}@keyframes svelte-cbms4t-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.processing.svelte-cbms4t h3:where(.svelte-cbms4t){font-size:1.25rem;color:var(--text-primary);margin-bottom:var(--space-2)}.processing.svelte-cbms4t p:where(.svelte-cbms4t){font-size:.9rem;color:var(--text-tertiary)}.error.svelte-cbms4t{margin-top:var(--space-4);padding:var(--space-3);border-radius:var(--radius-lg);background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;font-size:.9rem;position:relative;z-index:1}.tip.svelte-cbms4t{text-align:center;font-size:.85rem;color:var(--text-tertiary)}.tip.svelte-cbms4t code:where(.svelte-cbms4t){font-family:var(--font-mono);font-size:.8rem;padding:2px 6px;border-radius:4px;background:var(--glass-bg);border:1px solid var(--glass-border)}.ad-container.svelte-cbms4t{margin-top:var(--space-6)}