:root{--color-primary:#6d5bff;--color-primary-hover:#5a48e6;--color-primary-contrast:#fff;--color-secondary:#ff8a5c;--color-success:#1fa971;--color-warning:#e0a527;--color-error:#e5484d;--bg-canvas:#f4f5f8;--bg-surface:#fff;--bg-surface-raised:#fff;--bg-muted:#eceef3;--border-color:#dfe2ea;--text-primary:#16171d;--text-secondary:#4d5160;--text-muted:#767c8c;--shadow-color:#14152014;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Inter","Helvetica Neue",Arial,sans-serif;--font-mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;--text-xs:0.75rem;--text-sm:0.8125rem;--text-md:0.9375rem;--text-lg:1.125rem;--text-xl:1.5rem;--transition-fast:120ms ease;--transition-base:200ms ease;--shadow-sm:0 1px 2px var(--shadow-color);--shadow-md:0 6px 20px var(--shadow-color);--shadow-lg:0 16px 40px var(--shadow-color);--z-header:100;--z-drawer:200;--z-overlay:300;--z-modal:400;--z-widget:150}:root[data-theme=dark]{--bg-canvas:#0f1016;--bg-surface:#17181f;--bg-surface-raised:#1e1f29;--bg-muted:#23242f;--border-color:#2c2e3b;--text-primary:#f1f2f6;--text-secondary:#b7bac6;--text-muted:#82869a;--shadow-color:#00000073}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-canvas:#0f1016;--bg-surface:#17181f;--bg-surface-raised:#1e1f29;--bg-muted:#23242f;--border-color:#2c2e3b;--text-primary:#f1f2f6;--text-secondary:#b7bac6;--text-muted:#82869a;--shadow-color:#00000073}}*,:after,:before{box-sizing:border-box}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-sans);margin:0;transition:background var(--transition-base),color var(--transition-base)}code{font-family:var(--font-mono)}button,input,select,textarea{color:inherit;font-family:inherit;font-size:inherit}button{background:none;border:none;cursor:pointer}a{color:var(--color-primary)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}.app-shell{display:flex;flex-direction:column;height:100vh}.app-header{background:var(--bg-surface);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);gap:var(--space-4);padding:var(--space-3) var(--space-5);position:sticky;top:0;z-index:var(--z-header)}.app-header,.app-header-brand{align-items:center;display:flex}.app-header-brand{flex-shrink:0;gap:var(--space-2)}.brand-logo{color:var(--color-primary)}.brand-logo,.brand-name{font-size:var(--text-lg)}.brand-name{font-weight:700;letter-spacing:-.01em}.app-header-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--space-2)}.app-body{background:var(--bg-canvas);display:flex;flex:1 1;min-height:0}.app-rightpanel,.app-sidebar{background:var(--bg-surface);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;min-height:0;width:300px}.app-rightpanel{border-left:1px solid var(--border-color);border-right:none;overflow-y:auto;padding:var(--space-4)}.sidebar-content{display:flex;flex-direction:column;height:100%;min-height:0}.sidebar-controls{display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3)}.sidebar-scroll{flex:1 1;min-height:0;overflow-y:auto;padding:0 var(--space-4) var(--space-4);scrollbar-color:var(--border-color) #0000;scrollbar-width:thin}.sidebar-scroll::-webkit-scrollbar{width:8px}.sidebar-scroll::-webkit-scrollbar-track{background:#0000}.sidebar-scroll::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-pill)}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.create-device-btn{margin-top:var(--space-3)}.workspace{display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0;overflow-y:auto;scrollbar-gutter:stable}.mobile-only{display:none}@media (max-width:959px){.mobile-only{display:inline-flex}.app-header{flex-wrap:wrap;padding:var(--space-3)}.url-bar{order:3;width:100%}}.btn{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-size:var(--text-sm);font-weight:600;gap:var(--space-2);justify-content:center;min-height:40px;padding:var(--space-2) var(--space-4);transition:background var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--color-primary);color:var(--color-primary-contrast)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--bg-muted);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--border-color)}.btn-danger{background:#0000;border:1px solid var(--color-error);color:var(--color-error)}.btn-danger:hover:not(:disabled){background:var(--color-error);color:#fff}.btn-sm{font-size:var(--text-xs);min-height:32px;padding:var(--space-1) var(--space-3)}.btn-block{width:100%}.link-btn{color:var(--color-primary);font-size:var(--text-sm);font-weight:600;min-height:32px;padding:var(--space-1) var(--space-2)}.link-btn:hover{text-decoration:underline}.icon-btn{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);display:inline-flex;height:36px;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast);width:36px}.icon-btn:hover{background:var(--bg-muted);color:var(--text-primary)}.favorite-btn-active,.icon-btn-active{color:var(--color-primary)}.tooltip-wrapper{display:inline-flex;position:relative}.tooltip-bubble{background:var(--text-primary);border-radius:var(--radius-sm);bottom:calc(100% + 6px);color:var(--bg-surface);font-size:var(--text-xs);left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%) scale(.9);transition:opacity var(--transition-fast),transform var(--transition-fast);white-space:nowrap;z-index:var(--z-overlay)}.tooltip-wrapper:focus-within .tooltip-bubble,.tooltip-wrapper:hover .tooltip-bubble{opacity:1;transform:translateX(-50%) scale(1)}.url-bar{gap:var(--space-2);max-width:720px;position:relative}.url-bar,.url-input-group{align-items:center;display:flex;flex:1 1;min-width:0}.url-input-group{background:var(--bg-muted);border:1px solid var(--border-color);border-radius:var(--radius-md);gap:var(--space-1);padding:0 var(--space-2)}.url-input-group.url-input-error{border-color:var(--color-error)}.url-input-group input{background:#0000;border:none;flex:1 1;min-width:0;outline:none;padding:var(--space-2)}.field-message-slot{left:0;margin-top:4px;position:absolute;top:100%}.field-message{align-items:center;color:var(--text-muted);display:flex;font-size:var(--text-xs);gap:4px;margin:0}.field-message-error{color:var(--color-error)}.field-message-success{color:var(--color-success)}.right-panel-content{display:flex;flex-direction:column;gap:var(--space-4)}.device-search input{background:var(--bg-muted);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);width:100%}.device-filters{display:flex;flex-direction:column;gap:var(--space-2)}.filter-pills{display:flex;flex-wrap:wrap;gap:var(--space-1)}.filter-pill{align-items:center;background:var(--bg-muted);border:1px solid #0000;border-radius:var(--radius-pill);color:var(--text-secondary);display:inline-flex;font-size:var(--text-xs);font-weight:600;gap:6px;padding:6px 12px}.filter-pill-active{background:var(--color-primary);color:var(--color-primary-contrast)}.brand-select{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.filter-selects{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:1fr 1fr}.filter-select-field{display:flex;flex-direction:column;gap:2px;min-width:0}.filter-select-field label{color:var(--text-muted);font-size:var(--text-xs);font-weight:600}.filter-select-field select{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-xs);padding:6px var(--space-2);width:100%}.device-list-actions{align-items:center;display:flex;justify-content:space-between;padding:var(--space-1) 0}.selected-count{color:var(--text-muted);font-size:var(--text-xs);font-weight:600}.device-group{border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--space-2);overflow:hidden}.device-group summary{align-items:center;background:var(--bg-muted);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:600;gap:var(--space-2);list-style:none;padding:var(--space-2) var(--space-3)}.device-group summary::-webkit-details-marker{display:none}.device-group-count{color:var(--text-muted);font-weight:400}.device-group-list{padding:var(--space-1)}.device-row{gap:2px}.device-row,.device-row-main{align-items:center;border-radius:var(--radius-sm);display:flex}.device-row-main{flex:1 1;gap:var(--space-2);justify-content:space-between;min-height:44px;padding:var(--space-2) var(--space-2);text-align:left}.device-row-active,.device-row:hover{background:var(--bg-muted)}.device-row-active .device-row-main{color:var(--color-primary);font-weight:600}.device-row-name{font-size:var(--text-sm)}.device-row-dims{color:var(--text-muted);font-size:var(--text-xs)}.no-results{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:var(--text-sm);gap:var(--space-2);padding:var(--space-5) var(--space-3);text-align:center}.no-results p{margin:0}.custom-device-form{display:flex;flex-direction:column;gap:var(--space-3)}.custom-device-form label{color:var(--text-secondary);display:block;font-size:var(--text-xs);font-weight:600;margin-bottom:4px}.custom-device-form input{background:var(--bg-muted);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);width:100%}.dimension-fields{display:flex;gap:var(--space-3)}.dimension-fields>div{flex:1 1}.form-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.workspace-toolbar{align-items:center;background:var(--bg-surface);border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-5);position:sticky;top:0;z-index:10}.workspace-toolbar-group{align-items:center;display:flex;gap:var(--space-1)}.zoom-readout{color:var(--text-muted);font-size:var(--text-xs);min-width:36px;text-align:center}.zoom-select{background:var(--bg-muted);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-xs);padding:4px 8px}.preview-grid{align-content:flex-start;align-items:flex-start;display:flex;flex:1 1;flex-wrap:wrap;gap:var(--space-5);padding:var(--space-5)}.preview-grid-list{flex-direction:column}.preview-grid-compact{gap:var(--space-3)}.device-card{animation:card-in var(--transition-base);background:var(--bg-surface-raised);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--space-2);max-width:100%;padding:var(--space-3);width:360px}.device-card--desktop,.device-card--laptop,.device-card--tablet{width:460px}.preview-grid-compact .device-card{width:220px}.preview-grid-list .device-card{width:min(700px,100%)}@keyframes card-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.device-toolbar{align-items:center;display:flex;gap:var(--space-2);justify-content:space-between}.device-toolbar-group{align-items:center;display:flex;flex-wrap:wrap;gap:2px}.device-meta{align-items:baseline;color:var(--text-muted);display:flex;font-size:var(--text-xs);gap:var(--space-2);justify-content:space-between;padding:0 var(--space-1)}.device-meta-name{color:var(--text-primary);font-weight:600}.device-meta-brand{color:var(--text-muted);font-weight:400}.device-frame-container{display:flex;justify-content:center;width:100%}.phone-frame{background:var(--bg-canvas);border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px var(--border-color);overflow:hidden;position:relative}.phone-inner{left:0;position:absolute;top:0;transform-origin:top left}.phone-inner iframe{background:#fff;border:none;display:block}.frame-status{align-items:center;background:color-mix(in srgb,var(--bg-canvas) 92%,#0000);color:var(--text-secondary);display:flex;flex-direction:column;font-size:var(--text-xs);gap:var(--space-2);inset:0;justify-content:center;padding:var(--space-4);position:absolute;text-align:center;z-index:2}.frame-status-warning{background:var(--bg-canvas)}.frame-status-actions{display:flex;gap:var(--space-2)}.spinner{animation:spin .8s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--color-primary);height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state,.error-state{align-items:center;color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;gap:var(--space-2);justify-content:center;margin:auto;padding:var(--space-7);text-align:center}.empty-state-icon,.error-state-icon{color:var(--text-muted)}.error-state-icon{color:var(--color-error)}.empty-state h3,.error-state h3{color:var(--text-primary);margin:0}.muted-text{color:var(--text-muted);font-size:var(--text-xs)}.panel-actions{display:flex;justify-content:flex-end}.history-list,.selected-device-list,.session-list{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;padding:0}.history-item,.selected-device-list li,.session-row{align-items:center;display:flex;gap:var(--space-1)}.selected-device-list li{border-radius:var(--radius-sm);font-size:var(--text-sm);justify-content:space-between;padding:var(--space-1) var(--space-2)}.selected-device-list li:hover{background:var(--bg-muted)}.history-item-main,.session-row-main{align-items:flex-start;border-radius:var(--radius-sm);display:flex;flex:1 1;flex-direction:column;min-width:0;padding:var(--space-2)}.history-item-main:hover,.session-row-main:hover{background:var(--bg-muted)}.history-hostname,.session-name{font-size:var(--text-sm);font-weight:600}.history-url{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-timestamp,.history-url,.session-meta{color:var(--text-muted);font-size:var(--text-xs)}.session-row-actions{display:flex;flex-shrink:0;gap:2px}.session-save-form{display:flex;gap:var(--space-2)}.session-save-form input{background:var(--bg-muted);border:1px solid var(--border-color);border-radius:var(--radius-md);flex:1 1;min-width:0;padding:var(--space-2) var(--space-3)}.session-rename-input{border:1px solid var(--color-primary);border-radius:var(--radius-sm);flex:1 1;padding:var(--space-2)}.overlay{align-items:center;animation:fade-in var(--transition-fast);background:#0a0a0f80;display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:var(--z-modal)}.modal{animation:modal-in var(--transition-base);background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:90vh;overflow-y:auto;width:min(480px,100%)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-5)}.modal-header h2{font-size:var(--text-lg);margin:0}.modal-body{padding:var(--space-5)}.modal-footer{border-top:1px solid var(--border-color);display:flex;gap:var(--space-2);justify-content:flex-end;padding:var(--space-4) var(--space-5)}.drawer-overlay{animation:fade-in var(--transition-fast);background:#0a0a0f80;inset:0;position:fixed;z-index:var(--z-drawer)}.drawer{animation:drawer-in var(--transition-base);background:var(--bg-surface);bottom:0;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;position:fixed;top:0;width:min(85vw,340px)}.drawer-left{left:0}.drawer-right{right:0}@keyframes drawer-in{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.drawer-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-4)}.drawer-header h2{font-size:var(--text-md);margin:0}.drawer-body{flex:1 1;min-height:0;overflow-y:auto;padding:var(--space-4)}.info-section{background:var(--bg-surface);border-top:1px solid var(--border-color);padding:var(--space-7) var(--space-5)}.info-section h2{margin:0 auto var(--space-3)}.info-section h2,.info-section>p{max-width:720px;text-align:center}.info-section>p{color:var(--text-secondary);line-height:1.6;margin:var(--space-2) auto}.info-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:var(--space-6) auto;max-width:960px}.info-card{background:var(--bg-muted);border-radius:var(--radius-md);padding:var(--space-4);text-align:center}.info-card h3{font-size:var(--text-md);margin:0 0 var(--space-2)}.info-card p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.info-limitations{color:var(--text-secondary);text-align:center}.info-faq,.info-limitations{margin:var(--space-6) auto;max-width:720px}.info-faq dt{font-weight:600;margin-top:var(--space-3)}.info-faq dd{color:var(--text-secondary);font-size:var(--text-sm);margin:var(--space-1) 0 0}.disclaimer{color:var(--text-muted);font-size:var(--text-xs);margin:var(--space-5) auto 0;max-width:720px;text-align:center}.app-footer{background:var(--bg-surface);border-top:1px solid var(--border-color);padding:var(--space-5)}.app-footer-inner{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin:0 auto;max-width:1100px}.app-footer-brand{display:flex;flex-direction:column;gap:2px}.app-footer-made-by{color:var(--text-primary);font-weight:700}.app-footer-copyright{color:var(--text-muted);font-size:var(--text-xs)}.app-footer-links{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4)}.app-footer-link{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:var(--text-sm);font-weight:600;gap:6px;min-height:40px}.app-footer-link-button{background:none;border:none}.app-footer-link:hover{color:var(--color-primary)}.back-to-top{align-items:center;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);display:inline-flex;font-size:var(--text-sm);font-weight:600;gap:6px;min-height:40px;padding:var(--space-2) var(--space-3)}.back-to-top:hover{background:var(--bg-muted);color:var(--text-primary)}.contact-widget{align-items:flex-end;bottom:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);position:fixed;right:var(--space-5);z-index:var(--z-widget)}.chat-button{align-items:center;background:var(--color-primary);border-radius:50%;box-shadow:var(--shadow-lg);color:#fff;display:flex;font-size:1.4rem;height:56px;justify-content:center;transition:transform var(--transition-fast),background var(--transition-fast);width:56px}.chat-button:hover{background:var(--color-primary-hover);transform:scale(1.05)}.chat-box{animation:modal-in var(--transition-base);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;width:min(280px,80vw)}.chat-header{background:var(--color-primary);color:#fff;font-weight:700;padding:var(--space-3);text-align:center}.chat-body{flex-direction:column;font-size:var(--text-sm);padding:var(--space-4)}.chat-body,.chat-body p{display:flex;gap:var(--space-2)}.chat-body p{align-items:center;margin:0}@media (max-width:480px){.contact-widget{bottom:var(--space-4);right:var(--space-4)}}
/*# sourceMappingURL=main.44660f1c.css.map*/