@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary: #4F46E5;--primary-hover: #4338CA;--bg-color: #F9FAFB;--surface: #FFFFFF;--text-main: #111827;--text-muted: #6B7280;--border-color: #E5E7EB;--error: #EF4444;--success: #10B981}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased}.app-container{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--surface);border-bottom:1px solid var(--border-color);box-shadow:0 1px 2px #0000000d}.topbar-left{display:flex;align-items:center;gap:1.5rem}.topbar-brand{font-size:1.125rem;font-weight:700;color:var(--primary);letter-spacing:-.5px}.topbar-nav{display:flex;gap:.25rem}.topbar-link{padding:.375rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;color:var(--text-muted);text-decoration:none;transition:all .15s}.topbar-link:hover{background:var(--bg-color);color:var(--text-main)}.topbar-link-active{background:#4f46e514;color:var(--primary)}.main-content{flex:1;padding:2rem;display:flex;justify-content:center;align-items:flex-start}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:.375rem;border:none;cursor:pointer;transition:all .2s}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 1px 2px #0000000d}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:transparent;color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--bg-color)}.btn:disabled{opacity:.5;cursor:not-allowed}.auth-container{width:100%;max-width:400px;background:var(--surface);padding:2rem;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-top:4rem}.auth-container h2{text-align:center;margin-bottom:1.5rem;font-size:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-group input{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.uploader{width:100%;max-width:600px;border:2px dashed var(--border-color);border-radius:.75rem;padding:3rem;text-align:center;background:var(--surface);transition:all .2s;cursor:pointer}.uploader:hover,.uploader.drag-active{border-color:var(--primary);background-color:#4f46e505}.uploader-icon{font-size:2.5rem;color:var(--text-muted);margin-bottom:1rem}.viewer-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.pdf-canvas-wrapper{position:relative;background:#fff;box-shadow:0 10px 15px -3px #0000001a;border-radius:.5rem;overflow:hidden;border:1px solid var(--border-color)}.stamp-overlay{border:2px dashed rgba(79,70,229,.6);background:#4f46e51a;cursor:move;position:relative;display:flex;align-items:center;justify-content:center}.stamp-image{width:100%;height:100%;object-fit:contain;pointer-events:none}.error-msg{color:var(--error);font-size:.875rem;margin-top:.5rem;text-align:center}.w-full{width:100%}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.text-center{text-align:center}.cleaner-container{width:100%;max-width:1100px;display:flex;flex-direction:column;gap:1.5rem}.cleaner-header h2{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.cleaner-subtitle{color:var(--text-muted);font-size:.875rem}.cleaner-upload{max-width:100%}.cleaner-workspace{display:flex;gap:1.5rem;align-items:flex-start;flex-wrap:wrap}.cleaner-controls{flex:0 0 260px;background:var(--surface);border:1px solid var(--border-color);border-radius:.75rem;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.controls-title{font-size:.9rem;font-weight:600;margin-bottom:.25rem}.slider-group{display:flex;flex-direction:column;gap:.25rem}.slider-label-row{display:flex;justify-content:space-between;align-items:baseline}.slider-label-row label{font-size:.8rem;font-weight:500;color:var(--text-main)}.slider-value{font-size:.8rem;font-weight:600;color:var(--primary);min-width:2rem;text-align:right}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--border-color);outline:none;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--primary);cursor:pointer;transition:transform .1s}.slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-hint{font-size:.72rem;color:var(--text-muted);line-height:1.3}.toggle-row{display:flex;align-items:center}.toggle-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;cursor:pointer}.toggle-label input[type=checkbox]{width:14px;height:14px;accent-color:var(--primary);cursor:pointer}.controls-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.cleaner-previews{flex:1;display:flex;flex-direction:column;gap:1rem;min-width:0}.bg-toggle{display:flex;gap:.5rem;flex-wrap:wrap}.bg-btn{font-size:.8rem;padding:.3rem .65rem}.bg-btn.active{background:#4f46e514;border-color:var(--primary);color:var(--primary)}.preview-row{display:flex;gap:1rem;flex-wrap:wrap}.preview-card{flex:1;min-width:200px;display:flex;flex-direction:column;gap:.5rem}.preview-label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.preview-frame{border:1px solid var(--border-color);border-radius:.5rem;overflow:hidden;min-height:200px;display:flex;align-items:center;justify-content:center}.preview-img{max-width:100%;max-height:400px;display:block;object-fit:contain}.preview-empty{font-size:.85rem;color:var(--text-muted);padding:2rem;text-align:center}.checker-bg{background-color:#fff;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px}.download-row{display:flex;justify-content:flex-start;padding-top:.5rem}
