*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:#111}body{color:#dcdcdc;-webkit-font-smoothing:antialiased;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:max(16px,1em)}#root{width:100%;min-height:100vh}.app{max-width:1100px;margin:0 auto;padding:24px 16px}.app-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}h1{color:#e2e600;align-items:center;gap:10px;margin-bottom:24px;font-size:1.5rem;font-weight:700;display:flex}.app-nav-tabs{background:#080808;border-radius:8px;gap:6px;padding:4px;display:flex}.app-nav-tab{color:#666;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:7px 20px;font-size:.85rem;font-weight:500;transition:all .2s}.app-nav-tab.active{color:#080808;background:#e2e600;font-weight:700}.btc-layout{grid-template-columns:auto 1fr;align-items:start;gap:24px;display:grid}@media (width<=900px){.btc-layout{grid-template-columns:1fr}}.btc-preview-wrap{justify-content:center;display:flex}.btc-preview-canvas{border:1px solid #383838;border-radius:10px;width:auto;max-height:90vh;display:block}.btc-controls{flex-direction:column;gap:14px;display:flex}.upload-zone--small{color:#a0a0a0;text-align:center;font-size:.9rem;padding:20px 16px!important}.upload-zone{text-align:center;cursor:pointer;background:#1c1c1c;border:2px dashed #383838;border-radius:12px;padding:56px 24px;transition:border-color .2s,background .2s;display:block}.upload-zone:hover{background:#282900;border-color:#e2e600}.upload-zone input[type=file]{display:none}.upload-icon{margin-bottom:12px;font-size:3rem}.upload-label{align-items:center;gap:6px;display:inline-flex}.upload-zone p{color:#666;margin-top:6px;font-size:.9rem}.upload-zone strong{color:#e2e600}.editor-layout{grid-template-columns:1fr 268px;align-items:start;gap:20px;display:grid}@media (width<=768px){.editor-layout{grid-template-columns:1fr}}.canvas-area{background:#1c1c1c;border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:center;gap:14px;min-height:420px;padding:16px;display:flex}.mode-tabs{background:#080808;border-radius:8px;align-self:flex-start;gap:6px;padding:4px;display:flex}.mode-tab{color:#666;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:7px 20px;font-size:.85rem;font-weight:500;transition:all .2s}.mode-tab.active{color:#080808;background:#e2e600;font-weight:700}.crop-hint{color:#a0a0a0;text-align:center;background:#272727;border-radius:6px;align-self:stretch;padding:6px 14px;font-size:.78rem}.resize-preview{object-fit:contain;border-radius:8px;max-width:100%;max-height:500px;display:block}.sidebar{flex-direction:column;gap:14px;display:flex}.panel{background:#1c1c1c;border-radius:12px;padding:16px}.panel h3{text-transform:uppercase;letter-spacing:.1em;color:#e2e600;margin-bottom:14px;font-size:.72rem;font-weight:600}.field{margin-bottom:12px}.field label{color:#a0a0a0;margin-bottom:5px;font-size:.8rem;display:block}.field input[type=number]{color:#f2f2f2;background:#272727;border:1px solid #383838;border-radius:6px;outline:none;width:100%;padding:8px 10px;transition:border-color .2s}.field input[type=number]:focus{border-color:#e2e600}.checkbox-row{color:#a0a0a0;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-bottom:14px;font-size:.85rem;display:flex}.checkbox-row input{accent-color:#e2e600;cursor:pointer;width:15px;height:15px}.btn{cursor:pointer;border:none;border-radius:8px;width:100%;margin-bottom:6px;padding:10px;font-size:.88rem;font-weight:600;transition:all .18s}.btn:last-child{margin-bottom:0}.btn-primary{color:#080808;background:#e2e600}.btn-primary:hover{background:#c8cc00}.btn-secondary{color:#a0a0a0;background:#272727;border:1px solid #383838}.btn-secondary:hover{color:#dcdcdc;background:#383838}.btn-success{color:#080808;background:#e2e600}.btn-success:hover{background:#c8cc00}.export-format{gap:8px;margin-bottom:12px;display:flex}.format-btn{color:#666;cursor:pointer;background:0 0;border:1px solid #383838;border-radius:6px;flex:1;padding:8px;font-size:.85rem;font-weight:500;transition:all .2s}.format-btn.active{color:#e2e600;background:#282900;border-color:#e2e600}.quality-row{align-items:center;gap:10px;margin-bottom:14px;display:flex}.quality-row label{color:#a0a0a0;white-space:nowrap;font-size:.8rem}.quality-row input[type=range]{accent-color:#e2e600;flex:1}.quality-row span{color:#e2e600;text-align:right;min-width:32px;font-size:.8rem}.info-text{color:#666;text-align:center;margin-top:2px;font-size:.75rem}.bg-detected{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.bg-detected-label{color:#666;font-size:.78rem}.bg-chip{background:#272727;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;display:flex}.bg-swatch{border:1px solid #484848;border-radius:3px;flex-shrink:0;width:14px;height:14px}.bg-chip span{color:#a0a0a0;font-size:.75rem}.bg-presets{grid-template-columns:1fr 1fr;gap:6px;margin-top:2px;display:grid}.bg-preset-btn{color:#888;cursor:pointer;text-align:center;background:#272727;border:1px solid #383838;border-radius:6px;padding:8px 6px;font-size:.78rem;font-weight:500;transition:all .18s}.bg-preset-btn:hover{color:#dcdcdc;border-color:#e2e600}.bg-preset-btn.active{color:#e2e600;background:#1e1e00;border-color:#e2e600;font-weight:700}.ReactCrop{max-width:100%;max-height:500px}.ReactCrop__image{max-height:500px}