:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*{box-sizing:border-box}a:visited{color:var(--primary-color-visited)}html.app,html.app body{height:100%}html.app #root{width:100%;height:100%}html.app body{margin:0;display:flex;place-items:center;min-width:320px;overflow:hidden;font-family:SF Pro,-apple-system,system-ui,BlinkMacSystemFont}.app{display:flex;flex-direction:column;height:100%;background-color:var(--background-color);color:var(--text-color);transition:background-color,color .3s ease}body[data-is-resizing] *{-webkit-user-select:none;user-select:none}.info-icon-trigger{color:var(--text-secondary);display:inline-block}.main-container{display:flex;flex:1;overflow:hidden}.sidebar-container{position:relative;flex-shrink:0;height:100%;background-color:var(--sidebar-background-color);border-right:1px solid var(--border-color);transition:background-color,border .3s ease}.sidebar{height:100%;display:flex;flex-direction:column;overflow:hidden;flex:1}.content-area{display:flex;flex-direction:column;flex:1;overflow:hidden;position:relative;background-color:var(--content-area-background-color);width:100%;transition:background-color .3s ease}.right-sidebar{position:relative;display:flex;background-color:var(--right-sidebar-background-color);box-shadow:-2px 0 16px var(--box-shadow-background-color);width:300px;height:100%}.right-sidebar-content{width:100%;height:100%}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-left:8px}.requests-view{display:flex;flex:1;overflow:hidden}.settings-view{flex:1;display:flex;flex-direction:column;width:100%;min-width:0}.settings-view h2{padding:24px;margin:0;font-size:24px;font-weight:400;color:var(--text-tertiary)}.settings-content{flex:1;padding:0 24px 24px;overflow:auto}.setting-item{display:flex;align-items:center;gap:8px;margin-bottom:12px}.setting-item:last-child{margin-bottom:0}.setting-item label{display:flex;align-items:center;gap:8px;color:#ccc;font-size:13px}.setting-item input[type=checkbox]{margin:0;width:14px;height:14px}.app-header{flex:none;width:100vw}.app-container{display:flex;flex:1;overflow:hidden;position:relative}.request-scroll-container{overflow-y:auto}.request-panel,.response-panel{overflow:auto;padding:8px}.request-panel{border-right:1px solid var(--border-color)}.request-panel .metrics-container{display:flex;flex-direction:column;gap:10px}.details-container{position:absolute;bottom:32px;background-color:var(--details-background-color);flex-shrink:0;width:100%}.error-banner{background:#4d2c2c;color:#f44747;padding:12px 16px;margin:16px;border-radius:6px;border:1px solid rgba(244,71,71,.3);font-size:14px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #00000026;animation:slideIn .3s ease-out}.error-content{display:flex;align-items:center;gap:12px}.error-content svg{color:#f44747;flex-shrink:0}.error-close{background:none;border:none;padding:4px;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.error-close:hover{background:#f447471a;color:#f44747}@keyframes slideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.tab-bar{height:85px;background:#1e1e1eb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-around;align-items:center;border-top:1px solid var(--border-color)}.tab-item{display:flex;flex-direction:column;align-items:center;color:#888;text-decoration:none;font-size:12px;gap:4px}.tab-item.active{color:var(--primary-color)}.connection-banner{background:var(--connection-banner-background-color);padding:2px;text-align:center;position:relative;color:var(--connection-banner-color)}.toast-message{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:10001;animation:slideDown .3s ease-out}.toast-message[data-is-clickable=true]{cursor:pointer}.toast-content{background:#1e3a2d;color:#4ec9b0;padding:12px 24px;border-radius:6px;border:1px solid rgba(78,201,176,.3);box-shadow:0 4px 12px #0003;font-size:14px}.toast-message.error .toast-content{background:var(--color-error-light);color:var(--color-error);border:1px solid var(--color-error)}.toast-message.warning .toast-content{background:var(--color-warn-light);color:var(--color-warn);border:1px solid var(--color-warn)}.toast-message.info .toast-content{background:var(--color-info-light);color:var(--color-info);border:1px solid var(--color-info)}@keyframes slideDown{0%{transform:translate(-50%,-100%);opacity:0}to{transform:translate(-50%);opacity:1}}.offline-banner{background-color:#f44;color:#fff;padding:8px;text-align:center;z-index:1000}.offline-banner-content{display:flex;justify-content:center;align-items:center;gap:8px}.offline-banner span{font-size:14px}.trial-expired-banner,.quota-exceeded-banner{background-color:var(--primary-color);color:#fff;padding:8px;text-align:center;z-index:1000}.trial-expired-banner-content,.quota-exceeded-banner-content{display:flex;justify-content:center;align-items:center;gap:8px}.trial-expired-banner a,.quota-exceeded-banner a{color:#fff}.trial-expired-banner-link,.quota-exceeded-banner-link{color:#fff;cursor:pointer;text-decoration:underline}.loading-message-container{display:flex;justify-content:center;align-items:center;height:100%}.loading-message{color:#888;font-size:14px}.resize-handle{position:absolute;right:0;bottom:0;top:0;height:100%;width:3px;background:var(--resize-handle-background-color)}.resize-handle:hover,.resize-handle.resizing{background:var(--primary-color)}.resize-handle.horizontal{width:100%;height:2px;z-index:1000;cursor:row-resize}.resize-handle.horizontal:hover{cursor:row-resize}.resize-handle.vertical{width:2px;height:100%;cursor:col-resize}.resize-handle.vertical:hover{cursor:col-resize}.col-resize-handle{position:absolute;right:0;bottom:0;top:15%;height:70%;width:3px;cursor:col-resize;background:var(--resize-handle-background-color)}.col-resize-handle:hover,.col-resize-handle.resizing{background:var(--primary-color)}.failed-to-load-container,.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#888}.list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.list-header h2{margin:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.list-header button{background:none;border:none;color:#888;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.buttons{display:flex;align-items:center;gap:8px}.buttons .symbol{width:16px;height:16px}.buttons .symbol svg{width:100%;height:100%}.simple-search-bar{width:100%;padding:8px 12px;background:var(--input-background-color);border:1px solid var(--input-border-color);border-radius:4px;color:var(--input-text-color);font-size:13px;transition:all .3s ease}.simple-search-bar:focus{outline:none;border-color:var(--primary-color)}.simple-search-bar::placeholder{color:#888}.empty-state p{color:var(--text-secondary);font-size:14px;max-width:300px;line-height:1.5}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:start;height:100%;color:#888;overflow:auto;padding:18px}.empty-state code{background:var(--background-color)}.empty-state.center{justify-content:center}.empty-state video{width:80%;max-width:600px;border-radius:10px;margin-bottom:16px}.pulse-icon{width:14px;height:14px;border-radius:50%;background-color:red;box-shadow:0 0 10px #ff000080;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}}.status-indicator{display:inline-block;width:8px;height:8px;margin-right:4px;border-radius:50%;transition:all .4s ease;flex-shrink:0}.status-indicator.online{background-color:#89d185;animation:scaleIndicatorOnline 1s forwards ease-in-out}.status-indicator.offline{background-color:#f44747;animation:scaleIndicatorOffline 1s forwards ease-in-out}@keyframes scaleIndicatorOnline{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes scaleIndicatorOffline{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:1em}.symbol-container{position:relative;border:1px solid #eee;font-size:24px;border-radius:16px;text-align:center;display:flex;padding-bottom:100%;transition:all 50ms}.symbol-container:hover{cursor:pointer;background-color:#eee;border:1px solid transparent}.symbol-container:active{background-color:#ccc;border:1px solid transparent}.symbol-container .symbol{-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}.symbol{cursor:pointer;font-size:16px}.device-sidebar{background:var(--background-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;width:100%}body .device-sidebar .side-bar-item{border-bottom:0px solid var(--border-color)}.device-sidebar .info-row .label{color:var(--text-color);font-size:13px}.device-sidebar .actions-item-group{-webkit-user-select:none;user-select:none;display:flex;flex-direction:column}.device-sidebar .action-item{padding:8px 12px;font-size:14px;user-select:none;-webkit-user-select:none;-moz-user-select:none;display:flex;align-items:center;gap:10px;cursor:pointer}.device-sidebar .action-item:hover{background-color:var(--hover-background-color)}.device-sidebar .action-item:active{transform:translateY(0)}.device-sidebar .action-item svg{width:18px;height:18px;flex-shrink:0;transition:transform .2s ease}.device-sidebar .action-item:hover svg{transform:scale(1.1)}@media (max-width: 768px){.device-sidebar .device-sidebar{width:100%;border-left:none;border-top:1px solid var(--border-color)}}.device-sidebar .device-header{-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;padding:12px;border-bottom:1px solid var(--border-color);background:transparent}.device-sidebar .device-header .platform-icon{height:auto}.device-sidebar .device-header-top{display:flex;justify-content:space-around;padding:8px 12px 0 0;align-items:center;width:100%;gap:8px}.device-sidebar .device-header .app-version,.device-sidebar .device-header .bundle-id{font-size:12px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:left;width:100%}.device-sidebar .device-header .device-name{font-size:14px;color:var(--text-tertiary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.device-sidebar .device-header h2{margin:0;font-size:16px;color:var(--text-tertiary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-sidebar .device-info-section{padding:2px;-webkit-user-select:none;user-select:none}.device-sidebar .info-row{padding:8px 12px}.device-sidebar .info-row:last-child{margin-bottom:0}.device-sidebar .info-row .label{color:var(--text-color);font-size:12px;margin-bottom:4px}.device-sidebar .info-row .value{color:var(--text-tertiary);font-size:13px;display:flex;align-items:center;gap:8px;margin-bottom:4px}.device-sidebar .side-bar-item-group{display:flex;flex-direction:column;padding-top:10px}.device-sidebar .side-bar-item{padding:8px 12px;font-size:14px;user-select:none;-webkit-user-select:none;-moz-user-select:none;display:flex;align-items:center;gap:10px;cursor:pointer}.device-sidebar .side-bar-item:last-child{border-bottom:none}.device-sidebar .side-bar-item:hover{background-color:var(--hover-background-color)}.device-sidebar .side-bar-item[data-active=true]{color:var(--primary-color)}.device-sidebar .divider{height:1px;background-color:var(--border-color);margin:16px 0}.modal-overlay{z-index:1001;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;overflow-y:auto;width:100%;height:100%}.close-button{position:absolute;top:20px;right:20px;background:none;border:none;color:#fff;font-size:12px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#00000080;transition:background-color .2s}.modal-content{max-width:1100px;background-color:var(--modal-content-background-color);padding:24px;border-radius:8px;min-width:400px;max-height:90vh;border:1px solid var(--border-color);overflow-y:auto}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.modal-content h2{margin:0 0 16px;color:var(--text-color);font-size:20px;font-weight:800}.modal-content p{margin:0 0 24px;color:var(--text-secondary);font-size:14px}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.modal-button{padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;border:1px solid transparent}.modal-button.cancel{background-color:var(--button-background-color);border-color:var(--button-background-color);color:var(--button-text-color)}.modal-button.cancel:hover{background-color:var(--hover-background-color)}.modal-button.confirm{background-color:#f44747;color:#fff;border:none}.modal-button.confirm:hover{background-color:#d93e3e}.modal-close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.modal-close:hover{background:var(--hover-background);color:var(--text-secondary)}.modal-body{flex:1;padding:20px;overflow:hidden}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--border-color);background:var(--secondary-bg)}.modal-footer .custom-button{padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s ease}.modal-footer .custom-button.secondary{background:var(--secondary-bg);color:var(--text-secondary);border:1px solid var(--border-color)}.modal-footer .custom-button.secondary:hover{background:var(--hover-background);color:var(--text-color)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--secondary-bg)}.modal-header h3{margin:0;color:var(--text-color);font-size:16px;font-weight:500}.device-profile-modal-overlay .modal-content{padding-top:0;width:90%}.device-profile-modal{height:100%;display:flex;flex-direction:column;background:var(--modal-content-background-color)}.device-profile-header{position:sticky;top:0;background:var(--modal-content-background-color);padding:24px;border-bottom:1px solid var(--border-color);z-index:10}.device-profile-hero{display:flex;justify-content:space-between;align-items:center;gap:24px}.device-profile-info{flex:1}.device-profile-info .row{display:flex;justify-content:space-between;align-items:center;gap:24px}.device-profile-info .platform-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 0;background:var(--background-secondary);border-radius:20px;color:var(--text-secondary);font-size:13px;margin-bottom:16px}.device-profile-info h2{font-size:24px;font-weight:600;margin:0;color:var(--text-primary)}.device-model{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.device-illustration{width:120px;height:120px;display:flex;align-items:center;justify-content:center}.device-profile-content{flex:1;overflow-y:auto;padding:24px}.info-section{margin-bottom:32px}.info-section h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--background-secondary);border-radius:6px;border:1px solid var(--border-color)}.info-label{color:var(--text-secondary);font-size:13px}.info-value{color:var(--text-primary);font-size:13px;font-family:monospace;min-width:40px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-value:empty:before{content:"—";color:var(--text-secondary)}.device-profile-content{scroll-behavior:smooth}.device-profile-content .close-button{position:absolute;top:24px;right:24px;width:32px;height:32px;border-radius:6px;border:1px solid var(--border-color);background:var(--background-secondary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.device-profile-content .close-button:hover{background:var(--background-hover);color:var(--text-primary)}.device-profile-content .close-button:active{transform:translateY(1px)}.device-profile-feature-toggles-container{display:flex;gap:40px}@media (max-width: 1024px){.device-profile-feature-toggles-container{flex-direction:column;gap:16px}}.device-profile-features-row{display:flex;align-items:center;gap:16px}.device-profile-features-row .symbol{display:flex;align-items:center;justify-content:center}.device-profile-features-row-label{font-size:13px;color:var(--text-secondary);min-width:60px}.general-sidebar{background:var(--background-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;width:100%;height:100%}.sidebar .side-bar-item{padding:8px 12px;font-size:14px}.side-bar-bottom-container{margin-top:auto}.sidebar .side-bar-item:last-child{border-bottom:none}.sidebar .side-bar-item>div{display:flex;align-items:center;gap:10px;cursor:pointer}.sidebar .side-bar-item .progress-badge{margin-left:auto;font-size:11px;color:var(--text-secondary);background:var(--surface-color);border:1px solid var(--border-color);padding:2px 6px;border-radius:999px}.sidebar .side-bar-item:hover svg{transform:scale(1.1)}.sidebar .side-bar-item:hover{background-color:var(--hover-background-color)}.sidebar .side-bar-item[data-active=true]{color:var(--primary-color)}.pricing-modal-overlay .modal-content{max-width:1100px;width:100%;background:#18181b;border-radius:18px;box-shadow:0 4px 32px #0000002e;padding:0;margin:40px auto;overflow-y:scroll}.pricing-modal-overlay .modal-content[data-show-close=false]{background:transparent;width:100%;border:0}.modal-content.pricing a{text-decoration:none}.modal-content[data-origin=ONBOARDING]{border:0;background:transparent}.pricing-modal-overlay .close-button{position:absolute;top:20px;right:20px;background:none;border:none;color:#888;font-size:24px;cursor:pointer}.pricing .modal-header{text-align:center;margin-bottom:32px;margin-top:24px;flex-direction:column;position:relative}.modal-content[data-origin=ONBOARDING] .modal-header{margin-top:0;border-bottom:0px}.pricing .modal-header h2{font-size:2rem;color:#fff;font-weight:600;margin:0}.pricing .modal-header p{color:#a1a1aa;font-size:1rem;margin:0}.pricing .modal-header .logo{margin:0 auto;display:block;width:96px;height:96px}.pricing .modal-header .close-button{position:absolute;top:18px;right:24px;background:none;border:none;color:#71717a;font-size:2rem;cursor:pointer;z-index:2}.pricing .modal-header .close-button:hover{color:#fff}.traffic-calculator{max-width:400px;margin:0 auto;padding:20px;background:#252526;border-radius:8px}.calculator-input{display:flex;align-items:center;gap:10px;margin:10px 0}.calculator-input input{flex:1;padding:8px 12px;background:#2d2d2d;border:1px solid #3c3c3c;border-radius:4px;color:#fff;font-size:16px}.calculated-price{font-size:18px;color:var(--primary-color);margin-top:10px}.pricing-tiers{display:flex;flex-direction:row;justify-content:center;align-items:stretch;background:#0f1011;border-radius:18px;box-shadow:none;margin:0;padding:0;border:1.5px solid #232329}.pricing-tier{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border:none;border-right:1.5px solid #232329;min-width:220px;max-width:350px;transition:background .2s,box-shadow .2s,border .2s,transform .2s;position:relative;z-index:0}.pricing-tier:last-child{border-right:none}.pricing-tier-section{width:100%;margin:0;display:flex;flex-direction:column;align-items:start;padding:12px 16px}.pricing-tier-section.price-section{border-bottom:1px solid #232329}.pricing-tier-section.trial-section{border-bottom:1px solid #232329;padding:12px 16px}.pricing-tier-section.features-section{padding:24px 12px 0}.pricing-tier-section.button-section{padding:24px 12px;margin-top:auto}.pricing-tier-section:last-child{border-bottom:none}.pricing-tier h3{font-size:1.5rem;color:#fff;font-weight:700;letter-spacing:.01em}.animated-price,.price{font-size:2.5rem;color:#fff;font-weight:700;margin:0 0 2px}.period{color:#a1a1aa;font-size:1rem;margin-bottom:12px}.trial-badge{background:#232329;color:#2563eb;border-radius:8px;font-size:.95rem;padding:2px 10px;font-weight:600;display:inline-block;transform:translateZ(0)}.pricing-tier ul{list-style:none;padding:0;margin:0 0 24px;width:100%;text-align:left}.pricing-tier li{position:relative;padding:6px 0 6px 24px}.pricing-tier li:after{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:14px;height:14px;background:var(--primary-color);border-radius:100%;display:flex;align-items:center;justify-content:center;background-image:url('data:image/svg+xml;utf8,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 5.5L4.5 8L8 2" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-repeat:no-repeat;background-position:center;background-size:10px 10px;font-size:9px;text-align:center;line-height:15px}.pricing-tier button{width:100%;padding:14px 0;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;margin-top:auto;transition:background .2s,color .2s,box-shadow .2s;border:1px solid #3e3e44}.pricing-tier button[disabled]{opacity:.5;cursor:not-allowed}.pricing-tier.highlighted button{background:var(--primary-color);color:#fff}.pricing-tier:not(.highlighted) button{background:#232329;color:#fff}.pricing-tier:not(.highlighted) button:hover{background:#252529;color:#fff}.pricing-tier.highlighted button:hover{background:#3958d7}.pricing-tier.highlighted{background:#141516;box-shadow:0 4px 24px #0003;margin-block:-16px -34px;border-radius:12px;border:1px solid #202122}.pricing .highglighted-top-badge{background:var(--primary-color);color:#fff;width:100%;font-size:.7rem;text-align:center;font-weight:700;text-transform:uppercase;padding-block-start:6px;padding-block-end:6px;border-top-left-radius:12px;border-top-right-radius:12px}.pricing-faq{margin-top:60px}.pricing-faq h3{text-align:center;font-size:24px;margin-bottom:30px;color:var(--text-secondary)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;width:100%;text-align:left}.faq-item{background:#0f1011;border:1px solid #232329;border-radius:8px;padding:20px}.faq-item h4{color:var(--text-secondary);margin-bottom:10px}.faq-item p{color:#888;line-height:1.5}.billing-toggle{display:flex;align-items:center;justify-content:center;gap:16px;margin:18px 0 0}.billing-toggle span{color:#a1a1aa;font-size:1rem;font-weight:500}.billing-toggle>span.active>span,.billing-toggle>span.active{color:#fff}.billing-toggle .toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#27272a;border-radius:28px;transition:.4s}.billing-toggle .toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background:#fff;border-radius:50%;transition:.4s}.billing-toggle input:checked+.toggle-slider{background:#2563eb}.billing-toggle input:checked+.toggle-slider:before{transform:translate(20px)}.billing-toggle .discount-badge{background:#2563eb;color:#fff;border-radius:8px;font-size:.85rem;padding:2px 8px;margin-left:8px;font-weight:600}.switch{position:relative;display:inline-block;width:48px;height:28px}.switch input{opacity:0;width:0;height:0}.price{font-size:36px;font-weight:700;color:#fff;margin:16px 0 4px}.period{color:#888;font-size:14px;margin-bottom:16px}.no-love-no-pay{text-align:center;color:#888;font-size:16px;margin:24px 0;font-weight:400}.no-love-no-pay strong{color:#fff}.refund-policy{margin-top:60px;padding:32px;border-radius:12px;background:#0f1011;border:1px solid #232329}.refund-policy h3{color:var(--text-secondary);font-size:24px;margin-bottom:24px;text-align:center}.policy-content h4{color:#888;font-size:18px;margin-bottom:32px;text-align:center;font-weight:400}.policy-section{margin-bottom:24px}.policy-section h5{color:var(--text-secondary);font-size:18px;margin-bottom:12px}.policy-section p{color:#888;font-size:16px;line-height:1.6;margin-bottom:8px}.shiny-button{position:relative;display:inline-block;padding:1em 2em;font-size:1.2rem;color:#fff;background:#111;border:none;border-radius:8px;overflow:hidden;cursor:pointer;box-shadow:0 4px 12px #00000080}.shiny-button:before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,#fff0,#fff6,#fff0);transform:skew(-20deg);animation:shine 2.5s infinite;pointer-events:none}@keyframes shine{0%{left:-75%}to{left:125%}}@media (max-width: 900px){.pricing-tiers{flex-direction:column;border-radius:18px;border:1.5px solid #232329}.pricing-tier{border-right:none;border-bottom:1.5px solid #232329;max-width:100vw;padding:36px 12px 32px}.pricing-tier:last-child{border-bottom:none}.pricing-tier.highlighted{border-radius:0}.pricing-tiers>:last-child{padding-top:50px}}@media (max-width: 600px){.pricing-tier{min-width:90vw;max-width:98vw;padding:24px 8px}.pricing-modal-overlay .modal-content{padding:0}}@media (max-width: 450px){.faq-grid{display:block}.faq-grid .faq-item{margin-bottom:16px}}.pricing-tier .animated-price{font-size:2.5rem;font-weight:700;margin:.5rem 0}.pricing-modal-overlay .modal-content .test-mode-badge{background:var(--primary-color);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;margin:8px 0}.custom-pricing{margin-top:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f1011;border:1px solid #232329;border-radius:12px;padding:32px;text-align:center}.custom-pricing h2{color:var(--text-secondary);font-size:24px;margin-bottom:24px;text-align:center}.custom-pricing p{color:#ccc;font-size:16px;line-height:1.6;margin-bottom:18px}.custom-pricing button{padding:12px;background:#232329;border:1px solid #3e3e44;color:#fff;border-radius:10px;cursor:pointer;font-size:16px}.custom-pricing button:hover{background:var(--primary-color);color:#fff}.most-popular-badge{display:inline-block;background:#2563eb;color:#fff;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:12px;padding:4px 14px 3px;margin-bottom:12px;margin-top:-8px;text-align:center;box-shadow:0 2px 8px #2563eb1a}.price-row{display:flex;align-items:baseline;gap:2px;justify-content:center;margin-bottom:.5rem}.price-row .animated-price,.price-row .price{font-size:2.3rem;font-weight:700;color:#fff;margin:0}.price-row .period{color:#a1a1aa;font-size:1.1rem;font-weight:500;margin:0 0 0 2px;letter-spacing:.01em}.pricing-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;min-height:300px}.pricing-spinner{width:48px;height:48px;border:4px solid #3e3e44;border-top:4px solid #4a6cf7;border-radius:50%;animation:spinner-rotate 1s linear infinite;margin-bottom:24px}.pricing-spinner-text{color:#a1a1aa;font-size:16px;font-weight:500;margin:0;text-align:center}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.pricing-spinner-container{padding:60px 20px;min-height:200px}.pricing-spinner{width:40px;height:40px;border-width:3px}.pricing-spinner-text{font-size:14px}}.animated-price{transition:color .2s ease}.onboarding-container{display:flex;flex-direction:column;min-height:100vh;background-color:#101010;color:#e0e0e0;width:100%;margin:0 auto;align-items:center;overflow-y:scroll}.onboarding-container{@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes buttonSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}}.onboarding-container .stepper{display:flex;position:sticky;top:0;z-index:100;padding:1rem;width:100%;justify-content:center;margin-bottom:10px;background-color:var(--background-color)}.onboarding-container .step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;max-width:120px}.onboarding-container .step:not(:last-child):after{content:"";position:absolute;transition:all .5s ease-out;top:16px;left:60%;width:80%;height:2px;background-color:#333;z-index:1}.onboarding-container .step.active .step-indicator,.onboarding-container .step.completed .step-indicator{background-color:var(--primary-color);color:#fff}.onboarding-container .step.completed:not(:last-child):after{background-color:var(--primary-color)}.onboarding-container .step-indicator{width:32px;height:32px;border-radius:50%;background-color:#333;display:flex;justify-content:center;align-items:center;font-weight:700;margin-bottom:8px;z-index:2}.onboarding-container .step-label{font-size:14px;color:#aaa;text-align:center}.onboarding-container .step.active .step-label{color:#e0e0e0;font-weight:700}.onboarding-container .onboarding-step-content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1rem}.onboarding-container .onboarding-step-content[data-step=welcome] .onboarding-text{text-align:left}.onboarding-container .onboarding-text{font-size:17px;line-height:1.6;transition:all 1.2s ease-out;filter:blur(0px);text-align:left}.onboarding-container .onboarding-step-content .logo-container{width:120px;height:120px}.onboarding-container .logo-container svg{width:100%;height:100%}@media (max-width: 400px){.onboarding-container .onboarding-step-content .logo-container{width:50px;height:50px}.onboarding-container .onboarding-step-content .onboarding-title{font-size:1.5rem}}.onboarding-container .logo-container img{height:80px}.onboarding-container .onboarding-header{font-size:1.5rem;color:var(--text-secondary);margin-bottom:1rem;color:#fff}.onboarding-container .verification-container{width:100%;max-width:500px;margin:0 auto;padding:0;background:transparent;border:none;box-shadow:none}.onboarding-container .verification-success{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1)}.onboarding-container .verification-icon{font-size:3rem;margin-bottom:1rem;color:var(--primary-color);animation:pulse 2s infinite}.onboarding-container .verification-success p{font-size:1.1rem;color:#e0e0e0;margin-bottom:1.5rem;line-height:1.6;font-weight:500}.onboarding-container .verification-actions{display:flex;flex-direction:column;align-items:center;text-align:center;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .2s both}.onboarding-container .verification-instruction{margin-bottom:2rem;color:#bbb;font-size:1rem;line-height:1.6;max-width:400px}.onboarding-container .verification-instruction strong{color:#fff;font-weight:600}.onboarding-container .verification-button{min-width:220px;padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--primary-color),#4a90e2);border:none;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #4a90e24d,0 2px 8px #0003;position:relative;overflow:hidden}.onboarding-container .verification-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.onboarding-container .verification-button:hover:before{left:100%}.onboarding-container .verification-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4a90e266,0 4px 12px #0000004d}.onboarding-container .verification-button:active{transform:translateY(0)}.onboarding-container .verification-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.onboarding-container .verification-status{margin-top:1.5rem;padding:1rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:500;text-align:center;animation:slideInDown .4s cubic-bezier(.4,0,.2,1)}.onboarding-container .verification-status.success{background:#4caf5026;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.onboarding-container .verification-status.error{background:#f4433626;color:#f44336;border:1px solid rgba(244,67,54,.3)}.onboarding-container .verification-note{font-size:.875rem;color:#888;font-style:italic;margin-top:1rem;text-align:center}.onboarding-container .verification-container .loading-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.2);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-right:.75rem}.onboarding-container .details-header{text-align:center;margin-bottom:2rem}.onboarding-container .details-subtitle{font-size:1rem;color:#bbb;margin-bottom:.5rem;font-weight:500}.onboarding-container .details-title{font-size:2rem;font-weight:700;color:#fff;margin:0;line-height:1.2}.onboarding-container .details-form-container,.onboarding-container .questions-form-container{width:100%;max-width:500px;margin:0 auto 2rem;background:#2a2a2a;border-radius:12px;padding:2rem;border:1px solid rgba(255,255,255,.1)}.onboarding-container .form-field{margin-bottom:1.5rem}.onboarding-container .form-field-row{display:flex;gap:1rem;margin-bottom:1.5rem}.onboarding-container .form-field-row .form-field{flex:1;margin-bottom:0}.onboarding-container .form-label{display:block;font-size:.875rem;font-weight:600;color:#e0e0e0;margin-bottom:.5rem;text-align:left}.onboarding-container .form-input,.onboarding-container .form-select{width:100%;padding:.875rem 1rem;background:#1a1a1a;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:1rem;transition:all .2s ease}.onboarding-container .form-input:focus,.onboarding-container .form-select:focus{outline:none;border-color:var(--primary-color);background:#1a1a1a;box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}.onboarding-container .form-input::placeholder{color:#888}.onboarding-container .form-input.error,.onboarding-container .form-select.error{border-color:#f44336;background:#f443361a}.onboarding-container .form-select.error:focus,.onboarding-container .form-input.error:focus{border-color:var(--primary-color);background:#f443361a}.onboarding-container .form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.onboarding-container .validation-error{color:#f44336;font-size:.875rem;margin-top:.25rem;font-weight:500;text-align:left}.onboarding-container .form-continue-button{margin-top:2rem;text-align:center}.onboarding-container .form-continue-button .continue-button{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,var(--primary-color),#4a90e2);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.onboarding-container .form-continue-button .continue-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.3)}.onboarding-container .form-continue-button .continue-button:active{transform:translateY(0)}.onboarding-container .checkbox-group{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.onboarding-container .checkbox-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:6px;transition:background-color .2s ease;cursor:pointer}.onboarding-container .checkbox-item:hover{background:#ffffff0d}.onboarding-container .checkbox-label{color:#e0e0e0;font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none}.onboarding-container .device-setup-header{text-align:center}.onboarding-container .device-setup-title{font-size:2rem;font-weight:700;color:#fff;margin:0 0 1rem;line-height:1.2}.onboarding-container .device-setup-subtitle{font-size:1.1rem;color:#bbb;line-height:1.6;max-width:500px;margin:0 auto}.onboarding-container .device-setup-content{width:100%;margin:0 auto}.onboarding-container .back-button-top-left{position:fixed;top:2rem;left:2rem;z-index:1000}.onboarding-container .back-button-top-left .back-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#e0e0e0;padding:8px 12px;border-radius:8px;font-size:.9rem;font-weight:500;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.onboarding-container .custom-button.get-started{padding:12px 36px;font-size:1rem}.onboarding-container .back-button-top-left .back-button:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.onboarding-container .back-button-top-left .back-button:active{transform:translateY(0)}.onboarding-container .onboarding-two-column{display:flex;min-height:100vh;width:100vw;margin:0;padding:0;position:relative}.onboarding-container .onboarding-left-column{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background:#101010;color:#e0e0e0;padding:3rem 4rem;min-width:0;overflow-y:auto;max-height:100vh}.onboarding-container .onboarding-right-column{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,var(--primary-color) 0%,#764ba2 100%);min-width:0;position:relative;overflow:hidden}.onboarding-container .screenshots-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;position:relative}.onboarding-container .screenshots-container h3{font-size:2rem;font-weight:700;color:#fff;margin-bottom:2rem;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3)}.onboarding-container .screenshot-showcase{width:100%;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 40px #0000004d;transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:transform .3s ease;background:#000}.onboarding-container .screenshot-showcase:hover{transform:perspective(1000px) rotateY(-2deg) rotateX(2deg)}.onboarding-container .screenshot-header{background:#ffffff1a;padding:1rem;display:flex;align-items:center;gap:.5rem}.onboarding-container .screenshot-dots{display:flex;gap:.5rem}.onboarding-container .screenshot-dot{width:12px;height:12px;border-radius:50%;background:#ffffff4d}.onboarding-container .screenshot-dot.red{background:#ff5f57}.onboarding-container .screenshot-dot.yellow{background:#ffbd2e}.onboarding-container .screenshot-dot.green{background:#28ca42}.onboarding-container .screenshot-content{flex:1;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.onboarding-container .screenshot-content img{width:100%;height:100%}.onboarding-container .screenshot-content h4{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:1rem}.onboarding-container .screenshot-content p{font-size:1rem;color:#fffc;line-height:1.6;margin:0}@media (max-width: 1024px){.onboarding-container .onboarding-two-column{flex-direction:column;min-height:auto}.onboarding-container .onboarding-left-column{padding:2rem;min-height:50vh}.onboarding-container .onboarding-right-column{min-height:50vh}.onboarding-container .screenshots-container{order:-1}.onboarding-container .screenshot-showcase{max-width:400px;height:300px;transform:none}}@media (max-width: 768px){.onboarding-container .onboarding-left-column,.onboarding-container .screenshots-container{padding:1.5rem}.onboarding-container .screenshots-container h3{font-size:1.5rem;margin-bottom:1.5rem}.onboarding-container .screenshot-showcase{max-width:350px;height:250px}.onboarding-container .screenshot-content h4{font-size:1.25rem}.onboarding-container .screenshot-content p{font-size:.9rem}}.onboarding-container .plans-container{display:flex;justify-content:center;gap:2rem;margin:2rem 0;flex-wrap:wrap}.onboarding-container .plan-card{background-color:#1e1e1e;border-radius:8px;box-shadow:0 4px 12px #0000004d;padding:1.5rem;width:280px;display:flex;flex-direction:column}.onboarding-container .plan-card-highlighted{border:2px solid var(--primary-color);transform:scale(1.02)}.onboarding-container .plan-title{font-size:1.25rem;margin-bottom:1rem;color:var(--text-secondary)}.onboarding-container .plan-price{font-size:2rem;font-weight:700;color:var(--text-secondary)}.onboarding-container .plan-period{font-size:.875rem;color:#888;margin-bottom:1.5rem}.onboarding-container .plan-features{list-style-type:none;padding:0;margin:0 0 1.5rem;text-align:left}.onboarding-container .plan-features li{position:relative;padding:.5rem 0 .5rem 1.5rem;color:#bbb}.onboarding-container .plan-features li:before{content:"•";position:absolute;left:0;color:var(--primary-color);font-weight:700}.onboarding-container .plan-button{padding:.75rem 1rem;border-radius:4px;font-weight:700;cursor:pointer;transition:all .2s;border:none;margin-top:auto}.onboarding-container .plan-button-outline{background-color:transparent;border:1px solid var(--primary-color);color:var(--primary-color)}.onboarding-container .plan-button-outline:hover{background-color:#4a6cf71a}.onboarding-container .plan-button-primary{background-color:var(--primary-color);color:#fff}.onboarding-container .plan-button-primary:hover{background-color:#3a5ce5}.onboarding-container .action-buttons{display:flex;justify-content:space-between;width:100%;max-width:600px;margin-top:2rem;padding:0 1rem 1rem 0}.onboarding-container .action-buttons-wrapper{display:flex;justify-content:space-between;width:100%;max-width:600px}.onboarding-container .onboarding-container .primary-button{padding:.75rem 1.5rem;border-radius:4px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:100px}.onboarding-container .onboarding-container .primary-button:disabled{opacity:.6;cursor:not-allowed}.onboarding-container .onboarding-container .button-secondary:hover:not(:disabled){background-color:#ffffff0d}.onboarding-container .onboarding-container .button-primary{background-color:var(--primary-color);color:#fff;padding:8px 16px;border-radius:6px}.onboarding-container .onboarding-container .button-secondary{padding:8px 16px;border-radius:6px}.onboarding-container .onboarding-container .button-primary:hover:not(:disabled){background-color:#3a5ce5}.onboarding-container .loading-container{display:flex;justify-content:center;align-items:center;height:100vh}.onboarding-container .loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-left:8px}.onboarding-container .feedback-container{width:100%;max-width:600px;margin:2rem 0;text-align:left}.onboarding-container .feedback-title{font-size:1.5rem;color:var(--text-secondary);margin-bottom:1rem}.onboarding-container .feedback-text{color:#bbb;margin-bottom:1rem}.onboarding-container .feedback-input{width:100%;padding:1rem;border-radius:8px;background-color:#2a2a2a;border:1px solid #444;color:var(--input-text-color);font-size:1rem;resize:vertical;margin-bottom:1rem;transition:border-color .2s}.onboarding-container .feedback-input:focus{outline:none;border-color:var(--primary-color)}.onboarding-container .feedback-input::placeholder{color:#666}.onboarding-container .support-container{margin-top:2rem;padding:1.5rem;border-radius:8px;width:100%;max-width:600px}.onboarding-container .support-text{color:#bbb;font-size:1rem;line-height:1.5}.onboarding-container .trial-info-container{width:100%;max-width:600px;margin:2rem 0;padding:2rem;background-color:#1e1e1e;border-radius:8px;border:1px solid var(--primary-color)}.onboarding-container .trial-info-title{font-size:1.5rem;color:var(--primary-color);margin-bottom:1rem;text-align:left}.onboarding-container .trial-info-text{color:#bbb;margin-bottom:1.5rem;text-align:left;line-height:1.6}.onboarding-container .trial-features{list-style:none;padding:0;margin:0 0 1.5rem;text-align:left}.onboarding-container .trial-features li{color:#e0e0e0;padding:.5rem 0;font-size:1rem}.onboarding-container .trial-features li:before{color:var(--primary-color);margin-right:.5rem}.onboarding-container .try-again-button{margin:1.5rem 0;font-size:1.1rem;padding:1rem 2rem;min-width:200px}.onboarding-container .support-text{color:#bbb;font-size:1rem;line-height:1.5;margin-top:2rem}.onboarding-container .support-email{color:var(--primary-color);text-decoration:none;font-weight:700;transition:color .2s}.onboarding-container .support-email:hover{color:#3a5ce5;text-decoration:underline}.onboarding-container .onboarding-text-container-has-subscription,.onboarding-container .onboarding-text-container-is-free-user{display:flex;gap:1rem;flex-direction:column}.onboarding-container .one-on-one-onboarding-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:2rem;background-color:var(--background-color);padding:1rem;border-radius:8px;border:1px solid var(--border-color)}.onboarding-container .one-on-one-onboarding-title{font-size:1.5rem}.onboarding-container .questions-container{display:flex;flex-direction:column;text-align:left;gap:2rem;width:100%;max-width:600px}.onboarding-container .question-container{display:flex;flex-direction:column;gap:1rem}.onboarding-container .question{font-size:1.1rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.onboarding-container .answers{display:flex;flex-direction:column;gap:.5rem}.onboarding-container .question-select{padding:.75rem;border-radius:8px;background-color:#2a2a2a;border:1px solid #444;color:var(--input-text-color);font-size:1rem;transition:border-color .2s;cursor:pointer}.onboarding-container .question-select:focus{outline:none;border-color:var(--primary-color)}.onboarding-container .question-select option{background-color:#2a2a2a;color:var(--input-text-color)}.onboarding-container .checkbox-group{display:flex;flex-direction:column;gap:.75rem}.onboarding-container .checkbox-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;background-color:#2a2a2a;border:1px solid #444;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.onboarding-container .checkbox-item:hover{background-color:#333;border-color:#555}.onboarding-container .checkbox-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color);cursor:pointer}.onboarding-container .checkbox-label{font-size:1rem;color:var(--input-text-color);cursor:pointer;flex:1}.onboarding-container .checkbox-item:has(input:checked){background-color:#4a6cf71a;border-color:var(--primary-color)}.onboarding-container .checkbox-item:has(input:checked) .checkbox-label{color:var(--primary-color);font-weight:500}.onboarding-container .onboarding-step-content.initial{opacity:0}.onboarding-container .onboarding-step-content.text-blur,.onboarding-container .onboarding-step-content.text-clear,.onboarding-container .onboarding-step-content.ui-layers{opacity:1;transition:opacity .5s ease-out}.onboarding-container .stepper.hide,.onboarding-container .action-buttons.hide{opacity:0;transform:translateY(20px);transition:all .6s ease-out}.onboarding-container .stepper.show,.onboarding-container .action-buttons.show{opacity:1;transform:translateY(0);transition:all .6s ease-out .2s}.onboarding-container .onboarding-step-content[data-step=welcome]{display:flex;flex-direction:column;justify-content:center;align-items:start;width:100%;height:100%;overflow:hidden}.onboarding-container .onboarding-container{transition:all .3s ease-out}.onboarding-container .onboarding-title{color:#fff;text-shadow:none}.onboarding-container .onboarding-text-thank-you{text-align:center}.onboarding-container .onboarding-step-content[data-step=welcome][data-show-ui=true] .show-case-container{opacity:0;filter:blur(8px);transform:scale(.6)}.onboarding-container .get-started-container.text-clear,.onboarding-container .get-started-container.ui-layers{opacity:1;filter:blur(0px);transform:translateY(0)}.onboarding-container .get-started-button{font-size:1.1rem;padding:12px 32px;border-radius:8px;font-weight:600;transition:all .3s ease;background:linear-gradient(135deg,var(--primary-color) 0%,#0056b3 100%);border:none;color:#fff;width:200px;box-shadow:0 4px 15px #0098ff4d}.onboarding-container .get-started-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0098ff66}.onboarding-container .onboarding-logout-button{position:fixed;bottom:1rem;right:1rem;z-index:1000}.onboarding-container .validation-container{margin-top:1rem;padding:.5rem;border-radius:4px;background-color:#ff00001a;color:#f44336}.onboarding-container .validation-error{font-size:.875rem}.app-screenshot-layer{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;transition:opacity 1.5s ease-out;pointer-events:none;overflow:hidden}.app-screenshot-layer.initial{opacity:0}.app-screenshot-layer.text-blur{opacity:.3}.app-screenshot-layer.text-clear{opacity:.5}.app-screenshot-layer.ui-layers{opacity:1}.hero-illustration-perspective{position:relative;contain:strict;width:100%;height:100%;perspective:4000px;perspective-origin:100% 0;transform-style:preserve-3d}.hero-illustration-base{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;border:1px solid #1e1e1e;background:var(--background-color);width:1600px;height:900px;margin:280px auto auto;transform:translate(0) scale(1.2) rotateX(47deg) rotateY(32deg) rotate(324deg);transform-origin:top left;backface-visibility:hidden;transform-style:preserve-3d}.screenshot-layer{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;filter:blur(10px);transition:all 1.5s ease-out;border-radius:10px;overflow:hidden;transform-style:preserve-3d}.sidebar-layer{width:250px;opacity:0;filter:blur(10px);border-right:1px solid rgba(255,255,255,.1);transform:translateZ(600px) translate(-50px) translateY(0);transition-delay:.5s}.sidebar-layer.ui-layers{opacity:1;filter:blur(0px);transform:translateZ(0) translate(0) translateY(0)}.main-content-layer{position:absolute;top:0;left:0;opacity:0;filter:blur(10px);width:1100px;height:720px;margin:280px auto auto;transform:translate(0) scale(1.2) rotateX(0) rotateY(0) rotate(0) translateZ(600px) translate(220px) translateY(-225px);transform-origin:top left;border-radius:10px;border:1px solid #1e1e1e;transition-delay:1s}.main-content-layer.ui-layers{opacity:1;filter:blur(0px);transform:translate(0) scale(1.2) rotateX(0) rotateY(0) rotate(0) translateZ(0) translate(220px) translateY(-225px)}.sidebar-content{padding:20px;height:100%;display:flex;flex-direction:column}.sidebar-header{margin-bottom:30px}.logo-placeholder{width:120px;height:30px;background:#fff3;border-radius:4px}.sidebar-nav{display:flex;flex-direction:column;gap:15px}.sidebar-nav .nav-item{height:40px;background:#ffffff1a;border-radius:6px;animation:navItemGlow 2s ease-in-out infinite alternate}.sidebar-nav .nav-item:nth-child(2){animation-delay:.3s}.sidebar-nav .nav-item:nth-child(3){animation-delay:.6s}.sidebar-nav .nav-item:nth-child(4){animation-delay:.9s}.main-content{padding:20px;height:100%;display:flex;flex-direction:column}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.header-item{height:20px;background:#fff3;border-radius:4px;animation:headerItemGlow 2.5s ease-in-out infinite alternate}.header-item:nth-child(1){width:200px}.header-item:nth-child(2){width:100px;animation-delay:.5s}.content-list{display:flex;flex-direction:column;gap:15px;flex:1}.get-started-container{z-index:2;opacity:0;transform:translateY(60px);padding:0 0 0 40px;filter:blur(8px);transition:all 1s cubic-bezier(.25,.46,.45,.94)}.show-case-container{top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column}.show-case-container.landing{margin-top:40px}.show-case-container.landing .get-started-button{width:140px;text-align:center}.show-case-container .custom-button:hover{cursor:pointer;transform:translateY(-2px);opacity:.9;box-shadow:0 6px 20px #0098ff66}.welcome-text-container{text-align:left;height:100%;z-index:10;transition:all .8s ease-out;padding:20px;background:#0003}.welcome-text-container.initial{opacity:0;transform:translateY(0)}.welcome-text-container .platform-logos{display:flex;gap:10px;padding:20px 0}.welcome-text-container .platform-logos svg{width:30px;height:30px;color:#fff}.welcome-text-container.text-blur,.welcome-text-container.text-clear,.welcome-text-container.ui-layers{opacity:1;transform:translateY(0)}.onboarding-title{font-size:4rem;font-weight:700;margin-bottom:1rem;transition:all 1.2s ease-out;filter:blur(0px);color:#fff;line-height:1.1;text-align:left}.onboarding-title.initial{opacity:0;filter:blur(8px);transform:scale(.95)}.onboarding-title.text-blur{opacity:1;filter:blur(4px);transform:scale(1)}.onboarding-title.text-clear,.onboarding-title.ui-layers{opacity:1;filter:blur(0px);transform:scale(1)}.onboarding-text.initial{opacity:0;filter:blur(8px);transform:translateY(10px)}.onboarding-text.text-blur{opacity:.8;filter:blur(4px);transform:translateY(5px)}.onboarding-text.text-clear,.onboarding-text.ui-layers{opacity:1;filter:blur(0px);transform:translateY(0)}.verification-container{position:absolute;top:0;width:100%;height:100%;transform:translateY(0);transition:all .8s ease-out}.verification-container.ui-layers{opacity:1;transform:translateY(0);animation:slideInFromBottom .8s ease-out forwards}@media (max-width: 768px){.show-case-container{min-height:auto}.onboarding-title{font-size:2rem}.hero-illustration-base{transform:translate(-20px) scale(.8) rotateX(47deg) rotateY(32deg) rotate(324deg)}}.device-details{display:flex;flex-direction:column;height:100%;background-color:var(--bg-primary, #1a1a1a);color:var(--text-primary, #ffffff)}.device-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color, #333);background-color:var(--bg-secondary, #2a2a2a)}.device-header h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary, #ffffff)}.device-header button{padding:.5rem 1rem;background-color:var(--accent-color, #007bff);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;transition:background-color .2s}.device-header button:hover{background-color:var(--accent-hover, #0056b3)}.device-content{display:flex;flex:1;overflow:hidden}.device-main{flex:1;overflow:auto;background-color:var(--bg-primary, #1a1a1a)}.request-list-container{flex:1;overflow:hidden}.loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:var(--text-secondary, #999)}@media (max-width: 768px){.device-content{flex-direction:column}}.device-details[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--text-primary: #212529;--text-secondary: #6c757d;--border-color: #dee2e6;--accent-color: #007bff;--accent-hover: #0056b3}.device-details[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--text-primary: #ffffff;--text-secondary: #999;--border-color: #333;--accent-color: #007bff;--accent-hover: #0056b3}.request-list-container{flex:1;overflow-x:auto;width:100%;height:100%}.request-list{display:flex;flex-direction:column;height:100%;outline:none}.request-list{@keyframes slideInFromTop{0%{transform:translateY(-40px)!important}to{opacity:1;transform:translateY(0)!important}}@keyframes rowFlash{0%{background-color:#4a6cf766;opacity:.9}to{background-color:inherit;opacity:1}}}.request-list .view-controls{display:flex;gap:4px;margin-left:auto}.request-list .request-list-table-header{background:var(--request-list-table-header-background-color);border-bottom:1px solid var(--resize-handle-background-color);overflow-x:scroll;transition:all .3s ease}.request-list .request-list-table-header-cell>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.request-list .request-list .td{padding:8px 12px;border-bottom:1px solid var(--border-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.request-list .request-list .td>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-list .request-list .td>.log,.request-list .request-list .td>.network,.request-list .request-list .td>.event,.request-list .request-list .td>.level{display:inline;height:auto}.request-list .method{color:#89d185;font-size:12px;transition:all .3s ease}.request-list .category{color:#89d185;font-size:12px}.request-list .method.get{background-color:var(--bg-color-method-get);color:var(--color-method-get)}.request-list .method.post{background-color:var(--bg-color-method-post);color:var(--color-method-post)}.request-list .method.put{background-color:var(--bg-color-method-put);color:var(--color-method-put)}.request-list .method.delete{background-color:var(--bg-color-method-delete);color:var(--color-method-delete)}.request-list .url,.request-list .name{color:var(--text-tertiary);font-size:12px}.request-list .status{color:#dcdcaa}.request-list .request-list-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#888}.request-list .request-content{flex:1;height:100%;overflow:auto}.request-list .request-stats-bar{position:absolute;bottom:0;left:0;right:0;height:32px;border-top:1px solid var(--border-color);background-color:var(--sidebar-background-color);display:flex;justify-content:center;align-items:center;padding:0 16px;font-size:12px;color:#888}.request-list .total-requests-count{display:flex;align-items:center}.request-list .total-requests-count .separator-word{margin:0 4px}.request-list .total-requests .bold{font-weight:700}.request-list .details-content{padding:16px;height:100%;overflow:auto}.request-list .request-list-table{font-size:13px;overflow:hidden;width:100%;height:100%;position:absolute}.request-list .request-list-table-header-cell{position:relative;-webkit-user-select:none;user-select:none;padding:4px 12px;text-align:left;font-weight:400;color:#888;cursor:pointer}.request-list .request-list-table-header-cell:hover{color:var(--text-secondary)}.request-list .request-list-table[data-is-resizing=true] .request-list-table-header-cell:hover{color:inherit}.request-list .request-list-table .tr{display:flex;height:30px}.request-list .list-content{flex:1;overflow:auto}.request-list .list-content table{width:100%;border-collapse:collapse;font-size:12px}.request-list .list-content th{position:sticky;top:0;background-color:#1e1e1e;text-align:left;padding:8px 12px;color:#888;font-weight:400;border-bottom:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none}.request-list .list-content td{padding:8px 12px;border-bottom:1px solid var(--border-color);color:var(--text-tertiary)}.request-list .list-item{cursor:pointer;position:absolute;-webkit-user-select:none;user-select:none;height:30px;display:flex}.request-list .list-item td{overflow:hidden}.request-list .list-item .td{padding:4px 12px}.request-list .list-item .hover-actions{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:none;padding:4px;border-radius:4px}.request-list .list-item:hover .hover-actions{display:flex;align-items:center;gap:4px}.request-list .list-item[data-level=error]{background:var(--color-error-light)}.request-list .list-item[data-level=warn]{background:var(--color-warn-light)}.request-list .list-item[data-level=debug]{background:var(--color-debug-light)}.request-list .virtual-list-container .list-item.even-row{background-color:var(--virtual-list-container-even-row-background-color)}.request-list .virtual-list-container>div>:nth-last-child(n-1) td{border-bottom:none}.request-list .virtual-list-container .list-item.uneven-row{background-color:var(--virtual-list-container-uneven-row-background-color)}.request-list .virtual-list-container .list-item.selected{background-color:#4a6cf766}.request-list * .hover-delete{color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;border:none}.request-list .hover-delete:hover{color:#f44747;background:#f447471a}.request-list .type{padding:2px 6px;border-radius:3px;font-size:11px;height:18px}.request-list .type.network{background-color:var(--request-type-network-background-color);color:var(--text-color-request-type)}.request-list .type.firebaseAnalytics{background-color:var(--request-type-firebase-analytics-background-color);color:var(--text-color-request-type)}.request-list .type.log{background-color:var(--request-type-log-background-color);color:var(--text-color-request-type)}.request-list .type.screenshot{background-color:var(--request-type-screenshot-background-color);color:var(--text-color-request-type)}.request-list .type.event{background-color:var(--request-type-event-background-color);color:var(--text-color-request-type)}.request-list .level{padding:2px 6px;border-radius:3px;font-size:11px}.request-list .method,.request-list .file{padding:2px 6px;margin-right:8px;border-radius:3px;font-size:11px}.request-list .file{background-color:var(--file-badge-background-color);color:var(--file-badge-text-color)}.request-list .details{display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;display:block}.request-list .request-item{display:flex;align-items:center;gap:8px}.request-list .log-item,.request-list .event-item{font-size:12px;color:var(--text-tertiary)}.request-list .log-item .message{color:#ce9178}.request-list .event-item .name{color:#4ec9b0}.request-list .status-column{width:30px;padding:0!important;text-align:center}.request-list .request-list .status-indicator{width:8px;height:8px;border-radius:50%;margin-right:0}.request-list .status-indicator.success{background-color:#4ec9b0}.request-list .status-indicator.info{background-color:#569cd6}.request-list .status-indicator.warning{background-color:#ce9178}.request-list .status-indicator.error{background-color:#f44747}.request-list .request-list td{padding:4px 12px}.request-list .request-list th{padding:4px 12px;position:sticky;top:0}.request-list .request-list th:nth-child(1),.request-list .request-list td:nth-child(1){width:6%}.request-list .request-list th:nth-child(2),.request-list .request-list td:nth-child(2){width:46%}.request-list .request-list th:nth-child(3),.request-list .request-list td:nth-child(3){width:20%}.request-list .request-list th:nth-child(4),.request-list .request-list td:nth-child(4){width:14%}.request-list .request-list th:nth-child(5),.request-list .request-list td:nth-child(5){width:7%}.request-list .request-list th:nth-child(6),.request-list .request-list td:nth-child(6){width:7%}.request-list .empty-state{-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:start;padding:0;text-align:center;color:#888;overflow-y:scroll;height:100%;min-height:400px}.request-list .empty-state.requests{left:50%;top:100px;position:absolute;transform:translate(-50%)}.request-list .empty-state h3{margin:16px 0 8px;color:var(--text-secondary);font-size:18px;font-weight:500}.request-list .empty-state-actions{display:flex;gap:12px}.request-list .empty-state .button{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.request-list .empty-state .button.secondary{color:var(--primary-color);border:1px solid var(--primary-color);padding:8px 16px;border-radius:6px;cursor:pointer;text-decoration:none;transition:all .2s}.request-list .empty-state .button.secondary{background:var(--primary-color);color:#fff}.request-list .right-elements{display:flex;gap:4px;align-items:center;margin-left:auto}.request-list .view-toggle,.request-list .auto-scroll{background:none;border:none;color:#888;padding:6px;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.request-list .view-toggle.active,.request-list .auto-scroll.active{color:var(--primary-color)}.request-list .console-line{white-space:pre-wrap;word-break:break-all;cursor:pointer;padding:2px 0}.request-list .console-line:hover{background:#252526}.request-list .console-line .timestamp{color:#888;margin-right:8px}.request-list .console-view tr[data-show-xcode=true]:hover:after{content:"⌘ + Click to open in Xcode";position:absolute;right:16px;color:#888;font-size:12px}@media not all and (platform: macos){.request-list .console-view tr[data-show-xcode=true]:hover:after{content:"Ctrl + Click to open in Xcode"}}.request-list .console-view .console-line[data-show-xcode=true]:hover:after{content:"⌘ + Click to open in Xcode";margin-left:8px;color:#888;font-size:12px}@media not all and (platform: macos){.request-list .console-view .console-line[data-show-xcode=true]:hover:after{content:"Ctrl + Click to open in Xcode"}}.request-list .level.error{background:var(--request-level-background-color-error);color:var(--request-level-color-error)}.request-list .level.debug{background:var(--request-level-background-color-debug);color:var(--request-level-color-debug)}.request-list .level.info{background:var(--request-level-background-color-info);color:var(--request-level-color-info)}.request-list .level.warn{background:var(--request-level-background-color-warn);color:var(--request-level-color-warn)}.request-list .type{padding:2px 8px;border-radius:4px;font-size:12px}.request-list .request-list table thead:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background-color:#333}.request-list .context-menu{background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #0003;min-width:160px;z-index:1000;padding:4px;transition:background-color .3s ease}.request-list .context-menu .menu-item{padding:4px 8px;cursor:pointer;color:var(--text-primary);font-size:12px;border-radius:4px;transition:all .1s ease;margin:1px 0}.request-list .context-menu .menu-item:hover{background:var(--primary-color)}.request-list .context-menu .menu-item.delete{color:var(--color-error);border-top:1px solid var(--border-color);margin-top:4px;padding-top:6px}.request-list .context-menu .menu-item.delete:hover{background:var(--color-error);color:#fff}.request-list .request-context-menu{min-width:140px}.request-list .highlight{background:#ff0;color:#222;border-radius:2px;padding:0}.request-list .row-flash{animation:rowFlash .4s ease-out forwards}.request-list .virtual-list-container{overflow-y:scroll;position:relative}.request-list .list-item[style*=transform]{will-change:transform}.request-list .powered-by{margin-right:4px}.request-list .test-row{position:absolute;top:0;left:0;width:100%;height:30px;display:flex;align-items:center;padding:0 12px;box-sizing:border-box;border-bottom:1px solid #f0f0f0}.code-block{border-radius:8px;margin-bottom:24px;overflow:auto;max-width:790px;min-width:380px;position:relative;-webkit-user-select:text;user-select:text;background-color:var(--surface-color)}.code-block .code-copy-button{position:absolute;top:8px;right:8px;z-index:10;margin:0}.code-block pre{margin:0;font-family:Menlo,monospace;font-size:12px;line-height:1.5;padding:16px;-webkit-user-select:text;user-select:text;background-color:var(--surface-color)}.code-block pre code{color:var(--text-secondary)}.code-block .token.comment{color:#6c7986!important}.code-block .token.string{color:#aaa!important}.code-block .token.keyword{color:#569cd6!important}.code-block .token.function{color:var(--token-function-color)!important}.code-block .token.class-name{color:#3b82f6!important}.code-block .token.punctuation{color:var(--token-punctuation-color)!important}.code-block code{-webkit-user-select:text;user-select:text}.code-block code.swift{color:#d4d4d4}.code-block code.swift .comment{color:#6c7986}.code-block code.swift .string{color:#ff8170}.code-block code.swift .keyword{color:#ff7ab2}.code-block code.swift .function{color:#dabaff}.code-block code.swift .type{color:#4ec9b0}.code-block code.kotlin{color:#d4d4d4}.code-block code.kotlin .comment{color:#6a9955}.code-block code.kotlin .string{color:#ce9178}.code-block code.kotlin .keyword{color:#569cd6}.code-block code.kotlin .function{color:#dcdcaa}.code-block code.kotlin .class{color:#4ec9b0}pre[class*=language-],code[class*=language-]{font-family:Fira Code,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:14px;line-height:1.5;-moz-tab-size:2;tab-size:2;white-space:pre;word-break:normal;word-wrap:normal;overflow:auto;padding:10px;border-radius:6px;margin:.5em 0;display:block;text-align:left}code:not([class]){background:#0000000d;padding:.2em .4em;border-radius:4px;font-size:.95em}html[data-theme=dark] pre[class*=language-],html[data-theme=dark] code[class*=language-]{background:var(--code-snippets-background-color);color:#d4d4d4;font-family:Fira Code,monospace;font-size:.9rem;line-height:1.5;border-radius:4px;padding:10px;margin:0}html[data-theme=light] pre[class*=language-],html[data-theme=light] code[class*=language-]{background:#fff;color:#000;font-family:Fira Code,monospace;font-size:.9rem;line-height:1.5;border-radius:4px;padding:1em;margin:0}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#6a9955}.token.punctuation{color:#999}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#b5cea8}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:var(--primary-color)}.token.operator,.token.entity,.token.url,.token.variable{color:#dcdcaa}.token.atrule,.token.attr-value,.token.keyword{color:#569cd6}.token.function,.token.class-name{color:#d4d4d4}.token.regex,.token.important{color:#e90}pre[class*=language-]::selection,code[class*=language-]::selection{background:#3e3e3e}.console-view{flex:1;overflow:auto;font-family:Menlo,monospace;font-size:12px;line-height:1.5;background:var(--console-view-background-color);border-radius:6px;overflow-y:auto;width:100%;padding:0 16px;height:calc(100% + -0px)}.console-view-inner{position:relative}.console-line{white-space:pre-wrap;word-break:break-all;cursor:pointer;display:flex;flex-direction:column}.console-line:hover{background:var(--hover-background-color)}.console-line .row{display:flex;flex-direction:row}.console-line>span{display:flex;align-items:center;gap:8px}.console-line .timestamp{color:#888;margin-right:8px;white-space:nowrap}.method-tag{display:inline-block;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:500;color:#1e1e1e;margin-right:8px;min-width:34px}.console-line[data-level=error]{background:var(--color-error-light)}.console-line[data-level=warn]{background:var(--color-warn-light)}.console-line[data-level=debug]{background:var(--color-debug-light)}.console-view .method-tag.get{background:var(--bg-color-method-get);color:var(--color-method-get)}.console-view .method-tag.post{background:var(--bg-color-method-post);color:var(--color-method-post)}.console-view .method-tag.put{background:var(--bg-color-method-put);color:var(--color-method-put)}.console-view .method-tag.delete{background:var(--bg-color-method-delete);color:var(--color-method-delete)}.console-view .method.patch{background:var(--bg-color-method-patch);color:var(--color-method-patch)}.console-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%) translateY(100%);background:var(--surface-color);color:var(--text-color);border-radius:24px;box-shadow:0 4px 24px #0000002e;padding:6px 12px;opacity:0;pointer-events:none;z-index:100;transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1);cursor:pointer;-webkit-user-select:none;user-select:none}.console-toast.show{opacity:1;transform:translate(0) translateY(-15px);pointer-events:auto}.console-toast.hide{opacity:0;transform:translate(0) translateY(100%);pointer-events:none}.console-toast:active{background:var(--hover-background-color-secondary)}@media (max-width: 600px){.console-toast{padding:10px 16px;font-size:14px;bottom:12px}}.column-context-menu{position:fixed;background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #0003;min-width:180px;z-index:1000;transition:background-color .3s ease}.menu-header{padding:8px 12px;font-size:12px;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.menu-item{padding:6px 12px}.checkbox-label{display:flex;align-items:center;cursor:pointer;color:var(--text-primary);font-size:13px}.checkbox-label input{display:none}.checkbox-custom{width:14px;height:14px;border:1px solid var(--border-color);border-radius:3px;margin-right:8px;position:relative}.checkbox-label input:checked+.checkbox-custom:after{content:"";position:absolute;left:4px;top:2px;width:2px;height:4px;border:solid var(--primary-color);border-width:0 2px 2px 0;transform:rotate(45deg)}.menu-item:hover{background:var(--background-hover)}.modal-overlay.export-modal{min-width:90%}.export-format-select{margin-bottom:20px}.export-format-select label{display:block;margin-bottom:8px;color:var(--text-primary)}.export-format-select select{width:100%;padding:8px 32px 8px 12px;border-radius:4px;background:var(--background-secondary);color:var(--text-primary);border:1px solid var(--border-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' 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 8px center;background-size:16px}.export-format-select select:hover{border-color:var(--border-color-hover)}.export-format-select select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-alpha)}.export-preview{margin:20px 0;border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--background-secondary);border-bottom:1px solid var(--border-color)}.preview-header h4{margin:0;font-size:14px;color:var(--text-primary)}.estimated-size{font-size:12px;color:var(--text-secondary)}.preview-content{margin:0;background:var(--background-secondary);max-height:300px;overflow:auto}.preview-content code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px;color:var(--text-secondary)}.language-json .string{color:#ce9178}.language-json .number{color:#b5cea8}.language-json .boolean,.language-json .null{color:#569cd6}.language-json .key,.language-csv .header{color:#9cdcfe}.language-csv .value{color:#ce9178}.export-modal-content .modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px}.export-modal-content .modal-actions button{padding:8px 16px;border-radius:4px;font-weight:500;transition:all .2s ease}.export-modal-content .modal-actions button.secondary{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.export-modal-content .modal-actions button.secondary:hover{background:var(--background-secondary);border-color:var(--border-color-hover)}.export-modal-content .modal-actions button.primary{background:var(--primary-color);border:none;color:#fff}.export-modal-content .modal-actions button.primary:hover{background:var(--primary-color-hover)}.export-modal-content .modal-actions button:hover{transform:translateY(-1px)}.export-modal-content .modal-actions button:active{transform:translateY(0)}.custom-button{-webkit-user-select:none;user-select:none;background-color:var(--button-background-color);border:none;border-radius:5px;color:var(--button-text-color);padding:6px 12px;font-size:13px;font-weight:400;cursor:pointer;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.custom-button[disabled]{opacity:.5;cursor:not-allowed}.show-case-container.landing .get-started-button{padding:8px 16px;background:var(--accent-color);color:#fff!important;border-radius:6px}.custom-button.button-primary{background:var(--primary-color);padding:8px 16px;color:#fff!important}.custom-button:active{background:var(--custom-button-active-background-color);box-shadow:inset 0 1px 1px #0000004d;transform:translateY(1px)}.custom-button:focus{outline:none;box-shadow:0 0 0 2px #ffffff1a}.custom-button.disabled{opacity:.5;cursor:not-allowed}.bar-chart-container{width:100%;border-radius:8px}.bar-chart-container-wrapper{width:100%;height:0;overflow:hidden;transition:all .25s}.bar-chart-container-wrapper.open{height:100%;margin:0 0 12px;padding:18px}.request-bar-chart{width:100%;height:150px;background:none;overflow-x:scroll;overflow-y:hidden;box-sizing:border-box}.bar-chart-empty{font-size:12px;color:var(--secondary-color, #6b7280);text-align:center;height:100%;padding:18px}.bar-chart-inner{display:flex;align-items:flex-end;height:100%;min-width:100%;gap:2px}.bar-chart-bar-wrap{display:flex;flex-direction:column;align-items:center;width:18px;min-width:18px;margin:0 1px;flex-shrink:0;cursor:pointer;padding-bottom:14px}.bar-chart-bar-wrap.active .bar-chart-bar{background:var(--primary-color, #2563eb)}.bar-chart-bar{width:calc(100% - 18px);background:var(--primary-color, #2563eb);transition:height .3s,background .3s;min-height:2px;box-shadow:0 2px 8px #2563eb14}.bar-chart-label{font-size:10px;color:#888;margin-top:4px;text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-chart-label[data-can-show=false]{display:none}.bar-chart-bar-wrap:hover .bar-chart-label{display:block}.bar-chart-controls{display:flex;width:100%;align-items:center;justify-content:end;margin-right:12px;gap:8px;margin-bottom:4px;font-size:12px;color:#aaa;overflow:hidden}.bar-granularity-btn{background:none;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:4px;padding:2px 8px;font-size:12px;cursor:pointer;transition:all .2s}.bar-granularity-btn.active,.bar-granularity-btn:hover{background:var(--primary-color, #2563eb);color:#fff;border-color:var(--primary-color, #2563eb)}.bar-chart-value{font-size:12px;color:var(--secondary-color, #6b7280);text-align:center;width:100%;margin-top:auto}@media (max-width: 600px){.bar-chart-inner{gap:1px}.bar-chart-bar-wrap{width:12px;min-width:12px}.bar-chart-label{font-size:9px}}.request-bar-chart.animated{height:0;transition:height .35s cubic-bezier(.4,0,.2,1)}.request-bar-chart.animated.open{height:150px}.bar-chart-inner{opacity:0;transition:opacity .2s .1s}.request-bar-chart.animated.open .bar-chart-inner{opacity:1}.controls-bar{-webkit-user-select:none;user-select:none;display:flex;gap:1px;background-color:var(--controls-bar-background-color);align-items:center;padding:4px;transition:all .3s ease}.filter-btn{padding:4px 12px;background:none;border:none;color:#888;cursor:pointer;font-size:12px;border-radius:4px}.filter-btn:hover{color:var(--text-tertiary)}.filter-btn.active{color:var(--select-text-color);background-color:var(--select-background-color)}.total-requests{-webkit-user-select:none;user-select:none;color:#888;text-align:right;padding-right:10px}.search-container{position:relative;width:100%;padding:10px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:8px;transition:all .3s ease}.search-input-container{-webkit-user-select:none;user-select:none;display:flex;flex-wrap:wrap;gap:8px;min-width:250px;flex-grow:1;padding:4px 6px;border:1px solid var(--input-border-color);border-radius:4px;background:var(--input-background-color);min-height:28px;align-items:center;transition:all .3s ease}.search-tag{display:flex;align-items:center;background:var(--tag-background-color);border-radius:3px;padding:2px 6px;gap:4px;height:18px;transition:all .3s ease}.tag-label{color:#888;font-size:11px}.tag-value{color:var(--text-secondary);font-size:11px}.tag-remove{background:none;border:none;color:#888;cursor:pointer;padding:0 4px}.tag-remove:hover{color:var(--text-secondary)}.search-input{flex:1;background:none;border:none;color:var(--input-text-color);outline:none;font-size:12px;min-width:100px;transition:all .3s ease}.suggestions-dropdown{position:absolute;top:calc(100% - 10px);left:15px;right:15px;background:var(--input-background-color);border:1px solid var(--input-border-color);border-radius:4px;margin-top:4px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.suggestion-item{padding:6px 12px;cursor:pointer;font-size:12px}.suggestion-item:hover,.suggestion-item.active{background:var(--hover-background-color);transition:all .3s ease}.search-bar{background-color:var(--input-background-color);border-radius:5px;padding:5px;display:flex;flex-direction:column;transition:all .3s ease}.search-controls{display:flex;align-items:center;gap:8px;margin-bottom:5px}.search-type-btn,.search-mode-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px 8px;font-size:12px;transition:all .3s ease}.ignoring-case{color:#888;font-size:12px}.search-dropdown{position:absolute;top:100%;left:0;right:0;border:1px solid #3c3c3c;border-radius:4px;margin-top:4px;padding:10px;z-index:1000}.recent-searches,.filters{margin-bottom:15px}.recent-searches h3,.filters h3{color:#888;font-size:12px;margin-bottom:8px}.recent-search-item,.filter-item{display:flex;align-items:center;padding:4px 8px;color:var(--text-secondary);font-size:12px;cursor:pointer}.recent-search-item:hover,.filter-item:hover{background-color:#3c3c3c}.search-icon,.filter-icon{margin-right:8px;color:var(--primary-color)}.clear-history{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:12px;padding:8px;width:100%;text-align:center}.clear-history:hover{text-decoration:underline}.search-row{display:flex;gap:8px;margin-bottom:8px}.search-row select,.search-row input{background-color:#3c3c3c;border:none;color:#ccc;padding:4px 8px;border-radius:4px;font-size:12px;height:24px}.search-row input{flex:1}.search-row select{width:120px}.add-btn,.remove-btn{width:24px;height:24px;background-color:#3c3c3c;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:0;font-size:16px}.add-btn:hover:not(.disabled),.remove-btn:hover:not(.disabled){background-color:#4c4c4c}.search-hints{color:#888;font-size:11px;text-align:center;margin-top:4px}.remove-btn:disabled{opacity:.5;cursor:not-allowed}.remove-btn:disabled:hover{background-color:#3c3c3c}.search-types{margin-bottom:15px}.search-types h3{color:#888;font-size:12px;margin-bottom:8px}.search-type-item{display:flex;align-items:center;padding:4px 8px;color:var(--text-secondary);font-size:12px;cursor:pointer}.search-type-item:hover{background-color:#3c3c3c}.search-actions{display:flex;align-items:center;gap:4px}.case-sensitive-toggle{display:flex;align-items:center;justify-content:center;padding:0 8px;background:var(--background-secondary);border:0px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;height:20px;margin-right:4px}.case-sensitive-toggle:hover{background:var(--background-hover)}.case-sensitive-toggle.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.search-input-container{display:flex;align-items:center;gap:8px;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;padding:0 0 0 8px}.search-input{flex:1;min-width:0}.clear-button{display:flex;align-items:center;justify-content:center;margin-right:3px}.clear-button svg{font-size:9px}.date-picker-container{display:flex;align-items:center;gap:8px}.date-picker-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px}.date-picker-toggle:hover{background:var(--background-tertiary)}.date-input{background:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:4px 8px;border-radius:4px;font-size:12px;height:24px}.date-input:focus{outline:none;border-color:var(--primary-color)}.date-separator{color:var(--text-secondary);font-size:12px}.date-reset-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px}.date-reset-button:hover{background:var(--background-tertiary);color:var(--text-primary)}.request-details{display:flex;flex-direction:column;flex:1;z-index:100;overflow:hidden;height:100%;background-color:var(--sidebar-background-color)}.request-details[data-type=event] .request-panel,.request-details[data-type=log] .request-panel,.request-details[data-type=event] .response-panel,.request-details[data-type=log] .response-panel{width:100%}.request-details[data-type=log] .request-info{width:100%;padding-right:8px}.request-details[data-type=network] .status-bar{padding-left:10px}.request-details[data-type=firebaseAnalytics] .request-panel{margin-bottom:10px}.request-details{@keyframes iconFlash{0%{color:#22c55e;filter:drop-shadow(0 0 4px #22c55e)}70%{color:#22c55e;filter:drop-shadow(0 0 8px #22c55e)}to{color:inherit;filter:none}}}.request-details .request-panel,.request-details .response-panel{display:flex;flex-direction:column;overflow:hidden;min-height:0}.request-details .request-panel{width:40%;border-right:1px solid var(--border-color)}.request-details .request-panel.full{width:100%;border-right:none;padding:0}.request-details .response-panel{width:60%;overflow:auto}.request-details .response-panel .response-waiting-time-loader{display:flex;align-items:center;gap:4px}.request-details .response-panel .response-waiting-time-loader .duration{font-size:12px;color:var(--text-tertiary)}.request-details .panel-header{padding:6px 4px;border-bottom:1px solid var(--border-color);flex-shrink:0}.request-details .request-scroll-container .request-panel .panel-header{display:flex}.request-details .panel-header .id{margin-left:auto;font-size:12px;color:#888}.request-details .panel-header-wrapper{display:flex;align-items:center;gap:16px;margin-top:12px}.request-details .panel-header h3{font-size:16px;color:var(--text-color);margin:0}.request-details .tab-list{display:flex;gap:8px}.request-details .tab{padding:6px 12px;background:none;border:none;color:#888;cursor:pointer;font-size:12px;border-radius:4px}.request-details .tab:hover{color:var(--text-tertiary);background-color:var(--hover-background-color)}.request-details .tab.active{color:var(--select-text-color);background-color:var(--select-background-color)}.request-details .panel-content{font-size:13px;font-family:monospace;overflow:auto;flex:1;min-height:0}.request-details .media-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;margin:10px}.request-details .media-content{display:flex;justify-content:center;align-items:center;height:100%;width:100%;margin:10px}.request-details pre{margin:0;white-space:pre-wrap;word-break:break-all}.request-details .json-editor-invalid-msg{color:#f44747;font-size:12px;font-weight:700;text-align:center;padding:10px}.request-details .json-editor-container{position:relative;height:100%;overflow:auto;background-color:var(--code-editor-background-color);border:1px solid var(--border-color);border-radius:4px}.request-details .json-editor-container .editor-button{position:absolute;cursor:pointer;-webkit-user-select:none;user-select:none;height:24px;border:1px solid var(--border-color);border-radius:4px;padding:4px 8px;opacity:.75;font-size:12px}.request-details .json-editor-container .prettify-button{top:3px;right:3px}.request-details .json-editor-container .revert-button{top:33px;right:3px}.request-details .json-editor-container>div{height:100%}.request-details .json-edit-react{background-color:#1e1e1e!important}.request-details .json-edit-react .property{color:#9cdcfe!important}.request-details .json-edit-react .value{color:#d4d4d4!important}.request-details .json-edit-react .string{color:#ce9178!important}.request-details .json-edit-react .number{color:#b5cea8!important}.request-details .json-edit-react .boolean,.request-details .json-edit-react .null{color:#569cd6!important}.request-details .table-container{height:100%;overflow:auto;width:100%}.request-details .params-table{width:100%;border-collapse:collapse;font-size:12px;font-family:Menlo,Monaco,Courier New,monospace}.request-details .params-table .add-header-button,.request-details .params-table .delete-header-button{margin-left:auto;padding:0 4px}.request-details .params-table .value-header{display:flex;justify-content:space-between}.request-details .params-table .value-td .delete-header-button{opacity:0}.request-details .params-table tr:hover .delete-header-button{opacity:1}.request-details .params-table thead,.request-details .params-table td{z-index:1;padding:4px;text-align:left}.request-details .params-table thead{z-index:2;position:sticky;top:0;color:var(--text-secondary);font-weight:400;background-color:var(--params-table-row-even-background-color)}.request-details .params-table thead th{padding:4px}.request-details .params-table td:first-child{max-width:200px}.request-details .params-table td:last-child{text-align:left;max-width:300px;word-wrap:break-word}.request-details .copy-btn,.request-details .copy-btn:hover{display:none}.request-details .empty-message{padding:16px;color:#888;font-style:italic}.request-details .json-editor-container .property{color:#9cdcfe!important}.request-details .json-editor-container .string{color:#ce9178!important}.request-details .json-editor-container .number{color:#b5cea8!important}.request-details .json-editor-container .boolean,.request-details .json-editor-container .null{color:#569cd6!important}.request-details .json-editor-container .bracket,.request-details .json-editor-container .colon,.request-details .json-editor-container .comma{color:gray!important}.request-details .params-table tr{cursor:context-menu}.request-details .params-table tr:nth-child(2n){background-color:var(--params-table-row-even-background-color)}.request-details .log-message{font-family:Menlo,Monaco,Courier New,monospace;font-size:13px;line-height:1.5;color:#757575;white-space:pre-wrap;word-break:break-word;padding:8px;background-color:var(--code-editor-background-color)}.request-details .status-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 12px 4px;border-bottom:1px solid var(--border-color)}.request-details .status-bar .category{margin-left:4px}.request-details .request-info{display:flex;align-items:center;gap:8px;min-height:24px;flex:1;max-width:calc(100% - 80px);margin-right:18px}.request-details .request-info .method{padding:0 8px;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;height:24px;border-radius:3px;font-size:12px;text-transform:uppercase}.request-details .request-info .url{padding:4px 8px;display:inline-block;color:var(--text-color);overflow:hidden;-webkit-user-select:none;user-select:none;text-overflow:ellipsis;white-space:nowrap}.request-details .status-code{font-family:Menlo,Monaco,Courier New,monospace;font-size:13px;padding:4px 8px;border-radius:4px;font-weight:500;flex-shrink:0;margin-left:auto;min-width:100px}.request-details .status-code.success{background-color:var(--status-code-success-background-color);color:var(--status-code-success-color)}.request-details .status-code.info{background-color:var(--status-code-info-background-color);color:var(--status-code-info-color)}.request-details .status-code.warning{background-color:var(--status-code-warning-background-color);color:var(--status-code-warning-color)}.request-details .status-code.error{background-color:var(--status-code-error-background-color);color:var(--status-code-error-color)}.request-details .panels-container{display:flex;flex:1;overflow:hidden}.request-details .json-editor-container .ace_editor.ace_focus{border-color:var(--primary-color)}.request-details .header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.request-details .header-inner{display:flex;align-items:center;justify-content:center;gap:8px}.request-details .header-inner svg{font-size:20px}.request-details .header-inner h3{margin:0}.request-details .mock-control{display:flex;align-items:center;gap:8px}.request-details .mock-control .delay-input{background:none;border:none;color:inherit;font-family:inherit;background:var(--input-background-color);border:1px solid var(--border-color);width:65px}.request-details .mock-label{font-size:12px;color:#888}.request-details .status-input{background:none;border:none;color:inherit;font-family:inherit;font-size:inherit;width:45px;padding:0;-moz-appearance:textfield}.request-details .status-text{font-size:10px}.request-details .status-input::-webkit-outer-spin-button,.request-details .status-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.request-details .status-input:focus{outline:none;border-bottom:1px solid currentColor}.request-details .table-input{background:none;border:none;color:inherit;font-family:inherit;font-size:inherit;width:100%;padding:2px}.request-details .table-input:focus{outline:none;border-bottom:1px solid currentColor}.request-details .params-table td:first-child .table-input{color:var(--headers-table-header-color)}.request-details .params-table td:nth-child(2) .table-input{color:var(--headers-table-value-color)}.request-details .url-input{flex:1;background:var(--input-background-color);border:1px solid var(--border-color);padding:12px 8px;border-radius:4px;font-size:12px;font-family:inherit;min-width:500px;margin:0;height:24px;color:var(--input-text-color);box-sizing:border-box;transition:all .3s ease}.request-details .url-input:focus{outline:none;border-color:var(--primary-color)}.request-details .url-input:hover{border-color:#444}.request-details .header-controls{display:flex;gap:8px}.request-details .status-bar-controls{display:flex;gap:6px;align-items:center}.request-details .status-bar-controls .symbol{transition:all .3s ease;display:flex;align-items:center;justify-content:center;height:24px;width:24px;border-radius:4px}.request-details .status-bar-controls .symbol:hover{background:var(--hover-background-color-secondary);color:var(--text-secondary)}.request-details .delete-button{background:none;border:none;color:#666;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px}.request-details .delete-button:hover{background:#f447471a;color:#f44747}.request-details .delete-button-container{padding:16px;display:flex;justify-content:flex-end}.request-details .delete-action-button{border:1px solid #f44747;color:#f44747;padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .2s ease}.request-details .delete-action-button:hover{background:#f447471a}.request-details .metrics-container{display:flex;flex-direction:column;gap:24px;padding:16px;background:var(--background-secondary);border-radius:6px}.request-details .metrics-container.bars-container{padding:0}.request-details .metrics-section{display:flex;flex-direction:column;gap:8px}.request-details .metrics-section h4{color:var(--text-secondary);font-size:13px;font-weight:500;margin:0;padding-bottom:4px}.request-details .metric-row{display:grid;grid-template-columns:80px 1fr 80px;align-items:center;gap:12px;height:24px}.request-details .metric-label{color:var(--text-secondary);font-size:12px}.request-details .metric-value{color:var(--text-primary);font-size:12px;font-family:monospace;text-align:right}.request-details .metric-bar-container{height:8px;background:var(--background-tertiary);border-radius:4px;overflow:hidden}.request-details .metric-bar{height:100%;border-radius:4px;transition:width .3s ease}.request-details .metric-bar.queued{background:#8e8e93}.request-details .metric-bar.dns{background:#bf5af2}.request-details .metric-bar.tcp{background:#ffd60a}.request-details .metric-bar.secure{background:#ff453a}.request-details .metric-bar.request{background:#32d74b}.request-details .metric-bar.waiting{background:#8e8e93}.request-details .metric-bar.download{background:#0a84ff}.request-details .url-parts{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px;-webkit-user-select:all;user-select:all}.request-details .url-protocol{color:#7ee787;-webkit-user-select:text;user-select:text}.request-details .url-separator{color:#848d97;-webkit-user-select:text;user-select:text}.request-details .url-host{color:var(--primary-color);-webkit-user-select:all;user-select:all}.request-details .url-path{color:#d2a8ff;-webkit-user-select:all;user-select:all}.request-details .url-query{color:#ffa657;-webkit-user-select:all;user-select:all}.request-details .url-hash{color:#ff7b72;-webkit-user-select:text;user-select:text}.request-details .ace_search{background-color:#1e1e1e!important;border:1px solid #333!important;color:#d4d4d4!important}.request-details .ace_search_form,.request-details .ace_replace_form{background-color:#1e1e1e!important;color:#d4d4d4!important}.request-details .ace_search_field{background-color:#252526!important;color:#d4d4d4!important;border:1px solid #333!important}.request-details .ace_button{color:#d4d4d4!important;background-color:#2d2d2d!important;border:1px solid #333!important}.request-details .ace_button:hover{background-color:#3d3d3d!important;border-color:#444!important}.request-details .ace_searchbtn_close{color:#d4d4d4!important}.request-details .ace_search_options{background-color:#1e1e1e!important;color:#d4d4d4!important}.request-details .ace_replacebtn{color:#d4d4d4!important}.request-details .ace_searchbtn.prev,.request-details .ace_searchbtn.next{color:#d4d4d4!important;background-color:#2d2d2d!important;border:1px solid #333!important}.request-details .ace_searchbtn.prev:hover,.request-details .ace_searchbtn.next:hover{background-color:#3d3d3d!important;border-color:#444!important}.request-details .ace_searchbtn.prev:active,.request-details .ace_searchbtn.next:active{background-color:#444!important}.request-details .ace_searchbtn{color:#d4d4d4!important;background-color:#2d2d2d!important;border:1px solid #333!important}.request-details .ace_searchbtn:hover{background-color:#3d3d3d!important;border-color:#444!important}.request-details .ace_searchbtn:active{background-color:#444!important}.request-details .curl-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.request-details .curl-header .curl-header-title{margin:0}.request-details .curl-header .copy-button{position:static}.request-details .curl-header .copy-button:hover{background:var(--hover-background-color);border-color:#444}.request-details .curl-box{position:relative;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:4px;padding:12px}.request-details .metric-group.curl-command{width:100%;margin-top:16px}.request-details .metric-group.timing-metrics{display:flex;flex-direction:column;gap:8px}.request-details .metric-item{display:flex;justify-content:space-between;align-items:center;font-family:monospace;font-size:12px;height:24px}.request-details .metric-item .metric-label{color:var(--text-secondary)}.request-details .metric-item .metric-value{color:var(--text-primary);text-align:right}.request-details .metric-item.column-metrics{display:grid;grid-template-columns:80px 1fr;gap:12px}.request-details .stack-trace-container{margin:16px 0;background-color:var(--background-secondary);border-radius:8px}.request-details .stack-trace-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.request-details .stack-trace-header h4{margin:0;color:var(--text-primary)}.request-details .stack-trace-toggle{display:flex;gap:8px}.request-details .toggle-button,.request-details .days-button{background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s ease}.request-details .toggle-button:disabled,.request-details .days-button:disabled{opacity:.5;cursor:not-allowed}.request-details .toggle-button:hover,.request-details .days-button:hover{background-color:var(--background-hover)}.request-details .toggle-button.active,.request-details .days-button.active{background-color:var(--accent-color);color:var(--text-color);border-color:var(--accent-color)}.request-details .stack-trace-raw{font-family:monospace;font-size:12px;color:var(--text-primary);background-color:var(--background-tertiary);padding:12px;border-radius:4px;white-space:pre;overflow-x:auto}.request-details .stack-trace-line{margin-bottom:4px;line-height:1.4;text-align:left}.request-details .stack-trace-line:last-child{margin-bottom:0}.request-details .stack-trace-table{width:100%;border-collapse:collapse;font-family:monospace;font-size:12px}.request-details .stack-trace-table th,.request-details .stack-trace-table td{padding:8px;text-align:left;border-bottom:1px solid var(--border-color)}.request-details .stack-trace-table th{background-color:var(--background-tertiary);font-weight:500;color:var(--text-secondary)}.request-details .stack-trace-table tr:hover{background-color:var(--background-hover)}.request-details .stack-trace-table td{color:var(--text-primary)}.request-details .stack-trace-table td:nth-child(1){color:var(--accent-color)}.request-details .stack-trace-table td:nth-child(2){color:var(--text-primary)}.request-details .stack-trace-table td:nth-child(3){color:var(--text-secondary)}.request-details .stack-trace-table td:nth-child(4){color:var(--text-secondary);text-align:right}.request-details .stack-trace-table td:nth-child(5){text-align:center}.request-details .last-request-time{font-size:12px;font-weight:500}.request-details .screenshot-content{height:calc(100% - 48px);padding:16px;display:flex;align-items:center;justify-content:center}.request-details .screenshot-content .download-button{position:absolute;bottom:10px;right:10px}.request-details .screenshot-content img{cursor:pointer}.request-details .icon-flash{animation:iconFlash .5s}.request-details .info-icon-trigger{cursor:pointer;color:var(--text-tertiary)}.request-details .params-table{width:100%;table-layout:fixed;border-collapse:collapse}.request-details .params-table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 12px;border-bottom:1px solid var(--border-color)}.request-details .params-table td.key-td{padding:4px;min-height:28px}.request-details .params-table td.value-td{display:flex;white-space:normal;padding:4px;color:var(--text-secondary);word-break:break-all;position:relative;min-height:28px}.request-details .params-table td.value-td pre{white-space:pre-wrap;word-break:break-all;margin:0}.toggle{width:36px;height:20px;background:var(--toggle-background-color);border-radius:20px;position:relative;cursor:pointer;transition:background-color .2s;padding:2px}.toggle.on{background:var(--primary-color)}.toggle.disabled{cursor:not-allowed}.toggle-handle{width:16px;height:16px;background:#fff;border-radius:50%;position:absolute;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle:hover .toggle-handle{box-shadow:0 1px 4px #0000004d}.toggle.on .toggle-handle{transform:translate(16px)}.toggle-switch{position:relative;display:inline-block;width:36px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#363636;transition:.2s;border-radius:20px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.2s;border-radius:50%;box-shadow:0 1px 3px #0003}input:checked+.toggle-slider{background-color:var(--primary-color)}input:checked+.toggle-slider:before{transform:translate(16px)}input:focus+.toggle-slider{box-shadow:0 0 1px var(--primary-color)}.toggle-slider:hover:before{box-shadow:0 1px 4px #0000004d}.media-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--overlay-background-color);display:flex;justify-content:center;align-items:center;z-index:1000}.media-viewer-content{max-width:90vw;max-height:90vh;position:relative}.media-viewer-content img,.media-viewer-content video{max-width:100%;max-height:90vh;object-fit:contain}.media-viewer-content .close-button{position:absolute;top:20px;right:20px;background:none;border:none;color:#fff;font-size:14px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#00000080;transition:background-color .2s}.close-button:hover{background-color:var(--hover-background-color)}.device-emulator{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.device-emulator .emulator-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color, #333);background-color:var(--bg-secondary, #2a2a2a)}.device-emulator .emulator-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #ffffff)}.device-emulator .close-btn{background:none;border:none;color:var(--text-secondary, #999);font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:color .2s,background-color .2s}.device-emulator .close-btn:hover{color:var(--text-primary, #ffffff);background-color:var(--bg-hover, #3a3a3a)}.device-emulator .emulator-content{background-color:var(--bg-primary, #1a1a1a);border-radius:12px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 20px 40px #00000080}.device-emulator .device-info{padding:1.5rem}.device-emulator .device-info h4{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:var(--text-primary, #ffffff)}.device-emulator .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.device-emulator .info-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:var(--bg-secondary, #2a2a2a);border-radius:6px}.device-emulator .info-item .label{font-size:.875rem;color:var(--text-secondary, #999);font-weight:500}.device-emulator .info-item span:last-child{font-weight:600;color:var(--text-color, #ffffff)}.device-emulator .emulator-controls{padding:1.5rem;border-top:1px solid var(--border-color, #333)}.device-emulator .emulator-controls h4{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:var(--text-primary, #ffffff)}.device-emulator .control-buttons{display:flex;gap:1rem;flex-wrap:wrap}.device-emulator .device-emulator .control-btn{padding:.75rem 1.5rem;background-color:var(--accent-color, #007bff);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s}.device-emulator .device-emulator .control-btn:hover{background-color:var(--accent-hover, #0056b3)}@media (max-width: 768px){.device-emulator .emulator-content{width:95%;margin:1rem}.device-emulator .info-grid{grid-template-columns:1fr}.device-emulator .control-buttons{flex-direction:column}.device-emulator .device-emulator .control-btn{width:100%}}.error-explainer-container{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--background-color);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.error-content{text-align:center;flex-direction:column;display:flex;align-items:center;justify-content:center;background:var(--default-background-color);border-radius:8px;border:1px solid var(--border-color);padding:32px;max-width:400px;width:100%;margin:0 auto;animation:errorSlideIn .3s ease-out}.error-icon{font-size:48px;margin-bottom:16px;opacity:.8}.error-title{font-size:20px;font-weight:600;margin-bottom:12px;color:var(--text-color);line-height:1.3}.error-message{font-size:14px;color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.error-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.retry-btn,.refresh-btn{background:var(--button-background-color);color:var(--button-text-color);border:1px solid var(--border-color);border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px}.retry-btn:hover,.refresh-btn:hover{background:var(--hover-background-color);border-color:var(--primary-color)}.retry-btn:active,.refresh-btn:active{background:var(--hover-background-color-secondary)}.retry-btn{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.retry-btn:hover{background:var(--primary-color-hover);border-color:var(--primary-color-hover)}.error-help{background:var(--input-background-color);border-radius:6px;padding:16px;margin-top:20px;border-left:3px solid var(--primary-color);text-align:left}.error-help p{font-size:13px;font-weight:500;color:var(--text-color);margin-bottom:8px;margin-top:0}.error-help ul{list-style:none;padding:0;margin:0}.error-help li{font-size:12px;color:var(--text-secondary);margin-bottom:6px;padding-left:16px;position:relative;line-height:1.4}.error-help li:before{content:"•";color:var(--primary-color);font-weight:700;position:absolute;left:0}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.error-content{padding:24px 20px;margin:0 16px}.error-title{font-size:18px}.error-icon{font-size:40px}.error-actions{flex-direction:column;align-items:center}.retry-btn,.refresh-btn{width:100%;max-width:180px}}.mock-apis-container{display:flex;width:100%;height:100%;position:relative;background:var(--background-secondary)}.mock-apis-col1{background:var(--background-tertiary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;min-width:200px;max-width:600px;height:100%;overflow:hidden}.mock-apis-col2{flex:1;background:var(--background-secondary);height:100%;overflow-y:auto;padding:24px 32px;display:flex;flex-direction:column}.mock-apis-drag-handle{position:absolute;top:0;bottom:0;width:8px;cursor:col-resize;z-index:2;background:transparent;transition:background .2s}.mock-apis-drag-handle:hover{background:var(--background-hover)}.mock-apis-list-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px;font-size:16px;font-weight:500;border-bottom:1px solid var(--border-color)}.add-mock-btn{background:var(--primary-color);color:#fff;border:none;border-radius:6px;padding:4px 8px;cursor:pointer;display:flex;align-items:center;transition:background .2s}.add-mock-btn:hover{background:var(--primary-color-dark)}.mock-apis-list-table{flex:1;overflow-y:auto;padding:0 8px 8px}.mock-apis-list-table table{width:100%;border-collapse:collapse;font-size:13px}.mock-apis-list-table tr{cursor:pointer}.mock-apis-list-table th,.mock-apis-list-table td{padding:8px 6px;text-align:left;border-bottom:1px solid var(--border-color)}.mock-apis-list-table th{color:var(--text-secondary);font-weight:400;cursor:pointer;-webkit-user-select:none;user-select:none}.mock-apis-list-table tr.selected{background:var(--background-hover);font-weight:500;background-color:#232e3a}.mock-apis-list-table tr.selected td{background:#232e3a}.mock-apis-list-table tr.selected:hover,.mock-apis-list-table tr:hover{background:var(--background-hover)}.icon-btn{background:none;border:none;padding:2px;cursor:pointer;color:var(--text-secondary);border-radius:4px;transition:background .2s}.icon-btn:hover{background:var(--background-hover);color:var(--primary-color)}.mock-apis-details{width:100%;margin:0 auto;background:var(--background-tertiary);border-radius:10px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;gap:18px}.mock-apis-details-row{margin-top:18px;display:flex;align-items:center;gap:12px;font-size:12px}.mock-apis-details-row.column{flex-direction:column;align-items:flex-start}.method-dropdown{cursor:pointer;font-size:14px;padding:4px 8px;border-radius:6px;border:0;background:var(--background-secondary);color:var(--text-primary)}.method-dropdown:focus-visible,.method-dropdown:focus{outline:none}.path-input{font-size:14px;padding:4px 8px;border-radius:6px;border:1px solid var(--border-color);background:var(--background-secondary);color:var(--text-primary);flex:1}.path-input.invalid{border-color:#f44747;background:#2d1a1a}.status-input{width:50px}.details-col input{font-size:14px;padding:4px 8px;border-radius:6px;background:var(--background-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.details-col .symbol{display:flex}.details-col input:disabled{background:var(--background-hover);color:var(--text-secondary);cursor:not-allowed}.details-col input:focus-visible,.details-col input:focus{outline:1px solid var(--primary-color)}.status-input.invalid{border-color:#f44747;background:#2d1a1a}.mock-apis-editor{margin:0 0 8px}.mock-apis-editor .ace_editor{border-radius:6px;border:1px solid var(--border-color);font-size:13px}.collapsible-btn{background:none!important;border:none;color:var(--primary-color);font-size:14px;display:flex;align-items:center;gap:6px;cursor:pointer;margin-bottom:0;margin-top:0;padding:0 0 4px;box-shadow:none}.headers-table-container{margin:8px 0 0;width:100%;background:none}.headers-table{width:100%;border-collapse:collapse;font-size:13px}.headers-table th,.headers-table td{padding:4px 6px}.headers-table th{border-bottom:1px solid var(--border-color)}.headers-table thead tr{margin-bottom:40px}.headers-table tbody :first-child td{padding-top:10px}.headers-table input{width:100%}.add-header-btn,.add-mock-btn{width:28px;height:28px;min-width:28px;min-height:28px;max-width:28px;max-height:28px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--primary-color);color:#fff;border:none;cursor:pointer;transition:background .2s}.add-header-btn:hover,.add-mock-btn:hover{background:var(--primary-color-dark)!important}.add-mock-btn svg,.add-header-btn svg{display:block;margin:auto}.mock-apis-details-row.action-row{justify-content:flex-end;gap:10px;margin-top:18px;margin-bottom:0}.mock-apis-details-row.action-row button{margin-right:0}.mock-apis-details-row.collapsible-row{margin-bottom:0;width:100%}.mock-apis-details-row .simulate-btn,.mock-apis-details-row .save-btn,.mock-apis-details-row .publish-btn,.mock-apis-details-row .delete-btn{background:var(--background-tertiary);color:var(--primary-color);border:1px solid var(--border-color);border-radius:6px;padding:4px 12px;font-size:14px;margin-right:8px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .2s,color .2s}.mock-apis-details-row .save-btn{background:var(--primary-color);color:#fff;border:none}.mock-apis-details-row .save-btn:disabled{background:#888;color:#fff;cursor:not-allowed}.mock-apis-details-row .delete-btn{color:#f44747;border:1px solid #f44747}.mock-apis-details-row .delete-btn:hover{background:#2d1a1a}.mock-apis-details-row .publish-btn{color:var(--primary-color)}.mock-apis-details-row .publish-btn:hover{background:var(--primary-color-dark);color:#fff}.mock-apis-details-row .simulate-btn{color:#569cd6}.mock-apis-details-row .simulate-btn:hover{background:#1e2a36;color:#fff}.mock-apis-console-log{width:100%;margin-top:16px;background:var(--background-secondary);border-radius:6px;border:1px solid var(--border-color);padding:10px 14px;font-size:13px;color:var(--text-secondary);max-height:120px;min-height:120px;overflow-y:auto}.console-log-title{font-weight:500;margin-bottom:6px;color:var(--text-primary)}.console-log-list{font-family:Menlo,Monaco,Courier New,monospace;font-size:12px}.console-log-entry{margin-bottom:2px}.console-log-empty{color:#888;font-style:italic}.mock-apis-empty-state{color:#888;font-size:16px;text-align:center;margin-top:40px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.tag-input{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-height:32px;margin-bottom:4px}.tag-chip{display:flex;align-items:center;background:var(--tag-background-color, #232e3a);color:var(--text-primary, #fff);border-radius:16px;padding:4px 12px 4px 10px;font-size:13px;font-weight:500;margin-right:0;box-shadow:0 1px 2px #0000000a;transition:background .2s,color .2s}.tag-chip .tag-remove{display:flex;background:none;border:none;color:var(--text-secondary, #aaa);margin-left:6px;cursor:pointer;font-size:10px;border-radius:50%;padding:2px;transition:background .2s,color .2s}.tag-chip .tag-remove:hover{background:var(--background-hover, #2d3a4a);color:var(--primary-color, #7ee787)}.tag-add-btn{background:var(--background-secondary, #232e3a);border:1px dashed var(--border-color, #3c3c3c);color:var(--primary-color, #7ee787);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:2px;transition:background .2s,border .2s}.tag-add-btn:hover{background:var(--background-hover, #2d3a4a);border-color:var(--primary-color, #7ee787)}.tag-add-btn:disabled:hover,.tag-add-btn:disabled{background:var(--background-hover, #2d3a4a);border-color:var(--border-color, #3c3c3c);color:var(--text-secondary, #aaa);cursor:not-allowed}.tag-add-btn:disabled svg{cursor:not-allowed}.tag-input-field{background:var(--background-secondary, #232e3a);color:var(--text-primary, #fff);border:1px solid var(--border-color, #3c3c3c);border-radius:12px;padding:4px 10px;font-size:13px;outline:none;min-width:80px;margin-left:2px;margin-right:2px;transition:border .2s}.tag-input-field:focus{border-color:var(--primary-color, #7ee787)}.description-input{background:transparent;color:var(--text-primary, #fff);border:1px solid var(--border-color, #3c3c3c);border-radius:8px;font-size:12px;padding:8px 12px;min-height:38px;margin-top:2px;margin-bottom:2px;width:100%;resize:vertical;transition:border .2s,background .2s}.description-input:focus{border-color:var(--primary-color, #7ee787);background:var(--background-hover, #2d3a4a)}.changed:not(.method-dropdown){background:#3d2a1a!important}.changed{border:1px solid #ff9800;box-shadow:0 0 0 1.5px #ff980033;transition:background .2s,border .2s,box-shadow .2s}:root{--changed-bg: #3d2a1a;--changed-border: #ff9800}[data-theme=light] .changed{background:#fff3e0!important;border-color:#ff9800!important;box-shadow:0 0 0 1.5px #ff980033}.mock-apis-list-table tr.selected,.mock-apis-list-table tr.selected td{background:var(--selected-row-bg, #232e3a)!important}:root{--selected-row-bg: #232e3a}[data-theme=light] .mock-apis-list-table tr.selected,[data-theme=light] .mock-apis-list-table tr.selected td{background:#e3f2fd!important}[data-theme=light] .description-input{background:#f7fafc;color:#222}.tag-add-btn,.add-header-btn,.add-mock-btn{background:var(--background-secondary, #232e3a);border:1px dashed var(--border-color, #3c3c3c);color:var(--primary-color, #7ee787);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:2px;transition:background .2s,border .2s,color .2s}.tag-add-btn:hover,.add-header-btn:hover,.add-mock-btn:hover{background:var(--background-hover, #2d3a4a);border-color:var(--primary-color, #7ee787);color:var(--primary-color, #7ee787)}[data-theme=light] .tag-add-btn,[data-theme=light] .add-header-btn,[data-theme=light] .add-mock-btn{background:#f7fafc;color:#1976d2;border-color:#bdbdbd}[data-theme=light] .tag-add-btn:hover,[data-theme=light] .add-header-btn:hover,[data-theme=light] .add-mock-btn:hover{background:#e3f2fd;border-color:#1976d2;color:#1976d2}.tag-add-btn>div,.add-header-btn>div,.add-mock-btn>div{display:flex}.headers-table-container{position:relative}.add-header-btn{position:absolute;right:0;top:0;margin-top:2px;margin-right:2px;height:20px;width:20px;min-height:20px;min-width:20px;max-height:20px;max-width:20px}.headers-table thead tr th:last-child{position:relative;text-align:right}.headers-table thead tr th:last-child{min-width:40px}.mock-apis-details.fullscreen{position:fixed!important;top:0;left:0;width:100vw!important;height:100vh!important;max-width:none;max-height:none;z-index:2000;background:var(--background-color);border-radius:0;box-shadow:none;padding:40px 32px;margin:0;display:flex;flex-direction:column;overflow-y:scroll;gap:0}.mock-apis-details.fullscreen .mock-apis-details-row{margin-bottom:18px}.mock-apis-editor{position:relative;width:100%;height:auto}.last-time-map-local-update{display:flex;align-items:center;gap:4px;position:absolute;bottom:10px;right:10px;z-index:10;font-size:12px;color:var(--text-secondary);background:var(--background-secondary)}.mock-apis-details-row.map-remote-row{margin-top:0}.mock-apis-details-row.map-remote-row .header{width:132px}.map-remote-url-input{width:100%}.fullscreen-btn{position:absolute;top:10px;right:10px;z-index:10;background:var(--background-secondary, #232e3a);border:1px solid var(--border-color, #3c3c3c);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--primary-color, #7ee787);cursor:pointer;transition:background .2s,border .2s}.fullscreen-btn:hover{background:var(--background-hover, #2d3a4a);border-color:var(--primary-color, #7ee787)}[data-theme=light] .fullscreen-btn{background:#f7fafc;color:#1976d2;border:1px solid #bdbdbd}[data-theme=light] .fullscreen-btn:hover{background:#e3f2fd;border-color:#1976d2;color:#1976d2}.mock-apis-details-row .header{font-size:18px;font-weight:500;width:100%;display:flex;align-items:center;gap:6px}.mock-apis-details-row .header>div{display:flex}.mock-apis-details-row .error-message{font-size:14px;color:#f44747;width:100%;overflow-x:auto}.last-updated{font-size:12px;color:var(--text-secondary);margin-right:auto}.live-updates-toggle{display:flex;align-items:center;gap:6px;font-size:12px}.helper-trigger-container{display:flex;align-items:center;gap:6px;margin-left:auto}.helper-trigger{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:12px;cursor:pointer}.check-version-row-content-title{display:flex;align-items:center;gap:6px}.check-version-row-content-title.warning{color:#f44747}.how-to-use-row{cursor:pointer}@media (max-width: 900px){.mock-apis-col2,.mock-apis-details{padding:12px 4px}}.info-box{display:flex;flex-direction:column;gap:8px}.info-box[data-type=warning]{background-color:var(--warning-background-color)}.info-box[data-type=error]{background-color:var(--error-background-color)}.info-box-content{display:flex;flex-direction:column;gap:8px}.info-box-header{display:flex;flex-direction:row;align-items:center}.info-box-icon{display:flex;align-items:center;width:24px;height:24px}.info-box-icon>svg{display:flex}.info-box-title{font-size:16px;font-weight:600}.info-box-description{width:100%;font-size:14px;color:var(--text-secondary)}.selector{display:flex;gap:8px;align-items:center}.selector--joined{gap:0}.selector-button{background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .2s ease;position:relative;z-index:1}.selector--joined .selector-button{border-radius:0;margin-left:-1px}.selector--joined .selector-button:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px;margin-left:0}.selector--joined .selector-button:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.selector--joined .selector-button:not(:first-child):not(.active){border-left:none}.selector-button:disabled{opacity:.5;cursor:not-allowed}.selector-button:hover{background-color:var(--background-hover)}.selector-button.active{background-color:var(--accent-color);color:var(--mock-api-selector-text-color);border-color:var(--accent-color);z-index:2}.mock-api-simulator-container{display:flex;flex-direction:column;gap:12px;width:100%}.mockapi-sim-console{border-radius:6px;min-height:48px;font-family:monospace;font-size:13px;color:#fff}.mockapi-sim-console .mockapi-sim-empty{opacity:.6}.mockapi-sim-console .mockapi-sim-success{color:#7ee787;display:flex;align-items:center;gap:6px;margin-bottom:6px}.mockapi-sim-console .mockapi-sim-error{color:#f47;margin-bottom:6px}.mockapi-sim-console .mockapi-sim-error-row{display:flex;align-items:center;gap:6px;font-weight:500}.mockapi-sim-console .mockapi-sim-patterns{font-size:13px;margin-top:2px}.mockapi-sim-console .mockapi-sim-patterns .mockapi-sim-pattern,.mockapi-sim-console .mockapi-sim-patterns .mockapi-sim-url{color:#ffb3c6;display:block;margin-left:0}.mockapi-sim-console .mockapi-sim-patterns span{color:#ffb3c6}.mockapi-sim-console .mockapi-sim-patterns code{color:#ffb3c6;word-break:break-all}.mockapi-sim-btn-row{margin-top:8px}.mockapi-sim-title{font-weight:500;font-size:16px;margin-bottom:4px}.connected-folder-info{margin-left:auto;display:flex;justify-content:center;align-items:center;font-size:12px;padding-top:10px;padding-right:10px;color:var(--text-color-secondary);margin-bottom:10px}.connected-folder-info .loading-spinner{margin-left:10px;width:12px;height:12px;border:2px solid var(--text-color-secondary);border-top:2px solid var(--primary-color);border-radius:50%}.file-watcher .file-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.file-watcher .file-list-header-left{display:flex;align-items:center;gap:4px}.file-watcher .file-list{max-height:200px;overflow-y:auto;border:1px solid var(--border-color);border-radius:5px;padding:10px;margin-bottom:10px}.file-watcher .file-list .file-item{display:inline-block;cursor:pointer;color:#fff;padding:2px 10px;border-radius:8px;transition:background-color .3s ease}.file-watcher .file-list .file-item:hover{background-color:var(--hover-color)}.file-watcher .file-list .file-item[data-selected=true]{background-color:var(--primary-color)}.user-defaults-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.user-defaults-container .table-container{flex:1;overflow:auto;border-bottom:1px solid var(--border-color)}.console-container{background:var(--bg-color);border-top:1px solid var(--border-color);display:flex;flex-direction:column;position:relative}.console-resize-handle{position:absolute;top:-3px;left:0;right:0;height:6px;cursor:row-resize;background:transparent;z-index:10}.console-resize-handle:hover{background:var(--primary-color);opacity:.3}.console-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--secondary-bg);border-bottom:1px solid var(--border-color);font-size:12px;font-weight:500;color:var(--text-secondary);flex-shrink:0}.console-clear-button{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:11px;padding:2px 6px;border-radius:3px;transition:all .2s ease}.console-clear-button:hover{background:var(--hover-background-color);color:var(--text-secondary)}.console-content{flex:1;overflow-y:auto;padding:8px 12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;line-height:1.4;color:var(--text-secondary)}.console-line{margin-bottom:2px;word-break:break-all}.console-line:last-child{margin-bottom:0}.request-list-table{position:relative;width:100%;height:100%}.request-list-table .wrapper{overflow-x:auto;overflow-y:hidden;height:100%;position:relative}.request-list-table-header{background:var(--request-list-table-header-background-color);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:10}.request-list-table-header .tr{display:flex;height:30px;width:100%}.request-list-table-header-cell{position:relative;-webkit-user-select:none;user-select:none;padding:4px 12px;text-align:left;font-weight:400;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color)}.request-list-table-header-cell:hover{color:var(--text-secondary)}.request-list-table[data-is-resizing=true] .request-list-table-header-cell:hover{color:inherit}.request-list-table-header-cell>div:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-resize-handle{position:absolute;right:0;top:5px;bottom:0;width:4px;cursor:col-resize;background:transparent;transition:background-color .2s ease}.col-resize-handle:hover,.col-resize-handle.resizing{background:var(--primary-color);opacity:.5}.request-list-table[data-is-resizing=true] .col-resize-handle{background:var(--primary-color);opacity:.7}.hover-delete{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px;border-radius:3px;transition:all .2s ease}.hover-delete:hover{background:var(--hover-background);color:var(--text-secondary)}.api-key-section{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:24px}.api-key-section h3{font-size:14px;color:#888;margin-bottom:12px;font-weight:400}.api-key-container{display:inline-flex;align-items:center;gap:8px;background:var(--content-area-background-color);padding:8px 12px;border-radius:6px;border:1px solid var(--border-color);transition:all .3s ease;max-width:500px}.api-key-wrapper{display:flex;font-family:Menlo,monospace;font-size:14px;padding:4px 8px;-webkit-user-select:all;user-select:all;white-space:nowrap}.api-key-prefix{color:#888}.api-key{color:var(--primary-color);margin-left:1px}.code-snippet .copy-button{margin-top:10px}.copy-button svg{transition:color .2s}.copy-button:active svg,.copy-button.copied svg{color:var(--primary-color)}.empty-state h3{text-align:center;width:100%}.empty-state-actions{margin:24px 0}.option-header{text-align:center;margin-bottom:24px;width:100%;display:flex;gap:8px}.option-number{display:inline-block;background:var(--surface-color);color:#888;padding:4px 12px;border-radius:12px;font-size:12px;margin-bottom:8px}.option-header h4{color:var(--text-color);font-size:18px;margin:0;font-weight:500}.option-header .duration{color:var(--text-secondary);font-size:14px;margin:0 0 8px;display:inline-block;background:var(--surface-color);color:#888;padding:4px 12px;border-radius:12px;font-size:12px}.info-box{background:#0098ff1a;border:1px solid rgba(0,152,255,.2);color:var(--primary-color);padding:12px 16px;border-radius:6px;margin-bottom:24px;font-size:14px}.store-badges{display:flex;gap:12px;margin:16px 0}.store-badge img{height:40px;width:auto}.step-instruction{color:#888;font-size:14px;margin:8px 0}.empty-state-columns{display:flex;gap:20px;flex-direction:column;margin-top:24px;align-items:flex-start;max-width:1200px;margin-left:auto;margin-right:auto}.left-column{flex-direction:column;width:100%;display:flex;align-items:center}.explainer-container{width:100%;display:flex;justify-content:space-between}@media (max-width: 1200px){.empty-state-columns{flex-direction:column}.left-column,.right-column{width:100%}.left-column{display:flex;flex-direction:row;justify-content:space-around}.left-column .option-header{width:auto}}.right-column{flex:1;align-items:flex-start;min-width:0}.qr-container{margin:20px 0;display:flex;flex-direction:column;align-items:center;gap:12px}.qr-code{padding:16px;background:#fff;border-radius:8px}.qr-hint{color:#888;font-size:13px;margin:0}.code-tabs,.platform-tabs{display:flex;gap:8px;padding:16px}.code-tabs{padding-left:16px;padding-top:16px;border-radius:0;background:var(--surface-color)}html[data-theme=light] .code-tabs{background:none}.code-snippet .code-block{border-top-left-radius:0;border-top-right-radius:0}.platform-tabs{background:var(--surface-color)}.code-tabs .tab,.platform-tabs .tab{padding:6px 16px;border:none;background:var(--surface-color);color:var(--text-secondary);border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s}.code-tabs .tab:hover,.platform-tabs .tab:hover{background:var(--hover-background-color)}.code-tabs .tab.active,.platform-tabs .tab.active{background:var(--primary-color);color:#fff}.connection-status{text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px;margin-top:24px;color:#888;font-size:13px;line-height:1;background:var(--content-area-background-color);padding:12px 16px;border:1px solid var(--border-color);border-radius:12px;scroll-margin-top:20px;transition:all .3s ease}.connection-status[data-new-device=true]{background:transparent;border:none}.loader{width:13px;height:13px;border:1.5px solid #363636;border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}.connection-status p{margin:0;line-height:1}.buttons{display:flex;gap:12px;justify-content:center;margin-top:16px;margin-bottom:16px}.connection-status p{margin:0;font-size:18px;color:var(--text-secondary)}.connection-status .loader{width:20px;height:20px;border:2px solid var(--border-color);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.connected-device-info{position:relative;cursor:pointer;transition:all .3s ease;overflow:visible;background:var(--content-area-background-color);border:1px solid var(--border-color);border-radius:12px;padding:16px 20px;display:inline-flex;align-items:center;gap:12px;min-width:240px;min-height:60px}.connected-device-info.animate{animation:deviceMaterialize 2.5s ease-out forwards}.connected-device-info.animate:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#0098ff1a,#0098ff33,#0098ff1a,#0098ff33,#0098ff1a);animation:liquidMetal 2s ease-out .8s forwards;opacity:0;border-radius:8px}.connected-device-info.animate:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(0,152,255,.6) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);animation:pingRipple .6s ease-out 2.3s forwards}@keyframes deviceMaterialize{0%{opacity:0;transform:scale(.8) rotateX(15deg);box-shadow:0 0 #0098ff00}20%{opacity:1;transform:scale(1) rotateX(0);box-shadow:0 0 0 2px #0098ff4d,0 0 20px #0098ff33}40%{transform:scale(1) rotateX(0);box-shadow:0 0 0 2px #0098ff66,0 0 30px #0098ff4d}80%{transform:scale(1.02) rotateX(0);box-shadow:0 0 0 2px #0098ff99,0 0 40px #0098ff66}to{opacity:1;transform:scale(1) rotateX(0);box-shadow:0 0 0 2px #0098ff4d,0 0 20px #0098ff33}}@keyframes liquidMetal{0%{opacity:0;transform:translateY(0)}20%{opacity:.8;transform:translateY(0)}50%{opacity:1;transform:translateY(0)}80%{opacity:.6;transform:translateY(0)}to{opacity:.3;transform:translateY(0)}}@keyframes pingRipple{0%{width:0;height:0;opacity:1}to{width:200px;height:200px;opacity:0}}.connected-device-info .device-icon{display:inline-block;margin-right:8px;animation:iconGlow 2.5s ease-out forwards;position:relative;width:40px;height:80px;flex-shrink:0}.device-icon:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a1a,#2a2a2a,#1a1a1a);border-radius:8px;border:2px solid #333;box-shadow:0 2px 4px #0000004d,inset 0 1px #ffffff1a}.device-icon .notch{position:absolute;op:3px;left:50%;transform:translate(calc(-50% + 2px));width:14px;height:3px;background:#000;border-radius:0 0 3px 3px;z-index:2}.device-icon .home-indicator{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:16px;height:1px;background:#fff9;border-radius:.5px;z-index:2}.device-icon .app-icon{position:absolute;width:5px;height:5px;border-radius:1px;z-index:2;box-shadow:0 1px 2px #0003}.device-icon .app-icon:nth-child(1){top:12px;left:8px;background:#ff3b30}.device-icon .app-icon:nth-child(2){top:12px;left:16px;background:#34c759}.device-icon .app-icon:nth-child(3){top:12px;left:24px;background:#007aff}.device-icon .app-icon:nth-child(4){top:12px;left:32px;background:#ff9500}.device-icon .app-icon:nth-child(5){top:22px;left:8px;background:#af52de}.device-icon .app-icon:nth-child(6){top:22px;left:16px;background:#ff2d92}.device-icon .app-icon:nth-child(7){top:22px;left:24px;background:#5856d6}.device-icon .app-icon:nth-child(8){top:22px;left:32px;background:#ff3b30}@keyframes screenGlow{0%{opacity:0;filter:brightness(.3) blur(2px)}30%{opacity:.6;filter:brightness(.8) blur(0px)}60%{opacity:.9;filter:brightness(1.2) blur(0px)}to{opacity:.8;filter:brightness(1) blur(0px)}}.connected-device-info p{animation:textReveal 1s ease-out .5s both;margin:0;font-weight:500;color:var(--primary-color)}@keyframes textReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.connected-device-info:hover{transform:translateY(-2px);box-shadow:0 0 0 2px #0098ff66,0 8px 25px #0098ff26}.connected-device-info:hover .device-icon{filter:drop-shadow(0 0 8px rgba(0,152,255,.4))}.connected-device-info.onboarding-disabled{cursor:default;opacity:.7}.connected-device-info.onboarding-disabled:hover{transform:none;box-shadow:none}.connected-device-info.onboarding-disabled:hover .device-icon{filter:none}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.device-emulator-container{display:flex;align-items:center;justify-content:center;height:100vh;background:#1e1e1e}.iphone-frame{width:390px;height:844px;background:#000;border-radius:55px;position:relative;padding:20px;box-shadow:0 0 0 14px #1a1a1a}.device-screen{height:100%;background:#000;border-radius:45px;overflow:hidden;display:flex;flex-direction:column}.device-notch{height:35px;background:#000;position:relative;display:flex;justify-content:space-between;align-items:center;padding:0 20px;color:#fff}.emulator-content{flex:1;overflow:auto;padding:20px}.todos-content{display:flex;align-items:center;flex-direction:column}.device-emulator-container .refresh-button{background:var(--primary-color);color:#fff;border:none;padding:2px;width:100px;border-radius:8px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-bottom:6px}.device-emulator-container .refresh-button .refresh{font-size:28px;margin-right:8px}.device-emulator-container .refresh-button .refresh-text{padding-top:4px}.device-emulator-container .status-code-emulator{color:#fff;text-align:center;width:100%}.device-emulator-container .todos-list{display:flex;flex-direction:column;background:#151515;border-radius:12px;padding:4px 12px;width:100%;margin-top:34px}.device-emulator-container .todo-item{border-bottom:1px solid #333333;padding-bottom:6px;padding-top:6px;color:#fff}.device-emulator-container .todo-item:last-child{border-bottom:none}.device-emulator-container .todo-header{display:flex;justify-content:space-between}.device-emulator-container .todo-details{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:14px}.device-emulator-container .tab-bar-emulator{height:85px;display:flex;justify-content:space-around;align-items:center}.device-emulator-container .tab-item{display:flex;flex-direction:column;align-items:center;color:#888;background:none;border:none;font-size:12px;gap:4px;cursor:pointer;padding:8px}.device-emulator-container .tab-item:hover{background:transparent}.device-emulator-container .tab-item.active{color:var(--primary-color)}.device-emulator-container .status-icons{display:flex;align-items:center;gap:8px}.device-emulator-container .battery-indicator{display:flex;align-items:center;position:relative}.device-emulator-container .battery-indicator .symbol{margin-top:8px}.device-emulator-container .battery-indicator svg>:first-child{fill:#fff}.device-emulator-container .battery-level{position:absolute;left:50%;top:50%;color:#000;transform:translate(-65%,-48%);font-size:9px}.device-emulator-container .device-time{color:#fff;font-size:14px;font-weight:600}.device-emulator-container .home-indicator{width:140px;height:5px;background:#fff;border-radius:100px;margin:8px auto 12px}.login-form{overflow-y:scroll;height:100%}.login-form a{color:var(--primary-color);text-decoration:none}.login-form a:hover{text-decoration:underline}.auth-page{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--background-color);display:flex;justify-content:center;align-items:center}.auth-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;width:100%;padding:20px;max-width:440px;margin:0 auto}.loging-form{overflow-y:auto}.login-form .symbol{padding-top:6px}.auth-container .auth-form{background:var(--surface-color);padding:40px;border-radius:16px;width:100%}.auth-container .auth-header{text-align:center;margin-bottom:30px}.auth-container .auth-header .logo{width:96px;height:96px;margin-bottom:16px}.auth-container .auth-header h1{font-size:36px;font-weight:500;color:var(--text-color);margin:0;width:300px;min-width:100%;text-align:center}.auth-container .form-group{margin-bottom:24px}.auth-container .form-group .symbol{padding-right:8px;padding-left:8px}.auth-container .form-group label{display:block;margin-bottom:8px;color:var(--text-secondary);font-size:12px;font-weight:500;letter-spacing:.5px}.auth-container .input-wrapper{position:relative;display:flex;align-items:center;background-color:var(--input-background-color-darker);transition:background-color .3s ease}.auth-container .input-wrapper .sf-symbol{position:absolute;left:12px;color:var(--text-secondary);width:20px;height:20px}.auth-container .input-wrapper input{width:100%;padding:12px;border:0;border-radius:8px;background-color:var(--input-background-color-darker);color:var(--text-color);font-size:14px}.auth-container .input-wrapper input:focus{outline:none;border-color:var(--primary-color)}.auth-container .submit-button{width:100%;padding:12px;margin-top:24px;border-radius:6px;font-size:14px;font-weight:500;transition:all .2s ease}.auth-container .submit-button.primary{background:var(--primary-color);border:none;color:#fff}.auth-container .submit-button.primary:hover:not(:disabled){background:#0088e5}.auth-container .submit-button.primary:disabled{background:#004977;cursor:not-allowed}.auth-container .divider{text-align:center;margin:24px 0;position:relative}.auth-container .divider:before,.auth-container .divider:after{content:"";position:absolute;top:50%;width:calc(50% - 100px);height:1px;background-color:var(--border-color)}.auth-container .divider:before{left:0}.auth-container .divider:after{right:0}.auth-container .divider span{padding:0 16px;color:var(--text-secondary);font-size:14px}.auth-container .social-buttons{display:flex;gap:1rem;justify-content:center;margin:1rem 0}.auth-container .social-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid var(--border-color);border-radius:8px;background:var(--background-color);color:var(--text-color);font-size:.9rem;cursor:pointer;transition:all .2s ease}.auth-container .social-button:hover{background:var(--hover-color)}.auth-container .social-button.google{background:#fff;color:#757575;border:1px solid #dadce0}.auth-container .social-button.google:hover{background:#f8f9fa;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.auth-container .social-button:disabled{opacity:.7;cursor:not-allowed}.auth-container .divider{align-items:center;text-align:center;margin:1.5rem 0;color:var(--text-secondary)}.auth-container .divider:before,.auth-container .divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.auth-container .divider span{padding:0 1rem;font-size:.9rem}.auth-container .auth-footer{text-align:center;color:var(--text-secondary);font-size:14px}.auth-container .link-button{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:inherit;padding:0;text-decoration:none}.auth-container .link-button:disabled{color:var(--text-secondary);cursor:not-allowed}.auth-container .link-button:hover{text-decoration:underline}.auth-container .auth-footer-global{margin-top:24px;text-align:center}.auth-container .download-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background-color:var(--surface-color);border:none;border-radius:8px;color:var(--text-color);font-size:14px;cursor:pointer;transition:background-color .2s}.auth-container .download-button:hover{background-color:var(--hover-color)}.auth-container .error-message{background-color:var(--error-background);color:var(--error-color);padding:12px;border-radius:8px;margin-top:16px;font-size:14px}.auth-container .error-message p{margin:4px 0}.auth-container .checkbox-with-info{display:flex;align-items:center;gap:8px}.auth-container .info-tooltip{position:relative;display:inline-flex;align-items:center;cursor:help}.auth-container .info-tooltip svg{width:16px;height:16px;color:#666}.auth-container .tooltip-text{visibility:hidden;position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;width:220px;text-align:center;z-index:100;opacity:0;transition:opacity .2s,visibility .2s}.auth-container .info-tooltip:hover .tooltip-text{visibility:visible;opacity:1}.auth-container .tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#333 transparent transparent transparent}.admin-container{display:flex;flex-direction:column;height:100vh;background:var(--background-color);color:var(--text-color);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.admin-container .search-container{border-bottom:none}.admin-container{@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}.admin-container .admin-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--default-background-color)}.admin-container .admin-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-color)}.admin-container .admin-controls{display:flex;align-items:center;gap:12px}.admin-container .demo-toggle{display:flex;align-items:center}.admin-container .demo-toggle .toggle-label{width:200px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-color);-webkit-user-select:none;user-select:none}.admin-container .toggle-input{display:none}.admin-container .toggle-slider{position:relative;width:44px;height:24px;background:var(--border-color);border-radius:12px;transition:all .3s ease;border:1px solid var(--border-color)}.admin-container .toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-secondary);border-radius:50%;transition:all .3s ease}.admin-container .toggle-input:checked+.toggle-slider{background:var(--primary-color);border-color:var(--primary-color)}.admin-container .toggle-input:checked+.toggle-slider:before{transform:translate(20px);background:#fff}.admin-container .toggle-label:hover .toggle-slider{border-color:var(--primary-color)}.admin-container .kpi-section{padding:20px;border-bottom:1px solid var(--border-color);background:var(--default-background-color)}.admin-container .kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;max-width:1200px;margin:0 auto}.admin-container .kpi-card{background:var(--input-background-color);border:1px solid var(--border-color);border-radius:8px;padding:20px;text-align:center;transition:all .2s ease}.admin-container .kpi-card:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #3b82f61a}.admin-container .kpi-value{font-size:32px;font-weight:700;color:var(--primary-color);margin-bottom:8px;line-height:1}.admin-container .kpi-label{font-size:14px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.admin-container .admin-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.admin-container .user-list-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.admin-container .user-list-header{background:var(--request-list-table-header-background-color);border-bottom:1px solid var(--border-color);overflow-x:auto}.admin-container .user-list-table-header{display:flex;min-width:100%}.admin-container .user-list-header-cell{position:relative;display:flex;align-items:center;padding:8px 12px;border-right:1px solid var(--border-color);background:var(--request-list-table-header-background-color);cursor:pointer;-webkit-user-select:none;user-select:none;min-width:60px}.admin-container .user-list-header-cell:last-child{border-right:none}.admin-container .user-list-header-content{display:flex;align-items:center;gap:8px;width:100%;font-weight:600;font-size:13px;color:var(--text-color)}.admin-container .sort-indicator{font-size:12px;color:var(--primary-color)}.admin-container .resize-handle{position:absolute;top:0;right:0;width:4px;height:100%;cursor:col-resize;background:transparent;transition:background-color .2s ease}.admin-container .resize-handle:hover{background:var(--primary-color)}.admin-container .user-list-content{flex:1;overflow:hidden;background:var(--content-area-background-color)}.admin-container .user-list-row{display:flex;border-bottom:1px solid var(--border-color);transition:background-color .2s ease;cursor:pointer}.admin-container .user-list-row:hover{background:var(--hover-background-color)}.admin-container .user-list-row:nth-child(2n){background:var(--even-row-background-color)}.admin-container .user-list-row:nth-child(2n):hover{background:var(--hover-background-color)}.admin-container .user-list-row:nth-child(odd){background:var(--uneven-row-background-color)}.admin-container .user-list-row:nth-child(odd):hover{background:var(--hover-background-color)}.admin-container .user-list-cell-status{font-weight:600;border:1px solid var(--border-color);border-radius:4px;padding:2px 6px}.admin-container .user-list-cell-status[data-status=active]{color:#10b981;border-color:#10b981}.admin-container .user-list-cell-status[data-status=canceled]{color:#ef4444;border-color:#ef4444}.admin-container .user-list-cell-plan{font-weight:600;border:1px solid var(--border-color);border-radius:4px;padding:2px 6px}.admin-container .user-list-cell-plan[data-plan=free]{color:var(--text-secondary);border-color:var(--text-secondary)}.admin-container .user-list-cell-plan[data-plan=pro]{color:var(--primary-color);border-color:var(--primary-color)}.admin-container .user-list-cell-plan[data-plan=team]{color:var(--color-info);border-color:var(--color-info)}.admin-container .user-list-cell-plan[data-plan=enterprise]{color:var(--color-warn);border-color:var(--color-warn)}.admin-container .user-list-cell{display:flex;align-items:center;padding:8px 12px;border-right:1px solid var(--border-color);font-size:13px;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:60px}.admin-container .user-list-cell:last-child{border-right:none}.admin-container .loading-container{display:flex;align-items:center;justify-content:center;height:200px}.admin-container .loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.admin-container .error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;text-align:center;padding:20px}.admin-container .error-message h3{margin:0 0 8px;color:var(--error-color);font-size:16px}.admin-container .error-message p{margin:0 0 16px;color:var(--text-secondary);font-size:14px}.admin-container .error-message button{background:var(--primary-color);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.admin-container .error-message button:hover{background:var(--primary-color-hover)}.admin-container .user-list-cell a{color:var(--primary-color);text-decoration:none;font-weight:500}.admin-container .user-list-cell a:hover{text-decoration:underline}.admin-container .user-list-cell[data-status=active]{color:var(--color-success)}.admin-container .user-list-cell[data-status=canceled]{color:var(--error-color)}.admin-container .user-list-cell[data-status=past_due]{color:var(--color-warn)}.admin-container .user-list-cell[data-plan=free]{color:var(--text-secondary)}.admin-container .user-list-cell[data-plan=pro]{color:var(--primary-color)}.admin-container .user-list-cell[data-plan=team]{color:var(--color-info)}.admin-container .user-list-cell[data-plan=enterprise]{color:var(--color-warn)}@media (max-width: 768px){.admin-container .admin-header{flex-direction:column;align-items:flex-start;gap:12px;padding:12px 16px}.admin-container .admin-controls{width:100%;flex-direction:column;align-items:flex-start;gap:8px}.admin-container .demo-toggle{order:1}.admin-container .kpi-section{padding:16px}.admin-container .kpi-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.admin-container .kpi-card{padding:16px}.admin-container .kpi-value{font-size:24px}.admin-container .kpi-label{font-size:12px}.admin-container .user-list-header-cell,.admin-container .user-list-cell{padding:6px 8px;font-size:12px}}.admin-container .user-list-header::-webkit-scrollbar,.admin-container .user-list-content::-webkit-scrollbar{height:8px;width:8px}.admin-container .user-list-header::-webkit-scrollbar-track,.admin-container .user-list-content::-webkit-scrollbar-track{background:var(--background-color)}.admin-container .user-list-header::-webkit-scrollbar-thumb,.admin-container .user-list-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.admin-container .user-list-header::-webkit-scrollbar-thumb:hover,.admin-container .user-list-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.device-list{display:flex;flex-direction:column;height:100%;outline:none;padding:16px;width:100%}.device-list{@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}.device-list .device-content{flex:1;overflow-x:auto;width:100%;height:100%}.device-list .list-item{display:flex;width:100%;cursor:pointer}.device-list .device-list-table{position:relative;height:100%;overflow-x:auto}.device-list .device-list-table .wrapper{position:relative;height:100%}.device-list .device-list-table-header{background:var(--request-list-table-header-background-color);border-bottom:1px solid var(--resize-handle-background-color);overflow-x:auto;transition:all .3s ease;position:sticky;top:0;z-index:10}.device-list .device-list-table-header-cell{display:inline-block;position:relative;padding:8px 12px;color:#888;font-weight:400;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-right:1px solid var(--border-color);font-size:12px}.device-list .device-list-table-header-cell>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-list .device-list-table-header-cell:hover{background-color:var(--hover-background-color)}.device-list .virtual-list-container{overflow-x:auto;overflow-y:auto}.device-list .list-item{display:flex;align-items:center;cursor:pointer;transition:all .3s ease;border-bottom:1px solid var(--border-color)}.device-list .list-item:hover{background-color:var(--hover-background-color)}.device-list .list-item.selected{background-color:var(--selected-background-color)}.device-list .list-item.even-row{background-color:var(--even-row-background-color)}.device-list .list-item.uneven-row{background-color:var(--uneven-row-background-color)}.device-list .list-item.selected.even-row,.device-list .list-item.selected.uneven-row{background-color:var(--selected-background-color)}.device-list .list-header,.device-list .list-header .buttons{margin-bottom:0}.device-list .td{padding:8px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease;border-right:1px solid var(--border-color);display:flex;align-items:center;font-size:12px;height:40px}.device-list .td>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-list .device-info{display:flex;align-items:center;gap:8px;min-width:0}.device-list .platform-icon{height:100%;padding-top:3px;background-size:contain;flex-shrink:0}.device-list .platform-icon.ios{background-image:url(../assets/ios-icon.svg);background-repeat:no-repeat}.device-list .platform-icon.android{background-image:url(../assets/android-icon.svg);background-repeat:no-repeat}.device-list .bundle-id-container{display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.device-list .bundle-id-icon{width:14px;height:14px;border-radius:4px;margin-right:8px;flex-shrink:0}.device-list td[data-type=sdkVersion]{position:relative}.device-list td[data-type=sdkVersion] .sdk-version-latest{background:var(--surface-color);color:var(--text-color);padding:4px;border-radius:4px;margin-left:4px}.device-list .col-resize-handle{position:absolute;right:0;top:0;bottom:0;width:4px;cursor:col-resize;background-color:transparent;transition:background-color .2s ease}.device-list .col-resize-handle:hover,.device-list .col-resize-handle.resizing{background-color:var(--resize-handle-background-color)}.device-list .highlight{background-color:var(--highlight-background-color);color:var(--highlight-text-color);padding:1px 2px;border-radius:2px}.device-list .empty-state{-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:start;padding:0;text-align:center;color:#888;height:100%;width:100%}.device-list .empty-state h3{margin:16px 0 8px;color:var(--text-secondary);font-size:18px;font-weight:500}.device-list .empty-state-actions{display:flex;gap:12px;margin-top:16px}.device-list .empty-state .button{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;border:none;cursor:pointer}.device-list .empty-state .button.primary{background:var(--primary-color);color:#fff}.device-list .empty-state .button.primary:hover{background:#0088e9}.device-list .empty-state .button.secondary{color:var(--primary-color);border:1px solid var(--primary-color);background:transparent}.device-list .empty-state .button.secondary:hover{background:var(--primary-color);color:#fff}.device-list .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#888}.device-list .loading-spinner{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.device-list .loading-text{font-size:14px}.device-list .failed-to-load-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#888}.device-list .failed-to-load-icon{margin-bottom:16px}.device-list .failed-to-load-text{font-size:14px}.device-list .search-container{padding:10px 0}.device-list .refresh-button:hover,.device-list .new-device-button:hover{background:var(--hover-background-color);color:var(--text-secondary)}.device-list .refresh-button.refreshing{animation:spin 1s linear infinite}.device-list .refresh-button:disabled{opacity:.5;cursor:not-allowed}.mobile-info-box{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border:1px solid #ff5252;border-radius:8px;margin-bottom:16px;box-shadow:0 2px 8px #ff6b6b33;animation:slideInFromTop .3s ease-out}.mobile-info-content{display:flex;align-items:flex-start;padding:12px 16px;gap:12px}.mobile-info-icon{flex-shrink:0;color:#fff;margin-top:2px}.mobile-info-text{flex:1;color:#fff;font-size:14px;line-height:1.4}.mobile-info-text strong{font-weight:600}.mobile-info-dismiss{background:none;border:none;color:#fff;font-size:20px;font-weight:700;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease;flex-shrink:0}.mobile-info-dismiss:hover{background-color:#fff3}@keyframes slideInFromTop{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.device-list{padding:8px}.device-list .td,.device-list-table-header-cell{padding:6px 8px}}.session-list{flex:1;overflow:auto;padding:16px;width:100%}.session-list table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}.session-list th{text-align:left;padding:8px 12px;color:#888;font-weight:400;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-list td{padding:8px 12px;border-bottom:1px solid var(--border-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease}.session-row{cursor:pointer}.session-row-header th[data-type=name],.session-row td[data-type=name]{width:260px}.session-row-header th[data-type=clientAppVersion],.session-row td[data-type=clientAppVersion]{width:100px}.session-list th.actions,.session-row .actions{width:32px}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background-color:var(--top-bar-background-color);border-bottom:1px solid var(--border-color);width:100%;box-sizing:border-box;height:36px}.top-bar .window-controls{display:flex;gap:4px;height:100%;margin-left:auto}.top-bar .control-btn{cursor:pointer;padding:4px;border-radius:4px;color:#888;transition:all .2s ease}.top-bar .control-btn:hover{background:var(--hover-background-color-secondary);color:var(--text-secondary)}.top-bar .control-btn.active{color:var(--primary-color)}.top-bar .control-btn .sf-symbol{font-size:14px}.top-bar .status{color:#888;font-size:12px}.top-bar .left-controls{display:flex;align-items:center;gap:8px}.top-bar .left-controls .logo{width:18px;height:18px;margin-top:8px}.top-bar .top-bar-button{display:flex;align-items:center;gap:6px;padding:2px 4px;background:none;border:none;color:#888;cursor:pointer;font-size:13px;border-radius:4px}.top-bar .top-bar-button:hover{background-color:var(--hover-background-color);color:var(--text-tertiary)}.top-bar .top-bar-button .symbol{display:flex;align-items:center;font-size:16px}.verify-email-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#1e1e1e;color:var(--text-secondary)}.verify-email-container{background:#252526;padding:32px;border-radius:8px;text-align:center;max-width:400px;width:100%}.verify-email-container h1{margin:0 0 16px;font-size:24px;font-weight:500}.verify-email-container p{margin:0;color:#ccc}.error-message{color:#f44747!important;margin-bottom:16px!important}.loading-spinner{margin:24px auto;width:40px;height:40px;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.session-details{height:100%}.session-details .request-stats-bar{justify-content:space-between}.share-container{display:flex;flex-direction:row;align-items:center;margin-left:auto;margin-right:8px;justify-content:flex-end;gap:12px}.share-url{font-size:12px;color:#666;margin-top:5px;word-break:break-all;white-space:normal;overflow-wrap:break-word;max-width:100%;margin-right:auto;text-align:left}.share-url .copy-button{margin-left:5px}.share-url-icon{height:24px;width:24px;cursor:pointer}.share-url-icon:hover svg{color:var(--primary-color)}.session-name{cursor:pointer}.session-name[data-can-edit=false]{cursor:default}.session-name input{min-width:240px}.time-slider{width:100%;margin:18px 0 10px;padding:2px 14px;-webkit-user-select:none;user-select:none}.time-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary, #888);margin-bottom:4px}.time-track{position:relative;height:8px;background:var(--primary-color);border-radius:4px;box-shadow:0 1px 2px #00000008}.time-range{position:absolute;height:100%;background:linear-gradient(90deg,var(--primary-color, #007bff),var(--accent-color, #00c6ff));border-radius:4px;z-index:1}.time-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;background:var(--primary-color, #007bff);border:2px solid rgba(255,255,255,.7);border-radius:50%;cursor:pointer;z-index:2;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;justify-content:center;transition:box-shadow .2s}.time-handle:hover,.time-handle:active{box-shadow:0 4px 16px #0000001f}.time-tooltip{position:absolute;top:-32px;left:50%;transform:translate(-50%);background:var(--background-color, #fff);color:var(--text-secondary) padding: 4px 10px;border-radius:6px;font-size:13px;font-weight:500;box-shadow:0 2px 8px #0000001a;white-space:nowrap;pointer-events:none;opacity:.95}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;z-index:10000;display:flex;align-items:center;justify-content:center}.session-share-modal{background:var(--modal-content-background-color);border-radius:12px;padding:32px 28px 24px;min-width:320px;max-width:95vw;box-shadow:0 4px 32px #0000002e;color:var(--text-primary);text-align:center}.session-share-modal h2{margin-bottom:12px;font-size:1.3rem;font-weight:700}.session-share-modal p{color:#aaa;margin-bottom:18px;font-size:1rem}.share-url-box{display:flex;align-items:flex-start;gap:8px;margin-bottom:18px;background:#232329;border-radius:8px;padding:10px}html[data-theme=light] .share-url-box{background:#fff}html[data-theme=light] .share-url-box textarea{color:#000}.share-url-textarea{flex:1;border:none;color:#fff;font-size:1rem;outline:none;padding:4px 8px 4px 4px;resize:none;min-height:48px;max-height:120px;width:100%;font-family:inherit;line-height:1.4;background:none;overflow-wrap:break-word;word-break:break-all}.copy-url-btn{display:flex;align-items:center;justify-content:center}.modal-actions{margin-top:10px}.confirm-btn{padding:10px 18px}.not-found-page{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:var(--background-color)}.not-found-container{height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-primary);padding:20px}.not-found-content{text-align:center;max-width:500px;animation:fadeIn .5s ease-out}.error-code{font-size:120px;font-weight:700;margin:0;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.error-title{font-size:32px;margin:20px 0;color:var(--text-primary)}.error-message{font-size:16px;color:var(--text-secondary);margin-bottom:30px;line-height:1.5}.home-button{display:inline-block;padding:12px 24px;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:all .2s ease}.home-button:hover{background:var(--primary-color-hover);transform:translateY(-1px)}.home-button:active{transform:translateY(0)}.home-button:visited{color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.error-code{font-size:96px}.error-title{font-size:24px}.error-message{font-size:14px}}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.settings-window{background-color:#1e1e1e;border-radius:8px;width:500px;max-width:90vw;box-shadow:0 4px 12px #00000080}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-color)}.settings-header h2{margin:0;font-size:18px;color:var(--text-tertiary)}.close-btn{background:none;border:none;color:#888;font-size:24px;cursor:pointer;padding:0 8px}.close-btn:hover{color:var(--text-tertiary)}.settings-window .form-group{border-bottom:1px solid var(--border-color)}.form-group input{width:100%;padding:8px;background-color:var(--input-background-color);border:1px solid var(--input-border-color);border-radius:4px;color:var(--text-tertiary);font-size:14px;transition:all .3s ease}.api-key-container{display:flex;gap:8px}.copy-btn{padding:8px 16px;background-color:#2d2d2d;border:1px solid #404040;color:var(--text-tertiary);border-radius:4px;cursor:pointer}.copy-btn:hover{background-color:#353535}.form-actions{padding:16px;display:flex;justify-content:flex-end}.save-btn{padding:8px 16px;background-color:#007acc;border:none;color:#fff;border-radius:4px;cursor:pointer}.save-btn:hover{background-color:var(--primary-color)}.settings{padding:24px;max-width:800px;margin:0 auto}.settings-section{border-radius:8px;margin-bottom:24px}.settings-section h2{margin:0 0 24px;font-size:20px;font-weight:500;color:var(--text-color)}.api-key-container label{display:block;margin-bottom:8px;font-size:14px;color:var(--text-secondary)}.api-key-field{display:flex;gap:8px;margin-bottom:8px}.api-key-field input{flex:1;padding:8px 12px;background:#2d2d2d;border:1px solid #3c3c3c;border-radius:4px;color:var(--input-text-color);font-size:14px;font-family:monospace;cursor:pointer}.api-key-help{margin:8px 0 0;font-size:12px;color:var(--text-secondary)}.settings-loading{display:flex;justify-content:center;align-items:center;height:200px;color:var(--text-secondary)}.settings-error{padding:16px;margin:24px;background:var(--error-background);color:var(--error-color);border-radius:6px}.settings-container{height:100%;overflow:auto;padding:20px;color:var(--text-secondary);scroll-behavior:smooth}.settings-content{max-width:800px;margin:0 auto}.settings-content h1{font-size:24px;font-weight:400;margin-bottom:30px;color:var(--text-secondary)}.settings-section{margin-bottom:40px;border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:var(--section-header-background-color);color:var(--section-header-text-color);border-bottom:1px solid var(--border-color)}.section-header h2{font-size:14px;font-weight:400;margin:0}.section-header .upgrade-button{margin:0;font-size:12px;padding:6px 12px}.setting-row{padding:20px;border-bottom:1px solid var(--border-color)}.setting-row:last-child{border-bottom:none}.setting-field{max-width:100%;margin-top:12px}.setting-field label{display:block;margin-bottom:8px;color:#888;font-size:12px}.setting-field input[type=text]{width:100%;padding:8px 12px;background:var(--input-background-color);border:1px solid var(--input-border-color);border-radius:4px;color:var(--input-text-color);font-size:14px}.setting-field input:focus{outline:none;border-color:var(--primary-color)}.dsn-display{padding:12px;background:#2d2d2d;border:1px solid #3c3c3c;border-radius:4px;font-family:monospace;margin-bottom:8px}.hint-text{color:#888;font-size:12px;margin:8px 0}.warning-text{color:#ce9178;font-size:12px;margin:8px 0}.danger-button{background:#4d2c2c;color:#f44747;border:1px solid #f44747;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.danger-button:hover{background:#5a3333}.setting-info p{margin:0 0 12px;line-height:1.5}.usage-stats{display:flex;flex-direction:column;gap:20px}.usage-item{width:100%}.usage-item label{display:block;color:#888;font-size:12px;margin-bottom:8px}.usage-value{font-size:16px;color:var(--text-secondary);margin-bottom:8px;font-family:monospace}.usage-bar{width:100%;height:6px;background:#2d2d2d;border-radius:3px;overflow:hidden}.usage-progress{height:100%;background:var(--primary-color);border-radius:3px;transition:width .3s ease,background-color .3s ease}.plan-info{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border-color)}.plan-info span{color:#888;font-size:14px}.upgrade-button{background:var(--primary-color);color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;margin-top:16px;transition:all .3s ease}.upgrade-button:hover{background:#07c}.email-edit{display:flex;gap:8px;align-items:center}.email-input{flex:1;padding:8px 12px;background:#2d2d2d;border:1px solid #3c3c3c;border-radius:4px;color:var(--input-text-color);font-size:14px}.email-actions{display:flex;gap:8px}.email-display{display:flex;align-items:center;gap:12px}.edit-button,.save-button,.cancel-button{padding:6px 12px;border-radius:4px;font-size:13px;cursor:pointer}.save-button{background:var(--primary-color);border:none;color:#fff}.cancel-button{background:#2d2d2d;border:1px solid #3c3c3c;color:#888}.change-password-button{padding:8px 16px}.account-actions{display:flex;gap:12px;margin-top:8px}.logout-button,.delete-account-button{padding:8px 16px;border:1px solid #f44747;color:#f44747}.logout-button{margin-top:0}.subscription-info{border-radius:8px;padding:24px}.usage-in-percent{font-size:.9em}.usage-in-percent.warning{color:#ffab00}.usage-in-percent.limit-exceeded{color:#f44747}.info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color)}.info-row:last-child{border-bottom:none}.info-row .value{font-weight:500}.limit-info{color:#888;font-size:.9em}.limit-exceeded{color:#f44747}.trial-info{padding:24px;background:#252526;border-radius:8px;margin-top:16px}.trial-info button{margin-top:16px;padding:8px 16px;background:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer}.subscription-actions{margin-top:24px;padding-top:24px}.cancel-subscription-button{background:transparent;border:1px solid #f44747;color:#f44747;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s ease}.cancel-subscription-button:hover{background:#f44747;color:#fff}.cancel-subscription-button:disabled{opacity:.5;cursor:not-allowed}.subscription-note{color:#888;font-size:12px;margin-top:8px}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.status-badge.active,.status-badge.trialing{background:#0098ff1a;color:var(--primary-color);border:1px solid rgba(0,152,255,.2)}.status-badge.canceled{background:#f447471a;color:#f44747;border:1px solid rgba(244,71,71,.2)}.status-badge.expired{background:#8888881a;color:#888;border:1px solid rgba(136,136,136,.2)}.status-badge.trial{background:#ffab001a;color:#ffab00;border:1px solid rgba(255,171,0,.2)}.trial-countdown{margin-left:8px;color:#888;font-size:12px}.trial-message{color:#888;font-size:14px;margin-top:16px;text-align:center;padding:16px;background:#ffab000d;border-radius:4px;border:1px solid rgba(255,171,0,.1)}.settings-section>h2{display:none}.secondary-button{background:transparent;border:1px solid #888;color:#888;padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .3s ease}.secondary-button:hover{background:#333;color:var(--text-secondary)}.danger-button{background:#f44747;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background .3s ease}.danger-button:hover{background:#d63939}.subscription-section{background-color:#2d2d2d;border-radius:8px;padding:20px;margin-top:24px}.status{text-transform:capitalize;font-weight:500}.status.active{color:#4caf50}.status.canceled{color:#f44336}.reactivate-button{margin-top:16px}.subscription-info p{margin:8px 0;color:#d4d4d4}.request-chart-section{margin-top:2rem;padding:1rem;background:var(--background-secondary);border-radius:8px}.request-chart-footer{margin-top:1rem;font-size:.8rem;text-align:right;color:var(--text-secondary)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chart-header .toggle-button{border-radius:2px;width:auto;padding:4px 8px}.chart-header-text-title{font-size:1.1rem;color:var(--text-primary)}.chart-header-text{display:flex;flex-direction:column}.chart-header h3{margin:0;font-size:1.1rem;color:var(--text-primary)}.view-toggle{display:flex;gap:.5rem;transition:all .2s ease}.toggle-button{padding:.4rem .8rem;border:1px solid var(--border-color);background:var(--background-color);color:var(--text-secondary);border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.toggle-button:hover{background:var(--background-hover)}.toggle-button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.request-chart{min-height:250px;height:250px;margin-top:1rem}.chart-container{display:flex;align-items:flex-end;height:100%;gap:4px;padding:1rem 0;overflow-x:auto;overflow-y:hidden;min-height:100%}.chart-bar{flex:0 0 36px;display:flex;flex-direction:column;align-items:center;height:100%;min-width:38px;justify-content:flex-end}.bar-value{margin-bottom:4px;font-size:.75rem;color:#b3c6ff;font-weight:500;text-align:center;min-height:18px}.bar{width:100%;background:var(--primary-color);border-radius:4px 4px 0 0;transition:height .3s ease;display:block}.bar-label{margin-top:6px;font-size:.7rem;color:var(--text-secondary);text-align:center;white-space:nowrap;cursor:pointer;transform:none}.no-data{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);font-style:italic}.invoice-row{display:flex;justify-content:space-between;align-items:center;padding:12px;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.invoice-headers{display:flex;color:var(--text-secondary);justify-content:space-between;align-items:center;padding:12px}.invoice-header-date,.invoice-date{width:150px}.invoice-header-billing-period,.invoice-billing-period{width:200px}.invoice-header-amount,.invoice-amount{width:150px}.invoice-header-status,.invoice-status{width:90px}.invoice-status-paid{color:#4caf50;font-weight:500;border:1px solid #4caf50;padding:4px 8px;border-radius:4px}.invoice-status-unpaid{color:#f44336;font-weight:500;border:1px solid #f44336;padding:4px 8px;border-radius:4px}.invoice-header-actions,.invoice-actions{width:80px}.no-data{font-size:14px;color:var(--text-secondary);text-align:center;padding:16px}.cancel-subscription-modal textarea{width:100%;padding:8px 12px;margin-top:16px;margin-bottom:16px;border:1px solid var(--border-color);border-radius:4px;resize:vertical;min-height:100px;max-height:300px;color:var(--input-text-color);font-size:14px}.password-modal{background:var(--modal-content-background-color);border-radius:8px;padding:24px;min-width:480px;position:relative}.password-modal h2{margin:0 0 24px;font-size:20px;color:var(--text-secondary)}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;color:#888;font-size:14px}.form-group input:focus{outline:none;border-color:var(--primary-color)}.error-message{background:#4d2c2c;color:#f44747;padding:8px 12px;border-radius:4px;margin-bottom:16px;font-size:14px}.success-message{background:#2c4d2c;color:#47f447;padding:8px 12px;border-radius:4px;margin-bottom:16px;font-size:14px}.cancel-button,.submit-button{padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer}.cancel-button{border:1px solid #3c3c3c;color:#888}.submit-button{background:var(--primary-color);border:none;color:#fff}.submit-button:disabled{opacity:.5;cursor:not-allowed}.delete-account-modal{background:#1e1e1e;border-radius:8px;padding:24px;width:400px;position:relative}.delete-account-modal h2{margin:0 0 24px;font-size:20px;color:var(--text-secondary)}.warning-message{background:#4d2c2c;color:#f44747;padding:12px;border-radius:4px;margin-bottom:24px;font-size:14px;line-height:1.5}.warning-message p{margin:0 0 8px}.warning-message p:last-child{margin:0}.warning-message strong{color:var(--text-secondary);font-weight:500}.form-group input{width:100%;padding:8px 12px;background:var(--input-background-color);border:1px solid var(--input-border-color);border-radius:4px;color:var(--input-text-color);font-size:14px}.form-group input:focus{outline:none;border-color:#f44747}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.delete-button{padding:8px 16px;background:#4d2c2c;border:1px solid #f44747;color:#f44747;border-radius:4px;font-size:14px;cursor:pointer}.delete-button:hover:not(:disabled){background:#5a3333}.delete-button:disabled{opacity:.5;cursor:not-allowed}.progress-bar-container{width:100%;margin:16px 0}.progress-bar-container.small{margin:8px 0}.progress-bar-container.large{margin:24px 0}.progress-bar-label{font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.progress-bar-track{width:100%;background-color:var(--quota-progress-bar-background-color);border-radius:8px;overflow:hidden;position:relative}.progress-bar-container.small .progress-bar-track{height:6px;border-radius:3px}.progress-bar-container.normal .progress-bar-track{height:8px;border-radius:4px}.progress-bar-container.large .progress-bar-track{height:12px;border-radius:6px}.progress-bar-fill{height:100%;border-radius:inherit;transition:width .3s ease-in-out;position:relative}.progress-bar-fill.animate{animation:progressFillIn .8s ease-out}.progress-bar-labels{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:12px;color:#9ca3af}.progress-bar-current{font-weight:500;color:#e5e7eb}.progress-bar-percentage{font-weight:600;color:#e5e7eb;background:#374151;padding:2px 6px;border-radius:4px;font-size:11px}.progress-bar-remaining{font-weight:400}.progress-bar-container.small .progress-bar-labels{font-size:11px;margin-top:6px}.progress-bar-container.small .progress-bar-label{font-size:12px;margin-bottom:6px}.progress-bar-container.large .progress-bar-labels{font-size:14px;margin-top:12px}.progress-bar-container.large .progress-bar-label{font-size:16px;margin-bottom:12px}@keyframes progressFillIn{0%{width:0%}to{width:var(--target-width, 0%)}}@media (prefers-color-scheme: light){.progress-bar-label{color:#374151}.progress-bar-track{background-color:#e5e7eb}.progress-bar-current{color:#374151}.progress-bar-percentage{color:#374151;background:#e5e7eb}.progress-bar-labels{color:#6b7280}}@media (max-width: 480px){.progress-bar-labels{flex-direction:column;align-items:flex-start;gap:4px}.progress-bar-percentage{align-self:flex-end}}.welcome-tour{display:flex;flex-direction:column;height:100%;padding:16px}.welcome-tour-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.welcome-tour-header h2{margin:0}.welcome-tour-progress{font-size:12px;color:var(--text-secondary);background:var(--surface-color);border:1px solid var(--border-color);padding:6px 10px;border-radius:6px}.welcome-tour-error{color:#f44747;background:#f447471a;border:1px solid #F44747;border-radius:6px;padding:8px 12px;margin-bottom:12px}.welcome-tour-sections{overflow-y:auto;padding-right:8px}.welcome-tour-section{margin-bottom:20px}.tour-card{border:1px solid var(--border-color);border-radius:12px;background:var(--background-color);box-shadow:0 6px 18px #00000014}.tour-card-header{padding:14px 16px 8px}.tour-card-media{padding:0 16px 12px}.video-placeholder{height:160px;border:1px dashed var(--border-color);border-radius:10px;background:var(--surface-color);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:12px}.title-row{display:flex;align-items:center;gap:10px}.title-row h3{margin:0;color:var(--text-color)}.count-badge{margin-left:auto;font-size:12px;color:var(--text-secondary);background:var(--surface-color);border:1px solid var(--border-color);padding:4px 8px;border-radius:999px}.progress{position:relative;margin-top:10px;height:8px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:999px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-color),#00bcd4);transition:width .3s ease}.progress-label{position:absolute;top:-18px;right:0;font-size:11px;color:var(--text-secondary)}.welcome-tour-section h3{margin:0 0 10px;color:var(--text-secondary)}.welcome-tour-list{display:flex;flex-direction:column;gap:8px;padding:12px 16px 16px}.welcome-tour-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--background-color)}.welcome-tour-item input[type=checkbox]{width:16px;height:16px}.welcome-tour-item .title{flex:1}.welcome-tour-item .completed-at{font-size:11px;color:var(--text-secondary)}.record-demo{height:100vh;display:flex;align-items:center;justify-content:center;background:#1e1e1e}.record-controls{padding:20px;border-radius:8px;background:#252526}.record-button{padding:12px 24px;border-radius:6px;border:none;font-size:16px;cursor:pointer;background:var(--primary-color);color:#fff;transition:all .2s}.record-button:hover{background:#07c}.record-button.stop{background:#f44747}.record-button.stop:hover{background:#d83939}.capture-device-screen{height:100%;display:flex;flex-direction:column;position:relative}.capture-device-screen{@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}}.capture-device-screen .capture-options-bar{-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0;right:0;height:48px;background:var(--surface-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:space-between;align-items:center;padding:0 16px;z-index:100;border-bottom:1px solid rgba(255,255,255,.1)}.capture-device-screen .device-info{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px}.capture-device-screen .recording-indicator{width:8px;height:8px;background:#ff3b30;border-radius:50%;animation:pulse 2s infinite}.capture-device-screen .options-actions{display:flex;align-items:center;gap:12px}.capture-device-screen .stop-button{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;background:#ff3b3033;color:#ff3b30;border:1px solid rgba(255,59,48,.3);cursor:pointer;transition:all .2s ease}.capture-device-screen .stop-button:hover{background:#ff3b304d}.capture-device-screen .stop-button svg{width:16px;height:16px}.capture-device-screen .connection-stats{position:absolute;top:54px;right:4px;background:#000000b3;padding:8px 12px;border-radius:6px;font-size:12px;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;flex-direction:column;gap:4px;border:1px solid rgba(255,255,255,.1)}.capture-device-screen .stat-item{display:flex;justify-content:space-between;gap:12px}.capture-device-screen .stat-label{color:#ffffffb3}.capture-device-screen .stat-value{font-family:monospace;color:var(--primary-color)}.capture-device-screen .empty-state{display:flex;align-items:center;justify-content:center;height:100%;overflow-y:scroll;padding:185px 24px 24px}.capture-device-screen .empty-state-content{max-width:400px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.capture-device-screen .permission-icon{width:64px;height:64px;color:var(--primary-color);opacity:.8}.capture-device-screen .empty-state h3{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.capture-device-screen .permission-steps{display:flex;flex-direction:column;gap:12px;margin-top:8px;width:100%;text-align:left}.capture-device-screen .explainer-image{width:100%;height:100%;object-fit:contain;margin-top:16px}.capture-device-screen .explainer-image img{width:100%;height:100%;object-fit:contain;border-radius:10px}.capture-device-screen .step{display:flex;align-items:center;gap:12px;padding:12px;background:var(--background-secondary);border-radius:8px;border:1px solid var(--border-color)}.capture-device-screen .step-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--primary-color);color:#fff;border-radius:50%;font-size:14px;font-weight:500}.capture-device-screen .step span:last-child{color:var(--text-primary);font-size:14px}.capture-device-screen video{width:100%;height:calc(100% - 48px);object-fit:contain;margin-top:48px}.capture-device-screen .stats-toggle{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:6px 10px;border-radius:6px;background:var(--background-secondary);transition:all .2s ease}.capture-device-screen .stats-toggle:hover{background:var(--background-hover)}.capture-device-screen .stats-toggle input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border:2px solid var(--text-secondary);border-radius:3px;margin:0;display:grid;place-content:center;cursor:pointer;transition:all .2s ease}.capture-device-screen .stats-toggle input:checked{border-color:var(--primary-color);background:var(--primary-color)}.capture-device-screen .stats-toggle input:before{content:"";width:6px;height:6px;transform:scale(0);transition:transform .1s ease;box-shadow:inset 1em 1em #fff;transform-origin:center;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.capture-device-screen .stats-toggle input:checked:before{transform:scale(1)}.capture-device-screen .video-container{position:relative;width:100%;top:48px;height:calc(100% - 48px);overflow:hidden}.capture-device-screen .video-container video,.capture-device-screen .video-container canvas{object-fit:contain}.capture-device-screen .drawing-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:all}.capture-device-screen .drawing-toolbox{position:absolute;bottom:0;left:50%;transform:translate(-50%);background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;padding:12px;border:1px solid rgba(255,255,255,.1);z-index:100}.capture-device-screen .tools-container{display:flex;align-items:center;gap:16px}.capture-device-screen .tool-section{display:flex;align-items:center;gap:8px}.capture-device-screen .tool-label{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px}.capture-device-screen .color-picker{width:32px;height:32px;border:1px solid var(--border-color);border-radius:4px;padding:2px;background:var(--background-color);cursor:pointer}.capture-device-screen .width-input-container{display:flex;align-items:center;gap:8px;background:var(--background-color);border:1px solid var(--border-color);border-radius:4px;padding:0 8px;width:80px}.capture-device-screen .width-input{width:100%;height:32px;border:none;background:transparent;color:var(--text-primary);font-size:13px;padding:0;-moz-appearance:textfield}.capture-device-screen .width-input::-webkit-outer-spin-button,.capture-device-screen .width-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.capture-device-screen .width-unit{color:var(--text-secondary);font-size:12px}.capture-device-screen .clear-button{width:100%;min-width:34px;padding:8px;border-radius:4px;border:0;cursor:pointer;font-size:12px;transition:all .2s ease}.slide-over-helper{position:fixed;top:0;right:0;width:320px;height:100vh;background:var(--slide-over-background-color);color:var(--text-secondary);box-shadow:-2px 0 16px var(--box-shadow-background-color);z-index:9999;transform:translate(100%);transition:transform .32s;display:flex;flex-direction:column;pointer-events:none}.slide-over-helper.open{transform:translate(0);pointer-events:auto}.slide-over-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.1rem .7rem;border-bottom:1px solid var(--border-color)}.slide-over-title{font-size:1.08rem;font-weight:600;color:var(--text-secondary);letter-spacing:.01em}.slide-over-close{background:none;border:none;cursor:pointer;padding:0;margin-left:.5rem;border-radius:50%;transition:background .15s}.slide-over-close:hover{background:var(--hover-background-color)}.slide-over-content{padding:1.1rem;overflow-y:auto;flex:1;color:var(--text-color);font-size:14px}.slide-over-helper pre{display:flex;flex-direction:column}.slide-over-helper .copy-btn.small{margin-left:auto;padding:.2rem .5rem}:root{--primary-color: #3b82f6;--primary-color-visited: #2563eb;--primary-color-hover: #1d4ed8;--background-color: #0a0a0a;--bg-secondary:#2a2a2a;--default-background-color: #1a1a1a;--surface-color: var(--default-background-color);--text-color: #ffffff;--text-color-request-type: #ffffff;--text-secondary: #a0a0a0;--text-tertiary: #808080;--text-inverted: #0a0a0a;--border-color: #2a2a2a;--error-background: #1f1a1a;--error-color: #ef4444;--hover-color: rgba(255, 255, 255, .1);--hover-background-color: #2a2a2a;--hover-background-color-secondary: #3a3a3a;--code-editor-background-color: var(--default-background-color);--button-background-color: #2a2a2a;--button-text-color: #ffffff;--toggle-background-color: #2a2a2a;--tag-background-color: #3a3a3a;--box-shadow-background-color: rgba(0,0,0,.5);--connection-banner-color: #ffffff;--connection-banner-background-color: #1f1a1a;--select-background-color: #2a2a2a;--select-text-color: #ffffff;--file-badge-background-color: #3a3a3a;--file-badge-text-color: #ffffff;--input-background-color: var(--default-background-color);--input-background-color-darker: #101010;--input-border-color: #2a2a2a;--input-text-color: #ffffff;--section-header-background-color: var(--default-background-color);--section-header-text-color: #ffffff;--resize-handle-background-color: rgba(42,42,42,.3);--custom-button-hover-background-color: linear-gradient(to bottom, #3a3a3a 0%, #2a2a2a 100%);--custom-button-active-background-color: linear-gradient(to bottom, #2a2a2a 0%, var(--default-background-color) 100%);--request-type-log-background-color: #1a2a1a;--request-type-event-background-color: #1a2a2a;--request-type-network-background-color: #2a2a2a;--request-type-screenshot-background-color: #1a2a1a;--request-type-firebase-analytics-background-color: #2a1a0a;--request-level-background-color-debug: rgba(80, 80, 80, .15);--request-level-background-color-warn: rgba(245, 158, 11, .15);--request-level-background-color-info: rgba(59, 130, 246, .15);--request-level-background-color-error: rgba(239, 68, 68, .15);--request-level-color-debug: rgb(139, 139, 139);--request-level-color-warn: rgb(245, 158, 11);--request-level-color-info: rgb(59, 130, 246);--request-level-color-error: rgb(239, 68, 68);--color-error: rgb(239, 68, 68);--color-warn: rgb(245, 158, 11);--color-info: rgb(59, 130, 246);--color-debug: rgb(16, 185, 129);--color-event: rgb(59, 130, 246);--color-error-light: rgba(239, 68, 68, .2);--color-warn-light: rgba(245, 158, 11, .2);--color-info-light: rgba(59, 130, 246, .2);--color-debug-light: rgba(16, 185, 129, .2);--color-event-light: rgba(59, 130, 246, .2);--headers-table-header-color: #3b82f6;--headers-table-value-color: #10b981;--bg-color-method-get: #1a2a1a;--bg-color-method-post: #1a2a2a;--bg-color-method-put: #1a2a2a;--bg-color-method-delete: #2a1a1a;--bg-color-method-patch: #2a2a2a;--color-method-get: #10b981;--color-method-post: #3b82f6;--color-method-put: #8b5cf6;--color-method-delete: #ef4444;--color-method-patch: #a0a0a0;--status-code-success-background-color: #1a2a1a;--status-code-info-background-color: #1a2a2a;--status-code-warning-background-color: #2a1a0a;--status-code-error-background-color: #2a1a1a;--status-code-success-color: #10b981;--status-code-info-color: #3b82f6;--status-code-warning-color: #f59e0b;--status-code-error-color: #ef4444;--token-function-color: #5275dd;--token-punctuation-color: #a0a0a0;--top-bar-background-color: var(--default-background-color);--sidebar-background-color: var(--default-background-color);--slide-over-background-color: var(--default-background-color);--right-sidebar-background-color: #0a0a0a;--controls-bar-background-color: #0a0a0a;--content-area-background-color: #0a0a0a;--request-list-table-header-background-color: #0a0a0a;--virtual-list-container-even-row-background-color: #0a0a0a;--virtual-list-container-uneven-row-background-color: var(--default-background-color);--selected-background-color: #2a2a2a;--even-row-background-color: #0a0a0a;--uneven-row-background-color: var(--default-background-color);--highlight-background-color: #3b82f6;--highlight-text-color: #ffffff;--params-table-row-even-background-color: var(--default-background-color);--details-background-color: #0a0a0a;--modal-content-background-color: var(--default-background-color);--console-view-background-color: #0a0a0a;--overlay-background-color: rgba(0,0,0,.9);--info-background-color: #1a2a2a;--warning-background-color: #2a1a0a;--error-background-color: #2a1a1a;--mock-api-selector-text-color: #ffffff;--ace-gutter-background: var(--default-background-color);--ace-gutter-color: #a0a0a0;--ace-print-margin-background: #2a2a2a;--ace-background-color: #0a0a0a;--ace-text-color: #ffffff;--ace-cursor-color: #ffffff;--ace-selection-background: #2a2a2a;--ace-selection-box-shadow: #0a0a0a;--ace-step-background: rgb(59, 130, 246);--ace-bracket-border: #3a3a3a;--ace-active-line-background: var(--default-background-color);--ace-gutter-active-line-background: var(--default-background-color);--ace-selected-word-border: #2a2a2a;--ace-fold-background: #3a3a3a;--ace-fold-border: #ffffff;--ace-keyword-color: #3b82f6;--ace-constant-language-color: #fbbf24;--ace-constant-numeric-color: #10b981;--ace-string-color: #3b82f6;--ace-comment-color: #64748b;--quota-progress-bar-background-color: #374151;--code-snippets-background-color: #101010}:root[data-theme=light]{--primary-color: #3b82f6;--primary-color-hover: #2563eb;--background-color: #ffffff;--bg-secondary:#f8fafc;--surface-color: #f8fafc;--text-color: #0f172a;--text-color-request-type: #0f172a;--text-secondary: #64748b;--text-tertiary: #94a3b8;--text-inverted: #ffffff;--border-color: #e2e8f0;--error-background: #fef2f2;--error-color: #ef4444;--hover-color: rgba(0, 0, 0, .04);--hover-background-color: #f1f5f9;--hover-background-color-secondary: #e2e8f0;--code-editor-background-color: #f8fafc;--button-background-color: #f1f5f9;--button-text-color: #0f172a;--toggle-background-color: #e2e8f0;--tag-background-color: #f1f5f9;--box-shadow-background-color: rgba(0,0,0,.1);--connection-banner-color: #ffffff;--connection-banner-background-color: #fef2f2;--select-background-color: #f8fafc;--select-text-color: #0f172a;--file-badge-background-color: #f1f5f9;--file-badge-text-color: #0f172a;--input-background-color: #ffffff;--input-background-color-darker: #f8fafc;--input-border-color: #e2e8f0;--input-text-color: #0f172a;--section-header-background-color: #f8fafc;--section-header-text-color: #0f172a;--resize-handle-background-color: rgba(226,232,240,.3);--custom-button-hover-background-color: #e2e8f0;--custom-button-active-background-color: #cbd5e1;--request-type-log-background-color: #f0fdf4;--request-type-event-background-color: #f0f9ff;--request-type-network-background-color: #f8fafc;--request-type-screenshot-background-color: #f0fdf4;--request-type-firebase-analytics-background-color: #fef3c7;--request-level-background-color-debug: rgba(148, 163, 184, .15);--request-level-background-color-warn: rgba(245, 158, 11, .15);--request-level-background-color-info: rgba(59, 130, 246, .15);--request-level-background-color-error: rgba(239, 68, 68, .15);--request-level-color-debug: rgb(100, 116, 139);--request-level-color-warn: rgb(245, 158, 11);--request-level-color-info: rgb(59, 130, 246);--request-level-color-error: rgb(239, 68, 68);--color-error: #ef4444;--color-warn: #f59e0b;--color-info: #3b82f6;--color-debug: #10b981;--color-event: #3b82f6;--color-error-light: rgba(239, 68, 68, .12);--color-warn-light: rgba(245, 158, 11, .12);--color-info-light: rgba(59, 130, 246, .12);--color-debug-light: rgba(16, 185, 129, .12);--color-event-light: rgba(59, 130, 246, .12);--headers-table-header-color: #3b82f6;--headers-table-value-color: #10b981;--bg-color-method-get: #f0fdf4;--bg-color-method-post: #f0f9ff;--bg-color-method-put: #f8fafc;--bg-color-method-delete: #fef2f2;--bg-color-method-patch: #f8fafc;--color-method-get: #10b981;--color-method-post: #3b82f6;--color-method-put: #8b5cf6;--color-method-delete: #ef4444;--color-method-patch: #64748b;--status-code-success-background-color: #f0fdf4;--status-code-info-background-color: #f0f9ff;--status-code-warning-background-color: #fef3c7;--status-code-error-background-color: #fef2f2;--status-code-success-color: #10b981;--status-code-info-color: #3b82f6;--status-code-warning-color: #f59e0b;--status-code-error-color: #ef4444;--token-function-color: #5275dd;--token-punctuation-color: #64748b;--top-bar-background-color: #ffffff;--sidebar-background-color: #f8fafc;--slide-over-background-color: #f8fafc;--right-sidebar-background-color: #f8fafc;--controls-bar-background-color: #f8fafc;--content-area-background-color: #ffffff;--request-list-table-header-background-color: #ffffff;--virtual-list-container-even-row-background-color: #ffffff;--virtual-list-container-uneven-row-background-color: #f8fafc;--selected-background-color: #dbeafe;--even-row-background-color: #ffffff;--uneven-row-background-color: #f8fafc;--highlight-background-color: #3b82f6;--highlight-text-color: #ffffff;--params-table-row-even-background-color: #f8fafc;--details-background-color: #ffffff;--modal-content-background-color: #ffffff;--console-view-background-color: #ffffff;--overlay-background-color: rgba(255,255,255,.5);--info-background-color: #f0f9ff;--warning-background-color: #fef3c7;--error-background-color: #fef2f2;--mock-api-selector-text-color: #0f172a;--ace-gutter-background: #f8fafc;--ace-gutter-color: #64748b;--ace-print-margin-background: #e2e8f0;--ace-background-color: #ffffff;--ace-text-color: #0f172a;--ace-cursor-color: #0f172a;--ace-selection-background: #dbeafe;--ace-selection-box-shadow: #dbeafe;--ace-step-background: rgb(59, 130, 246);--ace-bracket-border: #cbd5e1;--ace-active-line-background: #f8fafc;--ace-gutter-active-line-background: #f8fafc;--ace-selected-word-border: #dbeafe;--ace-fold-background: #e2e8f0;--ace-fold-border: #0f172a;--ace-keyword-color: #3b82f6;--ace-constant-language-color: #f59e0b;--ace-constant-numeric-color: #10b981;--ace-string-color: #ef4444;--ace-comment-color: #64748b;--quota-progress-bar-background-color: #e5e7eb;--code-snippets-background-color: #f8fafc}.element-capture-root{width:100%;height:100%;display:flex;gap:20px;background:#1a1a1a;padding:20px;color:#f9fafb}.element-capture-root{@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}}.element-capture-root .element-capture-container{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 20px 40px #0000004d;isolation:isolate;transform-style:flat;display:inline-block;transition:transform .3s cubic-bezier(.4,0,.2,1),transform-origin .15s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative;flex-grow:0;flex-shrink:0}.element-capture-root .app-wrapper{padding:20px;border-radius:8px;height:100%;box-sizing:border-box}.element-capture-root .element-capture-controls{width:300px;display:flex;flex-direction:column;gap:16px;padding:20px;height:100vh;overflow-y:auto;background:#1f2937;border-right:1px solid #374151}.element-capture-root .recording-controls{display:flex;gap:8px}.element-capture-root .btn-record{padding:10px 16px;border:none;border-radius:8px;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s ease;display:flex;align-items:center;gap:6px}.element-capture-root .btn-start{background:#3b82f6;color:#fff}.element-capture-root .btn-start:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.element-capture-root .btn-start:disabled{background:#374151;color:#9ca3af;cursor:not-allowed}.element-capture-root .btn-stop{background:#ef4444;color:#fff}.element-capture-root .btn-stop:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.element-capture-root .btn-stop:disabled{background:#374151;color:#9ca3af;cursor:not-allowed}.element-capture-root .btn-close{background:#6b7280;color:#fff}.element-capture-root .btn-close:hover{background:#4b5563;transform:translateY(-1px)}.element-capture-root .btn-screenshot{background:#059669;color:#fff}.element-capture-root .btn-screenshot:hover{background:#047857;transform:translateY(-1px)}.element-capture-root .recording-indicator{width:8px;height:8px;border-radius:50%;background:#fff}.element-capture-root .recording-indicator.active{background:#ef4444;animation:pulse 1.5s infinite}.element-capture-root .zoom-controls{display:flex;align-items:center;gap:8px;padding:12px;background:#374151;border-radius:8px;border:1px solid #4b5563}.element-capture-root .zoom-label{font-size:13px;color:#d1d5db;font-weight:500;min-width:32px}.element-capture-root .btn-zoom{width:28px;height:28px;background:#1f2937;color:#f9fafb;border:1px solid #4b5563;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;transition:all .2s ease}.element-capture-root .btn-zoom:hover{background:#374151;border-color:#6b7280}.element-capture-root .zoom-display{min-width:48px;text-align:center;font-size:13px;font-weight:600;color:#f9fafb}.element-capture-root .background-controls{display:flex;flex-direction:column;gap:12px}.element-capture-root .control-group{display:flex;flex-direction:column;gap:8px}.element-capture-root .control-label{font-size:13px;color:#d1d5db;font-weight:500}.element-capture-root .gradient-toggle{display:flex;gap:4px}.element-capture-root .toggle-btn{flex:1;padding:8px 12px;background:#374151;color:#d1d5db;border:1px solid #4b5563;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.element-capture-root .toggle-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.element-capture-root .toggle-btn:hover:not(.active){background:#4b5563}.element-capture-root .color-picker{width:100%;height:40px;border:1px solid #4b5563;border-radius:6px;cursor:pointer;background:transparent}.element-capture-root .quality-select{width:100%;padding:8px 12px;background:#374151;color:#f9fafb;border:1px solid #4b5563;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s ease}.element-capture-root .quality-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.element-capture-root .quality-select:hover{border-color:#6b7280}.element-capture-root .size-controls{display:flex;flex-direction:column;gap:8px}.element-capture-root .size-input-group{display:flex;align-items:center;gap:8px}.element-capture-root .size-label{font-size:14px;color:#d1d5db;font-weight:600;min-width:16px;text-align:center}.element-capture-root .preset-buttons{display:flex;gap:6px}.element-capture-root .preset-btn{flex:1;padding:6px 12px;background:#374151;color:#d1d5db;border:1px solid #4b5563;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.element-capture-root .preset-btn:hover{background:#4b5563;border-color:#6b7280}.element-capture-root .preset-btn:active{background:#3b82f6;color:#fff;border-color:#3b82f6}.element-capture-root .slider-controls{display:flex;flex-direction:column;gap:12px}.element-capture-root .slider-group{display:flex;flex-direction:column;gap:8px}.element-capture-root .slider{width:100%;height:6px;border-radius:3px;background:#374151;outline:none;cursor:pointer}.element-capture-root .slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#3b82f6;cursor:pointer;border:2px solid #1f2937}.element-capture-root .slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#3b82f6;cursor:pointer;border:2px solid #1f2937}.element-capture-root .slider-value{font-size:12px;color:#9ca3af;text-align:center}.element-capture-root .number-input-group{display:flex;align-items:center;gap:8px}.element-capture-root .number-input{width:60px;padding:6px 8px;background:#374151;color:#f9fafb;border:1px solid #4b5563;border-radius:6px;font-size:12px;text-align:center}.element-capture-root .number-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.element-capture-root .container-dimensions{position:absolute;top:24px;right:24px;background:#0000004d;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:600;font-family:Monaco,Menlo,Ubuntu Mono,monospace;pointer-events:none;z-index:1000;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.element-capture-root .element-capture-focus-point{position:absolute;width:6px;height:6px;background:#ffffffe6;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 0 12px #fffc;z-index:1000;border:2px solid rgba(255,255,255,.3)}.element-capture-root .target-position-indicator{position:absolute;width:8px;height:8px;background:#fff6;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 0 8px #fff6;z-index:999;border:1px solid rgba(255,255,255,.2)}.element-capture-root .fullscreen-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.element-capture-root .fullscreen-content{position:relative;max-width:90vw;max-height:90vh;background:#000;border-radius:8px;overflow:hidden}.element-capture-root .fullscreen-video{width:100%;height:100%;max-width:90vw;max-height:90vh}.element-capture-root .fullscreen-image{width:100%;height:100%;max-width:90vw;max-height:90vh;object-fit:contain}.element-capture-root .fullscreen-close{position:absolute;top:10px;right:10px;background:#000000b3;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.element-capture-root .fullscreen-close:hover{background:#000000e6}.element-capture-root .fullscreen-title{position:absolute;bottom:10px;left:10px;background:#000000b3;color:#fff;padding:8px 12px;border-radius:4px;font-size:14px}.element-capture-root .tab-view{display:flex;flex-direction:column;gap:16px}.element-capture-root .tab-header{display:flex;border-bottom:1px solid #374151;margin-bottom:16px}.element-capture-root .tab-button{flex:1;padding:12px 16px;background:transparent;border:none;color:#9ca3af;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent}.element-capture-root .tab-button:hover{color:#f9fafb;background:#3b82f61a}.element-capture-root .tab-button.active{color:#3b82f6;border-bottom-color:#3b82f6;background:#3b82f61a}.element-capture-root .tab-content{display:flex;flex-direction:column;gap:16px}.element-capture-root .frames-content{display:flex;flex-direction:column;gap:16px;padding:20px 0}.element-capture-root .toggle-container{display:flex;align-items:center;gap:12px}.element-capture-root .toggle-button{position:relative;width:48px;height:24px;background:#374151;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;padding:0}.element-capture-root .toggle-button:hover{background:#4b5563}.element-capture-root .toggle-button.active{background:#3b82f6}.element-capture-root .toggle-button.active:hover{background:#2563eb}.element-capture-root .toggle-slider{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#f9fafb;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.element-capture-root .toggle-button.active .toggle-slider{transform:translate(24px)}.element-capture-root .toggle-label{font-size:14px;color:#f9fafb;font-weight:500}.recording-list{margin-bottom:16px;padding:16px 20px;background:#1f2937;border:1px solid #374151;border-radius:12px;box-shadow:0 1px 3px #0000004d}.recording-list-title{margin:0 0 16px;font-size:15px;color:#f9fafb;font-weight:600}.recording-grid{display:flex;flex-wrap:wrap;gap:12px;max-height:200px;overflow-y:auto}.recording-thumbnail{position:relative;width:120px;height:80px;background:#000;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease;box-shadow:0 2px 4px #0000004d}.recording-thumbnail:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 8px #0006}.recording-preview{width:100%;height:100%;object-fit:cover}.recording-name{position:absolute;bottom:4px;left:4px;right:4px;background:#000c;color:#fff;font-size:10px;padding:3px 6px;border-radius:4px;text-align:center;font-weight:500}.recording-play-icon,.recording-screenshot-icon{position:absolute;top:4px;right:4px;background:#000c;color:#fff;font-size:10px;padding:3px 6px;border-radius:4px;font-weight:600}.recording-download-btn{position:absolute;top:4px;left:4px;background:#000c;color:#fff;border:none;border-radius:4px;font-size:10px;padding:3px 6px;cursor:pointer;font-weight:600;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.recording-download-btn:hover{background:#3b82f6e6;transform:scale(1.1)}.recording-delete-btn{position:absolute;top:4px;left:28px;background:#000c;color:#fff;border:none;border-radius:4px;font-size:10px;padding:3px 6px;cursor:pointer;font-weight:600;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.recording-delete-btn:hover{background:#ef4444e6;transform:scale(1.1)}.screenshot-download-buttons{position:absolute;top:4px;left:4px;display:flex;gap:2px}.screenshot-download-buttons .recording-download-btn{background:#000c;color:#fff;border:none;border-radius:4px;font-size:8px;padding:2px 4px;cursor:pointer;font-weight:600;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:24px;height:16px}.screenshot-download-buttons .recording-download-btn:hover{background:#3b82f6e6;transform:scale(1.1)}