:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#f8fafc;background-color:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--header-height: 60px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f172a4d}::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6366f180}body{margin:0;padding:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at top right,#1e1b4b,#0f172a 60%)}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw}.app-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:#1e293b66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);z-index:10}.logo-section{display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:opacity .2s ease}.logo-section:hover{opacity:.85}.logo-icon{color:#6366f1}.app-title{font-size:1.25rem;font-weight:700;letter-spacing:-.025em;background:linear-gradient(to right,#fff,#c7d2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.app-subtitle{font-size:.75rem;color:#64748b;margin-top:-2px}.action-buttons{display:flex;gap:.75rem}.workspace{display:flex;flex:1;overflow:hidden;position:relative}.tool-palette{width:80px;border-right:1px solid rgba(255,255,255,.08);background:#0f172a73;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;padding:1.25rem 0;box-sizing:border-box;flex-shrink:0;z-index:5}.tool-palette-inner{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.tool-palette-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#475569;margin-bottom:.25rem;font-weight:700}.tool-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;width:64px;height:64px;border-radius:12px;background:transparent;border:1px solid transparent;color:#94a3b8;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);padding:.25rem}.tool-btn:hover{background:#ffffff0a;color:#f1f5f9}.tool-btn.active{background:#6366f11f;color:#a5b4fc;border-color:#6366f140;box-shadow:0 0 12px #6366f114}.tool-btn span{font-size:.6rem;font-weight:600;text-align:center;white-space:nowrap}.tool-palette-divider{width:32px;height:1px;background:#ffffff14;margin:.25rem 0}.tool-btn-muted{color:#64748b}.props-panel{width:380px;border-left:1px solid rgba(255,255,255,.08);background:#0f172a73;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;box-sizing:border-box;position:relative;flex-shrink:0;z-index:5;transition:width .3s cubic-bezier(.4,0,.2,1)}.props-panel.collapsed{width:0px;overflow:visible;border-left-color:transparent}.props-panel-toggle-edge{position:absolute;top:15px;left:-24px;width:24px;height:38px;border-radius:6px 0 0 6px;background:#6366f1;color:#fff;border:1px solid rgba(255,255,255,.1);border-right:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:-4px 2px 10px #00000059;z-index:95;transition:background .2s,opacity .2s;padding:0;opacity:.85}.props-panel-toggle-edge:hover{background:#4f46e5;opacity:1}.props-panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.08)}.props-panel-title{font-size:.9rem;font-weight:600;color:#cbd5e1;text-transform:uppercase;letter-spacing:.05em}.props-panel-icon-btn{background:transparent;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.35rem;border-radius:6px;transition:all .2s}.props-panel-icon-btn:hover{background:#ffffff0d;color:#cbd5e1}.props-panel-body{flex:1;overflow-y:auto;padding:1.5rem 1.25rem;display:flex;flex-direction:column;gap:1.5rem}.props-panel.collapsed .props-panel-body,.props-panel.collapsed .sidebar-footer{display:none!important}.props-section{display:flex;flex-direction:column;gap:1rem}.props-description{font-size:.75rem;color:#64748b;margin:0;line-height:1.5}.sidebar{display:none}.preview-pane{flex:1;background:#020617;display:flex;flex-direction:column;overflow:hidden;padding:1.5rem;position:relative;align-items:center}.control-card{background:#1e293b59;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;transition:border-color .2s,box-shadow .2s}.control-card:hover{border-color:#6366f133}.card-title{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;display:flex;align-items:center;gap:.5rem}.card-title svg{color:#6366f1}.dropzone{border:2px dashed rgba(99,102,241,.3);border-radius:16px;background:#1e293b33;padding:2.5rem 1.5rem;text-align:center;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;max-width:500px;width:90%;margin:auto}.dropzone.active{border-color:#6366f1;background:#6366f10d;box-shadow:0 0 20px #6366f126;transform:scale(1.02)}.dropzone-icon{width:3.5rem;height:3.5rem;color:#6366f1;background:#6366f11a;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s}.dropzone.active .dropzone-icon{transform:translateY(-5px)}.dropzone-title{font-size:1.1rem;font-weight:600;color:#f1f5f9}.dropzone-desc{font-size:.85rem;color:#64748b}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all .2s;font-family:inherit}.btn-primary{background:#6366f1;color:#fff;box-shadow:0 4px 12px #6366f133}.btn-primary:hover:not(:disabled){background:#4f46e5;box-shadow:0 4px 16px #6366f14d}.btn-secondary{background:#94a3b81a;color:#f1f5f9;border-color:#ffffff0d}.btn-secondary:hover:not(:disabled){background:#94a3b82e;border-color:#ffffff1a}.btn-danger{background:#ef4444;color:#fff;box-shadow:0 4px 12px #ef444426}.btn-danger:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 16px #ef444440}.btn-success{background:#10b981;color:#fff;box-shadow:0 4px 12px #10b98126}.btn-success:hover:not(:disabled){background:#059669;box-shadow:0 4px 16px #10b98140}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-label{font-size:.8rem;font-weight:500;color:#94a3b8}.form-input{background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.5rem .75rem;color:#f8fafc;font-family:inherit;font-size:.9rem;transition:all .2s;width:100%;box-sizing:border-box;min-width:0}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.form-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.range-container{display:flex;align-items:center;gap:.75rem}.range-input{flex:1;height:6px;border-radius:4px;background:#ffffff1a;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.range-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#6366f1;border:2px solid #ffffff;transition:transform .1s}.range-input::-webkit-slider-thumb:hover{transform:scale(1.2)}.range-value{font-size:.8rem;font-weight:600;width:2.2rem;text-align:right;color:#6366f1}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#cbd5e1;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-input{width:16px;height:16px;border-radius:4px;border:1px solid rgba(255,255,255,.2);accent-color:#6366f1;cursor:pointer}.preview-header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.pdf-meta{display:flex;flex-direction:column}.pdf-filename{font-weight:600;color:#f1f5f9;font-size:.95rem}.pdf-filesize{font-size:.75rem;color:#64748b}.preview-controls{display:flex;align-items:center;gap:.5rem;background:#1e293b66;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:.25rem .5rem}.page-indicator{font-size:.8rem;color:#cbd5e1;padding:0 .5rem}.zoom-indicator{font-size:.8rem;color:#94a3b8;border-left:1px solid rgba(255,255,255,.1);padding-left:.5rem}.canvas-container{flex:1;width:100%;display:flex;overflow:auto;padding:1rem;position:relative}.preview-canvas-wrapper{position:relative;box-shadow:0 10px 30px #00000080;border:1px solid rgba(255,255,255,.05);border-radius:4px;background:#fff;overflow:hidden;margin:auto;transform-origin:center center}.pdf-canvas{display:block}.watermark-overlay-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.modal-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background:#020611d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;z-index:100}.modal-content{background:#1e293bcc;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px #00000080,0 0 40px #6366f10d;border-radius:16px;width:90%;max-width:420px;padding:2.25rem 2rem;text-align:center;display:flex;flex-direction:column;gap:1.25rem}.modal-icon{margin:0 auto;color:#ef4444;background:#ef44441a;width:3.5rem;height:3.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-title{font-size:1.25rem;font-weight:700;color:#f8fafc}.modal-desc{font-size:.85rem;color:#94a3b8;line-height:1.4}.image-selector{border:1px dashed rgba(255,255,255,.15);background:#0f172a4d;border-radius:8px;padding:.75rem;text-align:center;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.85rem;color:#cbd5e1}.image-selector:hover{border-color:#6366f1;background:#6366f10d}.image-preview-thumbnail{width:2rem;height:2rem;object-fit:contain;border-radius:4px;background:#fff}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.btn-preset{font-size:.75rem;padding:.4rem;border-radius:6px;background:#ffffff0a;color:#94a3b8;border:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .2s}.btn-preset:hover{background:#6366f114;color:#f1f5f9;border-color:#6366f133}.btn-preset.active{background:#6366f126;color:#a5b4fc;border-color:#6366f1}.alert-banner{padding:.75rem 1rem;border-radius:8px;font-size:.825rem;display:flex;align-items:flex-start;gap:.5rem;line-height:1.4}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5}.alert-success{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#6ee7b7}.mobile-tabs{display:none;background:#1e293be6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.08);padding:.5rem;justify-content:space-around;z-index:10}.tab-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:transparent;border:none;color:#64748b;font-size:.7rem;font-weight:500;cursor:pointer;padding:.4rem .8rem;border-radius:8px;transition:all .2s;width:25%}.tab-btn.active{color:#6366f1;background:#6366f114}.tab-btn svg{width:1.25rem;height:1.25rem}.segmented-control{display:flex;background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:2px}.segment-btn{flex:1;border:none;background:transparent;color:#94a3b8;font-size:.8rem;font-weight:500;padding:.4rem .5rem;border-radius:6px;cursor:pointer;transition:all .2s}.segment-btn:hover{color:#f1f5f9}.segment-btn.active{background:#ffffff14;color:#fff;box-shadow:0 1px 3px #0003}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:#cbd5e1;font-size:.9rem}.spinner{width:2rem;height:2rem;border:3px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sidebar.hidden{width:70px;padding:1.5rem .5rem;align-items:center;overflow-y:hidden}.sidebar.hidden .control-card{border-color:transparent!important;background:transparent!important;padding:0!important;align-items:center;box-shadow:none!important}.sidebar.hidden .control-card>*:not(.card-title){display:none!important}.sidebar.hidden .control-card .card-title span{display:none!important}.sidebar.hidden .control-card .card-title svg{margin:0!important;width:20px;height:20px}.sidebar.hidden .sidebar-footer{display:none!important}.sidebar-toggle-edge{position:absolute;top:50%;right:-10px;transform:translateY(-50%);width:20px;height:24px;border-radius:4px;background:#6366f1;color:#fff;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px #0000004d;z-index:95;transition:background .2s,right .2s;padding:0}.sidebar-toggle-edge:hover{background:#4f46e5}@media(max-width:1024px){.workspace{flex-direction:row;overflow:hidden;position:relative}.tool-palette{width:70px;padding:.75rem 0}.tool-btn{width:56px;height:56px;border-radius:10px}.tool-btn span{font-size:.55rem}.props-panel{position:fixed;top:var(--header-height);right:0;width:320px;height:calc(100vh - var(--header-height));z-index:100;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:-10px 0 40px #0009;background:#0f172a;border-left:1px solid rgba(255,255,255,.08)}.props-panel.open{transform:translate(0)}.props-panel.collapsed{transform:translate(100%);width:320px}.preview-pane{height:calc(100vh - var(--header-height));width:calc(100% - 70px);flex:1;overflow:hidden}.sidebar-backdrop{position:fixed;top:var(--header-height);left:0;width:100vw;height:calc(100vh - var(--header-height));background:#020611a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:80}}@media(max-width:640px){:root{--header-height: 92px}.app-header{display:grid;grid-template-areas:"logo actions" "nav-left nav-right";grid-template-columns:1fr auto;align-items:center;gap:.75rem .5rem;padding:.6rem 1rem .8rem;height:var(--header-height);box-sizing:border-box}.app-title{font-size:1.1rem}.btn{padding:.5rem 1rem;font-size:.8rem}.preview-header{flex-direction:column;align-items:flex-start;gap:.75rem}.preview-controls{width:100%;justify-content:space-between}.preview-canvas-wrapper{max-width:100%!important}.pdf-canvas,.watermark-overlay-canvas{max-width:100%!important;height:auto!important}}.landing-container{display:flex;flex-direction:column;align-items:center;max-width:800px;width:90%;margin:auto;gap:2.5rem;padding:3rem 0;box-sizing:border-box}.landing-left{width:100%;display:flex;justify-content:center;align-items:center}.landing-right{width:100%;display:flex;flex-direction:column;background:#1e293b40;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:2rem;box-sizing:border-box;text-align:left}.landing-right h2{font-size:1.4rem;font-weight:700;color:#f1f5f9;margin-top:0;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:.75rem}.guide-step{margin-bottom:1.75rem;border-bottom:1px solid rgba(255,255,255,.03);padding-bottom:1.25rem}.guide-step:last-child{margin-bottom:0;border-bottom:none;padding-bottom:0}.guide-step h3{font-size:1rem;font-weight:600;color:#818cf8;margin-top:0;margin-bottom:.6rem;display:flex;align-items:center;gap:.5rem}.guide-step p{font-size:.85rem;color:#cbd5e1;line-height:1.6;margin:0 0 .5rem}.guide-step ul{margin:.5rem 0;padding-left:1.5rem}.guide-step li{font-size:.825rem;color:#94a3b8;line-height:1.6;margin-bottom:.35rem}.guide-step li strong{color:#cbd5e1}@media(max-width:640px){.landing-container{padding:1.5rem 0;gap:1.5rem}.landing-right{padding:1.25rem}}.header-nav-left{display:flex;gap:1.5rem;margin-left:2.5rem;height:100%;align-items:center}.header-nav-right{display:flex;gap:1.5rem;margin-left:auto;height:100%;align-items:center}.nav-link{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:none;color:#94a3b8;font-size:.85rem;font-weight:500;cursor:pointer;padding:.5rem .25rem;position:relative;transition:color .2s}.nav-link:hover{color:#f1f5f9}.nav-link.active{color:#6366f1;font-weight:600}.nav-link.active:after{content:"";position:absolute;bottom:-6px;left:0;right:0;height:2px;background:#6366f1;border-radius:2px}@media(max-width:640px){.header-nav-left{grid-area:nav-left;margin-left:0!important}.header-nav-right{grid-area:nav-right;margin-left:auto!important;justify-content:flex-end}.header-nav-left,.header-nav-right{display:flex;align-items:center;gap:.75rem}.nav-link span{display:none}.nav-link{font-size:.75rem;padding:.5rem}.nav-link.active:after{bottom:-4px}}.landing-footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.05);background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;box-sizing:border-box;font-size:.75rem;color:#64748b;margin-top:auto}.landing-footer .footer-links{display:flex;gap:1.5rem}.landing-footer .footer-links button{background:transparent;border:none;color:#64748b;font-size:.75rem;cursor:pointer;padding:0;transition:color .2s}.landing-footer .footer-links button:hover{color:#94a3b8;text-decoration:underline}.sidebar-footer{display:flex;justify-content:center;gap:1rem;margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.sidebar-footer button{background:transparent;border:none;color:#475569;font-size:.7rem;cursor:pointer;padding:.25rem;transition:color .2s}.sidebar-footer button:hover{color:#94a3b8}@media(max-width:640px){.landing-footer{flex-direction:column;gap:.75rem;text-align:center;padding:1rem}.landing-footer .footer-links{gap:1rem}}