*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#0c0c0c;color:#ede9e0;font-family:DM Mono,Courier New,monospace;min-height:100vh;-webkit-font-smoothing:antialiased}.app{max-width:900px;margin:0 auto;padding:2.5rem 1.5rem 5rem}.app-header{display:flex;align-items:baseline;gap:1.25rem;margin-bottom:2.5rem;padding-bottom:1.25rem;border-bottom:1px solid #222}.app-title{font-family:Syne,sans-serif;font-size:1.6rem;font-weight:800;letter-spacing:-.04em;color:#ede9e0}.app-title span{color:#c8a84b}.app-tag{font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:#999}.layout{display:grid;grid-template-columns:1fr 284px;gap:3rem;align-items:start}@media (max-width: 680px){.layout{grid-template-columns:1fr}.preview-col{order:-1}}.section{margin-bottom:1.75rem}.section-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.7rem}.section-label{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:#aaa;white-space:nowrap}.section-rule{flex:1;height:1px;background:#222}.sub-head{margin-bottom:.35rem}.sub-label{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:#666}.text-input{width:100%;background:#111;border:1px solid #2a2a2a;border-radius:3px;padding:.6rem .8rem;font-family:DM Mono,monospace;font-size:.78rem;color:#ede9e0;outline:none;transition:border-color .15s,background .15s;margin-bottom:.5rem}.text-input::placeholder{color:#555}.text-input:focus{border-color:#c8a84b;background:#141414}.text-input.input-warn{border-color:#c87a3a}.input-warning{font-size:.65rem;color:#c87a3a;margin-bottom:.5rem;line-height:1.4}.multi-input{display:flex;flex-direction:column;gap:0}.file-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.file-trigger{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:#111;border:1px dashed #333;border-radius:3px;font-family:DM Mono,monospace;font-size:.72rem;color:#aaa;cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0}.file-trigger:hover{border-color:#c8a84b;color:#c8a84b}.clear-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .6rem;background:transparent;border:1px solid #2a2a2a;border-radius:3px;font-family:DM Mono,monospace;font-size:.65rem;color:#666;cursor:pointer;transition:all .12s}.clear-btn:hover{border-color:#c87a3a;color:#c87a3a}.file-name{font-size:.68rem;color:#c8a84b;margin-bottom:.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-input{display:none}.logo-card{background:#111;border:1px solid #222;border-radius:5px;padding:.9rem;margin-top:.25rem;display:grid;grid-template-columns:auto 1fr;gap:.75rem 1rem;align-items:start}.logo-card-label{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:#aaa;padding-top:.2rem;white-space:nowrap}.pos-grid{display:grid;grid-template-columns:repeat(3,32px);grid-template-rows:repeat(3,32px);gap:3px}.pos-btn{display:flex;align-items:stretch;justify-content:stretch;background:#161616;border:1px solid #2a2a2a;border-radius:2px;cursor:pointer;transition:all .1s;padding:0}.pos-btn:hover{border-color:#555}.pos-btn.active{border-color:#c8a84b;background:#c8a84b1f}.pos-inner{width:100%;height:100%;display:flex;padding:5px}.pos-dot{width:6px;height:6px;border-radius:50%;background:#555;flex-shrink:0;transition:background .1s}.pos-btn.active .pos-dot{background:#c8a84b}.pos-btn.finder-risk{border-color:#3a2518}.pos-btn.finder-risk .pos-dot{background:#6b4020}.pos-btn.finder-risk:hover{border-color:#c87a3a}.pos-btn.finder-risk.active{border-color:#c87a3a;background:#c87a3a1f}.pos-btn.finder-risk.active .pos-dot{background:#c87a3a}.finder-warning{margin-top:.45rem;font-size:.63rem;color:#c87a3a;line-height:1.4}.slider-wrap{display:flex;align-items:center;gap:.65rem}.slider-meta{font-size:.68rem;color:#aaa;white-space:nowrap;min-width:2.5rem;text-align:right}.slider-meta strong{color:#c8a84b;font-weight:500}input[type=range].styled-slider{-webkit-appearance:none;flex:1;height:2px;background:#2a2a2a;border-radius:2px;outline:none;cursor:pointer}input[type=range].styled-slider::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#c8a84b;border:2px solid #0c0c0c;cursor:pointer}.chip-group{display:flex;flex-wrap:wrap;gap:5px}.chip{padding:.3rem .65rem;font-family:DM Mono,monospace;font-size:.72rem;background:#111;border:1px solid #2a2a2a;border-radius:2px;color:#aaa;cursor:pointer;transition:all .12s}.chip:hover{border-color:#555;color:#ccc}.chip.active{border-color:#c8a84b;color:#c8a84b;background:#c8a84b14}.color-row{display:flex;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.color-field{display:flex;flex-direction:column;gap:.3rem;cursor:pointer}.color-label{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:#888}.color-field input[type=color]{-webkit-appearance:none;width:44px;height:28px;border:1px solid #2a2a2a;border-radius:3px;padding:2px;background:#111;cursor:pointer}.color-field input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-field input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.gradient-toggle{margin-bottom:.75rem}.gradient-controls{background:#111;border:1px solid #222;border-radius:4px;padding:.8rem}.preview-col{position:sticky;top:2rem;display:flex;flex-direction:column;align-items:stretch;gap:.75rem}.qr-frame{width:100%;aspect-ratio:1;background:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden}.qr-empty{display:flex;flex-direction:column;align-items:center;gap:.65rem}.qr-empty-grid{display:grid;grid-template-columns:repeat(5,10px);gap:3px;opacity:.18}.qr-cell{width:10px;height:10px;border-radius:1px;background:#000}.qr-empty-text{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:#aaa}.qr-inner{position:relative;display:inline-flex}.logo-overlay{position:absolute;top:0;left:0;pointer-events:none}.size-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.size-label{font-size:.65rem;color:#888;letter-spacing:.06em;flex-shrink:0}.size-btn{padding:.25rem .55rem;font-family:DM Mono,monospace;font-size:.65rem;background:#111;border:1px solid #2a2a2a;border-radius:2px;color:#888;cursor:pointer;transition:all .1s}.size-btn:hover{border-color:#555;color:#bbb}.size-btn.active{border-color:#c8a84b;color:#c8a84b;background:#c8a84b14}.dl-group{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.dl-btn{padding:.5rem 0;font-family:DM Mono,monospace;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;background:#111;border:1px solid #2a2a2a;border-radius:3px;color:#aaa;cursor:pointer;transition:all .12s}.dl-btn:hover{border-color:#c8a84b;color:#c8a84b;background:#c8a84b0f}.dl-btn:disabled{opacity:.25;pointer-events:none}.dl-btn.loading{opacity:.5;cursor:wait}.copy-btn{width:100%;padding:.55rem;font-family:DM Mono,monospace;font-size:.68rem;letter-spacing:.08em;background:#111;border:1px solid #2a2a2a;border-radius:3px;color:#aaa;cursor:pointer;transition:all .15s;text-transform:lowercase}.copy-btn:hover:not(:disabled){border-color:#555;color:#ccc}.copy-btn:disabled{opacity:.25;pointer-events:none}.copy-btn.success{border-color:#4a9a5a;color:#4a9a5a;background:#4a9a5a14}.copy-btn.error{border-color:#c87a3a;color:#c87a3a}.app-footer{margin-top:4rem;padding-top:1.25rem;border-top:1px solid #1a1a1a;display:flex;align-items:center;gap:.6rem;font-size:.65rem;color:#555;flex-wrap:wrap}.app-footer a{color:#555;text-decoration:none;transition:color .12s}.app-footer a:hover{color:#c8a84b}.footer-sep{color:#333}