@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&family=Montserrat:wght@400;500;700&family=Open+Sans:wght@400;600;700&family=Playfair+Display:ital,wght@0,700;1,700&family=Poppins:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap";:root{--font-display:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-app:#090a0f;--bg-primary:#10121a;--bg-secondary:#171b26;--bg-tertiary:#1f2433;--bg-glass:#10121ab3;--bg-glass-active:#1f2433d9;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-tertiary:#6b7280;--accent-primary:#3b82f6;--accent-secondary:#6366f1;--accent-gradient:linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);--accent-hover-gradient:linear-gradient(135deg, #2563eb 0%, #4f46e5 100%);--gold-gradient:linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--border-color:#2a2f3d;--border-hover:#3b82f6;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000004d, 0 4px 6px -2px #0003;--shadow-glow:0 0 15px #3b82f666;--sidebar-width:260px;--toolbar-height:56px;--ad-banner-height:60px}.light-mode{--bg-app:#f4f6f9;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-glass:#fffc;--bg-glass-active:#f3f4f6f2;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--border-color:#e5e7eb;--border-hover:#3b82f6;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000008;--shadow-glow:0 0 15px #3b82f626}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);-webkit-user-select:none;user-select:none;width:100vw;height:100vh;overflow-x:hidden}button,input,select,textarea{color:inherit;font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.app-container{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.main-content{flex:1;width:100%;display:flex;position:relative;overflow:hidden}.main-content.has-ads{padding-bottom:var(--ad-banner-height)}.app-header{height:var(--toolbar-height);background:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:100;justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex}.app-logo{font-family:var(--font-display);background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;display:flex}.app-logo svg{color:var(--accent-primary)}.header-actions{align-items:center;gap:1rem;display:flex}.btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 10px #3b82f64d}.btn-primary:hover{background:var(--accent-hover-gradient);box-shadow:0 4px 15px #3b82f673}.btn-secondary{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--text-tertiary)}.btn-danger{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.btn-danger:hover{background:#ef444440;border-color:#ef444480}.btn-premium{background:var(--gold-gradient);color:#10121a;font-weight:600;animation:2s infinite pulse-glow;box-shadow:0 4px 12px #f59e0b4d}@keyframes pulse-glow{0%{box-shadow:0 0 #f59e0b66}70%{box-shadow:0 0 0 8px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.btn-icon{width:36px;height:36px;color:var(--text-secondary);border-radius:50%;padding:0}.btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dashboard{flex-direction:column;flex:1;gap:2rem;width:100%;max-width:1200px;margin:0 auto;padding:2rem;display:flex;overflow-y:auto}.dashboard-hero{border:1px solid var(--border-color);background:linear-gradient(135deg,#3b82f626 0%,#6366f10d 100%);border-radius:16px;justify-content:space-between;align-items:center;padding:2.5rem;display:flex;position:relative;overflow:hidden}.hero-glow{filter:blur(20px);pointer-events:none;background:radial-gradient(circle,#6366f14d 0%,#0000 70%);width:250px;height:250px;position:absolute;top:-50px;right:-50px}.hero-text h1{font-family:var(--font-display);letter-spacing:-.025em;background:linear-gradient(to right, var(--text-primary), #d1d5db);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.25rem;font-weight:800}.hero-text p{color:var(--text-secondary);max-width:500px;font-size:1rem}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.card-action{background:var(--bg-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:16px;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.card-action:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg), var(--shadow-glow);transform:translateY(-4px)}.card-icon{width:48px;height:48px;color:var(--accent-primary);background:#3b82f61a;border-radius:12px;justify-content:center;align-items:center;transition:all .3s;display:flex}.card-action:hover .card-icon{background:var(--accent-primary);color:#fff;transform:scale(1.05)}.card-action h3{font-family:var(--font-display);font-size:1.2rem;font-weight:600}.card-action p{color:var(--text-secondary);flex:1;font-size:.875rem;line-height:1.4}.upload-zone{border:2px dashed var(--border-color);text-align:center;background:var(--bg-primary);cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;transition:all .3s;display:flex}.upload-zone:hover{border-color:var(--accent-primary);background:#3b82f605}.upload-icon{background:var(--bg-secondary);width:64px;height:64px;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;font-size:1.75rem;transition:all .3s;display:flex}.upload-zone:hover .upload-icon{color:var(--accent-primary);border-color:var(--accent-primary);transform:scale(1.05)}.upload-text{flex-direction:column;gap:.25rem;display:flex}.upload-text p{color:var(--text-primary);font-weight:500}.upload-text span{color:var(--text-secondary);font-size:.8125rem}.recent-docs{flex-direction:column;gap:1rem;display:flex}.section-header{justify-content:space-between;align-items:center;display:flex}.section-header h2{font-family:var(--font-display);font-size:1.5rem;font-weight:700}.docs-list{flex-direction:column;gap:.75rem;display:flex}.doc-row{background:var(--bg-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem 1.25rem;transition:all .2s;display:flex}.doc-row:hover{border-color:var(--text-tertiary);transform:translate(4px)}.doc-info{align-items:center;gap:1rem;display:flex}.doc-thumbnail{color:#ef4444;background:#ef44441a;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.doc-details{flex-direction:column;gap:.25rem;display:flex}.doc-name{font-size:.9375rem;font-weight:500}.doc-meta{color:var(--text-secondary);gap:.75rem;font-size:.75rem;display:flex}.doc-actions{align-items:center;gap:.5rem;display:flex}.editor-workspace{flex:1;height:100%;display:flex;position:relative;overflow:hidden}.editor-sidebar{width:var(--sidebar-width);background:var(--bg-primary);border-right:1px solid var(--border-color);z-index:80;flex-direction:column;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.sidebar-title{border-bottom:1px solid var(--border-color);font-family:var(--font-display);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:1rem;font-size:.9375rem;font-weight:600;display:flex}.thumbnail-list{flex-direction:column;flex:1;align-items:center;gap:1rem;padding:1rem;display:flex;overflow-y:auto}.thumbnail-item{background:var(--bg-secondary);border:2px solid var(--border-color);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:.5rem;width:140px;padding:.5rem;transition:all .2s;display:flex;position:relative}.thumbnail-item:hover{border-color:var(--text-tertiary)}.thumbnail-item.active{border-color:var(--accent-primary);box-shadow:var(--shadow-glow)}.thumbnail-item canvas{object-fit:contain;background:#fff;border-radius:4px;width:100%;max-height:160px}.thumbnail-num{color:var(--text-secondary);font-size:.75rem;font-weight:600}.thumbnail-item.active .thumbnail-num{color:var(--accent-primary)}.thumbnail-controls{opacity:0;gap:.25rem;transition:opacity .2s;display:flex;position:absolute;top:4px;right:4px}.thumbnail-item:hover .thumbnail-controls{opacity:1}.btn-thumb-control{border:1px solid var(--border-color);width:24px;height:24px;color:var(--text-primary);cursor:pointer;background:#10121ae6;border-radius:4px;justify-content:center;align-items:center;font-size:.625rem;display:flex}.btn-thumb-control:hover{background:var(--accent-primary);border-color:var(--accent-primary)}.editor-viewport{background:var(--bg-app);flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow:hidden}.editor-toolbar{height:var(--toolbar-height);background:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:90;justify-content:space-between;align-items:center;padding:0 1rem;display:flex}.toolbar-group{align-items:center;gap:.5rem;display:flex}.toolbar-separator{background:var(--border-color);width:1px;height:24px;margin:0 .25rem}.tool-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}.tool-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.tool-btn.active{color:var(--accent-primary);background:#3b82f626;border-color:#3b82f64d}.tool-options-bar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-secondary);z-index:85;align-items:center;gap:1.5rem;padding:.4rem 1.5rem;font-size:.8125rem;display:flex}.option-group{align-items:center;gap:.5rem;display:flex}.color-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:18px;height:18px;transition:transform .2s}.color-dot:hover{transform:scale(1.15)}.color-dot.active{border-color:#fff;transform:scale(1.15);box-shadow:0 0 4px #00000080}.size-select{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;outline:none;padding:.15rem .5rem}.pdf-scroller{flex:1;justify-content:center;align-items:flex-start;padding:2rem;display:flex;position:relative;overflow:auto}.pdf-page-container{transform-origin:top;background:#fff;border-radius:8px;margin-bottom:2rem;transition:transform .2s;position:relative;overflow:hidden;box-shadow:0 10px 25px #0006}.pdf-rendering-canvas{z-index:1;max-width:100%;display:block}.pdf-annotation-layer{z-index:10;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.annotation-text-element{cursor:move;-webkit-user-select:none;user-select:none;pointer-events:auto;border:1px dashed #0000;align-items:center;padding:4px 6px;font-family:inherit;font-weight:500;display:flex;position:absolute}.annotation-text-element:hover{border-color:var(--accent-primary);background:#3b82f60d}.annotation-text-element.selected{border-color:var(--accent-primary);background:#3b82f61a}.annotation-text-input,.annotation-text-input-rich{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;resize:none;background:0 0;border:none;outline:none;width:100%;overflow:hidden;cursor:text!important}.annotation-stamp-element{cursor:move;-webkit-user-select:none;user-select:none;pointer-events:auto;border:1px dashed #0000;justify-content:center;align-items:center;display:flex;position:absolute}.annotation-stamp-element:hover{border-color:var(--accent-primary);background:#3b82f60d}.annotation-stamp-element.selected{border-color:var(--accent-primary);background:#3b82f61a}.annotation-stamp-element img{object-fit:contain;width:100%;height:100%}.delete-element-btn{color:#fff;cursor:pointer;width:24px;height:24px;box-shadow:var(--shadow-sm);z-index:100;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-12px;right:-12px}.drawing-canvas-overlay{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.drawing-canvas-overlay.active{pointer-events:auto;cursor:crosshair}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.25s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--bg-primary);border:1px solid var(--border-color);width:90%;max-width:500px;box-shadow:var(--shadow-lg);border-radius:20px;flex-direction:column;gap:1.5rem;padding:2rem;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleUp;display:flex;position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-close{position:absolute;top:1rem;right:1rem}.modal-header h2{font-family:var(--font-display);font-size:1.5rem;font-weight:700}.modal-header p{color:var(--text-secondary);margin-top:.25rem;font-size:.875rem}.signature-pad-container{border:1px solid var(--border-color);background:#fff;border-radius:12px;height:200px;position:relative;overflow:hidden}.signature-canvas{cursor:crosshair;width:100%;height:100%;display:block}.premium-modal{text-align:center;background:radial-gradient(circle at top right, #6366f126, var(--bg-primary) 50%);border-color:#f59e0b4d;max-width:420px;position:relative}.premium-badge{background:var(--gold-gradient);color:#10121a;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto;font-size:1.75rem;display:flex;box-shadow:0 4px 15px #f59e0b66}.premium-features{text-align:left;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:.75rem;margin:.5rem 0;padding:1.25rem;display:flex}.premium-feature-item{align-items:center;gap:.75rem;font-size:.875rem;display:flex}.premium-feature-item svg{color:#f59e0b}.premium-price{font-size:1.75rem;font-weight:800;font-family:var(--font-display)}.premium-price span{color:var(--text-secondary);font-size:.875rem;font-weight:500}.ad-banner-container{width:100vw;height:var(--ad-banner-height);border-top:1px solid var(--border-color);z-index:150;background:#10121a;justify-content:center;align-items:center;padding:0 1rem;display:flex;position:absolute;bottom:0;left:0;overflow:hidden}.ad-banner-content{justify-content:space-between;align-items:center;width:100%;max-width:900px;height:100%;display:flex}.ad-badge{color:#000;letter-spacing:.05em;text-transform:uppercase;background:#f59e0b;border-radius:3px;flex-shrink:0;padding:.15rem .35rem;font-size:.625rem;font-weight:800}.ad-body{flex:1;align-items:center;gap:1rem;margin:0 1rem;display:flex;overflow:hidden}.ad-media{background:var(--bg-tertiary);width:38px;height:38px;color:var(--accent-primary);border:1px solid var(--border-color);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ad-details{text-align:left;flex-direction:column;display:flex;overflow:hidden}.ad-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.ad-desc{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;overflow:hidden}.ad-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.ad-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.4rem .85rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:transform .2s}.ad-btn:hover{transform:translateY(-1px)}.ad-close-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.ad-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.play-billing-overlay{z-index:250;background:#000000bf;justify-content:center;align-items:flex-end;width:100vw;height:100vh;animation:.2s fadeIn;display:flex;position:fixed;top:0;left:0}.play-billing-dialog{color:#202124;-webkit-user-select:none;user-select:none;background:#fff;border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;gap:1.25rem;width:100%;max-width:450px;padding:1.5rem;font-family:Roboto,-apple-system,BlinkMacSystemFont,sans-serif;animation:.3s cubic-bezier(.1,.9,.2,1) slideUp;display:flex;box-shadow:0 -4px 16px #00000040}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.play-billing-header{border-bottom:1px solid #dadce0;justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.play-logo{color:#5f6368;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.play-logo img{width:18px;height:18px}.play-billing-item{justify-content:space-between;align-items:flex-start;display:flex}.play-item-title{color:#202124;font-size:1.125rem;font-weight:500}.play-item-sub{color:#5f6368;margin-top:.15rem;font-size:.8125rem}.play-item-price{color:#202124;text-align:right;font-size:1.125rem;font-weight:500}.play-payment-method{color:#3c4043;border:1px solid #dadce0;border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.875rem;display:flex}.play-method-details{align-items:center;gap:.75rem;display:flex}.play-billing-footer{flex-direction:column;gap:.75rem;display:flex}.play-btn-buy{color:#fff;cursor:pointer;text-align:center;background:#00875f;border:none;border-radius:100px;padding:.75rem;font-size:.875rem;font-weight:500;transition:background .2s}.play-btn-buy:hover{background:#006e4d}.play-terms{color:#5f6368;font-size:.6875rem;line-height:1.4}.zoom-controls{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:.75rem;display:flex}@media (width<=768px){:root{--sidebar-width:0px}.editor-sidebar{width:240px;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:10px 0 25px #00000080}.editor-sidebar.open{transform:translate(0)}.dashboard{padding:1rem}.dashboard-hero{text-align:center;flex-direction:column;gap:1.5rem;padding:1.5rem}.hero-text h1{font-size:1.75rem}.editor-toolbar{flex-wrap:nowrap;gap:.5rem;padding:0 .5rem;overflow-x:auto}.tool-btn span{display:none}.tool-btn{padding:.4rem}}.original-text-trigger{pointer-events:auto;background-color:#2563eb00;border:1px dashed #0000;border-radius:2px;transition:all .12s ease-in-out}.original-text-trigger:hover{background-color:#2563eb14;border-color:#2563eb;box-shadow:0 0 6px #2563eb40}.resize-handle{cursor:se-resize;z-index:100;background-color:#2563eb;border:1px solid #fff;border-radius:50%;width:10px;height:10px;transition:transform .15s;position:absolute;bottom:-5px;right:-5px;box-shadow:0 2px 4px #0003;pointer-events:auto!important}.resize-handle:hover{background-color:#1d4ed8;transform:scale(1.3)}