@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap");:root{--navy:#172033;--navy-light:#26334d;--navy-dark:#0f172a;--blue:#3157d5;--blue-hover:#2748b8;--blue-light:#5072dd;--blue-bg:#f1f5ff;--blue-border:#d9e2ff;--coral:#2563eb;--coral-hover:#1d4ed8;--bg:#f5f7fb;--surface:#fff;--card:#fff;--border:#e2e6ee;--border2:#cbd2df;--text:#172033;--text-secondary:#39445a;--muted:#687386;--light:#98a2b3;--success:#2563eb;--success-bg:#eff6ff;--danger:#f97316;--danger-bg:#fff7ed;--warning:#f97316;--warning-bg:#fff7ed;--gold:#f97316;--gold2:#ea580c;--accent:#2563eb;--accent2:#1d4ed8;--sidebar-bg:#111827;--sidebar-text:hsla(0,0%,100%,.72);--sidebar-border:hsla(0,0%,100%,.08);--radius:12px;--radius-sm:8px;--radius-lg:16px;--shadow-xs:0 1px 2px rgba(20,28,45,.035);--shadow-sm:0 1px 2px rgba(20,28,45,.045),0 3px 8px rgba(20,28,45,.035);--shadow-md:0 8px 24px rgba(20,28,45,.07);--shadow-lg:0 20px 50px rgba(20,28,45,.12);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-display:"Manrope","Inter",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow-x:clip;max-width:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv02","cv03","cv04","cv11","ss01","kern";font-synthesis:none;letter-spacing:-.011em;line-height:1.5}button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}.material-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.app{display:flex;min-height:100vh}.sidebar{width:260px;flex-shrink:0;background:#111827;border-right:1px solid var(--sidebar-border);padding:20px 14px;position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;transition:width .2s ease;color:var(--sidebar-text);z-index:45}.brand{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:800;font-size:var(--brand-font-size,20px);line-height:1;letter-spacing:-.01em;color:var(--navy);text-decoration:none;white-space:nowrap}.brand-mark{width:var(--brand-mark-size,24px);height:var(--brand-mark-size,24px);display:block;flex-shrink:0}.brand-word{color:inherit}.brand-word em{font-style:normal;color:var(--blue)}.brand-dark{color:#fff}.brand-dark .brand-word em{color:#60a5fa}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 10px 20px;border-bottom:1px solid var(--sidebar-border);margin-bottom:20px;white-space:nowrap;overflow:hidden}.sidebar-scroll{flex:1 1;overflow-y:auto;padding-right:2px}.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-scroll::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15);border-radius:10px}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.28)}.sidebar-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:hsla(0,0%,100%,.4);padding:0 14px;margin:2px 0 10px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:14px;color:var(--sidebar-text);transition:all .15s ease;border:none;background:none;width:100%;text-align:left;font-family:var(--font-sans);font-weight:500;margin-bottom:2px}.nav-item:hover{background:hsla(0,0%,100%,.07);color:#fff}.nav-item.active{background:rgba(73,107,220,.2);color:#fff;font-weight:600;box-shadow:inset 3px 0 0 #6f8cf0}.nav-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:hsla(0,0%,100%,.55);transition:color .15s ease}.nav-icon svg{width:18px;height:18px}.nav-icon .material-icon{font-size:19px!important}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{color:#fff}.nav-badge{margin-left:auto;font-size:10px;background:rgba(37,99,235,.15);color:#60a5fa;padding:2px 7px;border-radius:100px;font-weight:600}.sidebar-upgrade-wrap{margin-top:auto;padding:20px 6px 6px;border-top:1px solid var(--sidebar-border)}.sidebar-upgrade-link{display:flex;align-items:center;gap:10px;justify-content:center;padding:12px 14px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;color:#1a2547;font-size:13.5px;font-weight:700;box-shadow:0 6px 16px rgba(245,158,11,.28);transition:all .15s}.sidebar-upgrade-link:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 8px 20px rgba(245,158,11,.38)}.app-collapsed .sidebar-upgrade-link .nav-label{display:none}.app-collapsed .sidebar-upgrade-wrap{padding:12px 4px 6px}.sidebar-pro-badge{display:flex;align-items:center;gap:10px;justify-content:center;padding:12px 14px;border-radius:var(--radius-sm);background:rgba(251,191,36,.14);border:1px solid rgba(251,191,36,.35);color:#fcd34d;font-size:13.5px;font-weight:700}.app-collapsed .sidebar-pro-badge .nav-label{display:none}.app-shell{flex:1 1;display:flex;flex-direction:column;min-width:0}.main{flex:1 1;padding:32px 40px 56px;width:100%;min-width:0}.dash-footer{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;font-size:13px;color:var(--muted);padding:20px 24px;border-top:1px solid var(--border);background:#fff}.dash-footer a{color:var(--muted);text-decoration:none;transition:color .15s}.dash-footer a:hover{color:var(--blue)}.dash-footer span{opacity:.4}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:16px;height:68px;padding:0 28px;background:hsla(0,0%,100%,.92);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);color:var(--text)}.topbar-toggle{width:38px;height:38px;border-radius:9px;background:transparent;border:1px solid var(--border);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:all .15s}.topbar-toggle:hover{border-color:var(--blue);background:var(--blue-bg)}.topbar-toggle span{display:block;width:16px;height:2px;background:var(--text);border-radius:2px}.topbar-brand{gap:9px}.topbar-brand,.topbar-crumb{display:inline-flex;align-items:center}.topbar-crumb{gap:8px;font-size:14px;color:var(--text);font-weight:500}.topbar-crumb span:first-child{color:var(--muted)}.topbar-spacer{flex:1 1}.topbar-upgrade{display:inline-flex;align-items:center;gap:8px;background:var(--coral);color:#fff;font-weight:600;font-size:13.5px;padding:8px 18px;border-radius:100px;transition:all .15s;box-shadow:0 2px 10px rgba(37,99,235,.3)}.topbar-upgrade:hover{background:var(--coral-hover);transform:translateY(-1px)}.topbar-upgrade-emoji{font-size:14px}.topbar-pro-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(249,115,22,.08);border:1px solid rgba(249,115,22,.25);color:#f97316;font-weight:600;font-size:13.5px;padding:8px 18px;border-radius:100px}.topbar-user{position:relative}.topbar-avatar{width:36px;height:36px;border-radius:50%;background:var(--card);border:2px solid var(--border);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;padding:0;font-family:var(--font-display);font-weight:700;color:var(--navy);transition:border-color .15s}.topbar-avatar:hover{border-color:var(--blue)}.topbar-avatar img{width:100%;height:100%;object-fit:cover}.topbar-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:6px;box-shadow:var(--shadow-lg);z-index:100;display:flex;flex-direction:column;gap:2px}.topbar-menu-head{padding:12px;border-bottom:1px solid var(--border);margin-bottom:4px}.topbar-menu-head .name{font-size:13.5px;font-weight:600;color:var(--text)}.topbar-menu-head .email{font-size:11.5px;color:var(--muted);margin-top:2px;word-break:break-all}.topbar-menu a,.topbar-menu button{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;font-size:13px;color:var(--muted);text-align:left;width:100%;background:none;border:none;cursor:pointer;font-family:inherit}.topbar-menu a:hover,.topbar-menu button:hover{background:var(--blue-bg);color:var(--text)}@media (max-width:720px){.topbar-crumb,.topbar-pro-badge span:not(.topbar-upgrade-emoji),.topbar-upgrade span:not(.topbar-upgrade-emoji){display:none}.topbar-pro-badge,.topbar-upgrade{padding:8px 10px}}.app-collapsed .sidebar{width:72px;padding:20px 8px}.app-collapsed .sidebar-brand{justify-content:center;padding:4px 0 16px;font-size:18px}.app-collapsed .nav-badge,.app-collapsed .nav-label,.app-collapsed .sidebar-brand>:nth-child(2),.app-collapsed .sidebar-brand>:nth-child(3),.app-collapsed .sidebar-label{display:none}.app-collapsed .nav-item{justify-content:center;padding:11px 8px}.app-collapsed .sidebar-footer{padding:12px 4px;flex-direction:column;gap:8px}.app-collapsed .sidebar-footer-info{display:none}.tool-header{margin-bottom:28px}.tool-header h2{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--text);margin-bottom:6px}.tool-header p{font-size:14px;color:var(--muted);line-height:1.6}.form-grid{display:grid;grid-gap:16px;gap:16px}.form-grid-2{grid-template-columns:1fr 1fr}@media (max-width:640px){.form-grid-2{grid-template-columns:1fr}}label{display:block;font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}input,select,textarea{width:100%;background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-sans);font-size:14px;padding:11px 14px;transition:border-color .15s,box-shadow .15s;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,99,235,.1)}textarea{resize:vertical;line-height:1.6}select option{background:var(--card)}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .15s}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 2px 8px rgba(37,99,235,.2)}.btn-primary:hover{background:var(--blue-hover);transform:translateY(-1px);box-shadow:0 4px 14px rgba(37,99,235,.3)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-gold{background:var(--coral);color:#fff;font-weight:700;box-shadow:0 2px 8px rgba(37,99,235,.2)}.btn-gold:hover{background:var(--coral-hover);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--muted);border:1.5px solid var(--border)}.btn-ghost:hover{color:var(--text);border-color:var(--blue);background:var(--blue-bg)}[role=button]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(49,87,213,.22);outline-offset:2px}.output-box{margin-top:24px;background:#fff;border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden}.output-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted);background:var(--bg)}.output-header .status{display:flex;align-items:center;gap:6px;font-weight:500}.dot{width:7px;height:7px;border-radius:50%;background:var(--success)}.dot.loading{animation:pulse 1s infinite;background:var(--gold)}.dot.error{background:var(--danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.output-content{padding:20px;font-size:14px;line-height:1.8;color:var(--text);min-height:120px;white-space:pre-wrap;font-family:var(--font-sans)}.output-placeholder{color:var(--light);font-style:italic;text-align:center;padding:40px 20px}.copy-btn{background:var(--bg);color:var(--muted);border:1px solid var(--border);padding:6px 12px;border-radius:6px;font-size:11px;cursor:pointer;font-family:var(--font-sans);transition:all .15s}.copy-btn:hover{color:var(--blue);border-color:var(--blue-border)}.copy-btn:hover,.tip-box{background:var(--blue-bg)}.tip-box{border:1px solid var(--blue-border);border-radius:var(--radius-sm);padding:12px 16px;font-size:13px;color:var(--text-secondary);margin-top:12px;line-height:1.6}.tip-box strong{color:var(--blue)}.error-box{background:var(--danger-bg);border:1px solid #fecaca;border-radius:var(--radius-sm);padding:12px 16px;font-size:13px;color:var(--danger);margin-top:12px;line-height:1.6}.welcome{padding:24px 0}.welcome h2{font-family:var(--font-display);font-size:28px;font-weight:700;margin-bottom:8px}.welcome p{color:var(--muted);font-size:15px;line-height:1.7;max-width:600px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:14px;gap:14px;margin-top:28px}.tool-card{background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);padding:18px;cursor:pointer;transition:all .18s;display:flex;flex-direction:column;gap:8px}.tool-card:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:var(--shadow-md)}.tool-card .icon{font-size:28px}.tool-card h3{font-size:15px;font-weight:600;color:var(--text)}.tool-card p{font-size:12.5px;color:var(--muted);line-height:1.5}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;flex-direction:column;gap:24px;position:relative;overflow:hidden;background:linear-gradient(160deg,var(--blue-bg) 0,#f8fafc 60%,#fff 100%)}.auth-shell:before{content:"";position:absolute;pointer-events:none;z-index:-1;width:700px;height:700px;background:radial-gradient(circle,rgba(37,99,235,.08) 0,transparent 70%);top:-260px;left:50%;transform:translateX(-50%)}.auth-footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;font-size:12.5px;color:var(--muted);padding:0 16px}.auth-footer a{color:var(--muted);text-decoration:none;transition:color .15s}.auth-footer a:hover{color:var(--blue)}.auth-footer span{opacity:.4}.auth-card{background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:40px;max-width:420px;width:100%;text-align:center;box-shadow:var(--shadow-lg)}.auth-card h2{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--navy);margin-bottom:8px}.auth-card p{color:var(--muted);font-size:14px;margin-bottom:28px;line-height:1.6}.google-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border-radius:var(--radius-sm);background:#fff;color:var(--text);border:1.5px solid var(--border);font-family:var(--font-sans);font-weight:600;font-size:14px;cursor:pointer;transition:all .15s}.google-btn:hover{border-color:var(--blue);background:var(--blue-bg);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.google-btn img{width:18px;height:18px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}.app-backdrop{position:fixed;inset:0;background:rgba(30,58,138,.15);z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (max-width:1100px){.main{padding:10px 22px 40px}}@media (max-width:900px){.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:50;transform:translateX(-100%);transition:transform .25s ease;width:280px;box-shadow:none}.app-mobile-open .sidebar{transform:translateX(0);box-shadow:20px 0 60px rgba(30,58,138,.1)}.app-collapsed .sidebar{width:280px;padding:20px 12px;transform:translateX(-100%)}.app-collapsed .sidebar-brand{justify-content:flex-start;padding:4px 12px 16px;font-size:18px}.app-collapsed .sidebar-brand>:nth-child(2),.app-collapsed .sidebar-brand>:nth-child(3){display:inline}.app-collapsed .nav-badge,.app-collapsed .nav-label,.app-collapsed .sidebar-label{display:revert}.app-collapsed .nav-item{justify-content:flex-start;padding:9px 12px}.app-collapsed .sidebar-footer{padding:12px;flex-direction:row;gap:10px}.app-collapsed .sidebar-footer-info{display:block}}@media (max-width:600px){.main{padding:8px 14px 32px}.topbar{padding:0 12px}}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;font-display:block;src:url(/_next/static/media/material-symbols-outlined.6cacd548.woff2) format("woff2")}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}