*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(135deg,#0c0c0c,#1a1a1a);color:#e0e0e0;font-family:Orbitron,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;min-height:100vh}a{color:#0f8}a:hover{color:#0cf}a:visited{color:violet}a:active{color:#9acd32}.container{text-align:center;padding:2rem 1rem;background:linear-gradient(45deg,#1a1a1a,#2d2d2d);border-bottom:2px solid #333}.container h1{font-size:3rem;font-weight:700;background:linear-gradient(45deg,#0f8,#0cf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;background-clip:text;animation:gradient-move 3s ease infinite;background-size:200% 200%;margin-bottom:.5rem;text-shadow:0 0 30px rgba(0,255,136,.3)}@keyframes gradient-move{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.ascii{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace;white-space:pre;text-align:center;line-height:1.1;margin:.5rem 0 1rem}.container h2{font-size:1.2rem;color:#0f8;font-weight:600;max-width:600px;margin:0 auto}.application-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;padding:2rem;max-width:1200px;margin:0 auto}details{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}details:open{grid-column:1 / -1;margin:0 -2rem;padding-left:3rem;padding-right:3rem}details:hover{background:#ffffff14;border-color:#00ff884d;transform:translateY(-2px)}details[open]{background:#ffffff1a;border-color:#00ff8880}summary{font-weight:600;font-size:1.1rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;color:#0f8}summary:hover{background:#00ff881a;color:#f0f8ff}.details-content{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}dl{display:flex;flex-direction:column;gap:1rem}dt{font-weight:600;color:#0cf;font-size:1rem}dd{color:silver;margin-left:1rem;font-size:.95rem}.main-application{max-width:1200px;margin:2rem auto;padding:0 1rem}.input-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.style-selector{margin-bottom:2rem}.style-selector label{display:block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:#0f8}select{width:100%;max-width:300px;padding:.75rem;background:#0000004d;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#e0e0e0;font-size:1rem;transition:all .3s ease}select:focus{outline:none;border-color:#0f8;box-shadow:0 0 0 3px #0f83}select,option{font-family:Orbitron,sans-serif}.input-tabs{display:flex;gap:.5rem;margin-bottom:2rem}.tab-button{padding:.75rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:silver;cursor:pointer;transition:all .3s ease;font-size:1rem;font-family:Orbitron,sans-serif;font-weight:700}.tab-button:hover{background:#ffffff26;color:#f0f8ff}.tab-button.active{background:linear-gradient(45deg,#0f8,#0cf);color:#000;border-color:transparent;animation:gradient-move 3s ease infinite;background-size:200% 200%}.tab-button.active:hover{color:#f0f8ff}.tab-content{display:none}.tab-content.active{display:block}.text-art{position:relative}textarea{width:100%;height:120px;padding:1rem;background:#0006;border:2px solid rgba(255,255,255,.2);border-radius:12px;color:#e0e0e0;font-size:1.1rem;font-family:Courier New,monospace;resize:vertical;transition:all .3s ease}textarea:focus{outline:none;border-color:#0f8;box-shadow:0 0 0 3px #0f83}.char-counter{text-align:right;margin-top:.5rem;font-size:.9rem;color:#888}.upload-area{border:2px dashed rgba(255,255,255,.3);border-radius:12px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#0003}.upload-area:hover{border-color:#0f8;background:#00ff880d}.upload-area.dragover{border-color:#0cf;background:#00ccff1a}.upload-icon{font-size:3rem;margin-bottom:1rem}.upload-content p{font-size:1.1rem;margin-bottom:.5rem}.upload-content small{color:#888}.controls{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.btn{padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-family:Orbitron,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;width:250px}.btn.primary{background:linear-gradient(45deg,#0f8,#0cf);color:#000;animation:gradient-move 3s ease infinite;background-size:200% 200%}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00ff884d;color:#f0f8ff}.btn.secondary{background:#ffffff1a;color:#e0e0e0;border:1px solid rgba(255,255,255,.2)}.btn.secondary:hover{background:#fff3;transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.output-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.output-header h3{color:#0f8;font-size:1.1rem}.output-info{color:#888;font-size:1rem}.ascii-output{background:#0009;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1.5rem;font-family:Courier New,monospace;font-size:1.1rem;line-height:1.2;color:#0f8;white-space:pre;overflow-x:auto;min-height:200px;max-height:500px;overflow-y:auto}.ascii-output:empty:before{content:"Your ASCII art will appear here...";color:#666;font-size:1.1rem}@media (max-width: 768px){.container h1{font-size:2rem}.container h2{font-size:1rem}.application-details{grid-template-columns:1fr;padding:1rem}.input-section{padding:1.5rem}.controls{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px}.output-header{flex-direction:column;align-items:flex-start}.ascii-output{font-size:.7rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:#00ff8880;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00ff88b3}footer{text-align:center;padding:50px;font-size:1.1rem;color:#0f8;font-weight:600;background:linear-gradient(45deg,#1a1a1a,#2d2d2d)}hr{border:#e0e0e0;height:1px;background-color:#333;width:80%}textarea{background:#0009;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-family:Courier New,monospace;font-size:1.1rem;line-height:1.2;color:#0f8}textarea::placeholder{color:#666;font-family:Courier New,monospace;font-size:1.1rem;line-height:1.2;opacity:1}