html{font-size:16px}body{font-size:1em;line-height:1.5;text-wrap:pretty;font-family:Muli,Helvtica Neue,sans-serif}.app-layout{display:flex;flex-direction:column;min-height:100vh;width:100%}.app-layout__header{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:#fff;border-bottom:1px solid rgba(0,0,0,.1)}.app-layout__menu-toggle{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:.25rem;display:none;color:inherit}@media (max-width: 768px){.app-layout__menu-toggle{display:block}}.app-layout__body{display:flex;flex:1}.app-layout__sidebar{width:220px;background:#fafafa;border-right:1px solid rgba(0,0,0,.1);padding:1rem 0;flex-shrink:0}@media (max-width: 768px){.app-layout__sidebar{position:fixed;top:52px;left:-220px;bottom:0;z-index:100;transition:left .2s ease}.app-layout__sidebar--open{left:0}}.app-layout__nav-list{list-style:none;padding:0;margin:0}.app-layout__nav-list li a{display:block;padding:.625rem 1.5rem;color:#424242;text-decoration:none;font-size:.875rem;transition:background .15s,color .15s}.app-layout__nav-list li a:hover{background:#0000000a;color:#1a1a1a}.app-layout__nav-list li a.active{background:#0066cc14;color:#06c;font-weight:600;border-left:3px solid #0066cc;padding-left:calc(1.5rem - 3px)}.app-layout__content{flex:1;padding:1.5rem 2rem;overflow-y:auto;background:#f5f5f5}.view-capture__heading{margin:0 0 1.5rem}.view-capture__form{display:flex;flex-direction:column;gap:1rem;max-width:600px}.view-capture__form-row{display:flex;flex-direction:column;gap:.25rem}.view-capture__form-row label{font-size:.875rem;color:#999}.view-capture__form-row input[type=url],.view-capture__form-row input[type=text],.view-capture__form-row select{padding:.5rem .75rem;background:#1a1a2e;border:1px solid #333;border-radius:4px;color:#e0e0e0;font-size:1rem}.view-capture__form-row input[type=url]::placeholder,.view-capture__form-row input[type=text]::placeholder,.view-capture__form-row select::placeholder{color:#555}.view-capture__form-row--inline{flex-direction:row;align-items:center;gap:.5rem}.view-capture__form-row--inline label{display:flex;align-items:center;gap:.5rem;color:#e0e0e0;cursor:pointer}.view-capture__capture-btn{padding:.75rem 1.5rem;background:#4cc9f0;color:#0f0f23;border:none;border-radius:4px;font-weight:600;font-size:1rem;cursor:pointer;transition:background .15s;align-self:flex-start}.view-capture__capture-btn:hover:not(:disabled){background:#7dd8f4}.view-capture__capture-btn:disabled{opacity:.5;cursor:not-allowed}.view-capture__result{margin-top:2rem}.view-capture__result h3{margin:0 0 1rem;color:#999;font-size:1rem}.view-capture__result-image{max-width:100%;border:1px solid #333;border-radius:8px}.view-capture__result-timing{display:flex;gap:1.5rem;margin-top:.75rem;font-size:.875rem;color:#999}.view-capture__result-timing span{color:#4cc9f0}.view-capture__gallery{margin-top:2.5rem}.view-capture__gallery h3{margin:0 0 1rem}.view-capture__gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(17.5rem,1fr));gap:1rem}.view-capture__gallery-card{overflow:hidden;border-radius:.5rem}.view-capture__gallery-image{width:100%;height:11.25rem;border:1px solid var(--colorNeutralStroke2);border-radius:.375rem;overflow:hidden;position:relative;background:linear-gradient(45deg,var(--colorNeutralBackground3) 25%,transparent 25%),linear-gradient(-45deg,var(--colorNeutralBackground3) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--colorNeutralBackground3) 75%),linear-gradient(-45deg,transparent 75%,var(--colorNeutralBackground3) 75%);background-size:1.25rem 1.25rem;background-position:0 0,0 .625rem,.625rem -.625rem,-.625rem 0}.view-capture__gallery-image img{width:100%;height:100%;object-fit:cover;display:block}.view-capture__gallery-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--colorNeutralBackground3)}.view-capture__gallery-card-info{padding:.5rem 0}.view-capture__gallery-card-url{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.view-capture__gallery-card-actions{display:flex;gap:.5rem;margin-top:.25rem}.view-capture__gallery-card-actions a{font-size:.75rem;text-decoration:none;color:var(--colorBrandForeground1)}.view-capture__gallery-card-actions a:hover{text-decoration:underline}.view-capture__gallery-card-meta{display:flex;gap:.5rem;font-size:.75rem;align-items:center}.view-capture__status--completed{color:#4cc9f0}.view-capture__status--failed{color:#f44}.view-capture__status--pending{color:#f0c94c}.view-capture-profiles__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.view-capture-profiles__header h2{margin:0}.view-capture-profiles__message{color:#999;font-style:italic}.view-capture-profiles__table{width:100%;border-collapse:collapse}.view-capture-profiles__table th,.view-capture-profiles__table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid #333}.view-capture-profiles__table th{font-weight:600;color:#999;font-size:.8rem;text-transform:uppercase}.view-capture-profiles__table code{font-size:.85rem;color:#888}.view-dashboard__heading{margin:0 0 1.5rem;font-size:1.5rem}.view-dashboard__stats{display:flex;gap:1.5rem;flex-wrap:wrap}.view-dashboard__stat-card{background:#1a1a2e;border:1px solid #333;border-radius:8px;padding:1.5rem 2rem;min-width:160px;text-align:center}.view-dashboard__stat-value{font-size:2.5rem;font-weight:700;color:#4cc9f0}.view-dashboard__stat-label{font-size:.875rem;color:#999;margin-top:.25rem}.view-accounts__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.view-accounts__header h2{margin:0}.view-accounts__table{width:100%;border-collapse:collapse}.view-accounts__table th,.view-accounts__table td{padding:.625rem 1rem;text-align:left;border-bottom:1px solid #333}.view-accounts__table th{font-weight:600;color:#999;font-size:.8rem;text-transform:uppercase}.view-accounts__row{cursor:pointer;transition:background .15s}.view-accounts__row:hover{background:#ffffff08}.view-accounts__empty{text-align:center;color:#666;padding:2rem!important}.view-account-detail__heading{margin:0 0 1rem}.view-account-detail__tabs{display:flex;gap:0;border-bottom:1px solid #333;margin-bottom:1.5rem}.view-account-detail__tab{padding:.5rem 1.25rem;background:none;border:none;border-bottom:2px solid transparent;color:#999;cursor:pointer;font-size:.9rem;transition:color .15s,border-color .15s}.view-account-detail__tab:hover{color:#fff}.view-account-detail__tab--active{color:#4cc9f0;border-bottom-color:#4cc9f0}.view-account-detail__info dl{display:grid;grid-template-columns:120px 1fr;gap:.5rem 1rem}.view-account-detail__info dt{font-weight:600;color:#999}.view-account-detail__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.view-account-detail__section-header h3{margin:0}.view-account-detail__new-key-banner{background:#1a3a1a;border:1px solid #2d5a2d;border-radius:6px;padding:1rem;margin-bottom:1rem}.view-account-detail__new-key-banner code{display:block;margin:.5rem 0;padding:.5rem;background:#0a0a0a;border-radius:4px;word-break:break-all;font-size:.875rem}.view-account-detail__table{width:100%;border-collapse:collapse}.view-account-detail__table th,.view-account-detail__table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid #333}.view-account-detail__table th{font-weight:600;color:#999;font-size:.8rem;text-transform:uppercase}.view-devices__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.view-devices__header h2{margin:0}.view-devices__category{margin-bottom:2rem}.view-devices__category-title{font-size:1rem;color:#999;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.view-devices__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.view-devices__card{background:#1a1a2e;border:1px solid #333;border-radius:8px;padding:1rem}.view-devices__card-name{font-weight:600;margin-bottom:.25rem}.view-devices__card-slug{font-size:.8rem;color:#666;margin-bottom:.5rem}.view-devices__card-slug code{color:#888}.view-devices__card-viewport{font-size:.875rem;color:#4cc9f0}.view-devices__empty{color:#666;text-align:center;padding:3rem}.view-usage h2{margin:0 0 1.5rem}.view-usage__controls{margin-bottom:1.5rem}.view-usage__controls label{display:flex;align-items:center;gap:.75rem;color:#999}.view-usage__controls select{padding:.375rem .75rem;background:#1a1a2e;color:#e0e0e0;border:1px solid #333;border-radius:4px;font-size:.9rem}.view-usage__summary h3{margin:0 0 1rem;font-size:1rem;color:#999}.view-usage__table{width:100%;border-collapse:collapse}.view-usage__table th,.view-usage__table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid #333}.view-usage__table th{font-weight:600;color:#999;font-size:.8rem;text-transform:uppercase}.view-screenshots__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.view-screenshots__header h2{margin:0}.view-screenshots__controls label{display:flex;align-items:center;gap:.75rem;color:#999}.view-screenshots__controls select{padding:.375rem .75rem;background:#1a1a2e;color:#e0e0e0;border:1px solid #333;border-radius:4px;font-size:.9rem}.view-screenshots__empty{color:#666;text-align:center;padding:3rem}.view-screenshots__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.view-screenshots__card{background:#1a1a2e;border:1px solid #333;border-radius:8px;overflow:hidden}.view-screenshots__card-image img{width:100%;height:200px;object-fit:cover;display:block}.view-screenshots__card-placeholder{width:100%;height:200px;display:flex;align-items:center;justify-content:center;background:#111;color:#444;font-size:.875rem}.view-screenshots__card-info{padding:.75rem}.view-screenshots__card-url{font-size:.8rem;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.5rem}.view-screenshots__card-meta{display:flex;gap:.75rem;font-size:.75rem;margin-bottom:.25rem}.view-screenshots__card-device,.view-screenshots__card-status--completed{color:#4cc9f0}.view-screenshots__card-status--failed{color:#f44}.view-screenshots__card-status--pending{color:#f0c94c}.view-screenshots__card-date{font-size:.75rem;color:#555}.header-bar{display:grid;grid-template-columns:1fr auto auto;align-items:center;padding:0 1em;gap:1em;min-height:48px;border-bottom:1px solid rgba(0,0,0,.1)}.header-bar__brand{min-width:0}.header-bar__brand-name{font-weight:600;font-size:1.5em}.header-bar__brand-subtitle{font-weight:300;font-size:.75em}.header-bar--has--subtitle .header-bar__brand{display:grid;gap:.05em;padding:.5em 0;line-height:1.2}.header-bar__actions,.header-bar__end{display:flex;align-items:center;gap:.5em}.page-header{display:grid;gap:.5em;margin-bottom:1.5em}.page-header__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1em}.page-header__title-area{flex:1}.page-header__title{font-size:1.5em;font-weight:600;margin:0}.page-header__description{opacity:.7;margin:.25em 0 0}.page-header__actions{display:flex;gap:.5em;flex-shrink:0}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:.5em}.loading-spinner--is--centered{justify-content:center;min-height:200px}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3em;gap:.75em}.empty-state__icon{font-size:3em;opacity:.4}.empty-state__title{font-size:1.25em;font-weight:600;margin:0}.empty-state__description{opacity:.7;max-width:40ch;margin:0}.empty-state__actions{display:flex;gap:.5em;margin-top:.5em}.error-message{display:flex;align-items:flex-start;gap:.75em;padding:.75em 1em;border-radius:.5em;background:#fde7e9;border:1px solid #d13438;color:#6e0811}.error-message--variant--block{flex-direction:column;align-items:center;text-align:center;padding:2em}.error-message__icon{flex-shrink:0;padding-top:.1em}.error-message__content{flex:1}.error-message__title{display:block;margin-bottom:.25em}.error-message__text{margin:0;font-size:.9em}.error-message__actions{display:flex;gap:.25em;flex-shrink:0}.stat-box{display:grid;gap:.25em;padding:1.5em;border:1px solid rgba(0,0,0,.1);border-radius:.5em}.stat-box__title{font-size:.85em;opacity:.7;text-transform:uppercase;letter-spacing:.05em}.stat-box__value{font-size:2em;font-weight:600;line-height:1.2}.stat-box__out-of{font-size:.45em;font-weight:400;opacity:.5}.stat-box__description{font-size:.85em;opacity:.6}.async-button{display:inline-flex;align-items:center;gap:.4em}.key-value{display:grid;grid-template-columns:auto 1fr;gap:.5em;align-items:baseline}.key-value__key{font-weight:600}.key-value__key:after{content:":"}.key-value__value{margin:0}.avatar-menu{position:relative;display:inline-flex;align-items:center}.avatar-menu__trigger{display:flex;align-items:center;gap:.5em;cursor:pointer;background:none;border:none;padding:.25em .5em;border-radius:.25em;color:inherit;font:inherit}.avatar-menu__trigger:hover{background:#0000000d}.avatar-menu__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999}.avatar-menu__panel{position:absolute;top:100%;right:0;z-index:1000;background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.5em;box-shadow:0 4px 16px #0000001f;min-width:280px;padding:1em;display:grid;gap:.75em}.avatar-menu__persona{padding:.25em 0}.avatar-menu__custom{display:grid;gap:.5em}.avatar-menu__roles{display:grid;gap:.25em}.avatar-menu__roles__header{font-size:.85em;font-weight:600;opacity:.7}.avatar-menu__signout{cursor:pointer;padding:.5em 0;display:flex;align-items:center;gap:.5em;font-size:.9em}.avatar-menu__signout:hover{opacity:.7}*,*:before,*:after{box-sizing:border-box}:root{font-family:Segoe UI,segoe-ui,segoe-ui-web,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-size:16px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;min-height:100vh}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.3}button,input,select,textarea{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--colorBrandForeground1, #0066cc);outline-offset:2px}.navigation-skip{position:absolute;top:-100%;left:0;z-index:9999;padding:1rem;background-color:#06c;color:#fff;font-weight:500;text-decoration:none}.navigation-skip:focus{top:0}