body{font-family:'Inter',sans-serif}.transition-all-300{transition:all 0.3s cubic-bezier(.25,.8,.25,1)}.style-card,.logo-card,.tab-btn,.frame-card,.template-card,.history-item{cursor:pointer;transition:all 0.2s ease}.style-card:hover,.logo-card:hover,.frame-card:hover,.template-card:hover,.history-item:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -1px rgb(0 0 0 / .06)}.style-card.active{ring:2px solid #ea580c;ring-offset:2px}.logo-card.active{border-color:#ea580c;background-color:#fff7ed;color:#ea580c}.frame-card.active{border-color:#ea580c;background-color:#fff7ed;color:#ea580c;ring:1px solid #ea580c}.tab-btn.active{background-color:#fff;color:#ea580c;border-color:#ea580c;box-shadow:0 1px 3px rgb(234 88 12 / .1)}@keyframes progress-stripes{from{background-position:1rem 0}to{background-position:0 0}}.animate-stripes{background-image:linear-gradient(45deg,rgb(255 255 255 / .15) 25%,transparent 25%,transparent 50%,rgb(255 255 255 / .15) 50%,rgb(255 255 255 / .15) 75%,transparent 75%,transparent);background-size:1rem 1rem;animation:progress-stripes 1s linear infinite}input[type="color"]{-webkit-appearance:none;border:none;width:32px;height:32px;border-radius:6px;overflow:hidden;padding:0;cursor:pointer}input[type="color"]::-webkit-color-swatch-wrapper{padding:0}input[type="color"]::-webkit-color-swatch{border:none;border-radius:6px;border:1px solid rgb(0 0 0 / .1)}#qrcode img,#qrcode canvas{display:block;margin:0 auto;max-width:100%;height:auto}.mode-toggle{display:flex;background:#f1f5f9;border-radius:6px;padding:2px}.mode-btn{flex:1;text-align:center;padding:4px 8px;font-size:10px;font-weight:600;border-radius:4px;cursor:pointer;color:#64748b}.mode-btn.active{background:#fff;color:#ea580c;box-shadow:0 1px 2px rgb(0 0 0 / .05)}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%236B7280'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;background-size:1.5em 1.5em}input[type=range]{-webkit-appearance:none;background:#fff0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:#ea580c;cursor:pointer;margin-top:-6px;box-shadow:0 1px 2px rgb(0 0 0 / .2)}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:#e2e8f0;border-radius:2px}@keyframes slideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}.animate-slide-in-right{animation:slideInRight 0.3s ease-out forwards}@keyframes fadeIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn 0.2s ease-out forwards}.badge-new{font-size:9px;padding:2px 4px;border-radius:4px;background:#ea580c;color:#fff;margin-left:4px;font-weight:700}