@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Mono:wght@400;500&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--font:"DM Sans",system-ui,sans-serif;--font-mono:"DM Mono",monospace;--bg:#f7f6f3;--bg-card:#fff;--bg-sidebar:#111;--bg-sidebar-hover:#1e1e1e;--bg-sidebar-active:#2a2a2a;--text-primary:#111;--text-secondary:#6b6b6b;--text-sidebar:#888;--border:#00000014;--border-strong:#00000024;--accent:#ff4d00;--accent-light:#fff0eb;--accent-dark:#cc3d00;--blue:#2563eb;--blue-light:#eff6ff;--green:#16a34a;--green-light:#f0fdf4;--purple:#7c3aed;--purple-light:#f5f3ff;--amber:#d97706;--amber-light:#fffbeb;--red:#dc2626;--red-light:#fef2f2;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014,0 2px 6px #0000000a;--shadow-lg:0 8px 24px #0000001a,0 4px 12px #0000000f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--sidebar-width:260px;--header-height:64px;--transition:200ms cubic-bezier(0.4,0,0.2,1)}.dark{--bg:#0f0f0f;--bg-card:#1a1a1a;--bg-sidebar:#080808;--bg-sidebar-hover:#161616;--bg-sidebar-active:#242424;--text-primary:#f5f5f5;--text-secondary:#888;--text-sidebar:#606060;--border:#ffffff14;--border-strong:#ffffff24;--accent-light:#2a1500;--blue-light:#0f1e3a;--green-light:#0a1f0f;--purple-light:#1a1030;--amber-light:#1f1500;--red-light:#1f0808;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 24px #0009}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;background:#f7f6f3;background:var(--bg);color:#111;color:var(--text-primary);font-family:DM Sans,system-ui,sans-serif;font-family:var(--font);line-height:1.6}.app-root{height:100vh}.app-root,.main-area{display:flex;overflow:hidden}.main-area{flex:1 1;flex-direction:column;min-width:0;transition:margin-left .2s cubic-bezier(.4,0,.2,1);transition:margin-left var(--transition)}.main-area.sidebar-open{margin-left:260px;margin-left:var(--sidebar-width)}.main-area.sidebar-closed{margin-left:0}.content{flex:1 1;overflow-y:auto}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#00000024;background:var(--border-strong);border-radius:3px}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:DM Sans,system-ui,sans-serif;font-family:var(--font);font-size:14px;font-weight:500;gap:8px;line-height:1;padding:10px 18px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.45}.btn-primary{background:#ff4d00;background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:#cc3d00;background:var(--accent-dark);box-shadow:0 4px 12px #00000014,0 2px 6px #0000000a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:#fff;background:var(--bg-card);border:1px solid #00000024;border:1px solid var(--border-strong);color:#111;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#f7f6f3;background:var(--bg)}.btn-ghost{background:#0000;color:#6b6b6b;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:#00000014;background:var(--border);color:#111;color:var(--text-primary)}.btn-sm{font-size:13px;padding:7px 13px}.btn-lg{font-size:16px;padding:14px 28px}.btn-icon{border-radius:8px;border-radius:var(--radius-sm);padding:8px}.card{background:#fff;background:var(--bg-card);border:1px solid #00000014;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm)}input:not([type=file]):not([type=range]):not([type=color]):not([type=checkbox]):not([type=radio]),select,textarea{background:#fff;background:var(--bg-card);border:1px solid #00000024;border:1px solid var(--border-strong);border-radius:8px;border-radius:var(--radius-sm);color:#111;color:var(--text-primary);display:block;font-family:DM Sans,system-ui,sans-serif;font-family:var(--font);font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition),box-shadow var(--transition);width:100%}input:not([type=file]):not([type=range]):not([type=color]):focus,select:focus,textarea:focus{border-color:#ff4d00;border-color:var(--accent);box-shadow:0 0 0 3px #ff4d001a}input[type=file]{display:none!important}input[type=range]{accent-color:#ff4d00;accent-color:var(--accent);background:#0000;border:none;cursor:pointer;height:4px;outline:none;padding:0;width:100%}input[type=color]{background:#fff;background:var(--bg-card);border:1px solid #00000024;border:1px solid var(--border-strong);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;height:42px;padding:3px;width:100%}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.drop-zone{background:#fff;background:var(--bg-card);border:2px dashed #00000024;border:2px dashed var(--border-strong);border-radius:16px;border-radius:var(--radius-lg);color:inherit;cursor:pointer;display:block;font-size:inherit;font-weight:inherit;padding:48px 32px;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:100%}.drop-zone.active,.drop-zone:hover{background:#fff0eb;background:var(--accent-light);border-color:#ff4d00;border-color:var(--accent)}.drop-zone.active{transform:scale(1.005)}.drop-icon-wrap{align-items:center;background:#fff0eb;background:var(--accent-light);border-radius:50%;display:flex;height:60px;justify-content:center;margin:0 auto 16px;pointer-events:none;transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--transition);width:60px}.drop-zone.active .drop-icon-wrap,.drop-zone:hover .drop-icon-wrap{transform:scale(1.08)}.drop-label{font-size:16px;font-weight:600;margin-bottom:4px;pointer-events:none}.drop-sub{color:#6b6b6b;color:var(--text-secondary);font-size:13px;margin-top:4px;pointer-events:none}.file-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.file-item{animation:fadeIn .2s ease both;background:#f7f6f3;background:var(--bg);border:1px solid #00000014;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);gap:10px;padding:10px 12px}.file-icon,.file-item{align-items:center;display:flex}.file-icon{background:#fff0eb;background:var(--accent-light);color:#ff4d00;color:var(--accent);justify-content:center}.file-icon,.file-thumb{border-radius:6px;flex-shrink:0;height:40px;width:40px}.file-thumb{object-fit:cover}.file-info{flex:1 1;min-width:0}.file-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#6b6b6b;color:var(--text-secondary);font-size:11px;margin-top:1px}.badge{align-items:center;border-radius:100px;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:3px 10px}.badge-blue{background:#eff6ff;background:var(--blue-light);color:#2563eb;color:var(--blue)}.badge-green{background:#f0fdf4;background:var(--green-light);color:#16a34a;color:var(--green)}.badge-purple{background:#f5f3ff;background:var(--purple-light);color:#7c3aed;color:var(--purple)}.badge-amber{background:#fffbeb;background:var(--amber-light);color:#d97706;color:var(--amber)}.badge-red{background:#fef2f2;background:var(--red-light);color:#dc2626;color:var(--red)}.badge-accent{background:#fff0eb;background:var(--accent-light);color:#ff4d00;color:var(--accent)}.progress-bar{background:#00000014;background:var(--border);border-radius:2px;height:4px;overflow:hidden}.progress-fill{background:#ff4d00;background:var(--accent);border-radius:2px;height:100%;transition:width .3s ease}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease infinite}.animate-fade-in{animation:fadeIn .3s ease both}.animate-scale-in{animation:scaleIn .2s ease both}.tool-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.divider{background:#00000014;background:var(--border);height:1px;margin:16px 0}.section-label{color:#6b6b6b;color:var(--text-secondary);display:block;font-size:11px;font-weight:600;letter-spacing:.07em;margin-bottom:8px;text-transform:uppercase}.toast-container{bottom:24px;display:flex;flex-direction:column;gap:8px;position:fixed;right:24px;z-index:9999}.toast{align-items:center;animation:fadeIn .25s ease both;background:#fff;background:var(--bg-card);border:1px solid #00000014;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 8px 24px #0000001a,0 4px 12px #0000000f;box-shadow:var(--shadow-lg);display:flex;gap:12px;min-width:280px;padding:14px 18px}.toast-success{border-left:3px solid #16a34a;border-left:3px solid var(--green)}.toast-error{border-left:3px solid #dc2626;border-left:3px solid var(--red)}.toast-info{border-left:3px solid #2563eb;border-left:3px solid var(--blue)}.upload-error{align-items:center;background:#fef2f2;background:var(--red-light);border-radius:8px;border-radius:var(--radius-sm);color:#dc2626;color:var(--red);display:flex;font-size:13px;gap:6px;margin-top:8px;padding:8px 12px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.p-4{padding:16px}.p-6{padding:24px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-4{margin-bottom:16px}.w-full{width:100%}.text-sm{font-size:13px}.text-xs{font-size:11px}.text-muted{color:#6b6b6b;color:var(--text-secondary)}.text-accent{color:#ff4d00;color:var(--accent)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:8px;border-radius:var(--radius-sm)}.rounded-lg{border-radius:16px;border-radius:var(--radius-lg)}@media (max-width:768px){:root{--sidebar-width:100vw}.main-area.sidebar-open{margin-left:0}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}
/*# sourceMappingURL=main.2540e923.css.map*/