.toast{z-index:9999;pointer-events:none;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:600;position:fixed;top:20px;left:50%;transform:translate(-50%)}.toast.success{color:#2ed573;background:#2ed57326;border:1px solid #2ed5734d}.toast.error{color:#ff4757;background:#ff475726;border:1px solid #ff47574d}.toast.info{color:#a29bfe;background:#6c5ce726;border:1px solid #6c5ce74d}.toast-enter-active,.toast-leave-active{transition:all .3s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%)translateY(-10px)}.page-enter-active,.page-leave-active{transition:opacity .2s}.page-enter-from,.page-leave-to{opacity:0}:root{--bg:#0a0a0f;--bg2:#12121a;--bg3:#1a1a28;--card:#16162a;--border:#2a2a45;--text:#e8e8f0;--text2:#88a;--accent:#6c5ce7;--accent2:#a29bfe;--gradient:linear-gradient(135deg, #6c5ce7, #a29bfe, #74b9ff);--gradient2:linear-gradient(135deg, #fd79a8, #e17055, #fdcb6e);--shadow:0 4px 24px #6c5ce726;--radius:16px}html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}*{box-sizing:border-box;margin:0;padding:0}::selection{color:#fff;background:#6c5ce74d}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,SF Pro Display,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}img{max-width:100%;height:auto}button{cursor:pointer;font-family:inherit}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,textarea,select{font-family:inherit}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@media (width<=640px){.sidebar{max-height:50vh;overflow-y:auto}}.drop-zone,.upload-area{background:var(--bg3);border:2px dashed var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;background-image:radial-gradient(circle,#6c5ce70a 0%,#0000 70%);flex-direction:column;justify-content:center;align-items:center;width:100%;padding:48px 20px;transition:all .3s;display:flex;position:relative}.drop-zone:hover,.upload-area:hover{border-color:var(--accent);background-image:radial-gradient(circle,#6c5ce714 0%,#0000 70%);box-shadow:0 0 0 4px #6c5ce70f}.drop-zone:active,.upload-area:active{transform:scale(.995)}.drop-zone>input[hidden],.upload-area>input[hidden]{display:none!important}.preview canvas,.preview img,.preview-box canvas{object-fit:contain;border-radius:8px;max-width:100%;max-height:50vh;margin:0 auto;display:block}.cam-btns{justify-content:center;gap:10px;margin-top:14px;display:flex}.cam-btn{background:var(--bg2);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:10px;padding:9px 18px;font-size:13px;transition:all .2s}.cam-btn:hover{border-color:var(--accent)}::placeholder{color:var(--text2);opacity:.5}