@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-primary:#09090b;--bg-secondary:#0f0f13;--bg-tertiary:#18181b;--bg-glass:#0f0f13b3;--border-color:#ffffff14;--border-hover:#ffffff26;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#52525b;--accent-purple:#8b5cf6;--accent-purple-glow:#8b5cf626;--accent-purple-border:#8b5cf666;--accent-blue:#0284c7;--accent-blue-glow:#0284c726;--accent-blue-border:#0284c766;--accent-green:#10b981;--accent-green-glow:#10b98126;--accent-red:#ef4444;--accent-red-glow:#ef444426;--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 #0000001a, 0 4px 6px -2px #0000000d;--shadow-glow-purple:0 0 15px #8b5cf640;--shadow-glow-blue:0 0 15px #0284c740;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;box-sizing:border-box}*,:before,:after{box-sizing:inherit}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;padding:0;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}#root{flex-direction:column;width:100vw;min-height:100vh;display:flex}@keyframes marching-ants{0%{stroke-dashoffset:0}to{stroke-dashoffset:-20px}}.marching-ants-table{stroke:var(--accent-purple);stroke-width:2px;stroke-dasharray:6 4;fill:#8b5cf626;animation:.8s linear infinite marching-ants}.marching-ants-image{stroke:var(--accent-blue);stroke-width:2px;stroke-dasharray:6 4;fill:#0284c726;animation:.8s linear infinite marching-ants}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.glass-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#18181b66;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{border-color:var(--border-hover);background:#18181b99;transform:translateY(-2px)}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--accent-purple);color:#fff;box-shadow:0 4px 12px #8b5cf640}.btn-primary:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 6px 16px #8b5cf666}.btn-primary:active{transform:translateY(0)}.btn-blue{background:var(--accent-blue);color:#fff;box-shadow:0 4px 12px #0284c740}.btn-blue:hover{background:#0369a1;transform:translateY(-1px);box-shadow:0 6px 16px #0284c766}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{border-color:var(--border-hover);background:#ffffff0d}.btn-danger{background:var(--accent-red-glow);color:#fca5a5;border:1px solid #ef44444d}.btn-danger:hover{background:var(--accent-red);color:#fff}.btn-sm{border-radius:var(--radius-sm);padding:6px 12px;font-size:12px}.input-field{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);font-family:var(--font-sans);outline:none;padding:8px 12px;font-size:14px;transition:all .2s}.input-field:focus{border-color:var(--accent-purple);box-shadow:0 0 0 2px var(--accent-purple-glow)}.tooltip-trigger{position:relative}.dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-lg);text-align:center;cursor:pointer;background:#0f0f1366;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 24px;transition:all .3s;display:flex}.dropzone:hover,.dropzone.active{border-color:var(--accent-purple);background:#8b5cf608}.animate-spin-slow{animation:3s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-pulse-subtle{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.app-container{background-color:var(--bg-primary);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.top-bar{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:10;justify-content:space-between;align-items:center;height:64px;padding:12px 24px;display:flex;position:relative}.top-bar-center{align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.logo-section{cursor:pointer;align-items:center;gap:10px;transition:opacity .2s;display:flex}.logo-section:hover{opacity:.85}.logo-icon{color:var(--accent-purple);width:28px;height:28px}.logo-text{letter-spacing:-.5px;background:linear-gradient(135deg, #fff 30%, var(--accent-purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:20px;font-weight:700}.main-content{flex:1;display:flex;position:relative;overflow:hidden}.sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;width:280px;min-width:280px;transition:width .28s cubic-bezier(.4,0,.2,1),min-width .28s cubic-bezier(.4,0,.2,1),opacity .22s,border-right-color .28s;display:flex;overflow:hidden}.sidebar--collapsed{opacity:0;pointer-events:none;border-right-color:#0000;width:0;min-width:0}.sidebar-toggle{background:var(--bg-secondary);border:none;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);width:22px;min-width:22px;color:var(--text-muted);cursor:pointer;z-index:5;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:10px 0;transition:color .15s,background .15s;display:flex;position:relative}.sidebar-toggle:hover{color:var(--text-primary);background:var(--bg-tertiary)}.sidebar-toggle-count{color:var(--accent-purple);writing-mode:vertical-rl;text-orientation:mixed;margin-top:4px;font-size:10px;font-weight:600;transform:rotate(180deg)}.sidebar-section{border-bottom:1px solid var(--border-color);padding:20px}.sidebar-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);margin-bottom:12px;font-size:12px;font-weight:600}.thumbnail-list{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px;display:grid;overflow-y:auto}.thumbnail-item{cursor:pointer;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#ffffff05;flex-direction:column;align-items:center;padding:8px;transition:all .2s;display:flex;position:relative}.thumbnail-item:hover{border-color:var(--text-muted);background:#ffffff0a}.thumbnail-item.active{border-color:var(--accent-purple);background:var(--accent-purple-glow)}.thumbnail-canvas-placeholder{aspect-ratio:.707;background-color:var(--bg-primary);width:100%;color:var(--text-muted);border:1px solid #ffffff0d;border-radius:4px;justify-content:center;align-items:center;font-size:11px;display:flex}.thumbnail-canvas{border-radius:2px;width:100%;height:auto}.thumbnail-page-number{color:var(--text-secondary);margin-top:6px;font-size:12px;font-weight:500}.workspace{background-color:var(--bg-primary);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.workspace-toolbar{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#09090b80;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.tool-selector{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);gap:4px;padding:3px;display:flex}.tool-btn{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.tool-btn:hover{color:var(--text-primary)}.tool-btn.active.table{background:var(--accent-purple);color:#fff}.tool-btn.active.image{background:var(--accent-blue);color:#fff}.tool-btn.active.pan{background:var(--text-muted);color:#fff}.canvas-viewport{flex:1;justify-content:center;align-items:flex-start;padding:40px;display:flex;position:relative;overflow:auto}.canvas-container{border:1px solid var(--border-color);background-color:#fff;border-radius:4px;position:relative;box-shadow:0 25px 50px -12px #00000080}.pdf-render-canvas{display:block}.selection-overlay{z-index:5;cursor:crosshair;width:100%;height:100%;position:absolute;top:0;left:0}.selection-overlay.pan-mode{cursor:grab}.selection-overlay.pan-mode:active{cursor:grabbing}.results-panel{border-left:1px solid var(--border-color);background-color:var(--bg-secondary);flex-direction:column;flex-shrink:0;width:450px;min-width:450px;transition:width .28s cubic-bezier(.4,0,.2,1),min-width .28s cubic-bezier(.4,0,.2,1),opacity .22s,border-left-color .28s;display:flex;overflow:hidden}.results-panel--collapsed{opacity:0;pointer-events:none;border-left-color:#0000;width:0;min-width:0}.results-panel-toggle{background:var(--bg-secondary);border:none;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);width:22px;min-width:22px;color:var(--text-muted);cursor:pointer;z-index:5;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:10px 0;transition:color .15s,background .15s;display:flex;position:relative}.results-panel-toggle:hover{color:var(--text-primary);background:var(--bg-tertiary)}.results-panel-toggle-counts{color:var(--accent-purple);flex-direction:column;align-items:center;gap:8px;margin-top:4px;font-size:10px;font-weight:600;display:flex}.results-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.tabs{background:var(--bg-tertiary);border-radius:var(--radius-md);gap:4px;width:100%;padding:4px;display:flex}.tab-btn{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.results-content{flex:1;padding:20px;overflow-y:auto}.table-editor-container{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#18181b66;flex-direction:column;gap:16px;margin-bottom:24px;padding:16px;display:flex}.table-header-row{justify-content:space-between;align-items:center;display:flex}.table-meta-text{color:var(--text-secondary);font-size:13px}.spreadsheet-wrapper{border:1px solid var(--border-color);border-radius:var(--radius-md);max-width:100%;overflow-x:auto}.spreadsheet-grid{border-collapse:collapse;width:100%;font-size:13px;font-family:var(--font-sans)}.spreadsheet-grid th,.spreadsheet-grid td{border:1px solid var(--border-color);white-space:nowrap;text-overflow:ellipsis;text-align:left;min-width:80px;max-width:200px;padding:8px 12px;overflow:hidden}.spreadsheet-grid th{background-color:var(--bg-tertiary);color:var(--text-primary);-webkit-user-select:none;user-select:none;font-weight:600;position:relative}.spreadsheet-grid td{cursor:double-click;color:var(--text-secondary);background-color:#0f0f134d}.spreadsheet-grid tr:hover td{background-color:#ffffff05}.spreadsheet-grid td.editing{padding:0}.cell-editor{background:var(--bg-tertiary);border:2px solid var(--accent-purple);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-sans);outline:none;padding:8px 12px;font-size:13px}.spreadsheet-controls{flex-wrap:wrap;gap:8px;display:flex}.image-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.image-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;display:flex;position:relative;overflow:hidden}.image-wrapper{aspect-ratio:1.3;background-color:#000;justify-content:center;align-items:center;padding:8px;display:flex;position:relative}.image-wrapper img{object-fit:contain;max-width:100%;max-height:100%}.image-overlay{opacity:0;background:#0009;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.image-card:hover .image-overlay{opacity:1}.image-info{border-top:1px solid var(--border-color);flex-direction:column;gap:4px;padding:10px;display:flex}.image-dimens{color:var(--text-muted);font-size:11px;font-family:var(--font-mono)}.image-badge{border-radius:var(--radius-full);z-index:2;padding:3px 8px;font-size:10px;font-weight:600;position:absolute;top:8px;left:8px}.image-badge.original{color:#38bdf8;background:#0284c733;border:1px solid #0284c766}.image-badge.cropped{color:#c084fc;background:#8b5cf633;border:1px solid #8b5cf666}.empty-state{text-align:center;color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;height:100%;padding:48px 24px;display:flex}.empty-state-icon{width:48px;height:48px;color:var(--text-muted)}.warning-panel{color:#fca5a5;border-radius:var(--radius-md);background:#ef44440d;border:1px dashed #ef44444d;align-items:flex-start;gap:12px;margin-bottom:20px;padding:16px;font-size:14px;display:flex}.warning-icon{color:#ef4444;flex-shrink:0;width:20px;height:20px}.loading-overlay{z-index:100;background-color:#09090bd9;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.loading-spinner{border:3px solid #ffffff0d;border-top:3px solid var(--accent-purple);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.landing-glow{filter:blur(130px);z-index:0;pointer-events:none;border-radius:50%;position:absolute}.landing-glow.purple{background:var(--accent-purple)}.landing-glow.blue{background:var(--accent-blue)}.landing-full{background-color:var(--bg-primary);flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-x:hidden}.landing-navbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.landing-nav-brand{flex-shrink:0;align-items:center;gap:8px;display:flex}.landing-nav-brand-name{background:linear-gradient(135deg, #fff 30%, var(--accent-purple) 100%);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;font-size:15px;font-weight:700}.landing-nav-tabs{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:2px;padding:3px;display:flex}.landing-nav-tab{font-size:13px;font-weight:500;font-family:var(--font-sans);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:6px 14px;transition:all .18s;display:inline-flex}.landing-nav-tab:hover{color:var(--text-primary);background:#ffffff0a}.landing-nav-tab.active{background:var(--accent-purple);color:#fff;box-shadow:0 2px 8px #8b5cf659}.landing-nav-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.landing-nav-legal{font-size:12px;font-weight:500;font-family:var(--font-sans);color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:4px;padding:4px 8px;transition:color .2s;display:inline-flex}.landing-nav-legal:hover{color:var(--accent-purple)}.landing-tab-content{flex:1;overflow-y:auto}.landing-home-panel{flex-direction:column;justify-content:flex-start;align-items:center;min-height:calc(100vh - 176px);padding:48px 24px 80px;display:flex;position:relative;overflow:hidden}.landing-hero-inner{text-align:center;z-index:1;flex-direction:column;align-items:center;gap:0;width:100%;max-width:700px;display:flex;position:relative}.landing-badge{background:var(--accent-purple-glow);border:1px solid var(--accent-purple-border);color:#c4b5fd;border-radius:var(--radius-full);letter-spacing:.4px;align-items:center;gap:6px;margin-bottom:24px;padding:5px 13px;font-size:12px;font-weight:600;display:inline-flex}.landing-logo-large{border-radius:var(--radius-lg);background:var(--accent-purple-glow);border:1px solid var(--accent-purple-border);width:88px;height:88px;box-shadow:var(--shadow-glow-purple);justify-content:center;align-items:center;margin-bottom:28px;display:flex}.landing-h1{letter-spacing:-2px;color:#fff;margin:0 0 20px;font-size:clamp(32px,5vw,56px);font-weight:800;line-height:1.1}.landing-h1-gradient{background:linear-gradient(135deg, var(--accent-purple) 0%, #60a5fa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.landing-hero-desc{color:var(--text-secondary);max-width:640px;margin:0 0 40px;font-size:17px;line-height:1.7}.landing-upload-box{border-radius:var(--radius-lg);cursor:pointer;z-index:1;background:#8b5cf60a;border:2px dashed #8b5cf659;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:560px;padding:40px 24px;transition:all .3s;display:flex;position:relative}.landing-upload-box:hover,.landing-upload-box.drag-over{border-color:var(--accent-purple);box-shadow:var(--shadow-glow-purple);background:#8b5cf614;transform:translateY(-2px)}.landing-upload-box.loading{cursor:default;pointer-events:none;opacity:.7}.landing-upload-icon-wrap{background:var(--accent-purple-glow);border:1px solid var(--accent-purple-border);border-radius:var(--radius-md);width:60px;height:60px;box-shadow:var(--shadow-glow-purple);justify-content:center;align-items:center;display:flex}.landing-upload-main{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.landing-upload-sub{color:var(--text-muted);margin:4px 0 0;font-size:12px}.landing-trust-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.landing-trust-pill{color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.landing-section-panel{max-width:1100px;margin:0 auto;padding:48px 24px 64px}.landing-section-header{margin-bottom:40px}.hiw-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:28px;display:grid}.hiw-card{flex-direction:column;gap:12px;padding:28px 22px;transition:transform .2s;display:flex;position:relative}.hiw-card:hover{transform:translateY(-2px)}.hiw-top{justify-content:space-between;align-items:center;display:flex}.hiw-step-num{font-size:13px;font-weight:800;font-family:var(--font-mono);color:var(--accent-purple);background:var(--accent-purple-glow);border:1px solid var(--accent-purple-border);border-radius:var(--radius-full);padding:4px 10px}.hiw-step-icon{opacity:.6}.hiw-title{color:var(--text-primary);margin:0;font-size:16px;font-weight:700}.hiw-desc{color:var(--text-secondary);margin:0;font-size:13.5px;line-height:1.65}.hiw-arrow{color:var(--text-muted);z-index:2;font-size:18px;display:none;position:absolute;top:50%;right:-14px;transform:translateY(-50%)}.hiw-privacy-note{border-color:var(--accent-purple-border);background:#8b5cf60a;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.hiw-privacy-note p{color:var(--text-secondary);margin:0;font-size:13.5px;line-height:1.65}.hiw-privacy-note strong{color:var(--text-primary)}.landing-home-nav-hint{color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:32px;font-size:13px;display:flex}.landing-hint-btn{font-size:12px;font-weight:500;font-family:var(--font-sans);color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;align-items:center;gap:5px;padding:5px 12px;transition:all .18s;display:inline-flex}.landing-hint-btn:hover{border-color:var(--accent-purple-border);color:#c4b5fd;background:var(--accent-purple-glow)}.uc-cta{justify-content:center;margin-top:40px;display:flex}.landing-section-label{text-transform:uppercase;letter-spacing:2px;color:var(--accent-purple);margin-bottom:12px;font-size:12px;font-weight:700}.landing-section-title{letter-spacing:-1px;color:var(--text-primary);margin:0 0 16px;font-size:clamp(24px,3.5vw,38px);font-weight:700}.landing-section-desc{color:var(--text-secondary);max-width:620px;margin:0 0 48px;font-size:16px;line-height:1.7}.features-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.feature-card{flex-direction:column;gap:14px;padding:28px;transition:transform .25s,box-shadow .25s;display:flex}.feature-card:hover{transform:translateY(-3px);box-shadow:0 20px 40px -10px #00000080}.feature-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:46px;height:46px;display:flex}.feature-title{color:var(--text-primary);margin:0;font-size:17px;font-weight:700}.feature-desc{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.65}.steps-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0;display:grid;position:relative}.step-card{border:1px solid var(--border-color);background:var(--bg-glass);border-radius:var(--radius-lg);flex-direction:column;gap:12px;margin:8px;padding:32px 24px;transition:transform .25s;display:flex;position:relative}.step-card:hover{transform:translateY(-2px)}.step-connector{display:none}.step-num-wrap{border-radius:var(--radius-md);background:var(--accent-purple-glow);border:1px solid var(--accent-purple-border);justify-content:center;align-items:center;width:44px;height:44px;display:flex}.step-num{color:var(--accent-purple);font-size:14px;font-weight:800;font-family:var(--font-mono)}.step-title{color:var(--text-primary);margin:0;font-size:16px;font-weight:700}.step-desc{color:var(--text-secondary);margin:0;font-size:13.5px;line-height:1.65}.use-cases-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.use-case-card{flex-direction:column;gap:12px;padding:28px;transition:transform .25s;display:flex}.use-case-card:hover{transform:translateY(-2px)}.use-case-emoji{font-size:32px;line-height:1}.use-case-title{color:var(--text-primary);margin:0;font-size:16px;font-weight:700}.use-case-desc{color:var(--text-secondary);margin:0;font-size:13.5px;line-height:1.65}.privacy-callout{border-color:var(--accent-purple-border);background:#8b5cf60a;align-items:flex-start;gap:28px;padding:40px;display:flex}.privacy-callout-icon{border-radius:var(--radius-md);background:var(--accent-purple-glow);border:1px solid var(--accent-purple-border);width:56px;height:56px;box-shadow:var(--shadow-glow-purple);flex-shrink:0;justify-content:center;align-items:center;display:flex}.privacy-callout-title{color:var(--text-primary);margin:0 0 12px;font-size:22px;font-weight:700}.privacy-callout-desc{color:var(--text-secondary);margin:0 0 20px;font-size:14px;line-height:1.7}.privacy-callout-checks{flex-direction:column;gap:8px;display:flex}.privacy-check{color:var(--text-secondary);align-items:center;gap:8px;font-size:13.5px;display:flex}.faq-list{flex-direction:column;gap:10px;max-width:820px;display:flex}.faq-item{transition:border-color .2s;overflow:hidden}.faq-item.open{border-color:var(--accent-purple-border);background:#8b5cf60a}.faq-question{width:100%;color:var(--text-primary);font-size:15px;font-weight:600;font-family:var(--font-sans);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;transition:color .2s;display:flex}.faq-question:hover{color:#c4b5fd}.faq-answer{border-top:1px solid var(--border-color);padding:0 22px 20px}.faq-answer p{color:var(--text-secondary);margin:16px 0 0;font-size:14px;line-height:1.75}.landing-footer{border-top:1px solid var(--border-color);background:var(--bg-secondary);z-index:1;padding:48px 24px;position:relative}.landing-footer-inner{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:900px;margin:0 auto;display:flex}.landing-footer-brand{align-items:center;gap:8px;display:flex}.landing-footer-brand-name{background:linear-gradient(135deg, #fff 30%, var(--accent-purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:16px;font-weight:700}.landing-footer-tagline{color:var(--text-muted);max-width:420px;margin:0;font-size:13px;line-height:1.6}.landing-footer-links{align-items:center;gap:10px;display:flex}.landing-footer-link{color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;align-items:center;gap:5px;padding:0;transition:color .2s;display:inline-flex}.landing-footer-link:hover{color:var(--accent-purple)}.landing-footer-sep{color:var(--text-muted);font-size:13px}.landing-footer-copyright{color:var(--text-muted);margin:0;font-size:12px}.app-footer{border-top:1px solid var(--border-color);color:var(--text-muted);background:var(--bg-secondary);flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:12px 20px;font-size:11px;display:flex}.app-footer-link{color:var(--text-muted);cursor:pointer;font-size:11px;font-family:var(--font-sans);background:0 0;border:none;align-items:center;gap:4px;padding:0;transition:color .2s;display:inline-flex}.app-footer-link:hover{color:var(--accent-purple)}.legal-page{background:var(--bg-primary);flex-direction:column;min-height:100vh;display:flex}.legal-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;padding:16px 28px;display:flex;position:sticky;top:0}.legal-header-title{color:var(--text-primary);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.legal-body{width:100%;max-width:800px;margin:0 auto;padding:48px 24px 80px}.legal-hero{text-align:center;flex-direction:column;align-items:center;gap:16px;margin-bottom:48px;display:flex}.legal-hero-icon{border-radius:var(--radius-lg);background:var(--accent-purple-glow);border:1px solid var(--accent-purple-border);width:72px;height:72px;box-shadow:var(--shadow-glow-purple);justify-content:center;align-items:center;display:flex}.legal-title{letter-spacing:-1.5px;background:linear-gradient(135deg, #fff 40%, var(--accent-purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:clamp(28px,4vw,42px);font-weight:800}.legal-subtitle{color:var(--text-secondary);max-width:560px;margin:0;font-size:15px;line-height:1.7}.legal-effective{color:var(--text-muted);font-size:12px;font-family:var(--font-mono);margin:0}.legal-toc{margin-bottom:40px;padding:20px 24px}.legal-toc-link{color:var(--text-secondary);text-decoration:none;transition:color .2s}.legal-toc-link:hover{color:var(--accent-purple)}.legal-section{margin-bottom:48px}.legal-section-icon-row{align-items:center;gap:10px;margin-bottom:16px;display:flex}.legal-section-title{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.legal-section p{color:var(--text-secondary);margin:0 0 16px;font-size:14.5px;line-height:1.8}.legal-section h3{color:var(--text-primary);margin:0 0 10px;font-size:16px;font-weight:600}.legal-highlight-box{border:1px solid var(--accent-purple-border);border-radius:var(--radius-md);background:#8b5cf60f;margin-bottom:20px;padding:18px 20px}.legal-highlight-box p{color:var(--text-primary);margin:0;font-size:14px;line-height:1.7}.legal-no-collect-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:20px;display:grid}.legal-no-collect-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px 16px}.legal-no-collect-label{color:#fca5a5;margin-bottom:6px;font-size:13px;font-weight:700}.legal-no-collect-desc{color:var(--text-secondary);margin:0;font-size:12.5px;line-height:1.65}.legal-steps{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.legal-step{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);align-items:flex-start;gap:16px;padding:16px;font-size:14px;line-height:1.7;display:flex}.legal-step strong{color:var(--text-primary)}.legal-step-num{background:var(--accent-purple-glow);border:1px solid var(--accent-purple-border);min-width:28px;height:28px;color:var(--accent-purple);font-size:12px;font-weight:700;font-family:var(--font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.legal-callout{border-radius:var(--radius-md);color:#fde68a;background:#f59e0b0f;border:1px solid #f59e0b40;margin-top:20px;padding:14px 18px;font-size:13.5px;line-height:1.7}.legal-list{color:var(--text-secondary);margin:0 0 16px;padding-left:20px;font-size:14px;line-height:1.8}.legal-list li{margin-bottom:8px}.legal-list li strong{color:var(--text-primary)}.legal-table{border-collapse:collapse;border-radius:var(--radius-md);border:1px solid var(--border-color);width:100%;margin:16px 0 20px;font-size:13px;overflow:hidden}.legal-table th{background:var(--bg-tertiary);color:var(--text-primary);text-align:left;border-bottom:1px solid var(--border-color);padding:10px 14px;font-weight:600}.legal-table td{color:var(--text-secondary);border-bottom:1px solid var(--border-color);vertical-align:top;padding:10px 14px}.legal-table tr:last-child td{border-bottom:none}.legal-link{color:var(--accent-purple);text-decoration:none;transition:color .2s}.legal-link:hover{color:#c4b5fd;text-decoration:underline}.legal-contact-card{color:var(--text-secondary);padding:20px 24px;font-size:14px;line-height:1.8}.legal-contact-card p{margin:0}.legal-contact-card strong{color:var(--text-primary)}.landing-card{text-align:center;z-index:2;width:100%;max-width:580px;box-shadow:0 30px 60px -15px #000c, var(--shadow-glow-purple);border-color:var(--accent-purple-border);flex-direction:column;align-items:center;gap:24px;padding:48px;display:flex}.contact-grid{grid-template-columns:1fr 1.4fr;align-items:start;gap:48px;display:grid}@media (width<=860px){.contact-grid{grid-template-columns:1fr;gap:32px}}.contact-info-col{flex-direction:column;display:flex}.contact-info-cards{flex-direction:column;gap:12px;display:flex}.contact-info-card{border-radius:var(--radius-md);align-items:flex-start;gap:14px;padding:16px 18px;transition:transform .2s;display:flex}.contact-info-card:hover{transform:translateY(-1px)}.contact-info-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.contact-info-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin:0 0 4px;font-size:11px;font-weight:600}.contact-info-value{color:var(--text-secondary);margin:0;font-size:13.5px;line-height:1.5}.contact-form-col{flex-direction:column;display:flex}.contact-form{flex-direction:column;gap:20px;padding:28px 28px 24px;display:flex}.contact-form-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.contact-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=560px){.contact-row{grid-template-columns:1fr}}.contact-field{flex-direction:column;gap:6px;display:flex}.contact-label{color:var(--text-secondary);letter-spacing:.3px;font-size:12px;font-weight:600}.contact-required{color:#f87171;margin-left:2px}.contact-input{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);border-radius:var(--radius-sm);outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.contact-input:focus{border-color:var(--accent-purple);box-shadow:0 0 0 3px var(--accent-purple-glow)}.contact-input:disabled{opacity:.5;cursor:not-allowed}.contact-input.has-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441f}.contact-input::placeholder{color:var(--text-muted)}.contact-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.contact-select option{background:var(--bg-tertiary);color:var(--text-primary)}.contact-textarea{resize:vertical;min-height:120px;line-height:1.6}.contact-field-error{color:#f87171;margin-top:2px;font-size:12px}.contact-error-banner{border-radius:var(--radius-sm);color:#fca5a5;background:#ef444414;border:1px solid #ef44444d;align-items:center;gap:8px;padding:12px 16px;font-size:13.5px;line-height:1.5;display:flex}.contact-submit{justify-content:center;width:100%;padding:12px;font-size:14px}.contact-submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.contact-disclaimer{color:var(--text-muted);text-align:center;margin:0;font-size:12px}.contact-disclaimer-link{color:var(--accent-purple);font-size:12px;font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline;transition:color .2s}.contact-disclaimer-link:hover{color:#c4b5fd}.contact-success{text-align:center;background:#34d3990a;border-color:#34d3994d;flex-direction:column;align-items:center;gap:0;padding:48px 32px;display:flex}.contact-success-icon{background:#34d3991a;border:1px solid #34d3994d;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;display:flex}.share-float{z-index:100;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;top:50%;right:16px;transform:translateY(-50%)}.share-float-toggle{background:var(--accent-purple);color:#fff;border-radius:var(--radius-full);font-size:13px;font-weight:600;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 14px 8px 10px;transition:background .2s,box-shadow .2s,transform .2s;display:flex;box-shadow:0 4px 16px #8b5cf673}.share-float-toggle:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf699}.share-float-toggle-label{letter-spacing:.3px;font-size:12px;font-weight:700}.share-float-list{pointer-events:none;opacity:0;flex-direction:column;gap:8px;transition:opacity .25s,transform .25s;display:flex;transform:translate(24px)}.share-float.expanded .share-float-list{pointer-events:auto;opacity:1;transform:translate(0)}.share-float-item-wrap{opacity:0;justify-content:flex-end;align-items:center;gap:8px;transition:opacity .2s,transform .2s;display:flex;transform:translate(12px)}.share-float.expanded .share-float-item-wrap{opacity:1;transform:translate(0)}.share-float-tooltip{color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;padding:4px 9px;font-size:11px;font-weight:600;transition:opacity .15s,transform .15s;transform:translate(6px)}.share-float-item-wrap:hover .share-float-tooltip{opacity:1;transform:translate(0)}.share-float-btn{cursor:pointer;background:var(--share-color,#555);color:#fff;width:38px;height:38px;box-shadow:0 2px 8px var(--share-glow,#0000004d);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .18s,box-shadow .18s,background .18s;display:flex}.share-float-btn:hover{box-shadow:0 6px 18px var(--share-glow,#0006);filter:brightness(1.1);transform:scale(1.12)translateY(-1px)}.share-float-copy{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);box-shadow:none}.share-float-copy:hover{background:var(--accent-purple);color:#fff;border-color:var(--accent-purple);box-shadow:0 4px 14px #8b5cf659}.share-inline-strip{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:24px;display:flex}.share-inline-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;white-space:nowrap;align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.share-inline-btns{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.share-inline-btn{border-radius:var(--radius-full);font-size:12px;font-weight:600;font-family:var(--font-sans);cursor:pointer;background:var(--share-color,#555);color:#fff;box-shadow:0 2px 8px var(--share-glow,#00000040);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:7px 14px;transition:all .2s;display:inline-flex}.share-inline-btn:hover{filter:brightness(1.12);box-shadow:0 6px 16px var(--share-glow,#00000059);transform:translateY(-2px)}.share-inline-btn-label{font-size:12px;font-weight:600}.share-copy-btn{background:var(--bg-tertiary)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important;box-shadow:none!important}.share-copy-btn:hover{background:var(--accent-purple)!important;border-color:var(--accent-purple)!important;color:#fff!important;box-shadow:0 4px 14px #8b5cf666!important}@media (width<=600px){.share-float{display:none}}.landing-suite-home-section{z-index:1;flex-direction:column;align-items:center;width:100%;max-width:1000px;margin-top:80px;display:flex;position:relative}.suite-divider{background:linear-gradient(90deg, transparent, var(--border-color) 20%, var(--border-color) 80%, transparent);width:100%;height:1px;margin-bottom:60px}.suite-header{text-align:center;max-width:650px;margin-bottom:40px}.suite-section-label{color:var(--accent-purple);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700;display:inline-block}.suite-section-title{color:#fff;letter-spacing:-.5px;margin:0 0 16px;font-size:28px;font-weight:800}.suite-section-desc{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.suite-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;width:100%;display:grid}.suite-card{border-radius:var(--radius-lg);color:inherit;cursor:pointer;box-sizing:border-box;background:#ffffff05;border:1px solid #ffffff0d;flex-direction:column;padding:24px;text-decoration:none;transition:transform .25s cubic-bezier(.4,0,.2,1),border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.suite-card:before{content:"";background:var(--hover-color);opacity:0;height:4px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.suite-card:hover{box-shadow:0 12px 30px #00000040, var(--glow-shadow);background:#ffffff0a;border-color:#ffffff1f;transform:translateY(-5px)}.suite-card:hover:before{opacity:1}.suite-card.active{border-color:var(--accent-purple-border);box-shadow:var(--shadow-glow-purple);cursor:default;background:#8b5cf60a;transform:none}.suite-card.active:before{opacity:1;background:var(--accent-purple)}.suite-card-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.suite-card-icon-wrap{border-radius:var(--radius-md);border:1px solid #0000;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.suite-card-badge{border-radius:var(--radius-full);letter-spacing:.2px;border:1px solid #0000;padding:3px 8px;font-size:10px;font-weight:700}.suite-card-badge.active{background:var(--accent-purple-glow);color:#c4b5fd;border-color:var(--accent-purple-border)}.suite-card-title{color:#fff;align-items:center;margin:0 0 10px;font-size:18px;font-weight:700;display:flex}.suite-card-desc{color:var(--text-muted);flex-grow:1;margin:0 0 20px;font-size:13px;line-height:1.5}.suite-card-footer{color:var(--text-secondary);align-items:center;font-size:12px;font-weight:600;display:flex}.suite-card:hover .suite-card-link-text{color:var(--hover-color)}.suite-card.active .suite-card-link-text{color:var(--accent-purple)}.suite-privacy-banner{border-radius:var(--radius-lg);border:1px solid var(--accent-purple-border);box-sizing:border-box;background:#8b5cf605;align-items:flex-start;gap:16px;width:100%;max-width:800px;margin-top:50px;padding:24px;display:flex}.landing-footer-grid{text-align:left;grid-template-columns:2fr 1fr 1fr;gap:40px;width:100%;max-width:900px;margin-bottom:24px;display:grid}.landing-footer-brand-col{flex-direction:column;gap:12px;display:flex}.landing-footer-heading{color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 16px;font-size:13px;font-weight:700}.landing-footer-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.landing-footer-link-url{color:var(--text-secondary);align-items:center;gap:5px;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.landing-footer-link-url:hover{color:var(--accent-purple)}.landing-footer-link-url.active{color:var(--accent-purple);font-weight:600}.landing-footer-bottom{border-top:1px solid var(--border-color);justify-content:center;align-items:center;width:100%;padding-top:24px;display:flex}@media (width<=768px){.landing-footer-grid{text-align:center;grid-template-columns:1fr;gap:32px}.landing-footer-brand{justify-content:center}.landing-footer-tagline{margin:0 auto}}.app-footer-dropdown{display:inline-block;position:relative}.app-footer-dropdown-menu{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:210px;box-shadow:var(--shadow-lg), var(--shadow-glow-purple);z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-direction:column;padding:6px;display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-8px)}.app-footer-dropdown-menu:after{content:"";border-style:solid;border-width:6px;border-color:var(--border-color) transparent transparent transparent;position:absolute;top:100%;left:50%;transform:translate(-50%)}.app-footer-dropdown:hover .app-footer-dropdown-menu{display:flex}.dropdown-item{color:var(--text-secondary);border-radius:var(--radius-sm);text-align:left;white-space:nowrap;padding:8px 12px;font-size:11px;text-decoration:none;transition:background .15s,color .15s;display:block}.dropdown-item:hover{background:var(--accent-purple-glow);color:var(--accent-purple)}:root{--shadow-glow-pink:0 0 15px #ec489926;--shadow-glow-blue:0 0 15px #0284c726;--shadow-glow-green:0 0 15px #10b98126}.feedback-feed-container{border-top:1px solid var(--border-color);width:50%;margin-top:56px;padding-top:40px}@media (width<=860px){.feedback-feed-container{width:100%}}.feedback-feed-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.feedback-feed-title{letter-spacing:-.5px;background:linear-gradient(135deg, var(--text-primary) 30%, var(--accent-purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:22px;font-weight:800}.feedback-feed-subtitle{color:var(--text-secondary);margin-top:4px;margin-bottom:0;font-size:13px}.feedback-refresh-btn{border-radius:var(--radius-full);color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.feedback-refresh-btn:hover:not(:disabled){color:var(--accent-purple);border-color:var(--accent-purple-border);background:var(--accent-purple-glow);transform:translateY(-1px)}.feedback-refresh-btn:active:not(:disabled){transform:translateY(0)}.feedback-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.feedback-grid{flex-direction:column;gap:20px;display:flex}.feedback-card{border-radius:var(--radius-lg);flex-direction:column;gap:12px;padding:20px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.feedback-card:hover{border-color:var(--accent-purple-border);box-shadow:var(--shadow-md), var(--shadow-glow-purple);transform:translateY(-2px)}.feedback-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.feedback-user-info{align-items:center;gap:10px;display:flex}.feedback-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--accent-purple-glow) 0%, #0284c71a 100%);border:1px solid var(--accent-purple-border);width:32px;height:32px;color:var(--accent-purple);justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.feedback-user-name{color:var(--text-primary);margin:0;font-size:13px;font-weight:600;line-height:1.2}.feedback-user-email{color:var(--text-muted);margin:2px 0 0;font-size:11px;line-height:1.2}.feedback-date{color:var(--text-muted);white-space:nowrap;font-size:11px}.feedback-subject-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;background:var(--accent-purple-glow);width:fit-content;color:var(--accent-purple);border:1px solid var(--accent-purple-border);padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.feedback-body{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;margin:0;font-size:13px;line-height:1.6}.feedback-empty{text-align:center;border-radius:var(--radius-lg);color:var(--text-secondary);border:1px dashed var(--border-color);grid-column:1/-1;padding:48px}.feedback-loading-state{color:var(--text-secondary);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:16px;padding:64px 0;display:flex}.feedback-error-state{border-radius:var(--radius-lg);border:1px solid var(--accent-purple-border);background:var(--accent-purple-glow);color:var(--text-primary);grid-column:1/-1;align-items:center;gap:12px;padding:24px;display:flex}.spin{animation:.8s linear infinite spin}.feedback-section-grid{flex-direction:column;gap:32px;display:flex}@media (width<=860px){.feedback-section-grid{grid-template-columns:1fr;gap:20px}}.feedback-form-box{border-radius:var(--radius-lg);padding:24px}.feedback-form-box .contact-input{padding:12px 16px;font-size:15px}.feedback-form-box .contact-textarea{min-height:unset}.feedback-form-box-title{color:var(--text-primary);margin:0 0 16px;font-size:16px;font-weight:700}.feedback-form-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:32px 0;display:flex}@media (width<=768px){.top-bar{flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;height:56px!important;min-height:56px!important;padding:8px 12px!important}.top-bar-center{order:0!important;justify-content:center!important;width:auto!important;margin-top:0!important;position:absolute!important;left:50%!important;transform:translate(-50%)!important}.top-bar-center .tool-selector{background:#ffffff14!important;border-color:#ffffff26!important;padding:2px!important;box-shadow:0 2px 8px #0003!important}.top-bar-center .tool-btn{padding:5px 10px!important;font-size:12px!important;font-weight:600!important}.logo-text{font-size:16px!important}.canvas-viewport{padding:12px!important}.sidebar{z-index:90!important;width:240px!important;min-width:240px!important;height:100%!important;box-shadow:var(--shadow-lg)!important;background-color:var(--bg-secondary)!important;border-right:1px solid var(--border-color)!important;position:absolute!important;top:0!important;bottom:0!important;left:0!important}.results-panel{z-index:90!important;width:300px!important;min-width:300px!important;height:100%!important;box-shadow:var(--shadow-lg)!important;background-color:var(--bg-secondary)!important;border-left:1px solid var(--border-color)!important;position:absolute!important;top:0!important;bottom:0!important;right:0!important}.sidebar--collapsed{opacity:0!important;pointer-events:none!important;border-right-color:#0000!important;width:0!important;min-width:0!important}.results-panel--collapsed{opacity:0!important;pointer-events:none!important;border-left-color:#0000!important;width:0!important;min-width:0!important}.sidebar-toggle,.results-panel-toggle{display:none!important}.landing-navbar{flex-wrap:wrap!important;justify-content:space-between!important;gap:8px!important;height:auto!important;min-height:56px!important;padding:0 12px!important}.landing-nav-brand-name,.landing-nav-right{display:none!important}.landing-nav-tabs{-webkit-overflow-scrolling:touch!important;flex:1!important;max-width:calc(100vw - 60px)!important;overflow-x:auto!important}.landing-nav-tab{padding:6px 10px!important;font-size:12px!important}.landing-home-panel{padding:24px 16px 48px!important}.landing-hero-desc{margin-bottom:24px!important;font-size:14px!important}.landing-upload-box{padding:24px 16px!important}.landing-footer-grid{text-align:center!important;grid-template-columns:1fr!important;gap:24px!important}}.touch-nav-bar{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-full);z-index:40;background:#0f172ae0;border:1px solid #ffffff26;align-items:center;gap:8px;padding:6px 12px;transition:all .2s;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px -5px #00000080,0 0 15px #7c3aed33}.touch-nav-btn{width:34px;height:34px;color:var(--text-primary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.touch-nav-btn:hover:not(:disabled){background:#ffffff26;transform:scale(1.05)}.touch-nav-btn:disabled{opacity:.35;cursor:not-allowed}.touch-nav-page-info{color:var(--text-primary);white-space:nowrap;font-size:13px;font-weight:600;font-family:var(--font-mono);padding:0 6px}.touch-nav-divider{background:#ffffff26;width:1px;height:20px;margin:0 2px}.touch-nav-mode-btn{border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.touch-nav-mode-btn.active-pan{color:#34d399;background:#10b98126;border-color:#10b98166}.touch-nav-mode-btn.active-select{background:var(--accent-purple-glow);border-color:var(--accent-purple-border);color:var(--accent-purple)}@media (width<=768px){.touch-nav-bar{gap:6px;max-width:calc(100vw - 32px);padding:4px 8px;bottom:16px}}