@import url(https://fonts.googleapis.com/css2?family=Google+Sans+Code:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f1115;color:#fff;font-size:14px;margin:0}body,code,pre,textarea{font-family:Google Sans Code}code,pre,textarea{font-weight:600}*{box-sizing:border-box}:root{--bg-main:#0f1115;--bg-panel:#181b21;--bg-element:#22262e;--bg-element-hover:#2c313a;--text-primary:#fff;--text-secondary:#9ca3af;--border-color:#2f3542;--accent-primary:#22c55e;--accent-hover:#16a34a;--accent-glow:#22c55e26;--danger:#ef4444;--success:#22c55e;--shadow-hard:4px 4px 0px #00000080;--shadow-soft:4px 4px 0px #22c55e33}.App{margin:0 auto;max-width:1600px;min-height:100vh;padding:2rem;position:relative;z-index:1}header{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:3rem;text-align:center}header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#86efac);-webkit-background-clip:text;font-size:3.5rem;font-weight:700;letter-spacing:2px;margin:0 0 .5rem;text-shadow:4px 4px 0 #00000080;text-transform:uppercase}.subtitle{background:#0f1115cc;border-radius:4px;color:#9ca3af;color:var(--text-secondary);font-size:1.1rem;letter-spacing:1px;margin:0;padding:.2rem 1rem;text-transform:uppercase}main{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:400px 1fr}@media (max-width:1024px){main{grid-template-columns:1fr}}.controls{background-color:#181b21;background-color:var(--bg-panel);border:2px solid #2f3542;border:2px solid var(--border-color);box-shadow:8px 8px 0 #0000004d;padding:1.5rem;position:-webkit-sticky;position:sticky;top:2rem}.control-section{margin-bottom:2rem}.control-section h2{border-bottom:2px solid #2f3542;border-bottom:2px solid var(--border-color);color:#fff;color:var(--text-primary);font-size:1.2rem;font-weight:600;letter-spacing:1px;margin:0 0 1rem;padding-bottom:.5rem;text-transform:uppercase}.drop-zone{background-color:#22262e;background-color:var(--bg-element);border:2px dashed #2f3542;border:2px dashed var(--border-color);cursor:pointer;position:relative;transition:all .1s ease}.drop-zone:hover{background-color:#22c55e26;background-color:var(--accent-glow);border-color:#22c55e;border-color:var(--accent-primary)}.drop-zone label{cursor:pointer;height:100%;justify-content:center;padding:2rem;width:100%}.drop-zone label,.upload-placeholder{align-items:center;display:flex;flex-direction:column}.upload-placeholder{color:#9ca3af;color:var(--text-secondary);gap:.5rem}.icon{font-size:2rem}.file-info{color:#22c55e;color:var(--accent-primary);font-weight:700;text-transform:uppercase}.control-item{margin-bottom:1.5rem}.label-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.control-item label{color:#9ca3af;color:var(--text-secondary);font-size:.9rem;font-weight:500;text-transform:uppercase}.value-badge{background-color:#22c55e;background-color:var(--accent-primary);box-shadow:2px 2px 0 #0000004d;color:#000;font-size:.8rem;font-weight:700;padding:.1rem .4rem}input[type=range]{-webkit-appearance:none;background:#0000;margin:.5rem 0;width:100%}input[type=range]::-webkit-slider-runnable-track{background:#22262e;background:var(--bg-element);border:2px solid #2f3542;border:2px solid var(--border-color);height:8px;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#22c55e;background:var(--accent-primary);border:2px solid #000;box-shadow:2px 2px 0 #00000080;cursor:pointer;height:20px;margin-top:-8px;width:12px}.switch{display:inline-block;height:24px;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#22262e;background-color:var(--bg-element);border:2px solid #2f3542;border:2px solid var(--border-color);bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#9ca3af;background-color:var(--text-secondary);bottom:3px;content:"";height:14px;left:3px;width:14px}input:checked+.slider{background-color:#22c55e26;background-color:var(--accent-glow);border-color:#22c55e;border-color:var(--accent-primary)}input:checked+.slider:before{background-color:#22c55e;background-color:var(--accent-primary);transform:translateX(26px)}.steps-container{display:flex;flex-direction:column;gap:1.5rem}.step-block{background-color:#1f232b;border:2px solid #2f3542;border:2px solid var(--border-color);box-shadow:8px 8px 0 #0000004d;padding:1.5rem;position:relative;z-index:10}.step-title{border-bottom:2px solid #2f3542;border-bottom:2px solid var(--border-color);color:#22c55e;color:var(--accent-primary);font-size:1.4rem;margin:0 0 1rem;padding-bottom:.5rem;text-transform:uppercase}.step-count{font-size:.9em;font-weight:400;margin-right:.5rem}.step-count,.step-desc{color:#9ca3af;color:var(--text-secondary)}.step-desc{line-height:1.6;margin-bottom:1.5rem}.result-card{background-color:#181b21;background-color:var(--bg-panel);border:2px solid #2f3542;border:2px solid var(--border-color);box-shadow:4px 4px 0 #0000004d;display:flex;flex-direction:column;height:auto;margin-bottom:1rem}.card-header{align-items:center;background:#22262e;background:var(--bg-element);border-bottom:2px solid #2f3542;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;padding:.5rem 1rem}.card-header h3{color:#9ca3af;color:var(--text-secondary);font-size:.9rem;font-weight:600;margin:0;text-transform:uppercase}.copy-btn{background:#0000;border:2px solid #2f3542;border:2px solid var(--border-color);color:#22c55e;color:var(--accent-primary);cursor:pointer;font-family:inherit;font-size:.75rem;font-weight:700;padding:6px 14px;text-transform:uppercase;transition:all .1s}.copy-btn:hover{background:#22c55e;background:var(--accent-primary);border-color:#22c55e;border-color:var(--accent-primary);box-shadow:2px 2px 0 #0000004d;color:#000;transform:translate(-1px,-1px)}.copy-btn:active{box-shadow:none;transform:translate(0)}textarea{background:#0d0e11;border:none;color:#86efac;flex:1 1;font-size:.85rem;height:60px;line-height:1.4;min-height:60px;opacity:.6;outline:none;overflow:hidden;padding:.75rem;resize:none;transition:opacity .2s;white-space:nowrap}textarea:focus,textarea:hover{opacity:1}.status-bar{background:#22c55e1a;border:2px solid #22c55e;border:2px solid var(--success);box-shadow:4px 4px 0 #0003;color:#22c55e;color:var(--success)}.error-bar,.status-bar{font-weight:700;grid-column:1/-1;margin-bottom:1.5rem;padding:1rem;text-align:center;text-transform:uppercase}.error-bar{background:#ef44441a;border:2px solid #ef4444;border:2px solid var(--danger);color:#ef4444;color:var(--danger)}.warning-box{background:#fbbf241a;border:2px solid #fbbf24;color:#fbbf24;margin-top:1.5rem;padding:1rem}.warning-header{font-size:.9rem;font-weight:700;margin-bottom:.5rem;text-transform:uppercase}.mini-code-row{align-items:stretch;border:1px solid #fbbf24;display:flex;margin-top:.5rem}.mini-code-row code{background:#000;color:#fbbf24;flex-grow:1;font-family:monospace;font-size:.85rem;overflow-x:auto;padding:.8rem;white-space:nowrap}.mini-code-row button{background:#fbbf24;border:none;color:#000;cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:700;padding:0 1.5rem;text-transform:uppercase}.mini-code-row button:hover{background:#f59e0b}.inline-code{background:#000;font-family:monospace;margin-left:.5rem;padding:.2rem .5rem}.chunk-group{border-bottom:1px dashed #2f3542;border-bottom:1px dashed var(--border-color);margin-bottom:2rem;padding-bottom:2rem}.chunk-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.coord-inputs{align-items:center;background:#22262e;background:var(--bg-element);border:2px solid #2f3542;border:2px solid var(--border-color);display:flex;gap:1rem;margin-top:.5rem;padding:.75rem}.coord-inputs span{color:#fff;color:var(--text-primary);font-size:.85rem;font-weight:700;text-transform:uppercase}.coord-inputs input{background:#000;border:1px solid #2f3542;border:1px solid var(--border-color);color:#22c55e;color:var(--accent-primary);font-family:inherit;font-size:.9rem;padding:.4rem;text-align:center;width:80px}.coord-inputs input:focus{outline:none}.cleanup-block,.coord-inputs input:focus{border-color:#22c55e;border-color:var(--accent-primary)}.cleanup-block{background:#22c55e0d}.cleanup-block .step-title{border-color:#22c55e;border-color:var(--accent-primary);color:#22c55e;color:var(--accent-primary)}
/*# sourceMappingURL=main.bc93b02f.css.map*/