.ce-plugin-wrapper{--primary-color:#4A6FA5;--primary-hover:#3b5a85;--secondary-color:#6B8E23;--bg-color:#f8f9fa;--card-bg:#ffffff;--text-color:#333333;--sidebar-bg:#ffffff;--border-color:#e0e0e0;--shadow-sm:0 2px 4px rgba(0,0,0,0.05);--radius:8px;font-family:'Inter',sans-serif;color:var(--text-color);background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius);overflow:hidden;position:relative;width:100%;margin:20px 0}.ce-plugin-wrapper[data-theme="dark"]{--primary-color:#5d8bc9;--primary-hover:#7aa2d6;--secondary-color:#8bb82d;--bg-color:#1a1a1a;--card-bg:#2d2d2d;--text-color:#f0f0f0;--sidebar-bg:#252525;--border-color:#404040}.ce-plugin-wrapper *{box-sizing:border-box}.ce-plugin-wrapper .app-container{display:flex;min-height:600px;max-height:800px}.ce-plugin-wrapper .ce-sidebar{width:240px;background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:1.5rem;flex-shrink:0}.ce-plugin-wrapper .brand{font-size:1.25rem;font-weight:700;color:var(--primary-color);margin-bottom:2rem;display:flex;align-items:center;gap:10px}.ce-plugin-wrapper .nav-item{text-decoration:none;color:var(--text-color);padding:.75rem 1rem;border-radius:var(--radius);display:flex;align-items:center;gap:10px}.ce-plugin-wrapper .nav-item.active{background-color:var(--primary-color);color:#fff}.ce-plugin-wrapper .sidebar-footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color)}.ce-plugin-wrapper .theme-btn{background:none;border:1px solid var(--border-color);color:var(--text-color);padding:.5rem;border-radius:var(--radius);cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.ce-plugin-wrapper .main-content{flex:1;padding:2rem;overflow-y:auto;display:flex;flex-direction:column;gap:2rem;background-color:var(--bg-color)}.ce-plugin-wrapper .tool-header h1{margin:0 0 .5rem 0;color:var(--primary-color);font-size:1.8rem}.ce-plugin-wrapper .upload-area{background:var(--card-bg);padding:3rem;border-radius:var(--radius);text-align:center;border:2px dashed var(--border-color);transition:all 0.3s ease}.ce-plugin-wrapper .upload-area.dragover{border-color:var(--primary-color);background-color:rgb(74 111 165 / .05)}.ce-plugin-wrapper .drop-zone i{font-size:3rem;color:var(--primary-color);margin-bottom:1rem}.ce-plugin-wrapper .ce-toolbar{background:var(--card-bg);padding:1rem;border-radius:var(--radius);display:flex;flex-wrap:wrap;gap:1rem;align-items:center;border:1px solid var(--border-color)}.ce-plugin-wrapper select,.ce-plugin-wrapper input[type="range"]{padding:.4rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-color);color:var(--text-color)}.ce-plugin-wrapper .toolbar-actions{margin-left:auto;display:flex;gap:1rem}.ce-plugin-wrapper .btn{padding:.6rem 1.2rem;border:none;border-radius:4px;cursor:pointer;font-weight:500;display:inline-flex;align-items:center;gap:8px;font-size:1rem;text-decoration:none}.ce-plugin-wrapper .btn-primary{background-color:var(--primary-color);color:#fff}.ce-plugin-wrapper .btn-secondary{background-color:#6c757d;color:#fff}.ce-plugin-wrapper .btn-success{background-color:var(--secondary-color);color:#fff}.ce-plugin-wrapper .preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.ce-plugin-wrapper .preview-card{background:var(--card-bg);padding:.5rem;border-radius:var(--radius);border:1px solid var(--border-color)}.ce-plugin-wrapper .preview-card canvas{width:100%;height:auto;display:block}.ce-plugin-wrapper .page-number{text-align:center;margin-top:.5rem;font-size:.8rem}.ce-plugin-wrapper .hidden{display:none!important}@media (max-width:768px){.ce-plugin-wrapper .app-container{flex-direction:column;min-height:auto;max-height:none}.ce-plugin-wrapper .ce-sidebar{width:100%;padding:1rem;flex-direction:row;align-items:center;justify-content:space-between}.ce-plugin-wrapper .nav-menu{display:none}.ce-plugin-wrapper .toolbar-actions{margin-left:0;width:100%;justify-content:space-between}}