*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #ffffff;--bg: #000000;--border: #ffffff;--text: #ffffff;--text-dim: #ffffff;--success: #ffffff;--warning: #ffffff;--accent: #ffffff}body{font-family:Courier New,Monaco,Menlo,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text);letter-spacing:.05em}html,body,#root{width:100%}html,body{overflow:visible}#root{display:flex;flex-direction:column}.app{display:flex;flex-direction:column;min-height:100vh;background:#000;position:relative;overflow-y:auto;overflow-x:hidden;border:4px solid #ffffff}.app:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:none;pointer-events:none}.content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(1.5rem,5vw,4rem) clamp(1rem,3vw,2rem);position:relative;z-index:1;gap:clamp(2rem,5vw,4rem)}.header{text-align:center;max-width:1000px;border-bottom:3px solid #ffffff;padding-bottom:clamp(1.5rem,4vw,3rem)}.title{font-size:clamp(3.5rem,12vw,6rem);font-weight:900;letter-spacing:.02em;margin-bottom:2rem;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;color:#fff;line-height:1.1;text-transform:uppercase;font-family:Courier New,Monaco,monospace}.subtitle{color:#fff;font-size:1rem;font-weight:400;margin-top:2rem;line-height:1.8;max-width:600px;margin-left:auto;margin-right:auto;font-family:Courier New,Monaco,monospace;letter-spacing:.02em}.form-section{width:100%;max-width:900px;display:flex;flex-direction:column;gap:clamp(1rem,3vw,2rem);border:2px solid #ffffff;padding:clamp(1rem,4vw,3rem)}.input-group{display:flex;flex-direction:column;gap:1rem}.input-label{font-size:.875rem;text-transform:uppercase;letter-spacing:.2em;color:#fff;font-weight:700;font-family:Courier New,Monaco,monospace}.input-wrapper{display:flex;gap:0;border:2px solid #ffffff}.select-input,.text-input{background:#000;border:none;border-right:2px solid #ffffff;color:#fff;padding:1.5rem;font-size:1rem;transition:none;font-family:Courier New,Monaco,monospace;min-height:60px;letter-spacing:.05em}.select-input:last-child,.text-input:last-child{border-right:none}.select-input:focus,.text-input:focus{outline:none;background:#fff;color:#000;box-shadow:none}.select-input{flex:0 0 auto;cursor:pointer;font-weight:700;text-transform:uppercase}.text-input{flex:1;min-height:60px}.text-input::placeholder{color:#666}.button-group{display:flex;gap:0;flex-wrap:wrap;border:2px solid #ffffff}.btn{padding:1.5rem 2rem;border-radius:0;border:none;border-right:2px solid #ffffff;font-size:.875rem;font-weight:900;cursor:pointer;transition:none;text-transform:uppercase;letter-spacing:.15em;min-height:60px;display:flex;align-items:center;justify-content:center;gap:.75rem;font-family:Courier New,Monaco,monospace;white-space:nowrap;flex:1}.btn:last-child{border-right:none}.btn-primary{background:#fff;color:#000;flex:1;min-width:auto}.btn-primary:hover:not(:disabled){transform:none;box-shadow:none;background:#fff;filter:brightness(.9)}.btn-primary:active:not(:disabled){transform:none;box-shadow:none;filter:brightness(.8)}.btn-secondary{background:#000;color:#fff;border:none;border-right:2px solid #ffffff}.btn-secondary:hover:not(:disabled){background:#222;border-color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.icon{font-size:1.2em}.output-section{width:100%;max-width:900px;min-height:150px;background:#000;border:2px solid #ffffff;border-radius:0;padding:clamp(1rem,3vw,2rem);display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem);position:relative;overflow-y:auto}.output-section:before{content:"";position:absolute;top:0;left:0;right:0;height:0;background:none}.output-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:#fff;font-weight:700;font-family:Courier New,Monaco,monospace}.output-status{font-size:.875rem;display:flex;align-items:center;gap:.75rem;color:#fff;transition:none;text-transform:uppercase;letter-spacing:.1em;font-weight:700;font-family:Courier New,Monaco,monospace}.status-dot{width:10px;height:10px;border-radius:0;background:#fff}.output-status.success{color:#fff}.output-status.success .status-dot{background:#fff;animation:none}.output-status.error{color:#fff}.output-status.error .status-dot{background:#fff;animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.command-display{background:#000;border:2px solid #ffffff;border-radius:0;padding:1.5rem;font-family:Courier New,Monaco,Menlo,monospace;font-size:1rem;color:#fff;word-break:break-all;line-height:1.8;position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;font-weight:700;letter-spacing:.02em}.command-text{flex:1}.copy-btn{padding:.75rem 1.5rem;background:#fff;border:2px solid #ffffff;border-radius:0;color:#000;font-size:.75rem;font-weight:900;cursor:pointer;transition:none;white-space:nowrap;flex-shrink:0;text-transform:uppercase;letter-spacing:.1em;font-family:Courier New,Monaco,monospace}.copy-btn:hover{background:#000;color:#fff;border-color:#fff}.copy-btn.copied{background:#fff;color:#000}.error-message{background:#000;border:2px solid #ffffff;border-radius:0;padding:1.5rem;color:#fff;font-size:1rem;line-height:1.8;font-family:Courier New,Monaco,monospace;font-weight:700;letter-spacing:.02em}.empty-state{text-align:center;color:#fff;padding:2rem 0;font-family:Courier New,Monaco,monospace}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:1;font-weight:700}.loading{display:inline-block;width:8px;height:8px;background:#fff;border-radius:0;animation:none}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.footer{padding:clamp(1rem,3vw,2rem);text-align:center;color:#fff;font-size:.875rem;border-top:3px solid #ffffff;z-index:1;font-family:Courier New,Monaco,monospace;font-weight:700;letter-spacing:.05em;flex-shrink:0}.footer a{color:#fff;text-decoration:none;transition:none}.footer a:hover{color:#fff}@media (max-width: 768px){.app{border:2px solid #ffffff}.content{gap:clamp(1.5rem,4vw,2.5rem)}.title{font-size:clamp(2rem,8vw,2.5rem);margin-bottom:clamp(1rem,3vw,2rem)}.subtitle{font-size:clamp(.85rem,2.5vw,.95rem);line-height:1.6}.form-section{padding:clamp(1rem,3vw,2rem);max-width:100%;gap:clamp(1rem,2vw,1.5rem)}.input-wrapper{flex-direction:column}.select-input,.text-input{border-right:none;border-bottom:2px solid #ffffff;padding:clamp(1rem,2vw,1.5rem);min-height:50px;font-size:.95rem}.select-input:last-child,.text-input:last-child{border-bottom:none}.button-group{flex-direction:column}.btn{border-right:none;border-bottom:2px solid #ffffff;min-height:50px;padding:clamp(1rem,2vw,1.5rem);font-size:.8rem}.btn:last-child{border-bottom:none}.output-section{max-width:100%;min-height:auto;padding:clamp(1rem,2vw,2rem);gap:clamp(.75rem,2vw,1.5rem)}.command-display{flex-direction:column;align-items:stretch;gap:clamp(1rem,2vw,2rem);padding:clamp(1rem,2vw,1.5rem);font-size:.9rem}.copy-btn{align-self:flex-start;padding:clamp(.5rem,2vw,.75rem) clamp(1rem,3vw,1.5rem);font-size:.7rem}.header{max-width:100%;border-bottom:2px solid #ffffff;padding-bottom:clamp(1rem,3vw,2rem)}.footer{border-top:2px solid #ffffff;padding:clamp(1rem,2vw,1.5rem);font-size:.75rem}}@media (max-width: 480px){.app{border:2px solid #ffffff}.content{padding:clamp(1rem,3vw,1.5rem) clamp(.75rem,2vw,1rem);gap:clamp(1rem,3vw,1.5rem)}.title{font-size:clamp(1.5rem,6vw,2rem);margin-bottom:clamp(.75rem,2vw,1rem)}.subtitle{font-size:clamp(.75rem,2vw,.85rem);max-width:100%}.form-section{padding:clamp(.75rem,2vw,1rem);border:1px solid #ffffff}.btn{padding:clamp(.75rem,2vw,1rem);font-size:.7rem;min-height:45px}.output-section{border:1px solid #ffffff}.command-display{word-break:break-word}}