:root{--bg-base:#141414;--bg-elevated:#1e1e1e;--bg-surface:#242424;--bg-hover:#2e2e2e;--bg-active:#333;--border-subtle:#2e2e2e;--border-default:#3a3a3a;--border-strong:#505050;--text-primary:#f0f0f0;--text-secondary:#a0a0a0;--text-muted:#606060;--accent:#dc2626;--accent-dark:#991b1b;--accent-light:#ef4444;--accent-glow:#dc262659;--sidebar-width:272px;--navbar-height:52px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--transition:0.2s cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;overflow:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#141414;background:var(--bg-base);color:#f0f0f0;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica Neue,sans-serif}button{background:none;border:none;cursor:pointer;font-family:inherit}.app{flex-direction:column;height:100vh;width:100vw}.app,.app-body{display:flex;overflow:hidden}.app-body{flex:1 1;position:relative}.navbar{background:#1e1e1e;background:var(--bg-elevated);border-bottom:1px solid #2e2e2e;border-bottom:1px solid var(--border-subtle);box-shadow:0 1px 0 #2e2e2e,0 1px 3px #0006;box-shadow:0 1px 0 var(--border-subtle),var(--shadow-sm);flex-shrink:0;height:52px;height:var(--navbar-height);justify-content:space-between;padding:0 16px;z-index:100}.navbar,.navbar__brand{align-items:center;display:flex}.navbar__brand{gap:10px;text-decoration:none}.navbar__logo{align-items:center;background:linear-gradient(135deg,#dc2626,#991b1b);background:linear-gradient(135deg,var(--accent) 0,var(--accent-dark) 100%);border-radius:6px;border-radius:var(--radius-sm);box-shadow:0 2px 8px #dc262659;box-shadow:0 2px 8px var(--accent-glow);display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.navbar__logo-rs{color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.5px}.navbar__title{display:flex;flex-direction:column;gap:2px;line-height:1}.navbar__title-main{color:#f0f0f0;color:var(--text-primary);font-size:.95rem;font-weight:700;letter-spacing:-.2px}.navbar__title-sub{color:#606060;color:var(--text-muted);font-size:.7rem;font-weight:400;letter-spacing:.2px}.navbar__actions{align-items:center;display:flex;gap:10px}.navbar__status{align-items:center;color:#a0a0a0;color:var(--text-secondary);display:flex;font-size:.75rem;font-weight:500;gap:6px}.navbar__status-dot{background:#22c55e;border-radius:50%;box-shadow:0 0 6px #22c55e99;flex-shrink:0;height:6px;width:6px}.navbar__upload-btn{align-items:center;background:#242424;background:var(--bg-surface);border:1px solid #3a3a3a;border:1px solid var(--border-default);border-radius:6px;border-radius:var(--radius-sm);color:#f0f0f0;color:var(--text-primary);cursor:pointer;display:flex;font-size:.82rem;font-weight:500;gap:6px;padding:6px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);white-space:nowrap}.navbar__upload-btn:hover{background:#2e2e2e;background:var(--bg-hover);border-color:#dc2626;border-color:var(--accent);color:#ef4444;color:var(--accent-light)}.navbar__upload-icon{font-size:1rem!important}.navbar__upload-label{display:none}@media (min-width:480px){.navbar__upload-label{display:inline}}.sidebar{background:#1e1e1e;background:var(--bg-elevated);border-right:1px solid #2e2e2e;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;transition:width .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);transition:width var(--transition),transform var(--transition)}.sidebar--desktop{overflow:hidden;width:0}.sidebar--desktop.sidebar--open,.sidebar--mobile{width:272px;width:var(--sidebar-width)}.sidebar--mobile{bottom:0;box-shadow:0 8px 32px #0009;box-shadow:var(--shadow-lg);left:0;overflow-y:auto;position:fixed;top:52px;top:var(--navbar-height);transform:translateX(-100%);z-index:200}.sidebar--mobile.sidebar--open{transform:translateX(0)}.sidebar-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000a6;inset:0;position:fixed;top:52px;top:var(--navbar-height);z-index:199}.sidebar__header{align-items:center;border-bottom:1px solid #2e2e2e;border-bottom:1px solid var(--border-subtle);display:flex;flex-shrink:0;justify-content:space-between;padding:14px 16px}.sidebar__header-title{color:#a0a0a0;color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.sidebar__close-btn{align-items:center;background:#242424;background:var(--bg-surface);border:1px solid #3a3a3a;border:1px solid var(--border-default);border-radius:6px;border-radius:var(--radius-sm);color:#a0a0a0;color:var(--text-secondary);display:flex;height:28px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:28px}.sidebar__close-btn:hover{background:#2e2e2e;background:var(--bg-hover);color:#f0f0f0;color:var(--text-primary)}.sidebar__close-btn .MuiSvgIcon-root{font-size:1rem!important}.sidebar-content{display:flex;flex:1 1;flex-direction:column;gap:0;overflow-y:auto;padding:12px 0}.sidebar-content::-webkit-scrollbar{width:4px}.sidebar-content::-webkit-scrollbar-track{background:#0000}.sidebar-content::-webkit-scrollbar-thumb{background:#3a3a3a;background:var(--border-default);border-radius:4px}.sidebar-section{padding:8px 14px 12px}.sidebar-section-header{color:#606060;color:var(--text-muted);font-size:.68rem;font-weight:700;letter-spacing:1px;margin-bottom:10px;padding-left:2px;text-transform:uppercase}.sidebar-divider{background:#2e2e2e;background:var(--border-subtle);height:1px;margin:0 14px}.sidebar-actions{display:flex;flex-direction:column;gap:5px}.action-btn{align-items:center;background:#242424;background:var(--bg-surface);border:1px solid #0000;border-radius:6px;border-radius:var(--radius-sm);color:#f0f0f0;color:var(--text-primary);cursor:pointer;display:flex;font-size:.82rem;font-weight:500;gap:9px;padding:8px 12px;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:100%}.action-btn:disabled{cursor:not-allowed;opacity:.35}.action-btn:not(:disabled):hover{background:#2e2e2e;background:var(--bg-hover);border-color:#3a3a3a;border-color:var(--border-default)}.action-btn__icon{flex-shrink:0;font-size:1rem!important}.action-btn--upload{background:#dc262614;border-color:#dc262633;color:#ef4444;color:var(--accent-light)}.action-btn--upload:not(:disabled):hover{background:#dc262626;border-color:#dc2626;border-color:var(--accent)}.action-btn--save .action-btn__icon{color:#60a5fa}.action-btn--copy .action-btn__icon{color:#a78bfa}.action-btn--clear .action-btn__icon{color:#f87171}.tool-picker{grid-gap:5px;display:grid;gap:5px;grid-template-columns:1fr 1fr 1fr}.tool-btn{align-items:center;background:#242424;background:var(--bg-surface);border:1px solid #2e2e2e;border:1px solid var(--border-subtle);border-radius:6px;border-radius:var(--radius-sm);color:#a0a0a0;color:var(--text-secondary);display:flex;flex-direction:column;font-size:0;gap:5px;justify-content:center;padding:10px 6px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.tool-btn:hover{background:#2e2e2e;background:var(--bg-hover);border-color:#3a3a3a;border-color:var(--border-default);color:#f0f0f0;color:var(--text-primary)}.tool-btn--active{background:#dc26261f;border-color:#dc2626;border-color:var(--accent);box-shadow:0 0 0 1px #dc26264d;color:#ef4444;color:var(--accent-light)}.tool-btn--active:hover{background:#dc26262e}.tool-btn__icon{font-size:1.15rem!important}.tool-btn__label{font-size:.65rem;font-weight:600;letter-spacing:.2px;line-height:1;text-transform:uppercase}.tool-options{display:flex;flex-direction:column;gap:14px}.option-row{align-items:center;display:flex;gap:10px;justify-content:space-between}.option-row--column{align-items:stretch;flex-direction:column;gap:8px}.option-label{align-items:center;color:#a0a0a0;color:var(--text-secondary);display:flex;font-size:.8rem;font-weight:500;gap:6px;white-space:nowrap}.option-label--row{justify-content:space-between}.option-label__icon{font-size:.95rem!important}.option-label__icon,.option-value{color:#606060;color:var(--text-muted)}.option-value{font-feature-settings:"tnum";font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:400}.color-control{align-items:center;display:flex;gap:8px}.color-swatch{background:none;border:1px solid #3a3a3a;border:1px solid var(--border-default);border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;height:28px;padding:2px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:36px}.color-swatch:hover{border-color:#dc2626;border-color:var(--accent);transform:scale(1.08)}.color-value{color:#606060;color:var(--text-muted);font-family:SF Mono,Fira Code,monospace;font-size:.72rem;font-weight:500}.range-slider{accent-color:#dc2626;accent-color:var(--accent);-webkit-appearance:none;appearance:none;background:#3a3a3a;background:var(--border-default);border-radius:4px;cursor:pointer;height:4px;outline:none;width:100%}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#dc2626;background:var(--accent);border:2px solid #1e1e1e;border:2px solid var(--bg-elevated);border-radius:50%;box-shadow:0 1px 4px #dc262659;box-shadow:0 1px 4px var(--accent-glow);cursor:pointer;height:16px;-webkit-transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1);-webkit-transition:transform var(--transition);transition:transform var(--transition);width:16px}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.range-slider::-moz-range-thumb{background:#dc2626;background:var(--accent);border:2px solid #1e1e1e;border:2px solid var(--bg-elevated);border-radius:50%;box-shadow:0 1px 4px #dc262659;box-shadow:0 1px 4px var(--accent-glow);cursor:pointer;height:16px;width:16px}.sidebar-toggle{align-items:center;background:#1e1e1e;background:var(--bg-elevated);border:1px solid #2e2e2e;border:1px solid var(--border-subtle);border-left:none;border-radius:0 6px 6px 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;box-shadow:0 1px 3px #0006;box-shadow:var(--shadow-sm);color:#a0a0a0;color:var(--text-secondary);display:flex;height:40px;justify-content:center;position:fixed;top:68px;top:calc(var(--navbar-height) + 16px);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:24px;z-index:150}.sidebar-toggle--open{left:272px;left:var(--sidebar-width)}.sidebar-toggle--closed{left:0}.sidebar-toggle:hover{background:#242424;background:var(--bg-surface);color:#ef4444;color:var(--accent-light);width:28px}.sidebar-toggle .MuiSvgIcon-root{font-size:1rem!important}.mobile-fab{align-items:center;animation:fabIn .25s cubic-bezier(.34,1.56,.64,1);background:#dc2626;background:var(--accent);border-radius:50%;bottom:24px;box-shadow:0 4px 16px #dc262659,0 2px 8px #0006;box-shadow:0 4px 16px var(--accent-glow),0 2px 8px #0006;color:#fff;display:flex;height:52px;justify-content:center;position:fixed;right:24px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:52px;z-index:198}.mobile-fab:hover{background:#ef4444;background:var(--accent-light);transform:scale(1.08)}.mobile-fab:active{transform:scale(.94)}.mobile-fab .MuiSvgIcon-root{font-size:1.4rem!important}.canvas-area{background:#141414;background:var(--bg-base);flex:1 1;overflow:hidden}.canvas-area,.canvas-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.canvas-wrapper{height:100%;width:100%}.empty-state{align-items:center;animation:fadeIn .3s ease;display:flex;flex-direction:column;inset:0;justify-content:center;padding:24px;pointer-events:none;position:absolute;text-align:center;z-index:10}.empty-state>*{pointer-events:auto}.empty-state__icon{align-items:center;background:#dc262614;border:1px solid #dc262633;border-radius:14px;border-radius:var(--radius-lg);display:flex;height:64px;justify-content:center;margin-bottom:16px;width:64px}.empty-state__title{color:#f0f0f0;color:var(--text-primary);font-size:1.25rem;font-weight:700;letter-spacing:-.3px;margin-bottom:6px}.empty-state__subtitle{color:#a0a0a0;color:var(--text-secondary);font-size:.85rem;font-weight:400;margin-bottom:20px}.empty-state__cta{align-items:center;background:#dc2626;background:var(--accent);border:none;border-radius:10px;border-radius:var(--radius-md);box-shadow:0 2px 12px #dc262659;box-shadow:0 2px 12px var(--accent-glow);color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;margin-bottom:28px;padding:10px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.empty-state__cta:hover{background:#ef4444;background:var(--accent-light);box-shadow:0 4px 16px #dc262659;box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-1px)}.empty-state__cta-icon{font-size:1rem!important}.empty-state__steps{display:flex;flex-direction:column;gap:6px;max-width:300px;width:100%}.empty-state__step{align-items:center;background:#1e1e1e;background:var(--bg-elevated);border:1px solid #2e2e2e;border:1px solid var(--border-subtle);border-radius:6px;border-radius:var(--radius-sm);display:flex;gap:10px;padding:8px 12px;text-align:left}.empty-state__step-num{align-items:center;background:#dc26261a;border:1px solid #dc262640;border-radius:50%;color:#ef4444;color:var(--accent-light);display:flex;flex-shrink:0;font-size:.7rem;font-weight:700;height:22px;justify-content:center;width:22px}.empty-state__step-text{color:#a0a0a0;color:var(--text-secondary);font-size:.78rem;line-height:1.4}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fabIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){:root{--navbar-height:52px}.navbar__title-sub{display:none}.empty-state{padding:16px}.empty-state__title{font-size:1.1rem}.tool-btn{padding:12px 6px}.action-btn{font-size:.875rem;padding:10px 12px}.range-slider::-webkit-slider-thumb{height:20px;width:20px}.color-swatch{height:34px;width:42px}}@media (hover:none){.action-btn:hover,.color-swatch:hover,.empty-state__cta:hover,.tool-btn:hover{transform:none}}@media (max-width:768px){body,html{overscroll-behavior:none}}
/*# sourceMappingURL=main.c4a5765a.css.map*/