@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;background:#0f172a;color:#f8fafc;min-height:100vh}.mobile-web.layout-container{height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;position:fixed!important;inset:0!important}.mobile-web .main-content-mobile-web{display:flex!important;flex-direction:column!important;height:100%!important;max-height:100%!important;overflow:hidden!important;margin-left:0!important;width:100%!important}.mobile-web .app-header{position:relative!important;flex-shrink:0!important;padding-top:max(12px,env(safe-area-inset-top,12px))!important;z-index:100!important}.mobile-web .content-area{flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;padding-bottom:56px!important}.mobile-web .content-area.no-nav-padding{padding-bottom:0!important}.mobile-web .mobile-content-wrapper{margin-top:0!important;height:auto!important;flex:1!important}.mobile-web .mobile-nav{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:1000!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;background:#1e293b!important;transition:transform .2s ease,opacity .2s ease!important}.mobile-web.keyboard-open .mobile-nav{transform:translateY(100%)!important;opacity:0!important;pointer-events:none!important}.mobile-web.keyboard-open .content-area{padding-bottom:0!important}.mobile-web .sidebar{display:none!important}@supports not (height: 100dvh){.mobile-web.layout-container{height:100vh!important;height:-webkit-fill-available!important;min-height:100vh!important;min-height:-webkit-fill-available!important}}@media(orientation:landscape)and (max-height:500px){.mobile-web.layout-container{height:100dvh!important;min-height:100dvh!important}.mobile-web .app-header{padding:8px 16px!important;padding-left:calc(16px + env(safe-area-inset-left,0px))!important;padding-right:calc(16px + env(safe-area-inset-right,0px))!important}.mobile-web .content-area{flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;padding-bottom:48px!important;padding-left:env(safe-area-inset-left,0px)!important;padding-right:env(safe-area-inset-right,0px)!important}.mobile-web .content-area.no-nav-padding{padding-bottom:0!important}.mobile-web .mobile-nav{padding:4px 0!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;padding-left:env(safe-area-inset-left,0px)!important;padding-right:env(safe-area-inset-right,0px)!important}.mobile-web .mobile-nav-item{flex-direction:row!important;gap:6px!important;padding:6px 12px!important}.mobile-web .mobile-nav-item span{display:inline!important;font-size:11px!important}}.sidebar{width:260px;background:linear-gradient(180deg,#1e293b,#0f172a);border-right:1px solid rgba(255,255,255,.06);padding:24px 16px;display:flex;flex-direction:column;position:fixed;height:100vh;z-index:10;transition:width .2s ease}.sidebar.sidebar-collapsed{width:80px;padding:24px 12px}.sidebar.sidebar-collapsed .nav-item{padding:14px 12px;justify-content:center}.sidebar.sidebar-collapsed .sidebar-toggle{padding:10px}.nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;cursor:pointer;transition:all .2s ease;color:#94a3b8;font-size:14px;font-weight:500;border:none;background:transparent;width:100%;text-align:left}.nav-item:hover{background:#ffffff0d;color:#e2e8f0}.nav-item.active{background:linear-gradient(135deg,#06b6d433,#0891b21a);color:#22d3ee;border:1px solid rgba(6,182,212,.2)}.sub-nav-item{display:flex;align-items:center;gap:10px;padding:12px 16px 12px 44px;border-radius:10px;cursor:pointer;transition:all .2s ease;color:#64748b;font-size:13px;font-weight:500;border:none;background:transparent;width:100%;text-align:left}.sub-nav-item:hover{background:#ffffff08;color:#94a3b8}.sub-nav-item.active{background:#06b6d41a;color:#22d3ee}.main-content{flex:1;margin-left:260px;background:#0f172a;min-height:100vh;transition:margin-left .2s ease}body.sidebar-is-collapsed .main-content{margin-left:80px}.main-content.main-content-landscape{margin-left:0!important;width:100%!important;max-width:100vw!important}.tool-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.tool-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-color);transform:scaleX(0);transition:transform .3s ease}.tool-card:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.tool-card:hover:before{transform:scaleX(1)}.glass-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px}.step-pill{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:30px;font-size:13px;font-weight:600;transition:all .3s ease;cursor:pointer;border:none}.step-pill.completed{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.step-pill.active{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.step-pill.inactive{background:#ffffff0d;color:#64748b;border:1px solid rgba(255,255,255,.1)}.step-connector{width:24px;height:2px;background:#ffffff1a}.step-connector.completed{background:#22c55e}.upload-zone{border:2px dashed rgba(6,182,212,.3);border-radius:16px;padding:48px;text-align:center;transition:all .3s ease;cursor:pointer;background:#06b6d405}.upload-zone:hover{border-color:#06b6d480;background:#06b6d40d}.upload-zone.dragging{border-color:#06b6d4;background:#06b6d41a}.file-card{background:#ffffff08;border:2px solid rgba(6,182,212,.2);border-radius:16px;padding:24px;text-align:center;position:relative;transition:all .2s ease}.file-card:hover{border-color:#06b6d466}.file-card .remove-btn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:#ef4444;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.option-card{background:#ffffff08;border:2px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;text-align:center;cursor:pointer;transition:all .2s ease}.option-card:hover{border-color:#fff3}.option-card.selected{border-color:#06b6d4;background:#06b6d41a}.info-banner{background:#06b6d41a;border:1px solid rgba(6,182,212,.2);border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:12px}.success-banner{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:12px;padding:16px 20px}.config-summary{background:#06b6d41a;border:1px solid rgba(6,182,212,.2);border-radius:12px;padding:20px}.drag-item{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;margin-bottom:8px;cursor:grab}.drag-item:hover{background:#ffffff0d}.text-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px;color:#f8fafc;font-size:14px;width:100%;transition:all .2s ease;font-family:DM Sans,sans-serif}.text-input:focus{outline:none;border-color:#06b6d4;background:#ffffff14}.text-input::placeholder{color:#475569}select.text-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px}select.text-input option{background:#1e293b;color:#f8fafc;padding:12px 16px;font-size:14px}.select-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 40px 14px 16px;color:#f8fafc;font-size:15px;font-weight:500;width:100%;cursor:pointer;font-family:DM Sans,sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;transition:all .2s ease;min-height:48px}.select-input:hover{border-color:#06b6d466;background-color:#ffffff14}.select-input:focus{outline:none;border-color:#06b6d4;background-color:#ffffff14;box-shadow:0 0 0 3px #06b6d426}.select-input option{background:#1e293b;color:#f8fafc;padding:12px 16px;font-size:15px}.btn-primary{background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;border-radius:12px;padding:14px 28px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;font-family:DM Sans,sans-serif}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #06b6d44d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:14px 28px;color:#94a3b8;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;font-family:DM Sans,sans-serif}.btn-outline:hover{background:#ffffff0d;border-color:#ffffff4d;color:#f8fafc}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;padding:14px 28px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;font-family:DM Sans,sans-serif}.btn-danger{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:14px 28px;color:#f87171;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;font-family:DM Sans,sans-serif}.checkbox-wrapper{display:flex;align-items:center;gap:10px;cursor:pointer}.checkbox-wrapper input[type=checkbox]{width:18px;height:18px;accent-color:#06b6d4}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#06b6d4,#0891b2);border-radius:4px;transition:width .3s ease}.stat-box{background:#ffffff08;border:2px solid;border-radius:16px;padding:24px;text-align:center}.chat-container{display:flex;flex-direction:column;height:calc(100vh - 300px);min-height:400px}.chat-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column}.chat-input-area{padding:20px 24px;border-top:1px solid rgba(255,255,255,.08)}.chat-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px 20px;color:#f8fafc;font-size:14px;width:100%;resize:none;font-family:DM Sans,sans-serif}.chat-input:focus{outline:none;border-color:#06b6d4}.suggested-prompt{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:10px 20px;color:#94a3b8;font-size:13px;cursor:pointer;transition:all .2s ease}.suggested-prompt:hover{background:#ffffff1a;color:#f8fafc}.message-bubble{max-width:70%;padding:12px 16px;border-radius:16px;margin-bottom:12px}.message-bubble.user{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.message-bubble.assistant{background:#ffffff0d;color:#f8fafc;align-self:flex-start;border-bottom-left-radius:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .4s ease forwards}.spin{animation:spin 1s linear infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.streaming-cursor{animation:blink 1s infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media(max-width:1024px){.sidebar:not(.sidebar-collapsed){width:80px;padding:16px 8px}.sidebar:not(.sidebar-collapsed) .nav-item span,.sidebar:not(.sidebar-collapsed) .sub-nav-item span{display:none}.sidebar:not(.sidebar-collapsed) .nav-item{justify-content:center;padding:14px 12px}.main-content{margin-left:80px}.sidebar:not(.sidebar-collapsed) .sidebar-toggle{display:none}}@media(max-width:768px){.sidebar{display:none}.main-content{margin-left:0;padding-bottom:70px}}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:#1e293b;border-top:1px solid rgba(255,255,255,.1);padding:6px 0 0;padding-bottom:max(28px,env(safe-area-inset-bottom,28px));z-index:1000}@media(max-width:768px){.mobile-nav{display:flex;justify-content:space-around;align-items:center}}@media(orientation:landscape)and (max-height:500px)and (max-width:932px){.mobile-nav{display:flex;justify-content:space-around;align-items:center}}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 8px 6px;background:none;border:none;color:#94a3b8;cursor:pointer;transition:color .2s ease}.mobile-nav-item span{font-size:9px;font-weight:500;white-space:nowrap}.mobile-nav-item svg{width:20px;height:20px}.mobile-nav-item.active{color:#06b6d4}.mobile-nav-item:hover{color:#f8fafc}.mobile-content-wrapper{padding-bottom:56px}@media(max-width:768px){.dashboard-page{padding:16px!important}.tool-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.tool-card{padding:16px!important}.tool-card h3{font-size:14px!important}.tool-card p{font-size:11px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.glass-card{border-radius:12px!important}.page-header h1{font-size:22px!important}.tab-buttons{flex-wrap:wrap!important;gap:8px!important}.tab-buttons button{flex:1 1 45%!important;padding:10px 12px!important;font-size:13px!important}.modal-content{max-width:100%!important;margin:16px!important;max-height:calc(100vh - 32px)!important}.bulk-actions{flex-direction:column!important;gap:12px!important;align-items:stretch!important}.bulk-actions .action-buttons{display:flex!important;gap:8px!important}.bulk-actions .action-buttons button{flex:1!important}.login-container{padding:16px!important}.login-card{padding:24px!important}.usage-stats-grid{grid-template-columns:1fr!important;gap:16px!important}.profile-card{padding:20px!important}.plans-grid{grid-template-columns:1fr!important;gap:16px!important}.process-container{padding:16px!important}.upload-zone{padding:24px 16px!important}}@media(max-width:375px){.tool-card{padding:12px!important}.tool-card h3{font-size:12px!important}.tool-card p{display:none!important}.mobile-nav-item span{font-size:10px!important}}@supports (padding-bottom: env(safe-area-inset-bottom)){.mobile-nav{padding-bottom:max(28px,env(safe-area-inset-bottom))}.mobile-content-wrapper{padding-bottom:calc(56px + max(28px,env(safe-area-inset-bottom)))}}@media(max-width:768px){html,body{height:100%;overflow:hidden}#root{height:100%;overflow:auto;-webkit-overflow-scrolling:touch}input,select,textarea{font-size:16px!important}input:focus,textarea:focus,select:focus{scroll-margin-bottom:120px}}.app-header{display:flex;justify-content:flex-end;align-items:center;padding:20px 40px;border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:50;background:#0f172a}.mobile-logo{display:none;align-items:center;gap:10px;cursor:pointer}.mobile-logo-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#06b6d4,#0891b2);display:flex;align-items:center;justify-content:center}.mobile-logo-text{font-size:18px;font-weight:700;color:#f8fafc;letter-spacing:-.5px}.progress-ring-card{border-radius:20px;padding:32px;text-align:center}.progress-ring-svg-wrapper{width:120px;height:120px;margin:0 auto;position:relative}.progress-ring-svg{width:100%;height:100%}.progress-ring-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-ring-value span{font-size:24px;font-weight:700;color:#fff}.progress-ring-label{margin-top:16px;margin-bottom:8px;font-size:16px;font-weight:600;color:#fff}.progress-ring-detail{margin-bottom:4px;font-weight:600;color:#fff;font-size:14px}.progress-ring-remaining{color:#fffc;display:block}.metric-card{padding:24px;text-align:center}.metric-value{font-size:32px;font-weight:700;color:#f8fafc;font-family:Space Mono,monospace}.metric-label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:1px}.files-page{padding:40px}.files-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.files-tabs{display:flex;gap:12px;margin-bottom:24px}.filters-card{padding:20px;margin-bottom:24px}.filters-container{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.filter-search{position:relative;flex:2;min-width:200px}.filter-select{flex:1;min-width:150px}.filter-refresh{flex:0 0 auto}.file-list-item{display:flex;align-items:center;padding:16px 24px;transition:background .2s}.file-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0}.file-badge{margin-right:24px}.file-date{margin-right:24px;text-align:right;min-width:100px}.file-actions{display:flex;gap:6px}.bulk-actions-bar{padding:16px;margin-bottom:16px;background:#06b6d41a;border-color:#06b6d433}.bulk-actions-content{display:flex;justify-content:space-between;align-items:center}.bulk-actions-label{color:#22d3ee;font-weight:500}.bulk-actions-buttons{display:flex;gap:8px}.bulk-actions-buttons button{padding:8px 16px;font-size:13px}.file-list-container{max-height:600px;overflow:hidden;display:flex;flex-direction:column}.file-list-container>div[style*=overflow]{flex:1}@media(max-width:768px){html,body{overflow-x:hidden!important;max-width:100vw!important}.main-content{overflow-x:hidden!important;max-width:100%!important}.app-header{justify-content:space-between!important;padding:12px 16px!important;padding-top:calc(12px + env(safe-area-inset-top,0px))!important;position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:9999!important;background:#0f172a!important}.main-content{overflow:hidden!important;position:relative!important;z-index:1!important}.mobile-content-wrapper{margin-top:calc(100px + env(safe-area-inset-top,0px))!important;overflow-y:auto!important;overflow-x:hidden!important;height:calc(100vh - 156px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,28px))!important;padding-bottom:16px!important;position:relative;z-index:1}.mobile-logo{display:flex!important}.mobile-logo-icon{width:32px!important;height:32px!important;border-radius:8px!important}.mobile-logo-text{font-size:16px!important}.files-page{padding:16px!important;overflow-x:hidden!important;max-width:100%!important;box-sizing:border-box!important}.files-page *{max-width:100%!important;box-sizing:border-box!important}.files-page .glass-card{overflow-x:hidden!important}.files-stats{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-bottom:16px!important}.files-stats .stat-card{padding:12px!important;border-radius:10px!important}.files-stats .stat-value{font-size:20px!important}.files-tabs{flex-wrap:wrap!important;gap:8px!important}.files-tabs button{flex:1!important;min-width:45%!important;padding:10px 12px!important;font-size:13px!important}.filters-card{padding:16px!important;margin-bottom:16px!important}.filters-container{flex-direction:column!important;gap:12px!important}.filter-search,.filter-select{flex:1 1 100%!important;min-width:100%!important;width:100%!important}.filter-refresh{width:100%!important;justify-content:center!important}.filters-container input,.filters-container select{width:100%!important}.file-list-item{flex-wrap:wrap!important;padding:12px 16px!important;gap:8px!important}.file-icon{width:36px!important;height:36px!important;margin-right:12px!important}.file-info{flex:1 1 calc(100% - 100px)!important;min-width:0!important}.file-name{font-size:13px!important}.file-meta{font-size:11px!important}.file-badge,.file-date{display:none!important}.file-actions{flex:0 0 auto!important;gap:4px!important}.file-actions button{padding:6px!important}.bulk-actions-bar{padding:12px!important}.bulk-actions-content{flex-direction:column!important;gap:12px!important;align-items:stretch!important}.bulk-actions-label{text-align:center!important}.bulk-actions-buttons{flex-direction:row!important;gap:8px!important}.bulk-actions-buttons button{flex:1!important;padding:8px 12px!important;font-size:12px!important}.file-list-container{max-height:none!important;overflow:visible!important}.profile-page{padding:16px!important}.profile-page .profile-header{flex-direction:column!important;text-align:center!important;gap:16px!important;padding:20px!important}.profile-page .profile-header .avatar{width:80px!important;height:80px!important;font-size:28px!important}.profile-page .profile-grid{grid-template-columns:1fr!important;gap:16px!important}.profile-page .form-grid{grid-template-columns:1fr!important}.ai-usage-page{padding:16px!important}.ai-usage-page .header-row{flex-direction:column!important;gap:12px!important;align-items:flex-start!important}.ai-usage-page .usage-rings{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.progress-ring-card{padding:12px!important;border-radius:12px!important}.progress-ring-svg-wrapper{width:60px!important;height:60px!important}.progress-ring-value span{font-size:12px!important}.progress-ring-label{margin-top:8px!important;margin-bottom:4px!important;font-size:10px!important}.progress-ring-detail{font-size:9px!important;margin-bottom:2px!important}.progress-ring-remaining{font-size:8px!important}.metric-card{padding:12px!important}.metric-value{font-size:20px!important}.metric-label{font-size:9px!important;letter-spacing:.5px!important}.ai-usage-page .metrics-grid{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}.ai-usage-page .provider-grid{grid-template-columns:1fr!important}.subscription-page{padding:16px!important}.subscription-page .sub-header,.subscription-page .plans-grid{grid-template-columns:1fr!important;gap:16px!important}.subscription-page .plans-grid>div{transform:none!important}.subscription-page .plan-benefits{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.header-component{padding:12px 16px!important;flex-wrap:wrap!important;gap:8px!important}.header-component .search-bar{order:3!important;flex:1 1 100%!important;margin-top:8px!important}[style*="padding: '40px'"],[style*="padding: 40px"]{padding:16px!important}[style*="gridTemplateColumns: '2fr 1fr'"],[style*="grid-template-columns: 2fr 1fr"]{grid-template-columns:1fr!important}[style*="repeat(4, 1fr)"]{grid-template-columns:repeat(2,1fr)!important}[style*="repeat(3, 1fr)"]{grid-template-columns:1fr!important}h1{font-size:22px!important}h2{font-size:18px!important}.glass-card{padding:16px!important}[style*="gap: 32px"]{gap:16px!important}[style*="gap: 24px"]{gap:12px!important}}.process-header{background:linear-gradient(180deg,#1e293b,#0f172a);padding:40px;text-align:center;border-bottom:1px solid rgba(255,255,255,.06);position:relative}.process-header-icon{width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.process-header-title{font-size:36px;font-weight:700;color:#f8fafc;margin-bottom:8px}.process-header-desc{color:#64748b;font-size:15px;margin-bottom:32px}.process-content{padding:40px}.step-indicators{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.section-title{font-size:18px;font-weight:600;color:#f8fafc;margin-bottom:20px;display:flex;align-items:center;gap:10px}.config-title{font-size:20px;margin-bottom:24px;gap:12px}.upload-section{padding:32px;margin-bottom:32px}.file-browser-section{padding:32px}.file-browser-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.search-filters-row{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.search-input-wrapper{position:relative;flex:2;min-width:180px}.filter-select-wrapper{flex:1;min-width:130px}.filter-select-wrapper .select-input{width:100%}.action-buttons-row{display:flex;gap:8px;align-items:center}.action-btn{padding:12px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#94a3b8;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500}.action-btn:hover{background:#ffffff14}.file-list-wrapper{border-radius:12px;border:1px solid rgba(255,255,255,.06);max-height:400px;overflow-y:auto}.file-row{display:flex;align-items:center;padding:16px 20px;background:transparent;cursor:pointer;transition:all .2s ease}.file-row:hover{background:#ffffff05}.file-row.selected{background:#06b6d414}.file-checkbox{width:20px;height:20px;border-radius:4px;border:2px solid #64748b;background:transparent;display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0}.file-checkbox.checked{border:none;background:#06b6d4}.file-icon-wrapper{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#ef4444,#dc2626);display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0}.file-info{flex:1;min-width:0}.file-name{font-size:14px;font-weight:500;color:#f8fafc;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{font-size:12px;color:#64748b}.file-badge-wrapper{margin-right:20px}.file-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600}.file-actions{display:flex;gap:6px;flex-shrink:0}.loading-state,.empty-state{text-align:center;padding:40px}.select-files-section{padding:32px}.selected-files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:32px}.file-card-icon{width:48px;height:48px;margin:0 auto 12px;border-radius:12px;display:flex;align-items:center;justify-content:center}.file-card-name{font-size:14px;font-weight:500;color:#f8fafc;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.file-card-size{font-size:12px;color:#64748b}.configure-step-grid{display:grid;grid-template-columns:1fr;gap:24px}.configure-step-grid.has-sidebar{grid-template-columns:2fr 1fr}.configure-main{padding:32px}.step-nav-buttons{display:flex;justify-content:space-between;gap:12px}.desktop-only{display:flex}.mobile-only{display:none}.processed-file-card{background:#22c55e0d;border:2px solid rgba(34,197,94,.3);border-radius:12px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.processed-file-info{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.processed-file-icon{width:48px;height:48px;border-radius:10px;background:#22c55e1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.processed-file-details{flex:1;min-width:0}.processed-file-name{font-weight:600;color:#f8fafc;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.processed-file-size{font-size:13px;color:#64748b}.processed-file-actions{display:flex;gap:8px;flex-shrink:0}.btn-view,.btn-download{padding:10px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn-view{background:#0891b21a;border:1px solid rgba(99,102,241,.3);color:#818cf8}.btn-download{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.btn-view:active,.btn-download:active{transform:scale(.98)}.complete-action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.complete-action-buttons .btn-outline,.complete-action-buttons .btn-primary{padding:14px 24px}@media(max-width:768px){.process-header{padding:16px!important;padding-top:calc(16px + env(safe-area-inset-top))!important;border-radius:16px!important;width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;overflow-x:hidden!important;box-sizing:border-box!important;background:linear-gradient(180deg,#1e293b,#0f172a)!important;border:1px solid rgba(255,255,255,.06)!important;margin:12px auto!important}.process-header-icon{width:36px!important;height:36px!important;border-radius:10px!important;margin-bottom:8px!important}.process-header-icon svg{width:18px!important;height:18px!important}.process-header-title{font-size:18px!important;margin-bottom:4px!important}.process-header-desc{font-size:12px!important;margin-bottom:12px!important;display:none}.process-content{padding:12px!important}.step-indicators{gap:4px!important;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0 0 4px!important;justify-content:center;flex-wrap:nowrap!important;max-width:100%!important;width:auto!important;margin:0 auto!important}.step-pill{padding:6px 10px!important;font-size:10px!important;border-radius:16px!important;gap:4px!important;flex-shrink:0;min-width:auto!important}.step-pill svg{width:12px!important;height:12px!important}.step-pill .step-label{display:none!important}.step-pill.active .step-label{display:inline!important;font-size:10px!important}.step-connector{width:8px!important;flex-shrink:0}.section-title{font-size:16px!important;gap:8px!important;margin-bottom:16px!important}.section-title svg{width:18px!important;height:18px!important}.config-title{font-size:17px!important}.upload-section,.file-browser-section,.select-files-section,.configure-main{padding:16px!important;margin-bottom:16px!important}.upload-zone{padding:24px 16px!important}.upload-zone h3{font-size:15px!important}.upload-zone p{font-size:12px!important}.search-filters-row{flex-direction:column!important;gap:10px!important}.search-input-wrapper,.filter-select-wrapper{flex:unset!important;width:100%!important;min-width:unset!important}.action-buttons-row{width:100%;justify-content:flex-start;flex-wrap:wrap}.action-btn{padding:10px 12px!important;font-size:12px!important}.action-btn-text{display:none}.file-list-wrapper{max-height:300px!important}.file-row{padding:12px!important;flex-wrap:wrap;gap:8px}.file-checkbox{margin-right:10px!important}.file-icon-wrapper{width:36px!important;height:36px!important;margin-right:10px!important}.file-icon-wrapper svg{width:16px!important;height:16px!important}.file-info{flex:1;min-width:0}.file-name{font-size:13px!important}.file-meta{font-size:11px!important}.file-badge-wrapper{display:none!important}.file-actions{width:100%;justify-content:flex-end;margin-top:4px;gap:4px!important}.selected-files-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;margin-bottom:20px!important}.file-card{padding:16px!important}.file-card-icon{width:40px!important;height:40px!important;margin-bottom:8px!important}.file-card-icon svg{width:20px!important;height:20px!important}.file-card-name{font-size:12px!important;white-space:normal!important;word-break:break-word!important;line-height:1.3!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.file-card-size{font-size:10px!important}.configure-step-grid,.configure-step-grid.has-sidebar{grid-template-columns:1fr!important}.main-content,.process-page,.glass-card{max-width:100vw!important;overflow-x:hidden!important;box-sizing:border-box!important}html,body{overflow-x:hidden!important;width:100%!important;max-width:100vw!important}.text-input,input[type=text],input[type=number]{max-width:100%!important;box-sizing:border-box!important}.option-grid-5,.option-grid-4,.option-grid-3{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.option-grid-2{grid-template-columns:1fr!important;gap:8px!important}.option-card{padding:12px!important}.option-card .option-emoji{font-size:20px!important;margin-bottom:4px!important}.option-card .option-label{font-size:11px!important}.option-card .option-desc{font-size:9px!important}.step-nav-buttons{flex-direction:column!important;gap:10px!important}.step-nav-buttons .btn-outline,.step-nav-buttons .btn-primary{width:100%!important;justify-content:center}.step-nav-buttons .btn-text{font-size:13px}.desktop-only{display:none!important}.mobile-only{display:flex!important}.configure-action-buttons.mobile-only{margin:0 -12px!important;width:calc(100% + 24px)!important;border-radius:0!important}.processed-file-card{flex-direction:column!important;align-items:stretch!important;padding:16px!important;gap:12px!important}.processed-file-info{gap:12px!important;width:100%!important;max-width:100%!important}.processed-file-details{max-width:calc(100% - 60px)!important}.processed-file-name{font-size:14px!important;max-width:100%!important;word-break:break-word!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.processed-file-icon{width:40px!important;height:40px!important}.processed-file-icon svg{width:20px!important;height:20px!important}.processed-file-size{font-size:12px!important}.processed-file-actions{width:100%!important;justify-content:stretch!important}.btn-view,.btn-download{flex:1!important;justify-content:center!important;padding:12px 8px!important;font-size:12px!important;min-height:44px!important}.complete-action-buttons{grid-template-columns:1fr 1fr!important;gap:10px!important}.complete-action-buttons .btn-outline,.complete-action-buttons .btn-primary{padding:12px 8px!important;font-size:13px!important}.complete-action-buttons .btn-outline span,.complete-action-buttons .btn-primary span{font-size:12px}}.layout-landscape{flex-direction:column!important;width:100vw!important;max-width:100vw!important;overflow-x:hidden!important}.android-native.layout-landscape{flex-direction:column!important;width:100vw!important;max-width:100vw!important}.main-content.android-landscape{margin-left:0!important;width:100%!important;max-width:100vw!important;padding-left:0!important}.android-native .main-content{transition:margin-left .2s ease}.android-native.layout-landscape .main-content{margin-left:0!important;width:100%!important}.main-content-landscape{margin-left:0!important;width:100%!important;max-width:100vw!important;flex:1!important;padding-left:env(safe-area-inset-left)!important;padding-right:env(safe-area-inset-right)!important;padding-bottom:60px!important;overflow-x:hidden!important;box-sizing:border-box!important}.main-content-landscape *{max-width:100%!important;box-sizing:border-box!important}.main-content-landscape .dashboard-page,.main-content-landscape .files-page,.main-content-landscape .ai-usage-page,.main-content-landscape .subscription-page,.main-content-landscape .profile-page{width:100%!important;max-width:100%!important;padding:12px!important;padding-left:calc(12px + env(safe-area-inset-left))!important;padding-right:calc(12px + env(safe-area-inset-right))!important;margin:0!important;box-sizing:border-box!important;overflow-x:hidden!important}.main-content-landscape .process-header{padding:12px!important;padding-left:calc(12px + env(safe-area-inset-left))!important;padding-right:calc(12px + env(safe-area-inset-right))!important;margin:0!important;width:100%!important;border-radius:0!important}.main-content-landscape .process-content{padding:12px!important;padding-left:calc(12px + env(safe-area-inset-left))!important;padding-right:calc(12px + env(safe-area-inset-right))!important}.main-content-landscape .tool-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:10px!important}.main-content-landscape .glass-card{padding:12px!important;overflow-x:hidden!important}.main-content-landscape .stats-grid{flex-wrap:wrap!important;gap:8px!important}.main-content-landscape .stats-grid>div{max-width:none!important;flex:1 1 180px!important;padding:12px!important}@media(orientation:landscape)and (max-height:500px)and (max-width:932px){.sidebar{display:none!important;width:0!important}.main-content{margin-left:0!important;width:100%!important;max-width:100%!important;padding-left:env(safe-area-inset-left)!important;padding-right:env(safe-area-inset-right)!important;padding-bottom:60px!important}.mobile-nav{display:flex!important;flex-direction:row!important;justify-content:space-around!important;align-items:center!important;width:100%!important;padding:6px 0!important;padding-left:env(safe-area-inset-left)!important;padding-right:env(safe-area-inset-right)!important;padding-bottom:max(28px,env(safe-area-inset-bottom))!important;height:auto!important;min-height:50px!important}.mobile-nav-item{flex:1!important;flex-direction:row!important;justify-content:center!important;padding:6px 8px!important;gap:6px!important}.mobile-nav-item span{display:inline!important;font-size:11px!important}.mobile-nav-item svg{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;flex-shrink:0!important}.mobile-content-wrapper{padding-bottom:60px!important}.dashboard-page,.files-page,.ai-usage-page,.subscription-page,.profile-page{width:100%!important;max-width:100%!important;padding:12px!important;padding-left:calc(12px + env(safe-area-inset-left))!important;padding-right:calc(12px + env(safe-area-inset-right))!important;margin:0!important}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;gap:12px!important}.stats-grid{flex-wrap:wrap!important;gap:12px!important}.stats-grid>div{max-width:none!important;flex:1 1 200px!important}.app-header{padding:8px 16px!important;padding-left:calc(16px + env(safe-area-inset-left))!important;padding-right:calc(16px + env(safe-area-inset-right))!important;justify-content:space-between!important}.mobile-logo{display:flex!important}.mobile-logo-icon{width:28px!important;height:28px!important}.mobile-logo-text{font-size:14px!important}.glass-card{padding:12px!important}.section-title{font-size:14px!important;margin-bottom:10px!important}h1{font-size:18px!important}h2{font-size:16px!important}.dashboard-page,.files-page,.ai-usage-page,.subscription-page,.profile-page{padding:12px!important;padding-left:calc(12px + env(safe-area-inset-left))!important;padding-right:calc(12px + env(safe-area-inset-right))!important}.tool-card{padding:16px!important}.stat-card{padding:12px!important}.file-list-container{max-height:250px!important}.bulk-actions-bar{padding:8px 12px!important}.bulk-actions-content{flex-direction:row!important;gap:12px!important}.progress-ring-card{padding:10px!important}.progress-ring-svg-wrapper{width:50px!important;height:50px!important}.progress-ring-label{font-size:9px!important}.metric-card{padding:10px!important}.metric-value{font-size:18px!important}.profile-page .glass-card{padding:16px!important}.subscription-page .plans-grid{grid-template-columns:repeat(3,1fr)!important;gap:12px!important}.subscription-page .plans-grid>div{transform:none!important}.process-header{padding:8px 16px!important;padding-left:calc(16px + env(safe-area-inset-left))!important;padding-right:calc(16px + env(safe-area-inset-right))!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:16px!important;text-align:left!important}.process-header-icon{width:32px!important;height:32px!important;margin:0!important;flex-shrink:0}.process-header-icon svg{width:16px!important;height:16px!important}.process-header-title{font-size:16px!important;margin:0!important}.process-header-desc{display:none!important}.step-indicators{flex:1;justify-content:flex-end!important;gap:4px!important;margin:0!important;padding:0!important}.step-pill{padding:4px 8px!important;font-size:9px!important}.step-pill svg{width:10px!important;height:10px!important}.step-pill .step-label{display:none!important}.step-connector{width:6px!important}.process-content{padding:8px 16px!important;padding-left:calc(16px + env(safe-area-inset-left))!important;padding-right:calc(16px + env(safe-area-inset-right))!important}.upload-section,.file-browser-section,.select-files-section,.configure-main{padding:12px!important;margin-bottom:8px!important}.upload-zone{padding:16px!important}.file-list-wrapper{max-height:180px!important}.configure-step-grid.has-sidebar{grid-template-columns:1fr 1fr!important}.step-nav-buttons{flex-direction:row!important}.step-nav-buttons .btn-outline,.step-nav-buttons .btn-primary{width:auto!important;flex:1}.selected-files-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.file-card{padding:10px!important}.file-card-icon{width:32px!important;height:32px!important}}@media(min-width:768px)and (max-width:1024px)and (orientation:landscape){.sidebar{width:220px!important}.main-content{margin-left:220px!important}.process-header{padding:24px 32px!important}.process-header-icon{width:56px!important;height:56px!important}.process-header-title{font-size:28px!important}.step-pill{padding:10px 18px!important}.configure-step-grid.has-sidebar{grid-template-columns:2fr 1fr!important}.subscription-page .plans-grid{grid-template-columns:repeat(3,1fr)!important}}@media(min-width:768px)and (max-width:1024px)and (orientation:portrait){.sidebar{width:80px!important;padding:16px 8px!important}.sidebar .nav-item span,.sidebar .sub-nav-item span{display:none!important}.sidebar .nav-item{justify-content:center!important;padding:14px 12px!important}.main-content{margin-left:80px!important}.content-area{padding:16px!important}.dashboard-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}.files-grid{grid-template-columns:repeat(2,1fr)!important}.configure-step-grid.has-sidebar{grid-template-columns:1fr!important}.subscription-page .plans-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}}@media(min-width:768px)and (max-width:1024px){.content-area{min-height:calc(100vh - 76px);display:flex;flex-direction:column}.content-area>div:only-child{flex:1}.nav-item{min-height:48px}.glass-card{padding:20px!important}}.preview-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.preview-modal-content{background:#1e293b;border-radius:16px;padding:24px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;border:1px solid rgba(255,255,255,.1)}.preview-modal-content.wide{max-width:900px}.preview-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.preview-modal-header-title{display:flex;align-items:center;gap:12px}.preview-modal-header h3{color:#f8fafc;margin:0;font-size:18px;font-weight:600}.preview-modal-close{background:transparent;border:none;color:#64748b;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .2s}.preview-modal-close:hover{background:#ffffff1a;color:#f8fafc}.preview-modal-file-info{color:#94a3b8;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;font-size:14px}.preview-modal-body{background:#0f172a;border-radius:12px;padding:16px;min-height:300px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);overflow:hidden}.preview-modal-body.no-padding{padding:0}.preview-modal-body iframe{width:100%;height:500px;border:none;border-radius:8px}.preview-modal-body img{max-width:100%;max-height:500px;object-fit:contain}.preview-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}@media(max-width:768px){.preview-modal-overlay{padding:12px}.preview-modal-content{padding:16px;max-width:calc(100% - 24px);max-height:85vh;border-radius:16px}.preview-modal-header{flex-wrap:wrap;gap:8px}.preview-modal-header h3{font-size:16px}.preview-modal-file-info{font-size:12px;flex-direction:column;align-items:flex-start;gap:4px}.preview-modal-body{min-height:250px;padding:12px}.preview-modal-body iframe{height:400px}.preview-modal-actions{flex-direction:column;gap:8px}.preview-modal-actions button{width:100%;justify-content:center;min-height:44px}}@media(orientation:landscape)and (max-height:500px)and (max-width:932px){.preview-modal-overlay{padding:8px!important}.preview-modal-content{padding:12px!important;max-height:calc(100vh - 16px)!important;display:flex!important;flex-direction:column!important}.preview-modal-header{margin-bottom:8px!important}.preview-modal-header h3{font-size:14px!important}.preview-modal-file-info{margin-bottom:8px!important;font-size:11px!important;flex-direction:row!important}.preview-modal-body{flex:1!important;min-height:150px!important;max-height:calc(100vh - 180px)!important}.preview-modal-body iframe{height:100%!important;min-height:200px!important}.preview-modal-actions{margin-top:10px!important;flex-direction:row!important;gap:8px!important}.preview-modal-actions button{width:auto!important;flex:1!important;min-height:36px!important;padding:8px 12px!important;font-size:12px!important}}@media(orientation:landscape)and (max-height:500px)and (max-width:932px){.login-container,.register-container{padding:12px!important;padding-left:calc(12px + env(safe-area-inset-left))!important;padding-right:calc(12px + env(safe-area-inset-right))!important;min-height:100vh!important;overflow-y:auto!important}.login-card-wrapper,.register-card-wrapper{max-width:600px!important}.login-card,.register-card{padding:16px 24px!important}.login-container>div>div:first-child,.register-container>div>div:first-child{margin-bottom:16px!important}.login-container>div>div:first-child>div:first-child,.register-container>div>div:first-child>div:first-child{width:48px!important;height:48px!important;margin-bottom:8px!important}.login-container>div>div:first-child h1,.register-container>div>div:first-child h1{font-size:20px!important;margin-bottom:4px!important}.login-container>div>div:first-child p,.register-container>div>div:first-child p{font-size:12px!important}.login-form>div,.register-form>div{margin-bottom:12px!important}.login-form label,.register-form label{font-size:11px!important;margin-bottom:4px!important}.login-form input,.register-form input,.login-form .text-input,.register-form .text-input{padding:10px 14px 10px 40px!important;font-size:13px!important}.login-form .btn-primary,.register-form .btn-primary{padding:12px 20px!important;font-size:14px!important}}@media(orientation:landscape)and (max-height:500px)and (max-width:932px){.landing-hero{padding:24px 16px!important;min-height:auto!important}.landing-hero h1{font-size:28px!important;margin-bottom:8px!important}.landing-hero p{font-size:14px!important;margin-bottom:16px!important}.landing-features,.landing-pricing{padding:16px!important}.landing-pricing .plans-grid{grid-template-columns:repeat(3,1fr)!important;gap:12px!important}}.login-container{padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom))}.login-card-wrapper{width:100%;max-width:420px}.login-card{padding:32px}.register-container{padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom))}.register-card-wrapper{width:100%;max-width:480px}.register-card{padding:32px}.plan-selector{display:flex;gap:8px}.plan-selector-btn{flex:1;padding:12px 8px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;cursor:pointer;transition:all .2s ease}.plan-selector-btn.selected{border:2px solid #06b6d4;background:#06b6d41a}@media(max-width:768px){.login-container,.register-container{padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}.login-card-wrapper,.register-card-wrapper{max-width:100%}.login-card,.register-card{padding:24px;border-radius:16px}.login-card-wrapper h1,.register-card-wrapper h1{font-size:24px!important}.login-card-wrapper p,.register-card-wrapper p{font-size:14px!important}.login-card .text-input,.register-card .text-input{padding:14px 16px 14px 44px;font-size:16px}.login-card .btn-primary,.register-card .btn-primary{padding:14px 20px;font-size:15px}}@media(max-width:480px){.login-container,.register-container{padding:12px}.login-card,.register-card{padding:20px}.login-card-wrapper h1,.register-card-wrapper h1{font-size:22px!important}.register-card .name-fields{flex-direction:column!important}.plan-selector{gap:6px}.plan-selector-btn{padding:10px 6px}.plan-selector-btn .plan-name{font-size:12px!important}.plan-selector-btn .plan-price{font-size:10px!important}}@media(orientation:landscape)and (max-height:500px)and (max-width:932px){.login-container,.register-container{padding:8px 16px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));align-items:flex-start;overflow-y:auto}.login-card-wrapper,.register-card-wrapper{margin-top:8px}.login-card-wrapper>div:first-child,.register-card-wrapper>div:first-child{margin-bottom:16px!important}.login-card-wrapper h1,.register-card-wrapper h1{font-size:20px!important;margin-bottom:4px!important}.login-card,.register-card{padding:16px}.login-card .text-input,.register-card .text-input{padding:10px 14px 10px 40px}.login-card .btn-primary,.register-card .btn-primary{padding:12px 16px}.register-card .name-fields{display:flex;flex-direction:row!important;gap:12px}}@media(max-width:768px){.chat-container{height:calc(100vh - 180px)!important;max-height:none!important}.chat-messages{padding:12px!important}.chat-input-area{padding:12px!important;padding-bottom:calc(12px + env(safe-area-inset-bottom))!important;flex-shrink:0}.chat-input{font-size:16px!important}}@supports (-webkit-touch-callout: none){.chat-container{max-height:100dvh}.chat-input-area{position:sticky;bottom:0;background:#000000e6;z-index:10}}.keyboard-visible .chat-container{transition:height .25s ease}.keyboard-visible .chat-input-area{padding-bottom:12px!important}.chat-messages{overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@media(max-width:480px){.chat-input{min-height:44px;padding:12px 50px 12px 12px!important}.chat-input-area form button[type=submit]{width:40px!important;height:40px!important;right:8px!important;bottom:8px!important}}.markdown-message{word-wrap:break-word;overflow-wrap:break-word}.markdown-message p:last-child{margin-bottom:0}.markdown-message pre{overflow-x:auto;max-width:100%}.markdown-message code{word-break:break-word}@media(max-width:768px){.markdown-message pre{max-width:calc(100vw - 100px)}.markdown-message table{font-size:12px}.markdown-message th,.markdown-message td{padding:6px 8px!important}}