.loft-splash{--splash-accent: var(--color-accent-primary);container-type:inline-size;width:100%;max-width:1040px;margin:0 auto;background:var(--color-surface-elevated, #0f1626);border:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08));border-radius:16px;position:relative;overflow:hidden;isolation:isolate}.loft-splash:before{content:"";position:absolute;inset:0;background:radial-gradient(700px 500px at 75% 50%,color-mix(in srgb,var(--splash-accent) 8%,transparent),transparent 70%),radial-gradient(700px 500px at 20% 80%,color-mix(in srgb,var(--color-accent-action) 5%,transparent),transparent 70%);pointer-events:none;z-index:0}.loft-splash:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);pointer-events:none;z-index:1}.loft-splash__grid{position:relative;z-index:2;padding:clamp(24px,4vw,64px) clamp(16px,4vw,56px);display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(28px,4vw,56px);align-items:center}.loft-splash__copy{min-width:0}.loft-splash__eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono, ui-monospace, monospace);font-size:.72rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--splash-accent);margin-bottom:18px}.loft-splash__eyebrow-bar{width:28px;height:1px;background:var(--splash-accent);display:inline-block}.loft-splash__title{font-family:var(--font-display, "Fraunces", "Inter", serif);font-weight:500;font-size:clamp(1.6rem,4.5cqi + 1rem,3.1rem);line-height:1.05;letter-spacing:-.02em;color:var(--color-text-heading);margin:0 0 18px;text-wrap:balance}.loft-splash__title em{font-style:italic;font-weight:400;color:var(--splash-accent)}.loft-splash__desc{color:var(--color-text-body);font-size:clamp(.86rem,.5cqi + .78rem,1rem);line-height:1.55;max-width:42ch;margin:0 0 22px}.loft-splash__formats{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-size:.78rem;color:var(--color-text-muted)}.loft-splash__formats li{font-family:var(--font-mono, ui-monospace, monospace);display:flex;align-items:center;gap:14px}.loft-splash__formats li:not(:last-child):after{content:"";width:4px;height:4px;border-radius:50%;background:var(--color-text-muted);opacity:.4}.loft-splash__drop{aspect-ratio:1.05 / 1;min-height:220px;max-height:360px;border:1.5px dashed var(--color-border-subtle);border-radius:6px;background:var(--color-overlay-faint, rgba(255, 255, 255, .015));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:clamp(20px,3vw,36px) clamp(16px,3vw,28px);text-align:center;cursor:pointer;transition:border-color .2s var(--easing-out, cubic-bezier(.4, 0, .2, 1)),background-color .2s var(--easing-out, cubic-bezier(.4, 0, .2, 1)),transform .2s var(--easing-out, cubic-bezier(.4, 0, .2, 1));position:relative;isolation:isolate}.loft-splash__drop:before{content:"";position:absolute;inset:8px;border:1px solid var(--color-border-subtle);border-radius:2px;pointer-events:none;opacity:.5;transition:opacity .2s;z-index:-1}.loft-splash__drop:hover,.loft-splash__drop:focus-visible{border-color:var(--splash-accent);background:color-mix(in srgb,var(--splash-accent) 4%,transparent);transform:translateY(-2px);outline:none}.loft-splash__drop:hover:before,.loft-splash__drop:focus-visible:before{opacity:1;border-color:color-mix(in srgb,var(--splash-accent) 25%,transparent)}.loft-splash__drop--dragover{border-style:solid;border-color:var(--splash-accent);background:color-mix(in srgb,var(--splash-accent) 7%,transparent);transform:scale(1.005)}.loft-splash__drop--loading,.loft-splash__drop--error{cursor:default;border-style:solid;transform:none}.loft-splash__drop--loading:hover,.loft-splash__drop--error:hover{transform:none}.loft-splash__drop--loading:before,.loft-splash__drop--error:before{opacity:0}.loft-splash__drop--loading{border-color:color-mix(in srgb,var(--splash-accent) 35%,transparent);background:color-mix(in srgb,var(--splash-accent) 4%,transparent)}.loft-splash__drop-spinner{color:var(--splash-accent)}.loft-splash__drop-progress{width:min(220px,80%);height:4px;margin-top:4px;border-radius:999px;background:var(--color-overlay-faint, rgba(255, 255, 255, .06));overflow:hidden}.loft-splash__drop-progress-fill{height:100%;background:var(--splash-accent);border-radius:inherit;transition:width .2s var(--easing-out, cubic-bezier(.4, 0, .2, 1))}.loft-splash__drop--error{border-color:color-mix(in srgb,var(--color-error, #f87171) 45%,transparent);background:color-mix(in srgb,var(--color-error, #f87171) 5%,transparent)}.loft-splash__drop--error .loft-splash__drop-icon{color:var(--color-error, #f87171);opacity:1}.loft-splash__drop--error .loft-splash__drop-text{color:var(--color-error, #f87171)}.loft-splash__drop--error .loft-splash__drop-cta{border-color:var(--color-error, #f87171);color:var(--color-error, #f87171)}.loft-splash__drop--error .loft-splash__drop-cta:hover{background:var(--color-error, #f87171);color:var(--color-text-inverse, #06060c)}.loft-splash__drop-icon{font-size:clamp(1.8rem,4cqi + .8rem,2.6rem);color:var(--color-text-body);opacity:.65;transition:opacity .2s,color .2s,transform .2s;line-height:1}.loft-splash__drop:hover .loft-splash__drop-icon,.loft-splash__drop--dragover .loft-splash__drop-icon{opacity:1;color:var(--splash-accent);transform:translateY(-2px)}.loft-splash__drop-text{font-size:clamp(.84rem,.4cqi + .78rem,.95rem);color:var(--color-text-body);font-weight:500;letter-spacing:-.005em}.loft-splash__drop-cta{margin-top:4px;padding:8px 20px;background:transparent;border:1px solid var(--color-text-heading);color:var(--color-text-heading);border-radius:999px;font-size:.82rem;font-weight:500;cursor:pointer;font-family:inherit;transition:background .16s,color .16s,border-color .16s}.loft-splash__drop-cta:hover,.loft-splash__drop:hover .loft-splash__drop-cta{background:var(--color-text-heading);color:var(--color-text-inverse, #06060c)}.loft-splash__drop-hint{margin-top:4px;display:inline-flex;align-items:center;gap:6px;font-size:.7rem;color:var(--color-text-muted)}.loft-splash__drop-hint kbd{font-family:var(--font-mono, ui-monospace, monospace);font-weight:600;font-size:.66rem;padding:1px 6px;border-radius:3px;background:var(--color-surface-card, rgba(255, 255, 255, .06));border:1px solid var(--color-border-subtle);color:var(--color-text-body);line-height:1.4}@container (max-width: 720px){.loft-splash__grid{grid-template-columns:1fr;gap:clamp(20px,3vw,32px)}.loft-splash__drop{aspect-ratio:auto;min-height:180px;max-height:none;padding:28px 20px}.loft-splash__formats{gap:10px}}@container (max-width: 480px){.loft-splash__grid{padding:24px 16px}.loft-splash__title{font-size:clamp(1.3rem,8cqi,1.7rem)}.loft-splash__desc{font-size:clamp(.82rem,1cqi + .7rem,.92rem)}.loft-splash__formats{gap:8px;font-size:.74rem}.loft-splash__formats li{gap:8px}.loft-splash__drop{min-height:150px;padding:22px 16px;gap:10px}.loft-splash__drop-cta{padding:7px 16px;font-size:.78rem}}@container (max-width: 360px){.loft-splash__grid{padding:20px 14px}.loft-splash__title{font-size:1.25rem}.loft-splash__eyebrow{font-size:.66rem;margin-bottom:12px}}@supports not (container-type: inline-size){@media(max-width:720px){.loft-splash__grid{grid-template-columns:1fr}.loft-splash__drop{aspect-ratio:auto;min-height:180px;max-height:none}}@media(max-width:480px){.loft-splash{padding:24px 16px}.loft-splash__title{font-size:1.5rem}}}@media(prefers-reduced-motion:reduce){.loft-splash__drop,.loft-splash__drop-icon{transition:none}.loft-splash__drop:hover,.loft-splash__drop--dragover{transform:none}}