@font-face{font-family:Klaster Sans;src:url(/assets/KlasterSans-Regular-cf5Q0GMQ.otf)format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Klaster Sans;src:url(/assets/KlasterSans-Medium-BwFA_b2D.otf)format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Klaster Sans;src:url(/assets/KlasterSans-Bold-Dt7-62dq.otf)format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Klaster Sans;src:url(/assets/KlasterSans-Heavy--9vY6Ndj.otf)format("opentype");font-weight:900;font-style:normal}:root{--bg-color:#000;--panel-bg:#1a1a1a;--panel-border:#333;--text-primary:#fff;--text-secondary:#a1a1aa;--accent:#fa1e44;--accent-hover:#ff3b5c;--border-radius:16px;--transition:all .2s cubic-bezier(.4, 0, .2, 1)}.hazard-pattern{background:repeating-linear-gradient(45deg, var(--accent), var(--accent) 10px, #000 10px, #000 20px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:var(--bg-color);color:var(--text-primary);letter-spacing:-.02em;min-height:100vh;margin:0;font-family:Klaster Sans,sans-serif}#root{flex-direction:column;min-height:100vh;display:flex}.app-container{flex-direction:column;flex-grow:1;gap:20px;width:100%;max-width:500px;margin:0 auto;padding:16px;display:flex}.header{text-align:center;background:var(--panel-bg);border-radius:var(--border-radius);border:1px solid var(--panel-border);padding:30px 20px;position:relative;overflow:hidden}.header h1{text-transform:uppercase;letter-spacing:-.05em;color:var(--accent);margin-bottom:8px;font-size:38px;font-weight:900;line-height:.9}.header p{color:#fff;text-transform:uppercase;opacity:.8;font-size:14px;font-weight:500}.editor-wrapper{flex-direction:column;gap:20px;width:100%;display:flex}.canvas-container{aspect-ratio:1;border-radius:var(--border-radius);border:1px solid var(--panel-border);background-color:#0b0b0b;width:100%;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000080}.controls-section{background:var(--panel-bg);border-radius:var(--border-radius);border:1px solid var(--panel-border);flex-direction:column;gap:24px;padding:24px;display:flex}.control-group{flex-direction:column;gap:12px;display:flex}.zoom-row{background:#000;border-radius:40px;align-items:center;gap:16px;width:100%;padding:12px 20px;display:flex}.zoom-icon{color:var(--accent)}.slider{appearance:none;background:#333;border-radius:2px;outline:none;width:100%;height:4px}.slider::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:20px;height:20px;box-shadow:0 0 10px #fa1e4466}.color-row{flex-direction:column;gap:12px;display:flex}.color-label{text-transform:uppercase;color:var(--text-secondary);justify-content:space-between;font-size:13px;font-weight:900;display:flex}.color-picker{scrollbar-width:none;gap:12px;padding:4px;display:flex;overflow-x:auto}.color-picker::-webkit-scrollbar{display:none}.color-btn{width:44px;height:44px;transition:var(--transition);border:2px solid #0000;border-radius:12px;flex-shrink:0;position:relative}.color-btn.active{border-color:#fff;transform:translateY(-4px);box-shadow:0 4px 12px #fff3}.action-buttons{flex-direction:column;gap:12px;margin-top:10px;display:flex}.btn{text-transform:uppercase;border-radius:var(--border-radius);cursor:pointer;width:100%;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:12px;padding:18px;font-size:16px;font-weight:900;display:flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:active{background:var(--accent-hover);transform:scale(.98)}.btn-secondary{color:#fff;background:#333}.btn-secondary:hover{background:#444}.empty-state{aspect-ratio:1;background:var(--panel-bg);border:2px dashed var(--panel-border);border-radius:var(--border-radius);cursor:pointer;width:100%;transition:var(--transition);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state:hover{border-color:var(--accent);background:#222}.upload-box{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.upload-box p{text-transform:uppercase;margin-bottom:8px;font-size:20px;font-weight:900}.upload-hint{color:var(--accent);text-transform:uppercase;font-size:12px}.success-card{background:var(--panel-bg);border-radius:var(--border-radius);border:1px solid var(--panel-border);text-align:center;flex-direction:column;align-items:center;gap:24px;padding:30px;display:flex}.success-img-wrapper{border-radius:var(--border-radius);background:var(--accent);width:100%;max-width:320px;padding:8px;position:relative}.success-img-wrapper img{border-radius:calc(var(--border-radius) - 4px);width:100%;display:block}