.loft-splash{--splash-accent:var(--color-accent-primary);justify-content:center;align-items:center;width:100%;height:100%;min-height:0;padding:clamp(16px,3vh,40px) clamp(12px,2vw,24px);display:flex;container-type:inline-size}.loft-splash__grid:before{content:"";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;position:absolute;inset:0}.loft-splash__grid:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#ffffff14,#0000);height:1px;position:absolute;top:0;left:0;right:0}.loft-splash__grid{isolation:isolate;background:var(--color-surface-elevated,#0f1626);border:1px solid var(--color-border-subtle,#ffffff14);border-radius:var(--radius-3xl);width:100%;max-width:1040px;box-shadow:var(--elev-3);grid-template-columns:1.25fr 1fr;align-items:center;gap:clamp(28px,4vw,56px);padding:clamp(24px,4vw,64px) clamp(16px,4vw,56px);display:grid;position:relative;overflow:hidden}.loft-splash__copy{min-width:0}.loft-splash__grid>*{z-index:2;position:relative}.loft-splash__eyebrow{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.18em;text-transform:uppercase;color:var(--splash-accent);align-items:center;gap:10px;margin-bottom:18px;font-size:.72rem;font-weight:500;display:inline-flex}.loft-splash__eyebrow-bar{background:var(--splash-accent);width:28px;height:1px;display:inline-block}.loft-splash__title{font-family:var(--font-display,"Fraunces", "Inter", serif);letter-spacing:-.02em;color:var(--color-text-heading);text-wrap:balance;margin:0 0 18px;font-size:clamp(1.6rem,4.5cqi + 1rem,3.1rem);font-weight:500;line-height:1.05}.loft-splash__title em{color:var(--splash-accent);font-style:italic;font-weight:400}.loft-splash__desc{color:var(--color-text-body);max-width:42ch;margin:0 0 22px;font-size:clamp(.86rem,.5cqi + .78rem,1rem);line-height:1.55}.loft-splash__formats{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:14px;margin:0;padding:0;font-size:.78rem;list-style:none;display:flex}.loft-splash__formats li{font-family:var(--font-mono,ui-monospace, monospace);align-items:center;gap:14px;display:flex}.loft-splash__formats li:not(:last-child):after{content:"";background:var(--color-text-muted);opacity:.4;border-radius:50%;width:4px;height:4px}.loft-splash__drop{aspect-ratio:1.05;border:1.5px dashed var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-overlay-faint,#ffffff04);min-height:220px;max-height:360px;box-shadow:var(--elev-inset);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));isolation:isolate;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:clamp(20px,3vw,36px) clamp(16px,3vw,28px);display:flex;position:relative}.loft-splash__drop:before{content:"";border:1px solid var(--color-border-subtle);pointer-events:none;opacity:.5;z-index:-1;border-radius:2px;transition:opacity .2s;position:absolute;inset:8px}.loft-splash__drop:hover,.loft-splash__drop:focus-visible{border-color:var(--splash-accent);background:color-mix(in srgb, var(--splash-accent) 4%, transparent);outline:none;transform:translateY(-2px)}.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{border-radius:var(--radius-full);background:var(--color-overlay-faint,#ffffff0f);width:min(220px,80%);height:4px;margin-top:4px;overflow:hidden}.loft-splash__drop-progress-fill{background:var(--splash-accent);border-radius:inherit;height:100%;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{color:var(--color-text-body);opacity:.65;font-size:clamp(1.8rem,4cqi + .8rem,2.6rem);line-height:1;transition:opacity .2s,color .2s,transform .2s}.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{color:var(--color-text-body);letter-spacing:-.005em;font-size:clamp(.84rem,.4cqi + .78rem,.95rem);font-weight:500}.loft-splash__drop-cta{border:1px solid var(--color-text-heading);color:var(--color-text-heading);border-radius:var(--radius-md);cursor:pointer;background:0 0;margin-top:4px;padding:8px 20px;font-family:inherit;font-size:.82rem;font-weight:500;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)}@media (width<=480px){.loft-splash__drop-cta{min-height:44px;padding:11px 20px}}.loft-splash__drop-hint{color:var(--color-text-muted);align-items:center;gap:6px;margin-top:4px;font-size:.7rem;display:inline-flex}.loft-splash__drop-hint kbd{font-family:var(--font-mono,ui-monospace, monospace);background:var(--color-surface-card,#ffffff0f);border:1px solid var(--color-border-subtle);color:var(--color-text-body);border-radius:3px;padding:1px 6px;font-size:.66rem;font-weight:600;line-height:1.4}@container (width<=900px){.loft-splash__grid{grid-template-columns:1fr;gap:clamp(14px,2vw,22px);padding:clamp(16px,2.5vw,28px) clamp(14px,2.5vw,28px)}.loft-splash__drop{aspect-ratio:auto;min-height:160px;max-height:none;padding:22px 18px}.loft-splash__formats{gap:10px}.loft-splash__title{margin-bottom:10px;font-size:clamp(1.3rem,3cqi + .8rem,1.9rem)}.loft-splash__desc{margin-bottom:14px;font-size:.84rem}}@container (width<=720px){.loft-splash__eyebrow,.loft-splash__desc{display:none}.loft-splash__title{margin-bottom:8px}}@media (height<=720px){.loft-splash__eyebrow,.loft-splash__desc{display:none}.loft-splash__title{margin-bottom:6px;font-size:clamp(1.2rem,2.5cqi + .7rem,1.6rem)}.loft-splash__drop{min-height:130px;padding:16px 14px}.loft-splash__formats{font-size:.7rem}}@container (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{gap:10px;min-height:150px;padding:22px 16px}.loft-splash__drop-cta{padding:7px 16px;font-size:.78rem}}@container (width<=360px){.loft-splash__grid{padding:20px 14px}.loft-splash__title{font-size:1.25rem}.loft-splash__eyebrow{margin-bottom:12px;font-size:.66rem}}@supports not (container-type:inline-size){@media (width<=720px){.loft-splash__grid{grid-template-columns:1fr}.loft-splash__drop{aspect-ratio:auto;min-height:180px;max-height:none}}@media (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}}