.app{justify-content:center;align-items:center;min-height:100vh;display:flex}.container{text-align:center}.title{color:var(--accent-green);letter-spacing:1px;font-size:2.5rem;font-weight:600}.subtitle{color:var(--text-secondary);margin-top:8px}.btn-group{justify-content:center;gap:15px;margin-top:30px;display:flex}.btn{border-radius:8px;padding:10px 18px;font-size:.95rem;font-weight:500;transition:all .2s}.btn.primary{background:var(--accent-blue);color:#fff}.btn.primary:hover{transform:translateY(-1px)}.btn.secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn.secondary:hover{border-color:var(--accent-green);box-shadow:0 0 8px #00ff9f33}.input{border:1px solid var(--border-subtle);background:var(--bg-secondary);color:var(--text-primary);border-radius:8px;outline:none;width:100%;max-width:400px;padding:12px}.input:focus{border-color:var(--accent-green);box-shadow:0 0 8px #00ff9f4d}.input-box{flex-direction:column;align-items:center;gap:20px;display:flex}.file-input{color:var(--text-secondary)}.file-input::file-selector-button{background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:8px 12px;transition:all .2s}.file-input::file-selector-button:hover{border-color:var(--accent-green);box-shadow:0 0 8px #00ff9f4d}.divider{color:var(--text-secondary);letter-spacing:1px;font-size:.8rem}.output-container{flex-direction:column;align-items:center;gap:28px;margin-top:50px;display:flex}.output-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:14px;width:100%;padding:25px;transition:all .25s;position:relative;overflow:hidden}.output-card:before{content:"";-webkit-mask-composite:xor;background:linear-gradient(120deg,#0000,#00ff9f66,#0000);border-radius:14px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.output-card:hover{transform:translateY(-3px);box-shadow:0 0 2px #00ff9f26}.output-card h1{color:var(--accent-green);letter-spacing:.5px;margin-bottom:16px;font-size:2rem}.output-card p{color:var(--text-primary);font-size:.95rem;line-height:1.7}.output-card pre{white-space:pre-wrap;color:var(--text-primary);font-family:inherit;font-size:.92rem;line-height:1.6}.output-loading{background:linear-gradient(90deg, var(--bg-secondary), #00ff9f14, var(--bg-secondary));background-size:200% 100%;border-radius:12px;width:720px;height:150px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.output-text{color:var(--text-primary);text-align:justify;font-size:.95rem;line-height:1.6}:root{--bg-primary:#050816;--bg-secondary:#0b1120;--accent-blue:#3b82f6;--accent-green:#00ff9f;--text-primary:#e6edf3;--text-secondary:#94a3b8;--border-subtle:#1f2937}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,system-ui,sans-serif}