@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=Figtree:ital,wght@0,300;0,400;0,500;0,600;1,300&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:#ccc9c4 transparent;scrollbar-gutter:stable;background:#f8f7f5}:root{--bg: #f8f7f5;--surface: #ffffff;--card: #f1f0ee;--card2: #e8e6e3;--border: #e0ddd9;--border2: #ccc9c4;--accent: #f97316;--accent2: #ea6a0a;--danger: #e5293a;--success: #16a34a;--warn: #d97706;--text: #1a1714;--muted: #78716c;--muted2: #a8a29e;--white: #ffffff;--font: "Syne", sans-serif;--mono: "IBM Plex Mono", monospace}body{font-family:var(--font);background:var(--bg);color:var(--text);height:100vh;height:100dvh;overflow:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:auto;user-select:none}#root{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.credit-footer{text-align:center;padding:8px 16px;font-size:11px;color:var(--muted2);background:var(--bg);border-top:1px solid var(--border);flex-shrink:0;letter-spacing:.02em}.credit-footer a{color:var(--accent);text-decoration:none;font-weight:600}.credit-footer a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.tbtn{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--muted2);cursor:pointer;font-size:12px;font-family:var(--font);font-weight:500;transition:all .15s;white-space:nowrap}.tbtn:hover{border-color:var(--border2);color:var(--text)}.tbtn.danger{color:var(--danger)}.tbtn.danger:hover{border-color:var(--danger)}.tbtn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.tbtn.primary:hover{background:var(--accent2);border-color:var(--accent2)}.tbtn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.mono{font-family:var(--mono);font-size:10px;color:var(--muted2);min-width:28px;text-align:right}.spacer{flex:1}.sep{width:1px;height:22px;background:var(--border);flex-shrink:0}.export-banner{bottom:0;left:0;right:0}.lp-root *,.lp-root *:before,.lp-root *:after{box-sizing:border-box;margin:0;padding:0}.lp-root{--bg: #f8f7f5;--surface: #ffffff;--surface2:#f1f0ee;--border: rgba(0,0,0,.08);--accent: #f97316;--accent2: #ea6a0a;--text: #1a1714;--muted: #78716c;--cloud: #f97316;--green: #16a34a;font-family:Figtree,sans-serif;background:var(--bg);color:var(--text);width:100%;overflow-x:clip;min-height:100vh}.lp-root:before{content:none}.lp-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:18px 60px;padding-top:max(18px,calc(env(safe-area-inset-top,0px) + 8px));background:#f8f7f5d9;backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.lp-nav-logo{font-family:Syne,sans-serif;font-size:14px;font-weight:700;display:flex;align-items:center;gap:12px;letter-spacing:.02em;color:var(--text);text-decoration:none;white-space:nowrap}.lp-logo-mark{width:32px;height:32px;background:var(--accent);border-radius:8px;display:grid;place-items:center;font-size:14px;font-weight:900;color:#fff;box-shadow:0 0 20px #f9731666}.lp-nav-cta{background:var(--accent);color:#fff;text-decoration:none;padding:6px 14px;border-radius:7px;font-size:12px;font-weight:600;border:none;cursor:pointer;transition:all .2s;box-shadow:0 0 24px #f973164d}.lp-nav-cta:hover{background:var(--accent2);box-shadow:0 0 36px #f9731666;transform:translateY(-1px)}.lp-hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 24px 80px;position:relative;overflow:hidden}.lp-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 20% 20%,rgba(249,115,22,.12) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 80%,rgba(251,146,60,.1) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 60% 10%,rgba(249,115,22,.06) 0%,transparent 50%);animation:lpMeshMove 12s ease-in-out infinite alternate}@keyframes lpMeshMove{0%{transform:scale(1) translate(0)}to{transform:scale(1.05) translate(-20px,10px)}}.lp-hero-grid{display:none}.lp-badge{display:inline-flex;align-items:center;gap:8px;background:#f973161a;border:1px solid rgba(249,115,22,.25);border-radius:100px;padding:6px 16px;font-size:12px;font-weight:600;color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin-bottom:28px;opacity:0;animation:lpFadeUp .6s .1s ease forwards}.lp-badge-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;animation:lpPulse 2s infinite}@keyframes lpPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.lp-hero h1{font-family:Syne,sans-serif;font-size:clamp(32px,4vw,58px);font-weight:800;line-height:1;letter-spacing:-.04em;margin-bottom:24px;max-width:900px;opacity:0;animation:lpFadeUp .7s .2s ease forwards}.lp-h1-gradient{display:block;background:linear-gradient(135deg,var(--accent) 0%,var(--accent2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-hero p{font-size:clamp(16px,2vw,20px);color:var(--muted);font-weight:300;max-width:560px;line-height:1.7;margin-bottom:44px;opacity:0;animation:lpFadeUp .7s .35s ease forwards}.lp-hero-ctas{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;opacity:0;animation:lpFadeUp .7s .5s ease forwards}.lp-btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;text-decoration:none;padding:16px 36px;border-radius:12px;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all .25s;box-shadow:0 0 40px #f9731659,0 4px 20px #0006;font-family:Figtree,sans-serif}.lp-btn-primary:hover{transform:translateY(-3px);box-shadow:0 0 60px #f973168c,0 8px 30px #0006}.lp-btn-secondary{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--text);text-decoration:none;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:500;border:1px solid var(--border);cursor:pointer;transition:all .25s;font-family:Figtree,sans-serif}.lp-btn-secondary:hover{border-color:#00000026;background:#0000000a;transform:translateY(-2px)}@keyframes lpFadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.lp-mockup{margin-top:80px;position:relative;width:min(900px,90vw);opacity:0;animation:lpFadeUp .8s .65s ease forwards}.lp-mockup-glow{position:absolute;top:-40px;left:50%;transform:translate(-50%);width:600px;height:200px;background:radial-gradient(ellipse,rgba(249,115,22,.2) 0%,transparent 70%);pointer-events:none}.lp-mockup-frame{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px #0000000d,0 40px 80px #0000001f,0 0 100px #f973160f}.lp-mockup-topbar{background:#f1f0ee;border-bottom:1px solid var(--border);padding:12px 20px;display:flex;align-items:center;gap:10px}.lp-dots{display:flex;gap:6px}.lp-dots span{width:10px;height:10px;border-radius:50%}.lp-dots span:nth-child(1){background:#ff5f57}.lp-dots span:nth-child(2){background:#febc2e}.lp-dots span:nth-child(3){background:#28c840}.lp-pills{display:flex;gap:6px;margin-left:12px;flex:1}.lp-pill{height:22px;border-radius:6px;background:#0000000d;border:1px solid var(--border)}.lp-pill.accent{background:#f9731626;border-color:#f973164d}.lp-mockup-body{display:grid;grid-template-columns:64px 1fr 56px;min-height:340px}.lp-sidebar-mock{background:#f1f0ee;border-right:1px solid var(--border);padding:12px 8px;display:flex;flex-direction:column;gap:6px}.lp-thumb{width:100%;aspect-ratio:.707;background:#0000000f;border-radius:4px;border:1px solid var(--border)}.lp-thumb.active{border-color:var(--accent);background:#f973161a}.lp-canvas-mock{background:#f1f0ee;padding:20px;display:flex;align-items:flex-start;justify-content:center}.lp-mock-pdf{width:100%;max-width:360px;background:#f0f0f0;border-radius:4px;padding:24px 28px;position:relative;box-shadow:0 8px 32px #00000080}.lp-line{height:8px;border-radius:4px;background:#d0d0d0;margin-bottom:8px}.lp-line.title{height:14px;background:#aaa;width:70%;margin-bottom:14px}.lp-line.short{width:45%}.lp-line.medium{width:75%}.lp-ann{position:absolute;border-radius:3px;pointer-events:none}.lp-ann-highlight{background:#fbbf2466;height:10px;width:180px;top:48px;left:28px}.lp-ann-rect{border:2px solid var(--accent);width:120px;height:50px;bottom:30px;right:20px;border-radius:4px}.lp-ann-text{background:#f9731626;border-left:3px solid var(--accent);padding:4px 8px;font-size:9px;color:var(--accent);font-family:Figtree,sans-serif;font-weight:600;bottom:88px;right:20px;width:120px}.lp-ann-stamp{border:2px solid #22c55e;color:#22c55e;font-size:8px;font-weight:800;font-family:Syne,sans-serif;letter-spacing:.08em;padding:3px 7px;border-radius:2px;transform:rotate(-8deg);top:80px;right:28px}.lp-righttool{background:#f1f0ee;border-left:1px solid var(--border);padding:10px 6px;display:flex;flex-direction:column;gap:8px;align-items:center}.lp-rtool{width:36px;height:36px;border-radius:8px;background:#0000000d;border:1px solid var(--border);display:grid;place-items:center;font-size:16px}.lp-rtool.active{background:#f9731626;border-color:#f9731666}.lp-tools-section{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.lp-tools-inner{max-width:1200px;margin:0 auto;padding:80px 60px;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:2px}.lp-tool-item{padding:28px 20px;text-align:center;border-right:1px solid var(--border);transition:background .2s}.lp-tool-item:last-child{border-right:none}.lp-tool-item:hover{background:#00000008}.lp-tool-emoji{font-size:28px;margin-bottom:10px}.lp-tool-name{font-family:Syne,sans-serif;font-size:13px;font-weight:700;margin-bottom:4px;letter-spacing:-.01em}.lp-tool-desc{font-size:11px;color:var(--muted)}.lp-section{padding:100px 60px;max-width:1200px;margin:0 auto}.lp-section-label{display:inline-block;font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}.lp-section-title{font-family:Syne,sans-serif;font-size:clamp(32px,5vw,52px);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:20px}.lp-section-sub{font-size:18px;color:var(--muted);font-weight:300;max-width:520px;line-height:1.7;margin-bottom:60px}.lp-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.lp-feat-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px;transition:all .3s;position:relative;overflow:hidden}.lp-feat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(249,115,22,.4),transparent);opacity:0;transition:opacity .3s}.lp-feat-card:hover{border-color:#f973164d;transform:translateY(-4px);box-shadow:0 16px 40px #0000001a}.lp-feat-card:hover:before{opacity:1}.lp-feat-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-size:22px;margin-bottom:18px}.lp-feat-card h3{font-family:Syne,sans-serif;font-size:18px;font-weight:700;margin-bottom:10px;letter-spacing:-.02em}.lp-feat-card p{font-size:14px;color:var(--muted);line-height:1.7}.lp-cloud-section{max-width:1200px;margin:0 auto;padding:0 60px 100px}.lp-cloud-card{background:linear-gradient(135deg,#f973160f,#f9731614);border:1px solid rgba(249,115,22,.2);border-radius:24px;padding:64px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;overflow:hidden}.lp-cloud-card:before{content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(249,115,22,.1) 0%,transparent 70%)}.lp-cloud-badge{display:inline-flex;align-items:center;gap:8px;background:#f973161a;border:1px solid rgba(249,115,22,.25);border-radius:100px;padding:5px 14px;font-size:14px;font-weight:700;color:var(--cloud);letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px}.lp-cloud-title{font-family:Syne,sans-serif;font-size:clamp(28px,4vw,42px);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:16px}.lp-cloud-title span{color:var(--cloud)}.lp-cloud-desc{font-size:16px;color:var(--muted);line-height:1.7;font-weight:300;margin-bottom:32px}.lp-cloud-features{display:flex;flex-direction:column;gap:14px}.lp-cloud-feature{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500}.lp-cloud-feature:before{content:"✓";width:22px;height:22px;background:#f9731626;border:1px solid rgba(249,115,22,.3);border-radius:50%;display:grid;place-items:center;color:var(--cloud);font-size:11px;font-weight:800;flex-shrink:0}.lp-db-card{background:#fff;border:1px solid rgba(249,115,22,.2);border-radius:16px;padding:20px 24px;font-size:13px;position:relative;z-index:1;box-shadow:0 4px 20px #00000014}.lp-db-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.lp-db-title{font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cloud)}.lp-db-live{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600;color:var(--green)}.lp-db-live-dot{width:7px;height:7px;background:var(--green);border-radius:50%;animation:lpPulse 1.5s infinite}.lp-db-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.06);color:var(--muted);font-size:12px}.lp-db-row:last-child{border-bottom:none}.lp-db-key{color:var(--accent);font-weight:500}.lp-db-val{color:var(--text);font-weight:400}.lp-db-val.saving{color:var(--cloud);animation:lpBlink 1.2s ease-in-out infinite}@keyframes lpBlink{0%,to{opacity:1}50%{opacity:.4}}.lp-db-session{margin-top:14px;background:#4a8cff0f;border:1px solid rgba(249,115,22,.12);border-radius:10px;padding:12px 14px}.lp-db-session-name{font-size:12px;font-weight:600;color:var(--accent);margin-bottom:6px}.lp-db-session-meta{font-size:11px;color:var(--muted)}.lp-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0;position:relative}.lp-steps-grid:before{content:"";position:absolute;top:32px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--border),var(--border),transparent)}.lp-step{padding:0 32px 0 0}.lp-step-num{width:64px;height:64px;background:var(--surface2);border:1px solid var(--border);border-radius:16px;display:grid;place-items:center;font-family:Syne,sans-serif;font-size:24px;font-weight:800;color:var(--accent);margin-bottom:20px;position:relative;z-index:1}.lp-step h4{font-family:Syne,sans-serif;font-size:16px;font-weight:700;margin-bottom:8px;letter-spacing:-.02em}.lp-step p{font-size:13px;color:var(--muted);line-height:1.6}.lp-cta-section{text-align:center;padding:120px 24px;position:relative;overflow:hidden}.lp-cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(249,115,22,.08) 0%,transparent 70%)}.lp-cta-section h2{font-family:Syne,sans-serif;font-size:clamp(36px,6vw,72px);font-weight:800;letter-spacing:-.04em;line-height:1.05;margin-bottom:20px;position:relative}.lp-cta-section p{font-size:18px;color:var(--muted);font-weight:300;margin-bottom:44px;position:relative}.lp-cta-section .lp-btn-primary{font-size:18px;padding:18px 44px;position:relative}.lp-footer{border-top:1px solid var(--border);padding:32px 60px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted);padding-bottom:max(32px,calc(env(safe-area-inset-bottom,0px) + 24px))}.lp-footer-logo{font-family:Syne,sans-serif;font-weight:700;font-size:11px;display:flex;align-items:center;gap:12px;color:var(--text);white-space:nowrap}.lp-footer-logo-mark{width:24px;height:24px;background:var(--accent);border-radius:6px;display:grid;place-items:center;font-size:11px;font-weight:900;color:#fff}.lp-reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.lp-reveal.lp-visible{opacity:1;transform:translateY(0)}.lp-delay-1{transition-delay:.1s}.lp-delay-2{transition-delay:.2s}.lp-delay-3{transition-delay:.3s}@media (max-width: 768px){.lp-nav{padding:10px 16px;padding-top:max(10px,calc(env(safe-area-inset-top,0px) + 8px));gap:6px}.lp-nav>div{flex-wrap:nowrap;gap:6px}.lp-nav-logo{font-size:12px;gap:8px}.lp-logo-mark{width:26px;height:26px;font-size:12px}.lp-nav-cta{padding:6px 10px;font-size:12px;border-radius:6px;box-shadow:none;white-space:nowrap}.lp-nav-hide-mobile{display:none!important}.lp-section,.lp-cloud-section{padding-left:24px;padding-right:24px}.lp-cloud-card{grid-template-columns:1fr;padding:36px 28px;gap:40px}.lp-tools-inner{grid-template-columns:repeat(2,1fr)}.lp-tool-item:nth-child(2n){border-right:none}.lp-steps-grid:before{display:none}.lp-step{padding:0 0 32px}.lp-footer{flex-direction:column;gap:12px;text-align:center;padding:24px 20px;padding-bottom:max(28px,calc(env(safe-area-inset-bottom,0px) + 20px))}.lp-mockup-body{grid-template-columns:56px 1fr}.lp-righttool{display:none}}.modal-overlay{display:none;position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;background:#000000bf;z-index:9999;align-items:center;justify-content:center;overflow-y:auto}.modal-overlay.open{display:flex}.modal-box{position:relative;background:var(--card);border:1px solid var(--border2);border-radius:14px;padding:24px;width:500px;max-width:calc(100vw - 32px);display:flex;flex-direction:column;gap:14px}.auth-google-modal{width:420px;max-width:calc(100vw - 32px);padding:32px 28px 24px}.modal-title{font-size:15px;font-weight:700;color:var(--white)}.sig-canvas-wrap{display:flex;flex-direction:column;gap:8px}.sig-canvas{border:1px solid var(--border2);border-radius:8px;background-color:#fff;background-image:linear-gradient(45deg,#e5e7eb 25%,transparent 25%),linear-gradient(-45deg,#e5e7eb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e7eb 75%),linear-gradient(-45deg,transparent 75%,#e5e7eb 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px;cursor:crosshair;display:block;width:100%}.sig-hint{font-size:10px;color:var(--muted);font-family:var(--mono);line-height:1.4}.modal-tabs{display:flex;gap:6px}.modal-tab{padding:5px 12px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--muted2);font-size:11px;font-family:var(--font);font-weight:500;cursor:pointer;transition:all .15s}.modal-tab.active{border-color:var(--accent);color:var(--accent);background:#f9731614}.sig-type-input{background:var(--card2);color:var(--text);font-size:28px;font-family:Georgia,Times New Roman,serif;font-style:italic;border:1px solid var(--border2);border-radius:8px;padding:16px;width:100%;outline:none}.sig-type-input:focus{border-color:var(--accent)}.sig-type-input::placeholder{color:var(--muted);font-style:italic}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);background:var(--card2);border:1px solid var(--border2);color:var(--text);padding:10px 20px;border-radius:8px;font-size:13px;font-weight:500;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:300;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.search-panel{display:flex;align-items:center;gap:6px;padding:7px 14px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.search-input{flex:1;max-width:320px;background:var(--card2);border:1px solid var(--border2);border-radius:6px;padding:5px 10px;color:var(--text);font-family:var(--font);font-size:13px;outline:none}.search-input:focus{border-color:var(--accent)}.search-count{font-family:var(--mono);font-size:11px;color:var(--muted2);white-space:nowrap}.text-overlay{position:fixed;z-index:50}.text-box{background:#fffffff2;border:2px solid var(--accent);color:#111;font-family:var(--font);font-size:16px;min-width:140px;min-height:28px;outline:none;resize:none;padding:3px 6px;border-radius:4px}.text-edit-overlay{position:fixed;z-index:var(--z-text-edit, 200);display:flex;flex-direction:column;gap:4px;pointer-events:all;filter:drop-shadow(0 4px 16px rgba(0,0,0,.45))}.text-edit-badge{background:var(--accent);color:#fff;font-size:10px;font-weight:700;letter-spacing:.04em;padding:2px 7px;border-radius:4px 4px 0 0;align-self:flex-start;user-select:none}.text-edit-box{background:#fff;color:#111;border:2px solid var(--accent);border-radius:0 4px 4px;padding:3px 6px;font-family:var(--font);line-height:1.35;resize:horizontal;outline:none;white-space:pre;overflow:auto}.text-edit-box:focus{border-color:#7b5cff}.text-edit-actions{display:flex;gap:4px}.text-edit-btn{border:none;border-radius:4px;padding:3px 10px;font-size:11px;font-weight:700;cursor:pointer;transition:opacity .15s}.text-edit-btn:hover{opacity:.85}.text-edit-btn.confirm{background:var(--accent);color:#fff}.text-edit-btn.cancel{background:var(--card2);color:var(--muted2)}.ocr-modal-backdrop{position:fixed;inset:0;background:#000000a6;z-index:200;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.ocr-modal{background:var(--card);border:1px solid var(--border2);border-radius:12px;width:min(680px,90vw);max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px #00000080}.ocr-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);font-size:13px;font-weight:600;color:var(--text);flex-shrink:0}.ocr-close-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:16px;padding:2px 6px;border-radius:4px;line-height:1;transition:color .15s}.ocr-close-btn:hover{color:var(--text)}.ocr-result-area{flex:1;resize:none;background:var(--surface);border:none;border-bottom:1px solid var(--border);color:var(--text);font-family:var(--mono);font-size:12px;line-height:1.7;padding:16px 18px;outline:none;min-height:200px}.ocr-modal-footer{display:flex;align-items:center;gap:8px;padding:12px 18px;flex-shrink:0}.share-modal-box{width:460px;max-width:95vw}.share-desc{font-size:12px;color:var(--muted2);line-height:1.6;margin:-4px 0 4px}.share-desc strong{color:var(--text)}.share-info-list{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.share-info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;border-bottom:1px solid var(--border);font-size:12px}.share-info-row:last-child{border-bottom:none}.share-info-label{color:var(--muted)}.share-info-val{color:var(--text);font-family:var(--mono);font-weight:600}.share-url-row{display:flex;gap:8px;align-items:center}.share-url-input{flex:1;background:var(--surface);border:1px solid var(--border2);border-radius:6px;padding:8px 12px;color:var(--accent);font-family:var(--mono);font-size:11px;outline:none;cursor:text;min-width:0}.share-url-input:focus{border-color:var(--accent)}.share-expire-note{font-size:11px;color:var(--muted);font-family:var(--mono)}.share-error{font-size:12px;color:var(--danger);background:#ff4d6a14;border:1px solid rgba(255,77,106,.2);border-radius:6px;padding:8px 12px}@media (max-width: 768px){.search-input,.share-url-input,.ocr-result-area,.sig-type-input,.modal-box input,.modal-box textarea,.modal-box select{font-size:16px!important}}.checkout-close-btn{background:var(--card2);border:1px solid var(--border);color:var(--muted);border-radius:50%;width:32px;height:32px;font-size:15px;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,color .15s}.checkout-close-btn:hover{background:var(--border2);color:var(--text)}.checkout-state-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px 52px;text-align:center;min-height:200px}.checkout-stripe-wrap{padding:4px 0 20px}:root{--spacing-touch: 44px;--tap-scale: .95;--tap-duration: .18s;--tap-easing: cubic-bezier(.4, 0, .2, 1);--z-topbar: 20;--z-bottom-bar: 50;--z-drawer-backdrop: 60;--z-drawer: 70;--z-modal: 80;--z-text-edit: 90;--z-toast: 300;--z-export-banner: 500}@media (max-width: 767px){.tbtn{min-height:44px;min-width:44px;padding:8px 14px;font-size:13px;-webkit-tap-highlight-color:transparent;transition:background .15s ease}.tbtn.icon-btn{min-width:44px;min-height:44px;padding:10px!important;font-size:18px!important}button,input,select,textarea{font-size:max(16px,1em);-webkit-tap-highlight-color:transparent}input[type=range]{height:8px;-webkit-appearance:none;appearance:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 2px 6px #0006}input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}}@media (max-width: 767px){.topbar{height:calc(56px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);padding-left:10px;padding-right:10px;gap:4px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.topbar::-webkit-scrollbar{display:none}.topbar:after{content:"";display:block;flex-shrink:0;width:10px}.topbar .tbtn.primary{margin-right:10px;white-space:nowrap;flex-shrink:0}.tbtn-label,.sep,.zoom-wrap,.topbar-page-info,.topbar-user,.topbar .tbtn[title*=Sessioni],.topbar .tbtn[title*=Cerca]{display:none}.topbar-brand{font-size:14px}.logo-mark{width:28px;height:28px;font-size:13px}.topbar .tbtn.primary{padding:7px 12px;font-size:12px}.topbar .spacer{flex:0}}@media (max-width: 767px){.main-layout{flex-direction:column}.sidebar,.right-toolbar:not(.right-toolbar--mobile){display:none}.editor{padding:0;align-items:flex-start;justify-content:flex-start;overscroll-behavior:none;touch-action:pan-x pan-y}.editor-scroll-inner{padding:16px 16px 80px}.drop-card{padding:36px 24px;border-radius:16px;border-width:2px}.drop-icon{font-size:48px;margin-bottom:12px}.drop-title{font-size:17px}.drop-sub{font-size:12px}}@media (min-width: 768px) and (max-width: 1023px){.sidebar--open{width:190px}.sidebar-content{width:162px}.right-toolbar{width:180px}.tool-grid{grid-template-columns:1fr 1fr}.mobile-bottom-bar,.drawer-backdrop,.drawer-sheet{display:none!important}}@media (min-width: 1024px){.mobile-bottom-bar,.drawer-backdrop,.drawer-sheet{display:none!important}}.mobile-bottom-bar{display:none}@media (max-width: 767px){.mobile-bottom-bar{display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--surface);border-top:1px solid var(--border);z-index:var(--z-bottom-bar, 50);padding:0 8px;padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -4px 20px #00000040;-webkit-transform:translateZ(0);transform:translateZ(0)}.mbb-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;cursor:pointer;color:var(--muted);padding:6px 4px;border-radius:10px;transition:color .15s ease,background .15s ease;position:relative;min-height:44px;font-family:var(--font);-webkit-tap-highlight-color:transparent}.mbb-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.mbb-btn:active:not(:disabled){background:var(--card)}.mbb-btn--active,.mbb-btn--export{color:var(--accent)}.mbb-btn--export:active{background:#4a8cff1a}.mbb-icon{font-size:22px;line-height:1}.mbb-label{font-size:10px;font-weight:600;letter-spacing:.02em}.mbb-badge{position:absolute;top:4px;right:calc(50% - 20px);background:var(--accent);color:#fff;font-size:9px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;font-family:var(--mono);box-shadow:0 2px 6px #4a8cff80}}.drawer-backdrop{position:fixed;inset:0;background:#0000;z-index:var(--z-drawer-backdrop, 60);pointer-events:none;transition:background .3s ease}.drawer-backdrop--open{background:#0009;pointer-events:auto;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.drawer-sheet{position:fixed;left:0;right:0;bottom:0;height:var(--drawer-height, 70vh);max-height:92vh;background:var(--card);border-top:1px solid var(--border2);border-radius:20px 20px 0 0;z-index:var(--z-drawer, 70);display:flex;flex-direction:column;-webkit-transform:translateY(100%);transform:translateY(100%);transition:transform .4s cubic-bezier(.32,.72,0,1);overflow:hidden}.drawer-sheet--open{-webkit-transform:translateY(0);transform:translateY(0);will-change:transform}.drawer-handle-wrap{display:flex;justify-content:center;padding:12px 0 6px;cursor:pointer;flex-shrink:0;min-height:32px;-webkit-tap-highlight-color:transparent}.drawer-handle{width:40px;height:5px;background:var(--border2);border-radius:3px}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:6px 18px 10px;flex-shrink:0;border-bottom:1px solid var(--border)}.drawer-title{font-size:15px;font-weight:700;color:var(--white);font-family:var(--font)}.drawer-close{background:var(--card2);border:1px solid var(--border);color:var(--muted2);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;transition:all .15s;-webkit-tap-highlight-color:transparent}.drawer-close:hover{color:var(--text);border-color:var(--border2)}.drawer-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom,0px);scrollbar-width:thin;scrollbar-color:var(--border2) transparent}.drawer-body::-webkit-scrollbar{width:4px}.drawer-body::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}@media (max-width: 767px){.right-toolbar--mobile,.sidebar--mobile{width:100%;height:100%;border:none;background:transparent}.drawer-body .sidebar{display:flex!important;flex-direction:column;width:100%;height:100%;border:none}.drawer-body .sidebar-toggle{display:none}.drawer-body .sidebar-content{width:100%;opacity:1;pointer-events:auto;overflow:visible;flex:1;display:flex;flex-direction:column}.drawer-body .pages-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;padding:14px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1}.drawer-body .right-toolbar{display:flex!important;width:100%;border:none;background:transparent}.drawer-body .right-toolbar--mobile{overflow-y:auto}.drawer-body .tool-grid{grid-template-columns:repeat(3,1fr)}.drawer-body .tool-btn{padding:16px 4px;min-height:44px}.drawer-body .tool-icon{font-size:24px}.drawer-body .pg-btn-col .tbtn{min-height:44px;font-size:13px}}@media (max-width: 767px){.modal-box{width:100vw;max-width:100vw;min-height:50vh;max-height:85vh;overflow-y:auto;overflow-x:hidden;border-radius:20px 20px 0 0;position:fixed;bottom:0;left:0;right:0;margin:0}.modal-overlay{align-items:flex-end}.ocr-modal{width:100vw;max-width:100vw;border-radius:20px 20px 0 0;position:fixed;bottom:0;left:0;right:0;max-height:85vh;margin:0}.sig-canvas{height:160px!important}.toast{z-index:var(--z-toast);bottom:76px;font-size:13px;padding:10px 18px;max-width:90vw;white-space:normal;text-align:center;border-radius:12px;box-shadow:0 4px 20px #0006}.text-edit-overlay{z-index:var(--z-text-edit)}.search-panel{flex-wrap:wrap;padding:8px 10px;gap:8px}.search-input{max-width:100%;flex:1;min-width:0;font-size:16px}.cloud-panel{position:fixed!important;inset:0!important;width:100vw!important;max-width:100vw!important;border-radius:0!important;z-index:var(--z-modal, 80)}.upgrade-modal,.auth-modal,.password-modal{width:100vw!important;max-width:100vw!important;border-radius:20px 20px 0 0!important;margin:0!important}.upgrade-modal{bottom:10vh!important;border-radius:20px!important;left:8px!important;right:8px!important;width:auto!important;max-width:calc(100vw - 16px)!important}}@media (max-width: 767px){.canvas-wrap{max-width:100%;touch-action:pan-x pan-y}}@media (max-width: 767px){.text-edit-overlay button,.text-edit-overlay select,.text-edit-overlay input[type=color]{min-height:36px;min-width:36px}.text-edit-overlay input[type=range]{min-height:28px}.text-edit-overlay input[type=number]{min-height:36px}}@media (max-width: 767px){.export-banner{bottom:72px;left:8px;right:8px;border-radius:14px;font-size:12px;padding:10px 14px;flex-wrap:wrap;gap:8px;box-shadow:0 4px 20px #0006}.export-banner .tbtn{font-size:11px;padding:8px 12px;min-height:36px}}@media (max-width: 767px){.collapsible-header{padding:14px 16px;font-size:13px;min-height:44px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s}.collapsible-header:active{background:var(--card2)}.collapsible-body{padding:4px 14px 16px}.tb-title{font-size:10px;letter-spacing:.1em}.opt-label{font-size:13px}.opt-row{margin-bottom:12px;gap:12px}select,input[type=number]{padding:10px 12px;font-size:16px;min-height:44px;border-radius:8px}}@media (max-width: 767px) and (orientation: landscape){.mobile-bottom-bar{height:52px}.editor{padding-bottom:0}.editor-scroll-inner{padding-bottom:60px}.drawer-sheet{max-height:90vh}.topbar{height:calc(46px + env(safe-area-inset-top,0px))}}@supports (padding-left: env(safe-area-inset-left)){@media (max-width: 767px) and (orientation: landscape){.topbar{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.editor{padding-left:0;padding-right:0}.editor-scroll-inner{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.mobile-bottom-bar{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.modal-box,.ocr-modal{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}}}@supports (padding-bottom: env(safe-area-inset-bottom)){@media (max-width: 767px){.mobile-bottom-bar{height:calc(64px + env(safe-area-inset-bottom));padding-bottom:calc(env(safe-area-inset-bottom) + 2px)}.editor{padding-bottom:0}.editor-scroll-inner{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.toast{bottom:calc(76px + env(safe-area-inset-bottom))}.export-banner{bottom:calc(72px + env(safe-area-inset-bottom))}}}@media (prefers-color-scheme: dark){.mobile-bottom-bar{background:#000;border-top-color:#ffffff14}.drawer-sheet{background:#0a0a0a}.drawer-backdrop--open{background:#000000bf}}@media (prefers-reduced-motion: reduce){.drawer-sheet,.drawer-backdrop{transition-duration:.01ms!important}}@media (max-width: 767px){.page-thumb--loading{background:var(--card2);border-radius:6px;overflow:hidden;position:relative}.page-thumb--loading:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 1.4s infinite ease-in-out}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}:focus-visible{outline:2px solid var(--accent, #4a8cff);outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}@media (max-width: 768px){.toolbar input,.toolbar select,.toolbar textarea,.right-toolbar input,.right-toolbar select,.drawer-body input,.drawer-body select,.drawer-body textarea{font-size:16px!important}}@media (max-width: 768px){.form-overlay-input,.form-overlay-select,.text-edit-box{font-size:16px!important}}.ios-immersive .topbar{transform:translateY(-100%);transition:transform .25s ease;pointer-events:none}.ios-immersive .right-toolbar,.ios-immersive .mobile-bottom-bar,.ios-immersive .toolbar-drawer{transform:translate(100%);transition:transform .25s ease;pointer-events:none}.ios-immersive .editor{padding-top:0!important}.ios-immersive-exit{display:none}.ios-immersive .ios-immersive-exit{display:flex;position:fixed;top:max(12px,env(safe-area-inset-top,12px));right:12px;z-index:9999;width:36px;height:36px;border-radius:50%;background:#00000080;border:none;color:#fff;font-size:16px;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.account-page{min-height:100vh;background:var(--bg);font-family:var(--font);color:var(--text)}.account-nav{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:56px;border-bottom:1px solid var(--border);background:var(--surface)}.account-nav-brand{background:none;border:none;cursor:pointer;font-family:var(--font);font-weight:700;font-size:18px;color:var(--text);display:flex;align-items:center;gap:8px}.account-nav-logo{width:28px;height:28px;border-radius:8px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.account-nav-logout{background:none;border:1px solid var(--border);border-radius:8px;padding:6px 14px;font-family:var(--font);font-size:13px;color:var(--muted);cursor:pointer}.account-content{max-width:560px;margin:0 auto;padding:40px 20px}.account-title{font-size:26px;font-weight:800;margin-bottom:6px}.account-email{color:var(--muted);font-size:14px;margin-bottom:32px}.account-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;margin-bottom:16px}.account-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.account-badge{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700;letter-spacing:.05em}.account-badge--pro{background:var(--accent);color:#fff}.account-badge--free{background:var(--card);color:var(--muted);font-weight:600;letter-spacing:normal}.account-usage-header{display:flex;justify-content:space-between;margin-bottom:10px}.account-progress-track{height:10px;border-radius:99px;background:var(--card2);overflow:hidden;margin-bottom:10px}.account-progress-fill{height:100%;border-radius:99px;transition:width .6s ease}.account-progress-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--muted2)}.account-danger-msg{margin-top:14px;font-size:13px;color:var(--danger);font-weight:600}.account-portal-btn{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:11px 20px;font-family:var(--font);font-size:14px;font-weight:600;color:var(--text);width:100%;text-align:left}.account-logout-btn{background:transparent;border:1px solid var(--border);border-radius:10px;padding:11px 20px;font-family:var(--font);font-size:14px;font-weight:600;color:var(--danger);width:100%;text-align:center;cursor:pointer;transition:background .15s,border-color .15s}.account-logout-btn:hover{background:#e5293a0f;border-color:var(--danger)}.account-editor-btn{width:100%;padding:13px 20px;background:var(--accent);color:#fff;border:none;border-radius:12px;font-family:var(--font);font-size:15px;font-weight:700;cursor:pointer}.plan-cards-row{display:flex;gap:10px}.plan-card-btn{flex:1;padding:16px 14px;background:var(--card);border:1px solid var(--border);border-radius:12px;font-family:var(--font);text-align:left;position:relative;transition:border-color .15s}.plan-card-badge{position:absolute;top:8px;right:8px;background:var(--accent);color:#fff;border-radius:20px;padding:2px 7px;font-size:10px;font-weight:700}@media (max-width: 767px){.account-nav{padding:0 16px;height:calc(52px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px)}.account-nav-brand{font-size:16px;gap:6px}.account-nav-logo{width:26px;height:26px;font-size:12px}.account-nav-logout{min-height:36px;min-width:64px;font-size:14px;padding:6px 12px}.account-content{padding:24px 16px}.account-title{font-size:22px}.account-email{font-size:13px;margin-bottom:24px}.account-card{padding:18px 16px}.plan-cards-row{flex-direction:column;gap:8px}.plan-card-btn{flex:unset;width:100%;padding:16px;min-height:72px;display:flex;align-items:center;justify-content:space-between}@media (min-width: 360px){.plan-cards-row{flex-direction:row}.plan-card-btn{flex:1;flex-direction:column;align-items:flex-start;justify-content:flex-start}}.account-portal-btn{min-height:48px;font-size:14px}.account-editor-btn{padding:16px 20px;font-size:16px;margin-bottom:env(safe-area-inset-bottom,0px)}}.checkout-modal-overlay{height:auto!important;min-height:100dvh;align-items:flex-start;justify-content:flex-start;padding:40px 16px 60px;overflow-y:auto;overscroll-behavior:contain}.checkout-modal-box{max-width:520px;width:100%;padding:0;border-radius:16px;border:none;background:var(--surface);overflow:hidden;position:relative;margin:0 auto}.checkout-modal-header{position:fixed;top:14px;right:14px;z-index:10001;display:flex;justify-content:flex-end;align-items:center}.checkout-close-btn{background:var(--surface2, var(--surface));border:1px solid var(--border);color:var(--muted);border-radius:50%;width:32px;height:32px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #0000002e;transition:background .15s,color .15s}.checkout-close-btn:hover{background:var(--card2);color:var(--text)}.checkout-state-box{padding:48px 32px;text-align:center}.checkout-stripe-wrap{overflow:hidden}@media (max-width: 767px){.checkout-modal-overlay{align-items:flex-start;justify-content:flex-start;padding:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.checkout-modal-box{width:100%;min-height:100dvh;height:auto;max-height:none;border-radius:0;margin:0;padding:0;overflow:visible;display:flex;flex-direction:column}.checkout-modal-header{top:env(safe-area-inset-top,10px);right:10px}.checkout-state-box{padding:48px 20px}.checkout-stripe-wrap{flex:1;overflow:visible;padding-bottom:env(safe-area-inset-bottom,0px)}.checkout-stripe-wrap iframe,.checkout-stripe-wrap>div,.checkout-stripe-wrap>div>iframe{width:100%!important;height:auto!important;min-height:1200px}}.account-nav-btns{display:flex;gap:10px;margin-top:0}.account-home-btn{flex:1;padding:13px 16px;background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:12px;font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s}.account-home-btn:hover{border-color:var(--accent)}.account-nav-btns .account-editor-btn{flex:2;width:auto}@media (max-width: 767px){.account-nav-btns{gap:8px}.account-home-btn{font-size:14px;padding:15px 14px}.account-nav-btns .account-editor-btn{padding:15px 14px;font-size:14px}}@media (max-width: 767px){.auth-google-modal{position:relative;bottom:auto;left:auto;right:auto;border-radius:16px;max-width:340px;width:calc(100vw - 32px);min-height:auto;max-height:none;margin:auto;padding:28px 24px 24px}.modal-overlay:has(.auth-google-modal){align-items:center;padding:16px}}@media (max-width: 767px){.pthumb-actions{display:flex!important;gap:4px}.pthumb-act{width:32px;height:32px;font-size:16px;border-radius:6px;background:#1e2235f2;border:1px solid var(--border)}.pthumb-del{display:flex!important;width:32px;height:32px;font-size:14px;top:6px;right:6px}.pthumb-label{font-size:11px;padding:10px 0 6px}}