@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@300;400;500;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-deep:#07080c;--bg-base:#0d0e14;--bg-raised:#12131cd9;--bg-card:#161824b8;--bg-glass:#1e203073;--text-1:#e8e4dc;--text-2:#9e9a90;--text-3:#5c5952;--accent:#c9a44c;--accent-dim:#c9a44c26;--accent-glow:#c9a44c14;--success:#5cb87a;--error:#e05555;--warning:#d4a853;--border:#e8e4dc0f;--border-accent:#c9a44c2e;--font-display:"Cormorant Garamond", "Noto Serif SC", Georgia, serif;--font-body:"Noto Sans SC", -apple-system, "Segoe UI", sans-serif;--font-mono:"DM Mono", "Cascadia Code", "Fira Code", monospace;--radius-sm:10px;--radius-md:18px;--radius-lg:28px;--shadow-card:0 2px 40px #00000059, 0 0 80px #c9a44c0a;--shadow-glow:0 0 60px #c9a44c1f, 0 0 120px #c9a44c0a;--shadow-float:0 20px 60px #00000073}*,:before,:after{box-sizing:border-box;margin:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{min-width:320px;min-height:100vh;font-family:var(--font-body);color:var(--text-1);background:var(--bg-deep);overflow-x:hidden}button,input{font:inherit}.grain{z-index:9999;pointer-events:none;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px;position:fixed;inset:0}.glow{pointer-events:none;filter:blur(100px);z-index:0;border-radius:50%;position:fixed}.glow--1{background:radial-gradient(circle,#c9a44c12,#0000 70%);width:600px;height:600px;top:-180px;left:-100px}.glow--2{background:radial-gradient(circle,#8c78c80a,#0000 70%);width:500px;height:500px;bottom:-200px;right:-150px}.shell{z-index:1;width:min(1200px,100vw - 48px);margin:0 auto;padding:60px 0 40px;position:relative}.hero{opacity:0;margin-bottom:48px;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeUp;transform:translateY(20px)}.hero-badge{background:var(--accent-dim);border:1px solid var(--border-accent);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px 6px 10px;font-size:11px;display:inline-flex}.badge-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite pulse}h1{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-weight:700;line-height:1}.hero-line{opacity:0;animation:.7s cubic-bezier(.16,1,.3,1) forwards fadeUp;display:block;transform:translateY(30px)}.hero-line--1{color:var(--text-1);font-size:clamp(56px,9vw,110px);animation-delay:.15s}.hero-line--2{color:var(--accent);margin-top:-8px;font-size:clamp(40px,6vw,76px);font-style:italic;font-weight:400;animation-delay:.3s}.hero-copy{max-width:480px;color:var(--text-2);opacity:0;margin-top:20px;font-size:15px;line-height:1.7;animation:.7s cubic-bezier(.16,1,.3,1) .45s forwards fadeUp;transform:translateY(16px)}.workspace{grid-template-columns:minmax(300px,400px) 1fr;align-items:start;gap:24px;display:grid}.drop-card{text-align:center;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-raised);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);min-height:540px;box-shadow:var(--shadow-card);opacity:0;flex-direction:column;justify-content:center;align-items:center;padding:48px 36px;transition:border-color .4s,box-shadow .4s,transform .3s;animation:.8s cubic-bezier(.16,1,.3,1) .5s forwards fadeUp;display:flex;position:relative;overflow:hidden;transform:translateY(24px)}.drop-card:before{content:"";border-radius:inherit;background:radial-gradient(ellipse at 50% 0%, var(--accent-glow), transparent 60%);opacity:0;transition:opacity .5s;position:absolute;inset:0}.drop-card:hover,.drop-card.is-dragging{border-color:var(--border-accent);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.drop-card:hover:before,.drop-card.is-dragging:before{opacity:1}.drop-visual{width:120px;height:120px;margin-bottom:32px;position:relative}.drop-ring{border:1px solid #c9a44c33;border-radius:50%;animation:12s linear infinite ringRotate;position:absolute;inset:0}.drop-ring:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 10px var(--accent);border-radius:50%;position:absolute;top:-3px;left:50%;transform:translate(-50%)}.drop-ring--2{border-color:#c9a44c1a;animation-duration:18s;animation-direction:reverse;inset:12px}.drop-icon{color:var(--accent);opacity:.7;place-items:center;transition:opacity .3s,transform .3s;display:grid;position:absolute;inset:0}.drop-card:hover .drop-icon,.drop-card.is-dragging .drop-icon{opacity:1;transform:translateY(-4px)}.drop-card h2{font-family:var(--font-body);color:var(--text-1);margin:0 0 8px;font-size:22px;font-weight:500}.drop-card p{color:var(--text-2);margin:0 0 28px;font-size:14px}.drop-formats{gap:8px;margin-top:24px;display:flex}.format-tag{background:var(--bg-glass);border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-3);letter-spacing:.04em;border-radius:100px;padding:4px 12px;font-size:11px}.file-button{background:linear-gradient(135deg, var(--accent), #b8922e);color:var(--bg-deep);cursor:pointer;border-radius:100px;align-items:center;padding:14px 32px;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #c9a44c40}.file-button:hover{transform:translateY(-1px);box-shadow:0 8px 30px #c9a44c59}.file-button:active{transform:translateY(0)}.file-button input{cursor:pointer;opacity:0;position:absolute;inset:0}.file-button-shine{background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.file-button:hover .file-button-shine{left:100%}.panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-raised);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);min-height:540px;box-shadow:var(--shadow-card);opacity:0;flex-direction:column;gap:20px;padding:28px;animation:.8s cubic-bezier(.16,1,.3,1) .65s forwards fadeUp;display:flex;transform:translateY(24px)}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;display:flex}.status-indicator{font-family:var(--font-mono);color:var(--text-2);align-items:center;gap:10px;font-size:13px;display:flex}.status-dot{background:var(--text-3);border-radius:50%;width:8px;height:8px;transition:background .3s,box-shadow .3s}.status-dot--loading{background:var(--accent);animation:1.2s ease-in-out infinite pulse;box-shadow:0 0 8px #c9a44c66}.status-dot--success{background:var(--success);box-shadow:0 0 8px #5cb87a66}.status-dot--error{background:var(--error);box-shadow:0 0 8px #e0555566}.download{border:1px solid var(--border-accent);color:var(--accent);font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:100px;align-items:center;gap:8px;padding:10px 22px;font-size:13px;font-weight:500;transition:all .25s;display:inline-flex}.download:hover:not(:disabled){background:var(--accent-dim);border-color:var(--accent);box-shadow:0 0 20px #c9a44c1a}.download:active:not(:disabled){transform:scale(.97)}.download:disabled{opacity:.3;cursor:not-allowed;filter:grayscale(.6)}.meta-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.meta-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);padding:18px 16px;transition:border-color .3s}.meta-card:hover{border-color:var(--border-accent)}.meta-card dt{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);margin-bottom:8px;font-size:11px}.meta-card dd{font-family:var(--font-display);color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:600;overflow:hidden}.error{min-height:20px;color:var(--error);font-size:13px;font-family:var(--font-mono)}.preview-wrap{border:1px solid var(--border);border-radius:var(--radius-md);background:#06070c99;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.preview-toolbar{border-bottom:1px solid var(--border);background:var(--bg-card);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.preview-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);font-size:11px}.preview-linecount{font-family:var(--font-mono);color:var(--text-3);font-size:11px}.preview{color:#d4cfc5;min-height:280px;max-height:52vh;font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;flex:1;margin:0;padding:24px;font-size:13px;line-height:1.75;overflow:auto}.preview::-webkit-scrollbar{width:6px}.preview::-webkit-scrollbar-track{background:0 0}.preview::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.preview::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.foot{border-top:1px solid var(--border);color:var(--text-3);font-size:12px;font-family:var(--font-mono);letter-spacing:.04em;opacity:0;justify-content:center;align-items:center;gap:12px;margin-top:48px;padding-top:24px;animation:.6s cubic-bezier(.16,1,.3,1) .9s forwards fadeUp;display:flex}.foot-sep{color:var(--border)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=900px){.shell{padding:36px 0 28px}.workspace{grid-template-columns:1fr}.drop-card{min-height:380px;padding:36px 28px}.panel{min-height:auto}.meta-grid{grid-template-columns:1fr}.hero-line--1{font-size:clamp(40px,10vw,72px)}.hero-line--2{font-size:clamp(30px,7vw,56px)}.panel-header{flex-direction:column;align-items:flex-start;gap:12px}.download{align-self:flex-end}.foot{flex-direction:column;gap:4px}.foot-sep{display:none}}@media (width<=480px){.shell{padding:24px 0 20px}.hero{margin-bottom:32px}.drop-card{min-height:320px;padding:28px 20px}.drop-visual{width:90px;height:90px;margin-bottom:24px}.panel{padding:20px}}::selection{background:var(--accent-dim);color:var(--text-1)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}