@import "https://fonts.googleapis.com/css2?family=Anton&family=Dancing+Script&family=Lobster&family=Montserrat:wght@400;600;700&family=Oswald&family=Pacifico&family=Playfair+Display&family=Poppins:wght@300;400;500;600;700&family=Roboto:wght@400;500;700&display=swap";@import "https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css";:root{--primary:#4f46e5;--primary-hover:#4338ca;--success:#10b981;--success-hover:#059669;--danger:#ef4444;--danger-hover:#dc2626;--bg-app:#f8fafc;--bg-panel:#fff;--bg-workspace:#e2e8f0;--text-main:#334155;--text-muted:#64748b;--border-light:#e2e8f0;--border-input:#cbd5e1;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--radius-md:8px;--radius-lg:12px;--font-ui:"Poppins", sans-serif}*{box-sizing:border-box}body{font-family:var(--font-ui);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;margin:0;padding:0}.login-screen{background:var(--bg-workspace);justify-content:center;align-items:center;height:100vh;display:flex}.login-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:center;background:#fff;width:100%;max-width:400px;padding:40px}.login-logo{color:var(--primary);margin-bottom:10px;font-size:48px}.login-title{color:var(--text-main);margin-bottom:24px;font-size:1.5rem;font-weight:700}.login-input{border:1px solid var(--border-input);border-radius:var(--radius-md);width:100%;font-family:var(--font-ui);box-sizing:border-box;margin-bottom:16px;padding:12px 16px;font-size:1rem}.login-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4f46e51a}.login-error{color:var(--danger);justify-content:center;align-items:center;gap:4px;margin-bottom:16px;font-size:.85rem;font-weight:500;display:flex}.ml-3{margin-left:12px}.app-container{flex-direction:column;height:100vh;display:flex;overflow:hidden}.editor-area{flex:1;display:flex;overflow:hidden}.top-nav{background:var(--bg-panel);border-bottom:1px solid var(--border-light);height:60px;box-shadow:var(--shadow-sm);z-index:10;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.logo{color:var(--primary);align-items:center;gap:10px;display:flex}.logo i{font-size:28px}.logo h1{color:var(--text-main);letter-spacing:-.5px;margin:0;font-size:1.25rem;font-weight:600}.badge{color:#4338ca;background:#e0e7ff;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:flex}.nav-badges{align-items:center;display:flex}.sidebar{background:var(--bg-panel);border-right:1px solid var(--border-light);z-index:5;flex-direction:column;width:340px;padding:24px;display:flex;overflow-y:auto;box-shadow:2px 0 10px #00000005}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.sidebar-header h3{color:var(--text-main);align-items:center;gap:8px;margin:0 0 20px;font-size:1.1rem;font-weight:600;display:flex}.tool-group{flex-direction:column;display:flex}.divider{background-color:var(--border-light);height:1px;margin:24px 0}.label-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.85rem;font-weight:600}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:16px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:16px}.flex-between{justify-content:space-between;align-items:center;display:flex}.input-row{border-radius:var(--radius-md);border:1px solid var(--border-light);background:#f8fafc;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.dica-label{color:var(--text-main);font-size:.85rem;font-weight:500}.value-display{border:1px solid var(--border-input);color:var(--primary);background:#fff;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:700}.input-wrapper{position:relative}.input-icon{color:var(--text-muted);font-size:1.1rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.custom-select{appearance:none;border:1px solid var(--border-input);border-radius:var(--radius-md);width:100%;font-size:.95rem;font-family:var(--font-ui);color:var(--text-main);cursor:pointer;background:#f8fafc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2364748b'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") right 12px center/20px no-repeat;padding:10px 16px;transition:all .2s}.custom-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4f46e51a}.custom-select.with-icon{padding-left:40px}button,.btn-primary{font-family:var(--font-ui)}.btn-primary,.btn-success,.btn-secondary,.btn-danger,.btn-print-action{border-radius:var(--radius-md);cursor:pointer;box-sizing:border-box;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 4px #4f46e54d}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 6px #4f46e566}.btn-success{background:var(--success);color:#fff;box-shadow:0 2px 4px #10b9814d}.btn-success:hover{background:var(--success-hover);transform:translateY(-1px)}.btn-secondary{color:var(--text-main);border:1px solid var(--border-input);background:#fff}.btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-danger{color:var(--danger);background:#fee2e2}.btn-danger:hover{color:var(--danger-hover);background:#fecaca}.btn-print-action{background:var(--text-main);color:#fff}.btn-print-action:hover{background:#1e293b}.btn-ghost{border:1px solid var(--border-light);color:var(--text-main);cursor:pointer;border-radius:var(--radius-md);background:#f1f5f9;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.btn-ghost:hover{background:#e2e8f0}.btn-ghost-danger{color:var(--text-muted);background:0 0;border:none}.btn-ghost-danger:hover{color:var(--danger);background:#fee2e2}.btn-icon-small{color:var(--primary);cursor:pointer;background:#e0e7ff;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.btn-icon-small:hover{background:#c7d2fe}.action-row{gap:8px;width:100%;display:flex}.action-row label{flex:1;margin:0;padding:8px;font-size:.85rem}.text-format-bar{gap:8px;display:flex}.icon-btn{border:1px solid var(--border-input);border-radius:var(--radius-md);height:42px;color:var(--text-muted);cursor:pointer;background:#fff;flex:1;justify-content:center;align-items:center;font-size:1.2rem;transition:all .2s;display:flex}.icon-btn:hover{color:var(--text-main);background:#f1f5f9}.icon-btn.active{color:var(--primary);background:#e0e7ff;border-color:#c7d2fe}.color-picker-wrapper{border-radius:var(--radius-md);border:1px solid var(--border-input);cursor:pointer;flex:1;height:42px;position:relative;overflow:hidden}.color-picker-wrapper.small{flex:none;width:42px}.color-picker-wrapper.micro{border-radius:6px;width:32px;height:32px}.custom-color-picker{cursor:pointer;border:none;width:200%;height:200%;margin:-50%;padding:0}.slider-group{border-radius:var(--radius-md);background:#f8fafc;border:1px solid #f1f5f9;padding:12px}.slider-header{color:var(--text-main);align-items:center;gap:6px;margin-bottom:8px;font-size:.85rem;font-weight:500;display:flex}.custom-slider{-webkit-appearance:none;background:#cbd5e1;border-radius:4px;outline:none;width:100%;height:6px}.custom-slider::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;transition:transform .1s;box-shadow:0 1px 3px #0000004d}.custom-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.fade-enter-active,.fade-leave-active{transition:opacity .3s,transform .3s}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(-10px)}.workspace{background:repeating-conic-gradient(#f1f5f9 0% 25%,#f8fafc 0% 50%) 50%/24px 24px;flex:1;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 0 20px #00000005}.canvas-wrapper{border-radius:50%;transition:transform .3s;box-shadow:0 20px 40px #00000014}.queue-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.queue-header h4{margin:0;font-size:.95rem;font-weight:600}.queue-count{background:var(--text-main);color:#fff;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:600}.mini-gallery{border-radius:var(--radius-md);border:1px dashed var(--border-input);background:#f8fafc;flex-wrap:wrap;gap:12px;margin-top:16px;padding:12px;display:flex}.mini-thumb{width:54px;height:54px;box-shadow:var(--shadow-sm);cursor:pointer;border:2px solid #fff;border-radius:50%;transition:transform .2s;position:relative}.mini-thumb:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-2px)}.mini-thumb img{object-fit:cover;border-radius:50%;width:100%;height:100%}.edit-overlay{color:#fff;opacity:0;background:#4f46e5cc;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:opacity .2s;display:flex;position:absolute;inset:0}.mini-thumb:hover .edit-overlay{opacity:1}.btn-remove-thumb{background:var(--danger);color:#fff;cursor:pointer;z-index:2;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;transition:background .2s;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 4px #0003}.btn-remove-thumb:hover{background:var(--danger-hover)}.print-mode{background:#64748b;flex-direction:column;align-items:center;gap:24px;min-height:100vh;padding:32px 20px;display:flex}.print-header{border-radius:var(--radius-lg);width:100%;max-width:800px;box-shadow:var(--shadow-md);background:#fff;padding:24px 32px}.print-header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.print-header h2{color:var(--text-main);align-items:center;gap:8px;margin:0 0 4px;display:flex}.text-muted{color:var(--text-muted);margin:0;font-size:.9rem}.print-nav{gap:12px;display:flex}.a4-sheet{box-sizing:border-box;background:#fff;border-radius:4px;flex-wrap:wrap;align-content:flex-start;gap:5mm;width:210mm;min-height:297mm;padding:10mm;display:flex;box-shadow:0 10px 25px #00000026}.botton-render img{border-radius:50%;width:100%;height:100%}@media print{.no-print{display:none!important}body,.print-mode{background:#fff;margin:0;padding:0}.a4-sheet{box-shadow:none;border-radius:0;margin:0;padding:5mm}@page{margin:0}}