:root{--bg: #060606;--bg2: #0c0c0c;--bg3: #111111;--green: #00ff88;--green2: #00cc6a;--cyan: #00d4ff;--red: #ff4444;--text: #d0f0e0;--dim: #3a3a4a;--dim2: #5a5a6a;--border: rgba(0,255,136,.1);--border2: rgba(0,255,136,.28);--glow: 0 0 20px rgba(0,255,136,.15);--glow2: 0 0 35px rgba(0,255,136,.25);--r: 6px;--t: .2s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 4px);pointer-events:none;z-index:9999}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 15% 10%,rgba(0,255,136,.04) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 85% 85%,rgba(0,212,255,.03) 0%,transparent 60%);pointer-events:none;z-index:0}nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem 2.5rem;background:#060606eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.nav-logo{font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--green);text-decoration:none;letter-spacing:2px;text-shadow:var(--glow)}.nav-back{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--dim2);text-decoration:none;letter-spacing:2px;transition:color var(--t),text-shadow var(--t)}.nav-back:hover{color:var(--green);text-shadow:var(--glow)}main{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:3rem 1.5rem 5rem}.page-title{font-size:1.8rem;font-weight:700;color:#fff;letter-spacing:-1px;margin-bottom:.4rem}.page-sub{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--dim2);margin-bottom:2.5rem;letter-spacing:1px;line-height:1.6}.grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media (max-width: 640px){.grid{grid-template-columns:1fr}}.upload-zone{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:2rem 1.5rem;text-align:center;cursor:pointer;transition:border-color var(--t),background var(--t),box-shadow var(--t);position:relative}.upload-zone:hover,.upload-zone.drag{border-color:var(--border2);background:var(--bg3);box-shadow:var(--glow)}.upload-zone.has-image{border-color:var(--border2);border-style:solid}.upload-zone input{display:none}.upload-icon{font-size:2rem;margin-bottom:.6rem;opacity:.6}.upload-label{font-size:.9rem;font-weight:600;color:#fff;margin-bottom:.3rem}.upload-hint{font-family:JetBrains Mono,monospace;font-size:.68rem;color:var(--dim2);letter-spacing:1px}.upload-preview{width:100%;height:160px;object-fit:contain;border-radius:4px;margin-bottom:.5rem;display:none}.upload-filename{font-family:JetBrains Mono,monospace;font-size:.68rem;color:var(--green);letter-spacing:1px}.controls{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:1.6rem;margin-bottom:1rem}.controls-title{font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:600;color:var(--green);letter-spacing:3px;margin-bottom:1.4rem;text-shadow:var(--glow)}.control-row{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:1.2rem}@media (max-width: 640px){.control-row{grid-template-columns:1fr}}.control-group label{display:block;font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--dim2);margin-bottom:.5rem;letter-spacing:1px}.control-group input[type=range]{width:100%;accent-color:var(--green);cursor:pointer}.control-group select{width:100%;background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:.5rem .8rem;border-radius:var(--r);font-family:JetBrains Mono,monospace;font-size:.8rem;cursor:pointer;outline:none;transition:border-color var(--t)}.control-group select:focus{border-color:var(--border2)}.range-val{font-family:JetBrains Mono,monospace;font-size:.68rem;color:var(--green);float:right;text-shadow:var(--glow)}.position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.pos-btn{aspect-ratio:1;background:var(--bg3);border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:border-color var(--t),background var(--t),box-shadow var(--t);font-size:.6rem;color:var(--dim2);display:flex;align-items:center;justify-content:center}.pos-btn:hover{border-color:var(--border2)}.pos-btn.active{border-color:var(--green);background:#00ff8814;color:var(--green);box-shadow:var(--glow)}.preview-wrap{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:1.6rem;margin-bottom:1rem;text-align:center}.preview-title{font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:600;color:var(--green);letter-spacing:3px;margin-bottom:1.2rem;text-align:left;text-shadow:var(--glow)}#preview{max-width:100%;max-height:400px;border-radius:4px;display:none}.preview-empty{font-family:JetBrains Mono,monospace;color:var(--dim2);font-size:.78rem;padding:3rem 0;letter-spacing:1px}.actions{display:flex;gap:.8rem}.btn{flex:1;padding:.9rem 1.5rem;border-radius:var(--r);font-family:JetBrains Mono,monospace;font-weight:600;font-size:.8rem;cursor:pointer;transition:box-shadow var(--t),transform var(--t),opacity var(--t);border:none;letter-spacing:1px}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.btn-primary{background:var(--green);color:#060606;box-shadow:0 0 20px #00ff884d}.btn-primary:hover:not(:disabled){box-shadow:var(--glow2)}.btn-secondary{background:transparent;border:1px solid var(--border2);color:var(--green)}.btn-secondary:hover:not(:disabled){background:#00ff8812;box-shadow:var(--glow)}.sliders{display:flex;flex-direction:column;gap:1rem}