:root{--qmill-font-family: "Arial Nova", Arial, sans-serif;--qmill-font-weight-light: 300;--qmill-font-weight-regular: 400;--qmill-font-weight-bold: 700;--qmill-white: #ffffff;--qmill-black: #000000;--qmill-platinum-grey: #e7e7e7;--qmill-dim-grey: #949494;--qmill-electric-blue: #5200ff;--qmill-powerful-orange: #ff5b04;--qmill-gold-yellow: #ffc32b;--qmill-primary: var(--qmill-electric-blue);--qmill-secondary: var(--qmill-powerful-orange);--qmill-accent: var(--qmill-gold-yellow);--qmill-text-primary: var(--qmill-black);--qmill-text-secondary: var(--qmill-dim-grey);--qmill-text-on-dark: var(--qmill-white);--qmill-bg-primary: var(--qmill-white);--qmill-bg-secondary: var(--qmill-platinum-grey);--qmill-bg-dark: var(--qmill-black);--qmill-button-primary: var(--qmill-electric-blue);--qmill-button-primary-hover: #4100cc;--qmill-button-text: var(--qmill-white);--qmill-border-light: var(--qmill-platinum-grey);--qmill-border-medium: var(--qmill-dim-grey);--qmill-shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--qmill-shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--qmill-shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--qmill-chart-1: var(--qmill-electric-blue);--qmill-chart-2: var(--qmill-powerful-orange);--qmill-chart-3: var(--qmill-gold-yellow);--qmill-chart-4: var(--qmill-dim-grey);--qmill-success: var(--qmill-electric-blue);--qmill-warning: var(--qmill-gold-yellow);--qmill-error: var(--qmill-powerful-orange);--qmill-info: var(--qmill-dim-grey);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{width:100vw;height:100vh;overflow-x:hidden}body{width:100vw;min-height:100vh;margin:0;padding:0;overflow-x:hidden;background-color:var(--qmill-white);font-family:var(--qmill-font-family);font-weight:var(--qmill-font-weight-light);line-height:1.5;color:var(--qmill-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100vw;min-height:100vh;margin:0;padding:0;overflow-x:hidden}:root{color-scheme:light}a{font-weight:500;color:var(--qmill-electric-blue);text-decoration:inherit}a:hover{color:var(--qmill-button-primary-hover)}h1{font-size:3.2em;line-height:1.1;color:var(--qmill-text-primary);font-weight:var(--qmill-font-weight-regular)}h2,h3,h4,h5,h6{font-weight:var(--qmill-font-weight-regular);color:var(--qmill-text-primary)}strong,b{font-weight:var(--qmill-font-weight-regular)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--qmill-electric-blue);color:var(--qmill-white);cursor:pointer;transition:all var(--transition-normal)}button:focus,button:focus-visible{outline:2px solid var(--qmill-electric-blue);outline-offset:2px}.buy-credits{min-height:calc(100vh - 80px);background:linear-gradient(180deg,var(--qmill-bg-primary) 0%,#f9f8ff 100%);color:var(--qmill-text-primary);padding:2rem;font-family:var(--qmill-font-family)}.buy-credits__hero{max-width:1200px;margin:0 auto 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;align-items:center}.buy-credits__hero h1{font-family:var(--qmill-font-family);font-weight:var(--qmill-font-weight-bold);font-size:clamp(2rem,2vw + 1.4rem,2.8rem);margin:0 0 1rem;color:var(--qmill-text-primary)}.buy-credits__eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--qmill-text-secondary);margin-bottom:.6rem}.buy-credits__subhead{max-width:36rem;font-size:1.25rem;line-height:1.5;color:var(--qmill-text-secondary)}.buy-credits__hero-art{position:relative;min-height:220px}.buy-credits__orbit{position:absolute;inset:10%;border-radius:50%;border:2px dashed rgba(148,148,148,.35)}.buy-credits__spark{position:absolute;inset:35% 25% auto auto;width:120px;height:120px;border-radius:32% 68% 45% 55%;background:linear-gradient(130deg,var(--qmill-powerful-orange),var(--qmill-gold-yellow));box-shadow:var(--qmill-shadow-lg)}.buy-credits__content{max-width:1200px;margin:0 auto;display:grid;gap:1.5rem}.buy-credits__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,420px));gap:1.25rem;justify-content:start;padding-left:clamp(0px,6vw - 40px,120px)}.credit-pack{background:var(--qmill-white);border:1px solid var(--qmill-border-light);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--qmill-shadow-sm);display:grid;gap:.9rem}.credit-pack__header{display:flex;flex-direction:column;gap:.35rem}.credit-pack__header h3{margin:0;font-size:1.05rem;color:var(--qmill-text-primary);font-weight:var(--qmill-font-weight-regular)}.credit-pack__credits{font-weight:600;color:var(--qmill-powerful-orange)}.credit-pack__desc{color:var(--qmill-text-secondary);line-height:1.5}.credit-pack__cta{border:none;border-radius:999px;padding:.65rem 1.4rem;background:linear-gradient(120deg,var(--qmill-powerful-orange),var(--qmill-gold-yellow));color:var(--qmill-white);font-weight:var(--qmill-font-weight-regular);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;justify-self:start;width:auto;min-width:160px}.credit-pack__cta:disabled{opacity:.6;cursor:wait}.credit-pack__cta:not(:disabled):hover{transform:translateY(-1px);box-shadow:var(--qmill-shadow-md)}.buy-credits__loading,.buy-credits__error,.buy-credits__notice{background:var(--qmill-white);border-radius:var(--radius-lg);padding:1.4rem;border:1px solid var(--qmill-border-light)}.buy-credits__error{color:var(--qmill-powerful-orange)}.buy-credits__notice h2{margin-top:0;color:var(--qmill-text-primary)}.buy-credits__hint{color:var(--qmill-text-secondary)}.billing-banner{padding:.9rem 1.2rem;border-radius:var(--radius-md);font-weight:var(--qmill-font-weight-regular);border:1px solid var(--qmill-border-light)}.billing-banner--success{background:#f6f3ff;color:var(--qmill-electric-blue)}.billing-banner--neutral{background:#fff5e9;color:var(--qmill-powerful-orange)}@media(max-width:720px){.buy-credits{padding:1.25rem}.buy-credits__hero{grid-template-columns:1fr}.buy-credits__grid{padding-left:0}.buy-credits__hero-art{min-height:160px}}.circuit-diagram-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.circuit-diagram-modal{background:#fff;border-radius:8px;max-width:95vw;max-height:95vh;overflow:hidden;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee;background:#f5f5f5;border-radius:8px 8px 0 0;flex-shrink:0}.modal-header h3{margin:0;color:#333}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px}.close-button:hover{background:#ddd;color:#333}.circuit-content{padding:15px 20px;overflow-y:auto;display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.multi-circuit-view{display:flex;flex-direction:column;gap:15px}.single-circuit{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background:#fff;display:flex;flex-direction:column;min-height:0}.circuit-title{background:linear-gradient(135deg,#667eea,#764ba2);margin:0;padding:10px 20px;color:#fff;border-bottom:none;font-size:16px;font-weight:700;text-align:center}.circuit-info{display:flex;gap:30px;justify-content:center;align-items:center;margin:0;padding:10px 20px;background:#f8f9fa;font-size:14px;color:#555;border-bottom:1px solid #e0e0e0;font-weight:500}.circuit-info span{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 1px 2px #0f172a0d}.circuit-header{padding:15px 20px;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.circuit-header h3{margin:0 0 10px;font-size:18px;color:#333}.circuit-stats{display:flex;gap:20px;font-size:14px;color:#555;font-weight:500}.circuit-stats span{padding:4px 8px;background:#fff;border:1px solid #e0e0e0;border-radius:4px}.circuit-visualization{margin:0;text-align:left;overflow-x:auto;overflow-y:auto;max-width:100%;max-height:65vh;border:none;border-radius:0;background:#fff;padding:10px 20px 15px;display:flex;align-items:flex-start;justify-content:flex-start;min-height:0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.circuit-visualization svg{border:1px solid #eee;border-radius:4px;background:#fff;display:block;flex-shrink:0}@media(max-width:768px){.circuit-diagram-modal{max-width:98vw;max-height:98vh;margin:1vh}.modal-header,.circuit-content{padding:15px}.multi-circuit-view{gap:12px}.circuit-visualization{padding:10px 15px 15px}.circuit-info{flex-direction:column;gap:10px}.circuit-info span{width:100%;justify-content:center}}.notification-bell{position:relative;display:inline-block}.notification-bell-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s ease;color:#6c757d}.notification-bell-button:hover{background-color:#0000001a;color:#2d3e50}.bell-icon{width:20px;height:20px}.notification-badge{position:absolute;top:2px;right:2px;background:#dc3545;color:#fff;border-radius:50%;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;line-height:1;padding:0 4px;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.notification-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 20px #00000026;width:360px;max-height:500px;z-index:1000;overflow:hidden;margin-top:8px}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0;background:#fafafa}.notification-header h3{margin:0;font-size:1rem;font-weight:600;color:#2d3e50}.mark-all-read-button{background:none;border:none;color:var(--qmill-electric-blue);font-size:.875rem;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.mark-all-read-button:hover:not(:disabled){background:#5200ff1a}.mark-all-read-button:disabled{opacity:.5;cursor:not-allowed}.notification-list{max-height:350px;overflow-y:auto}.notification-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:#6c757d;font-size:.9rem}.notification-empty{text-align:center;padding:40px 20px;color:#6c757d}.notification-empty .empty-icon{font-size:2rem;display:block;margin-bottom:12px;opacity:.5}.notification-empty p{margin:0;font-size:.9rem}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f5f5f5;position:relative;background:none}.notification-item:hover{background:#f8f9fa}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:#f0f7ff;border-left:4px solid var(--qmill-electric-blue)}.notification-item.unread:hover{background:#e6f3ff}.notification-icon{font-size:1.25rem;flex-shrink:0;margin-top:2px}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;color:#2d3e50;font-size:.9rem;margin-bottom:4px;line-height:1.3}.notification-message{color:#6c757d;font-size:.85rem;line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-time{color:#9ca3af;font-size:.75rem;font-weight:500}.notification-dot{position:absolute;top:20px;right:20px;width:8px;height:8px;background:var(--qmill-electric-blue);border-radius:50%;flex-shrink:0}.notification-footer{padding:12px 20px;border-top:1px solid #f0f0f0;background:#fafafa;text-align:center;display:flex;flex-direction:column;gap:8px}.expand-button,.collapse-button,.view-all-button{background:none;border:none;color:var(--qmill-electric-blue);font-size:.875rem;font-weight:500;cursor:pointer;padding:8px 16px;border-radius:6px;transition:all .2s ease}.expand-button:hover,.collapse-button:hover,.view-all-button:hover{background:#5200ff1a}.expand-button{color:var(--qmill-text-secondary);font-size:.8rem}.view-all-button{border:1px solid var(--qmill-electric-blue);margin-top:4px}.spinner{width:20px;height:20px;border:2px solid #f0f0f0;border-top-color:var(--qmill-electric-blue);border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.notification-dropdown{width:320px;right:-20px}.notification-item,.notification-header{padding:12px 16px}.notification-footer{padding:10px 16px}}.app-header{background:var(--qmill-white);border-bottom:2px solid var(--qmill-electric-blue);box-shadow:var(--qmill-shadow-sm);position:sticky;top:0;z-index:1000}.header-content{max-width:1400px;margin:0 auto;padding:1.25rem 2rem 1.25rem 1rem;display:flex;justify-content:space-between;align-items:center}.header-logo{display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:opacity .2s;background:none;border:none;padding:0;text-align:left;color:var(--qmill-black)}.header-logo:hover{opacity:.8}.header-nav{display:flex;gap:1rem;align-items:center}.header-right{display:flex;align-items:center;gap:12px}.header-notification{margin-right:8px}.nav-button{padding:.5rem 1.25rem;background:var(--qmill-white);color:var(--qmill-black);border:2px solid var(--qmill-electric-blue);border-radius:6px;font-size:.95rem;cursor:pointer;transition:all var(--transition-normal);font-weight:var(--qmill-font-weight-light)}.nav-button:hover{background:var(--qmill-electric-blue);color:var(--qmill-white);transform:translateY(-1px)}.nav-button:active{transform:translateY(0)}.user-menu{position:relative}.user-menu-button{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--qmill-white);color:var(--qmill-black);border:2px solid var(--qmill-electric-blue);border-radius:8px;cursor:pointer;transition:all var(--transition-normal);font-size:.95rem;font-weight:500}.user-menu-button:hover{background:var(--qmill-electric-blue);color:var(--qmill-white)}.user-avatar-small{width:32px;height:32px;border-radius:50%;background:var(--qmill-electric-blue);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:var(--qmill-white)}.user-name-small{color:var(--qmill-black);font-weight:500}.menu-arrow{font-size:.7rem;color:var(--qmill-black);transition:transform var(--transition-normal)}.user-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:220px;background:var(--qmill-white);border:1px solid var(--qmill-platinum-grey);border-radius:8px;box-shadow:var(--qmill-shadow-lg);overflow:hidden;z-index:1001}.menu-item{padding:.75rem 1rem;color:var(--qmill-text-primary)}.menu-user-info{background:var(--qmill-bg-secondary);border-bottom:1px solid var(--qmill-platinum-grey)}.menu-user-name{font-weight:600;font-size:.95rem;margin-bottom:.25rem;color:var(--qmill-text-primary)}.menu-user-email{font-size:.85rem;color:var(--qmill-text-secondary)}.menu-divider{height:1px;background:var(--qmill-platinum-grey)}.menu-button{width:100%;text-align:left;background:var(--qmill-white);border:none;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:.5rem;font-size:.95rem}.menu-user-balance{display:flex;align-items:center;gap:8px;background:#f3f4f6;border-radius:8px;padding:8px 10px;margin-top:6px}.menu-balance-label{font-size:13px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.menu-balance-value{font-size:15px;font-weight:600;color:#1f2937}.menu-button:hover{background:var(--qmill-bg-secondary)}.menu-icon{font-size:1.1rem}.menu-setting-item{background:var(--qmill-white);cursor:default}.menu-setting-content{display:flex;align-items:center;justify-content:space-between;width:100%}.menu-setting-text{display:flex;align-items:center;gap:.5rem;flex:1}.menu-setting-label{font-size:.95rem;color:var(--qmill-text-primary);font-weight:500}.menu-setting-value{font-size:.85rem;color:var(--qmill-text-secondary);margin-left:.25rem}.menu-toggle{width:40px;height:20px;border:none;border-radius:10px;background:var(--qmill-platinum-grey);position:relative;cursor:pointer;transition:all .3s ease;flex-shrink:0}.menu-toggle.active{background:var(--qmill-electric-blue)}.menu-toggle:disabled{opacity:.5;cursor:not-allowed}.toggle-slider{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--qmill-white);transition:all .3s ease;box-shadow:0 1px 3px #0003}.menu-toggle.active .toggle-slider{transform:translate(20px)}.logo__image{display:block;height:auto;max-width:100%}.logo__image--xs{height:1.5rem}.logo__image--sm{height:2rem}.logo__image--md{height:2.5rem}.logo__image--lg{height:3.25rem}.logo__image--xl{height:4rem}.logo--centered{display:inline-flex;justify-content:center;align-items:center;gap:.75rem}.page-wrapper{min-height:100vh;background:var(--qmill-white);padding-bottom:40px;position:relative}.page-header{background:var(--qmill-white);color:var(--qmill-black);padding:20px 20px 40px;position:relative;margin:0 auto}.page-header.centered{text-align:center}.page-title{font-size:2.5rem;margin:0 0 12px;font-weight:700;color:var(--qmill-text-primary)}.page-subtitle{font-size:1.125rem;opacity:.85;max-width:600px;margin:0 auto;color:var(--qmill-text-secondary)}.page-back-arrow{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--qmill-white);color:var(--qmill-black);border:2px solid var(--qmill-electric-blue);border-radius:12px;font-size:1.25rem;cursor:pointer;transition:all .2s;position:absolute;left:20px;top:20px}.page-back-arrow:hover{background:var(--qmill-electric-blue);color:var(--qmill-white);transform:translate(-2px)}.page-container{margin:0 auto;position:relative;z-index:1}.page-container.default{padding:0 20px}.page-container.compact{padding:0 10px}.page-card{background:var(--qmill-white);border-radius:16px;transition:transform .2s,box-shadow .2s}.page-card.padding-compact{padding:20px}.page-card.padding-default{padding:40px}.page-card.padding-large{padding:60px}.page-card.elevation-low{box-shadow:0 2px 8px #2d3e5014}.page-card.elevation-medium{box-shadow:0 4px 20px #2d3e501a}.page-card.elevation-high{box-shadow:0 8px 32px #2d3e5026}.shadow-sm{box-shadow:0 2px 8px #2d3e5014}.shadow-md{box-shadow:0 4px 20px #2d3e501a}.shadow-lg{box-shadow:0 8px 32px #2d3e5026}.radius-sm{border-radius:8px}.radius-md{border-radius:12px}.radius-lg{border-radius:16px}.transition-normal{transition:all .2s}.transition-smooth{transition:all .3s ease}@media(max-width:768px){.page-header{padding:15px 15px 30px}.page-title{font-size:2rem}.page-subtitle{font-size:1rem}.page-back-arrow{position:static;margin-bottom:16px}.page-container{max-width:100%}.page-container.default{padding:0 1rem}.page-card.padding-default{padding:20px}.page-card.padding-large{padding:30px}}@media(max-width:640px){.page-header{padding:10px 10px 20px}.page-title{font-size:1.75rem}.page-subtitle{font-size:.95rem}.page-container.default{padding:0 .75rem}.page-card.padding-compact,.page-card.padding-default{padding:15px}.page-card.padding-large{padding:20px}}.compression-page{min-height:100vh;background:var(--qmill-white);padding-bottom:40px;position:relative}.compression-header{background:var(--qmill-white);color:var(--qmill-text-primary);padding:20px 20px 40px;text-align:center;position:relative;border-bottom:1px solid var(--qmill-platinum-grey)}.back-button{position:absolute;top:20px;right:20px;background:var(--qmill-white);color:var(--qmill-black);border:2px solid var(--qmill-electric-blue);padding:10px 20px;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all var(--transition-normal);font-weight:var(--qmill-font-weight-light)}.back-button:hover{background:var(--qmill-electric-blue);color:var(--qmill-white);transform:translateY(-1px)}.compression-header h1{font-size:2.5rem;margin:20px 0 12px;font-weight:var(--qmill-font-weight-regular);color:var(--qmill-text-primary);position:relative;z-index:2}.compression-subtitle{font-size:1.125rem;opacity:.85;max-width:600px;margin:0 auto;color:var(--qmill-text-secondary);position:relative;z-index:2}.job-input-group{display:flex;gap:12px;margin-bottom:20px}.job-id-input{flex:1;padding:14px 18px;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;font-family:Courier New,monospace;transition:all .3s ease}.job-id-input::placeholder{color:#999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.track-job-button{padding:14px 32px;background:var(--qmill-electric-blue);color:var(--qmill-white);border:none;border-radius:8px;font-size:.95rem;font-weight:var(--qmill-font-weight-regular);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.track-job-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--qmill-shadow-md);background:var(--qmill-button-primary-hover)}.recent-jobs{margin-top:24px;padding-top:24px;border-top:1px solid #e0e0e0}.recent-jobs-toggle{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--qmill-electric-blue);font-size:.95rem;font-weight:600;cursor:pointer;padding:8px 0;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.recent-jobs-toggle:hover{color:#2d3e50;text-decoration:underline}.recent-jobs h4{margin:0 0 12px;color:#6c757d;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.recent-jobs-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.recent-jobs-view-toggle{align-self:flex-start;background:#5200ff14;border:1px solid rgba(82,0,255,.2);color:#2d3e50;font-size:.85rem;font-weight:600;padding:6px 14px;border-radius:9999px;cursor:pointer;transition:all .2s ease}.recent-jobs-view-toggle:hover{background:#5200ff29;border-color:#5200ff59;color:var(--qmill-electric-blue)}.recent-job-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s ease;width:100%;text-align:left;font:inherit;color:inherit}.recent-job-details{display:flex;flex-direction:column;gap:4px;align-items:flex-start;flex:1}.recent-job-attributes{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:2px}.compression-page .recent-job-attribute{font-size:.75rem;font-weight:600;color:#0f172a;background:#4f46e524;border:1px solid rgba(79,70,229,.22);border-radius:9999px;padding:2px 10px}.recent-job-item:hover{border-color:var(--qmill-electric-blue);background:#f0f7ff;transform:translate(4px)}.recent-job-id{font-family:Courier New,monospace;font-size:.875rem;color:#2d3e50;font-weight:500}.recent-job-time{font-size:.75rem;color:#6c757d}.compression-container{margin:0 auto;padding:0 20px}.compression-section-title{margin:0 0 20px}.compression-section-title h2{font-size:1.75rem;color:#2d3e50;font-weight:600;text-align:left}.compression-card{background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 20px #2d3e501a;text-align:center}.compression-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.compression-card-header h3{font-size:1.5rem;color:#2d3e50;margin:0;font-weight:600}.example-button{background:var(--qmill-electric-blue);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.example-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #5200ff4d}.circuit-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.file-upload-section{position:relative}.upload-button{background:var(--qmill-electric-blue);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.upload-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4a90e24d}.file-input{display:none}.circuit-input-section{margin-bottom:24px}.circuit-input-section label{display:block;font-size:1rem;color:#2d3e50;font-weight:600;margin-bottom:12px}.circuit-textarea{width:100%;min-height:120px;padding:16px;border:2px solid #e0e0e0;border-radius:8px;text-align:left;font-family:Monaco,Menlo,Courier New,monospace;font-size:.95rem;line-height:1.6;resize:vertical;transition:all .2s;background:#f8f9fa}.circuit-textarea:focus{outline:none;border-color:var(--qmill-electric-blue);background:#fff;box-shadow:0 0 0 3px #5200ff1a}.circuit-textarea:disabled{opacity:.6;cursor:not-allowed}.circuit-input-info{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:8px;font-size:.875rem;color:#6c757d;text-align:left;justify-content:space-between}.gpu-config-section{margin-bottom:24px;margin-top:20px}.gpu-config-section label{display:block;font-size:1rem;color:#2d3e50;font-weight:600;margin-bottom:12px}.gpu-select{width:100%;padding:16px;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;background:#f8f9fa;cursor:pointer;transition:all .2s;color:#2d3e50}.gpu-select:focus{outline:none;border-color:var(--qmill-electric-blue);background:#fff;box-shadow:0 0 0 3px #5200ff1a}.gpu-select:disabled{opacity:.6;cursor:not-allowed}.gpu-config-info{margin-top:8px;text-align:left}.gpu-info-text{font-size:.875rem;color:#6c757d;font-style:italic}.diagram-button{background:var(--qmill-electric-blue);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s;font-weight:500;box-shadow:0 2px 4px #0000001a;width:auto;max-width:fit-content}.diagram-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #5200ff4d}.error-message{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;margin-bottom:20px;font-size:.95rem}.error-message svg{flex-shrink:0}.warning-message{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff8e6;border:1px solid #fcd28d;border-radius:8px;color:#b36b00;margin-bottom:20px;font-size:.95rem}.success-message{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#eff8f0;border:1px solid #b8e6c1;border-radius:8px;color:#2d5a2f;margin-bottom:20px;font-size:.95rem}.success-message svg{flex-shrink:0}.link-button{background:none;border:none;color:var(--qmill-electric-blue);cursor:pointer;text-decoration:underline;padding:0;margin:0;font:inherit;transition:color .2s ease}.link-button:hover{color:var(--qmill-electric-blue-dark, #1a5490);text-decoration:none}.compression-info{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}@media(max-width:768px){.compression-info{grid-template-columns:1fr}}.info-box{background:#f8f9fa;padding:20px;border-radius:12px;border:1px solid #e0e0e0;text-align:left}.info-box.highlight{background:#5200ff0d;border-color:#5200ff33}.info-box h3{font-size:1.125rem;color:#2d3e50;margin:0 0 12px;font-weight:700}.info-box ol,.info-box ul{margin:0;padding-left:20px;color:#6c757d;line-height:1.8}.info-box li{margin-bottom:6px}.credit-estimate{margin:24px auto 40px;padding:12px 18px;border-radius:12px;border:1px solid #d6e0ff;background:#f5f8ff;color:#2d3e50;max-width:360px}.compression-action-stack{display:flex;flex-direction:column;gap:16px;align-items:center;margin:24px 0 40px}.compression-action-stack .credit-estimate{margin:0;width:100%}.compression-action-stack .optimize-button{margin:0;width:100%;max-width:320px}.optimize-button{width:auto;background:var(--qmill-electric-blue);color:var(--qmill-white);border:none;padding:16px 32px;border-radius:12px;font-size:1.125rem;font-weight:var(--qmill-font-weight-regular);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:10px;flex:none;margin:24px auto 0;display:block;box-shadow:var(--qmill-shadow-md)}.optimize-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--qmill-shadow-lg);background:var(--qmill-button-primary-hover)}.optimize-button:disabled{opacity:.6;cursor:not-allowed}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.compression-header{padding:60px 20px 40px}.compression-header h1{font-size:2rem}.compression-subtitle{font-size:1rem}.compression-card{padding:24px}.compression-section-title h2{font-size:1.5rem}.compression-card-header h3{font-size:1.25rem}.back-button{position:static;margin-bottom:20px;display:inline-block}.job-input-group{flex-direction:column}.track-job-button{width:auto}.job-id-input{font-size:.875rem}.recent-job-time{font-size:.7rem}}.loading-state,.no-jobs{padding:16px;text-align:center;color:#6c757d;font-style:italic}.job-status{font-size:.875rem;color:#6c757d;margin:4px 0}.file-operations{display:flex;gap:12px;margin-top:12px;align-items:center;flex-wrap:wrap}.file-upload,.file-download{display:flex;align-items:center}.upload-button,.download-button{background:var(--qmill-white);color:var(--qmill-electric-blue);border:1px solid var(--qmill-electric-blue);padding:8px 16px;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all var(--transition-normal);font-weight:var(--qmill-font-weight-light);display:flex;align-items:center;gap:6px}.upload-button:hover,.download-button:hover{background:var(--qmill-electric-blue);color:var(--qmill-white);transform:translateY(-1px)}.upload-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.upload-button:disabled:hover{background:var(--qmill-white);color:var(--qmill-electric-blue)}@media(max-width:768px){.file-operations{flex-direction:column;align-items:stretch;gap:8px}.upload-button,.download-button{justify-content:center;width:100%}}.lumi-toggle-container{display:flex;align-items:flex-start;gap:16px;margin-top:8px}.lumi-toggle-switch{position:relative;display:inline-block;width:60px;height:32px;flex-shrink:0}.lumi-toggle-input{display:none}.lumi-toggle-label{position:absolute;inset:0;background:var(--qmill-medium-grey);border-radius:32px;cursor:pointer;transition:all .3s ease;border:2px solid var(--qmill-light-grey)}.lumi-toggle-label:hover{border-color:var(--qmill-electric-blue)}.lumi-toggle-inner{position:absolute;top:2px;left:2px;width:24px;height:24px;background:var(--qmill-white);border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.lumi-toggle-input:checked+.lumi-toggle-label{background:var(--qmill-electric-blue);border-color:var(--qmill-electric-blue)}.lumi-toggle-input:checked+.lumi-toggle-label .lumi-toggle-inner{transform:translate(28px);background:var(--qmill-white)}.lumi-toggle-input:disabled+.lumi-toggle-label{opacity:.6;cursor:not-allowed}.lumi-mode-info{flex:1}.lumi-mode-status{display:block;font-weight:600;font-size:.95rem;margin-bottom:6px;transition:color .3s ease}.lumi-mode-status.real{color:var(--qmill-electric-blue)}.lumi-mode-status.mock{color:var(--qmill-medium-grey)}.lumi-mode-description{font-size:.85rem;color:var(--qmill-text-secondary);line-height:1.4;padding:8px 12px;background:var(--qmill-light-grey);border-radius:8px;border-left:4px solid var(--qmill-electric-blue)}@media(max-width:768px){.lumi-toggle-container{flex-direction:column;gap:12px}.lumi-toggle-switch{align-self:flex-start}}._formGroup_jga74_1{display:flex;flex-direction:column;gap:8px;flex:1;min-width:200px}._label_jga74_9{margin-bottom:5px;font-weight:600;color:#495057;font-size:.9rem}._input_jga74_16{padding:12px;border:1px solid #ced4da;border-radius:8px;font-size:14px;background-color:#fff;color:#333;transition:border-color .2s ease}._input_jga74_16:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}._input_jga74_16:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}._input_jga74_16[aria-invalid=true]{border-color:#e74c3c}._inputHint_jga74_42{font-size:.85rem;color:#6c757d;margin-top:8px}._warningMessage_jga74_48{margin-top:8px;padding:8px 12px;font-size:13px;color:#856404;background-color:#fff3cd;border:1px solid #ffeeba;border-radius:4px;display:block;width:100%;box-sizing:border-box}.recent-jobs{margin-top:24px;padding-top:16px;border-top:1px solid #e0e0e0}.recent-jobs-toggle{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--qmill-electric-blue);font-size:.95rem;font-weight:600;cursor:pointer;padding:8px 0;transition:color .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.recent-jobs-toggle:hover:not(:disabled){color:#2d3e50;text-decoration:underline}.recent-jobs-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.inspector-input{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;margin-bottom:20px}.inspector-input label{font-weight:600;color:#333}.inspector-input input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;font-family:Courier New,monospace;transition:border-color .2s}.inspector-input input:focus{outline:none;border-color:#4a90e2}.inspector-input input:disabled{background:#f5f5f5;cursor:not-allowed}.inspect-button{padding:12px 24px;background:#4a90e2;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.inspect-button:hover:not(:disabled){background:#357abd}.inspect-button:disabled{background:#ccc;cursor:not-allowed}.recent-jobs{margin-top:20px;padding:18px 20px;border-radius:14px;background:linear-gradient(135deg,#818cf81f,#a78bfa17);border:1px solid rgba(120,125,255,.25);box-shadow:inset 0 1px #fff6}.recent-jobs-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;background:none;border:none;color:#4338ca;font-size:.98rem;font-weight:600;cursor:pointer;padding:6px 0 10px;transition:color .2s ease,transform .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.recent-jobs-loading{display:inline-flex;align-items:center;font-size:.85rem;margin-left:auto}.recent-jobs-toggle:hover:not(:disabled){color:#1d4ed8;transform:translate(2px)}.recent-jobs-toggle:disabled{opacity:.6;cursor:wait}.recent-jobs-error{margin-top:8px;color:#c0392b;font-size:.875rem}.recent-jobs-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.recent-job-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:12px 16px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;font-family:Courier New,monospace}.recent-job-item:hover:not(:disabled){border-color:var(--qmill-electric-blue);background:#f0f7ff;transform:translate(4px)}.recent-job-item.loading{opacity:.6;cursor:wait}.recent-job-item:disabled{cursor:wait}.recent-job-type{font-size:1.1rem;display:inline-flex}.recent-job-overview{display:flex;flex-direction:column;gap:2px;text-align:left}.recent-job-attributes{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:4px}.recent-job-attribute{font-size:.75rem;color:#4b5563;background:#4f46e514;border-radius:9999px;padding:2px 10px}.recent-job-id{font-size:.88rem;font-weight:600;color:#1f2937}.recent-job-device{font-size:.82rem;color:#374151}.recent-job-device-meta{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.recent-job-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.recent-job-status{display:inline-flex;align-items:center;justify-content:center;padding:3px 10px;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:#e5e7eb;color:#374151}.recent-job-status.completed{background:#10b98126;color:#047857}.recent-job-status.running{background:#f59e0b2e;color:#b45309}.recent-job-status.queued{background:#3b82f626;color:#1d4ed8}.recent-job-status.failed{background:#ef44442e;color:#b91c1c}.recent-job-status.cancelled{background:#6b72802e;color:#4b5563}.recent-job-time{font-size:.75rem;color:#4b5563}.recent-job-loading,.recent-job-empty{padding:12px 16px;background:#f8f9fa;border-radius:8px;font-size:.9rem;color:#6c757d}.error-message{padding:15px;background:#fff3f3;border-left:4px solid #e74c3c;color:#c0392b;border-radius:6px;margin-bottom:20px}.warning-message{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff8e6;border:1px solid #fcd28d;border-radius:8px;color:#b36b00;margin-top:16px;font-size:.95rem}.info-message{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f5f8ff;border:1px solid #d6e0ff;border-radius:8px;color:#2d3e50;margin-top:12px;font-size:.9rem}.credit-estimate{margin:20px 0;padding:12px 18px;border-radius:12px;border:1px solid #d6e0ff;background:#f5f8ff;color:#2d3e50;max-width:320px}.execution-results-section,.inspection-results-section{margin:48px 0;padding:28px 32px;border-radius:16px;background:linear-gradient(145deg,#fffffff5,#f1f5ffeb);border:1px solid rgba(209,213,219,.7);box-shadow:0 14px 30px #0f172a14;position:relative;z-index:1}.execution-results-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px}.execution-results-heading-text h2{margin:0;font-size:1.6rem;color:#111827}.execution-results-subtitle{margin:6px 0 0;font-size:.9rem;color:#4b5563;display:flex;flex-direction:column;gap:2px}.execution-results-device-meta{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.execution-results-id{display:grid;gap:6px;padding:10px 14px;border-radius:10px;background:#1118270d;min-width:160px}.execution-results-id-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.execution-results-id-value{font-family:Courier New,monospace;font-size:.85rem;color:#1f2937;word-break:break-all}.inspection-results{margin-top:30px;display:flex;flex-direction:column;gap:20px}.inspection-section{background:var(--qmill-white);border-radius:8px;overflow:hidden;border:1px solid #e9ecef;position:relative;z-index:1}.inspection-section.overview{background:var(--qmill-white);color:#2c3e50;padding:20px;border:1px solid #e9ecef}.status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-weight:600;font-size:12px;text-transform:uppercase;margin-bottom:15px;background:#fff3}.status-badge[data-status=completed]{background:#27ae60;color:#fff}.status-badge[data-status=running]{background:#f39c12;color:#fff}.status-badge[data-status=failed]{background:#e74c3c;color:#fff}.status-badge[data-status=queued]{background:#2563eb;color:#fff}.status-badge[data-status=cancelled]{background:#6b7280;color:#fff}.status-badge[data-status=unknown]{background:#9ca3af;color:#fff}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.overview-item{display:flex;flex-direction:column;gap:5px}.overview-item.full-width{grid-column:1 / -1}.overview-item .label{font-size:12px;opacity:.9;font-weight:500}.overview-item .value{font-size:16px;font-weight:600}.overview-item .value.mono{font-family:Courier New,monospace;font-size:13px;word-break:break-all;background:#f5f5f5;padding:6px 8px;border-radius:4px}.overview-item .value.cost{font-size:20px;color:gold}.section-header{padding:15px 20px;background:#fff;border-bottom:2px solid #e9ecef;cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;transition:background .2s;width:100%;border:none;text-align:left}.section-header:hover{background:#f8f9fa}.section-header h3{margin:0;font-size:18px;color:#333}.toggle-icon{color:#666;font-size:14px}.section-content{padding:20px;background:#fff}.section-heading{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid #e9ecef}.section-heading h2{margin:0;font-size:1.4rem;color:#111827}.recent-jobs-section{margin:36px 0;position:relative;z-index:1}.openqasm-block{margin:0;padding:16px;background:#0f172a;color:#e5e7eb;border-radius:8px;font-family:Courier New,monospace;font-size:.85rem;line-height:1.5;overflow-x:auto;white-space:pre}.openqasm-actions{margin-top:12px;display:flex;justify-content:flex-end}.diagram-button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;background:var(--qmill-electric-blue);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease}.diagram-button:hover{background:#1d4ed8;transform:translateY(-1px)}.diagram-button:disabled{opacity:.6;cursor:not-allowed}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px}.metadata-item{display:flex;flex-direction:column;gap:5px}.metadata-item.full-width{grid-column:1 / -1}.metadata-item .label{font-size:12px;color:#666;font-weight:600;text-transform:uppercase}.metadata-item .value{font-size:14px;color:#333}.metadata-item .value.mono{font-family:Courier New,monospace;font-size:12px;word-break:break-all;background:#f5f5f5;padding:8px;border-radius:4px}.timing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.timing-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f8f9fa;border-radius:6px;border-left:4px solid #4a90e2}.timing-item .label{font-weight:600;color:#333}.timing-item .value{font-size:16px;font-weight:600;color:#4a90e2}.timing-item .value.highlight{color:#27ae60;font-size:18px}.results-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:30px}.summary-item{padding:15px;background:#f8f9fa;border-radius:6px;border-left:4px solid #50c878}.summary-item .label{display:block;font-size:12px;color:#666;font-weight:600;margin-bottom:5px}.summary-item .value{font-size:16px;font-weight:600;color:#333}.result-visualization{margin:30px 0}.result-visualization h4{margin-bottom:15px;color:#333;font-size:16px;font-weight:600}.top-states{margin-top:30px}.top-states h4{margin-bottom:15px;color:#333}.top-states table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.top-states th{background:#4a90e2;color:#fff;padding:12px;text-align:left;font-weight:600;font-size:14px}.top-states td{padding:12px;border-bottom:1px solid #e9ecef;font-size:14px}.top-states tr:last-child td{border-bottom:none}.top-states tr:hover td{background:#f8f9fa}.top-states .state-cell{font-family:Courier New,monospace;color:#4a90e2;font-weight:600}.cost-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.cost-item{padding:15px;background:#f8f9fa;border-radius:6px;border-left:4px solid #f39c12}.cost-item.highlight{background:#fff9e6;border-left-color:#27ae60;border-left-width:6px}.cost-item.highlight .value{color:#27ae60;font-size:20px}.cost-item .label{display:block;font-size:12px;color:#666;font-weight:600;margin-bottom:5px}.cost-item .value{font-size:16px;font-weight:600;color:#333}.cost-note{grid-column:1 / -1;padding:12px;background:#e8f5e9;color:#27ae60;border-radius:6px;text-align:center;font-style:italic}.calibration-data,.raw-json,.raw-metadata{background:#1e1e1e;color:#d4d4d4;padding:16px;border-radius:6px;overflow-x:auto;max-width:100%;font-family:Courier New,monospace;font-size:13px;line-height:1.5;margin:0}.iqm-metadata{display:flex;flex-direction:column;gap:20px}.iqm-metadata .metadata-group{background:#f8f9fa;border-radius:8px;padding:16px}.iqm-metadata .metadata-group h4{margin:0 0 12px;color:#2c3e50;font-size:15px;font-weight:600;border-bottom:2px solid #e0e0e0;padding-bottom:8px}.iqm-metadata .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.iqm-metadata .info-item{display:flex;flex-direction:column;gap:4px;padding:10px;background:#fff;border-radius:6px;border:1px solid #e0e0e0}.iqm-metadata .info-item .label{font-size:12px;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.iqm-metadata .info-item .value{font-size:14px;color:#2c3e50;font-weight:500;font-family:Courier New,monospace}.program-info{display:flex;flex-direction:column;gap:12px}.info-description{margin:0;padding:12px;background:#e3f2fd;border-left:4px solid #2196f3;color:#1565c0;font-size:13px;line-height:1.5;border-radius:4px}.compiled-program{background:#1e1e1e;color:#d4d4d4;padding:16px;border-radius:6px;overflow-x:auto;font-family:Courier New,monospace;font-size:13px;line-height:1.6;margin:0;max-height:400px;overflow-y:auto}.compiled-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.compiled-action{border:1px solid #d0d7de;background:#fff;border-radius:6px;padding:8px 14px;font-size:.9rem;font-weight:600;color:#1f2933;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;display:inline-flex;align-items:center;gap:6px}.compiled-action:hover{background:#f3f4f6;transform:translateY(-1px);box-shadow:0 2px 6px #0f172a1a}.compiled-action:disabled{cursor:not-allowed;opacity:.5;background:#f1f5f9;box-shadow:none}.compiled-action.view{background:#5200ff;border-color:#5200ff;color:#fff}.compiled-action.view:hover:not(:disabled){background:#3d00bf}.qubit-info{padding:12px;background:#e3f2fd;border-left:4px solid #2196f3;color:#1565c0;font-size:13px;border-radius:4px;margin-bottom:16px}.qubit-info strong{color:#1565c0;font-weight:600}.program-analysis{display:flex;flex-direction:column;gap:16px;margin-top:16px}.gate-stats,.connectivity-info,.measurement-map{background:#f8f9fa;padding:16px;border-radius:8px;border:1px solid #e0e0e0}.gate-stats h5,.connectivity-info h5,.measurement-map h5{margin:0 0 12px;color:#2c3e50;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#fff;border-radius:6px;border:1px solid #e0e0e0}.stat-label{font-size:12px;color:#666;font-weight:500}.stat-value{font-size:18px;font-weight:700;color:#2196f3;font-family:Courier New,monospace}.connections{display:flex;flex-wrap:wrap;gap:8px}.connection-badge{display:inline-block;padding:6px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px;font-size:13px;font-weight:600;font-family:Courier New,monospace;box-shadow:0 2px 4px #0000001a}.mapping-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.map-item{padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e0e0e0;font-family:Courier New,monospace;font-size:13px;color:#2c3e50;font-weight:500;text-align:center}.calibration-overview{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:8px;margin-bottom:20px}.calibration-overview h4{margin:0 0 16px;font-size:18px;font-weight:700}.calibration-section{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:16px;border:1px solid #e0e0e0}.calibration-summary{background:#f8f9fa;padding:16px;border-radius:8px;border:1px solid #e0e0e0;display:flex;flex-direction:column;gap:8px}.calibration-summary .info-row{display:flex;justify-content:space-between;color:#2c3e50;font-size:.95rem}.calibration-section h4{margin:0 0 16px;color:#2c3e50;font-size:16px;font-weight:600}.calibration-table-wrapper{overflow-x:auto}.calibration-table{width:100%;border-collapse:collapse;background:#fff;border-radius:6px;overflow:hidden}.calibration-table thead{background:#667eea;color:#fff}.calibration-table th{padding:12px;text-align:left;font-size:13px;font-weight:600;white-space:nowrap}.calibration-table td{padding:10px 12px;border-bottom:1px solid #e0e0e0;font-size:13px}.calibration-table tr:last-child td{border-bottom:none}.calibration-table tr:hover{background:#f8f9fa}.calibration-table .qubit-id{font-weight:700;color:#667eea;font-family:Courier New,monospace}.two-qubit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.gate-fidelity-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:12px;text-align:center;transition:all .2s ease}.gate-fidelity-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 8px #667eea33}.gate-pair{font-family:Courier New,monospace;font-weight:700;font-size:14px;color:#667eea;margin-bottom:8px}.gate-value{font-size:20px;font-weight:700;color:#2c3e50;margin-bottom:4px}.gate-label{font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px){.inspector-input,.overview-grid,.metadata-grid,.timing-grid,.results-summary,.cost-grid{grid-template-columns:1fr}.top-states table{font-size:12px}.top-states th,.top-states td{padding:8px}}.provider-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:8px;margin-bottom:20px}.provider-header h4{margin:0 0 8px;font-size:20px}.provider-description{margin:0;opacity:.95;font-size:14px;line-height:1.5}.ionq-metadata{animation:fadeIn .3s ease-in}.ionq-metadata .provider-header{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.distribution-info{background:#f8f9fa;padding:15px;border-radius:8px;border-left:4px solid #4f46e5}.distribution-info p{margin:0 0 12px;color:#495057;font-size:14px}.rigetti-metadata{animation:fadeIn .3s ease-in}.rigetti-metadata .provider-header{background:linear-gradient(135deg,#0ea5e9,#06b6d4)}.quil-program{background:#1e293b;color:#94a3b8;padding:15px;border-radius:6px;font-family:Courier New,monospace;font-size:13px;line-height:1.6;overflow-x:auto;white-space:pre;border:1px solid #334155}.rewiring-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:12px}.rewiring-item{display:flex;align-items:center;gap:8px;padding:10px 15px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;font-size:14px;transition:all .2s ease}.rewiring-item:hover{background:#e0f2fe;transform:translateY(-2px);box-shadow:0 2px 8px #0ea5e933}.logical-qubit{font-weight:600;color:#0369a1;padding:2px 8px;background:#fff;border-radius:4px}.arrow{color:#0284c7;font-weight:700}.physical-qubit{color:#075985;font-weight:500}.oqc-metadata{animation:fadeIn .3s ease-in}.oqc-metadata .provider-header{background:linear-gradient(135deg,#f59e0b,#ef4444)}.metadata-group{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;margin-bottom:20px}.metadata-group h4{color:#1f2937;margin:0 0 15px;font-size:16px;padding-bottom:10px;border-bottom:2px solid #e5e7eb}.compiled-program{margin-top:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.circuit-execution-section{background:var(--qmill-white);border-radius:12px;padding:24px;margin:24px 0;border:1px solid #e9ecef;position:relative;z-index:1}.execution-controls{margin-bottom:24px}.form-row{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.form-group{display:flex;flex-direction:column;gap:8px;flex:1;min-width:200px}.form-group label{font-weight:600;color:#495057;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:12px;border:1px solid #ced4da;border-radius:8px;font-size:14px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.circuit-input-section{background:var(--qmill-white);border-radius:8px;padding:20px;border:1px solid #e9ecef;position:relative;z-index:1}.input-hint{font-size:.85rem;color:#6c757d;margin-top:8px}.circuit-metrics{display:flex;gap:16px;margin:16px 0;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.metric{display:flex;flex-direction:column;align-items:center;padding:8px}.metric-label{font-size:.8rem;color:#6c757d;margin-bottom:4px}.metric-value{font-weight:600;color:#495057;font-size:.9rem}.circuit-actions{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px;align-items:flex-start;justify-content:center}.circuit-action-buttons{display:inline-flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:center;align-self:flex-end}.circuit-action-buttons button{width:auto}.circuit-credit-actions{display:flex;justify-content:center;align-self:flex-start}.circuit-credit-stack{display:flex;flex-direction:column;gap:12px;align-items:stretch;min-width:260px;max-width:320px;width:100%}.circuit-credit-stack .credit-estimate{margin:0}.circuit-credit-stack .submit-button{justify-content:center;width:100%}.credit-estimate--placeholder .credit-estimate-value{color:#5c6f82;font-weight:500}.upload-button{display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--qmill-electric-blue);border:1px solid var(--qmill-electric-blue);border-radius:6px;padding:12px 24px;font-weight:600;cursor:pointer;transition:all .2s ease}.upload-button:hover:not(:disabled){background:var(--qmill-electric-blue);color:#fff}.secondary-button{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.secondary-button:hover:not(:disabled){background:#5a6268}.secondary-button:disabled{background:#adb5bd;cursor:not-allowed}.submit-button{padding:12px 24px;background:var(--qmill-electric-blue);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:8px;transition:background-color .2s ease}.upload-button,.submit-button{min-height:48px}.submit-button:hover:not(:disabled){background:var(--qmill-button-primary-hover)}.submit-button:disabled{background:#6c757d;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.circuit-diagram-container{margin-top:20px;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.error-message{background:#f8d7da;color:#721c24;padding:12px;border-radius:6px;margin-top:16px;border:1px solid #f5c6cb}.executed-job-section{margin:32px 0;padding:24px;background:var(--qmill-white);border-radius:12px;border:1px solid #e9ecef;box-shadow:0 2px 4px #0000001a;position:relative;z-index:1}.job-details-card{background:#f8f9fa;border-radius:8px;padding:20px;border:1px solid #e9ecef}.job-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item .label{font-size:.85rem;color:#6c757d;font-weight:500}.info-item .value{font-weight:600;color:#495057}.status{padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:600;text-transform:uppercase}.results-section{margin-top:24px;position:relative;z-index:1}.charts-container{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:20px 0}.chart-wrapper{background:#fff;padding:16px;border-radius:8px;border:1px solid #e9ecef}.chart-wrapper h5{margin:0 0 16px;color:#495057;font-size:.9rem}.results-summary{margin-top:24px;padding:16px;background:#fff;border-radius:8px;border:1px solid #e9ecef}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-top:16px}.stat-item{display:flex;flex-direction:column;gap:4px;text-align:center}.stat-label{font-size:.8rem;color:#6c757d}.stat-value{font-weight:600;color:#495057;font-size:1.1rem}.circuit-analysis-section{margin-top:24px;padding:16px;background:var(--qmill-white);border-radius:8px;border:1px solid #e9ecef;position:relative;z-index:1}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-top:16px}.metric-card{display:flex;flex-direction:column;align-items:center;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.metric-title{font-size:.8rem;color:#6c757d;margin-bottom:8px}.metric-number{font-size:1.5rem;font-weight:700;color:#495057}.metric-unit{font-size:.8rem;color:#6c757d;margin-top:4px}.upload-button{padding:12px 24px;background:#5200ff14;color:var(--qmill-electric-blue);border:2px solid rgba(82,0,255,.16);border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .2s ease}.upload-button:hover:not(:disabled){background:#5200ff29;transform:translateY(-1px)}.upload-button:disabled{opacity:.6;cursor:not-allowed}.job-loader{margin-top:40px;padding-top:24px;border-top:1px solid #e0e0e0}.job-loader-toggle{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--qmill-electric-blue);font-size:.95rem;font-weight:600;cursor:pointer;padding:8px 0;transition:color .2s ease}.job-loader-toggle:hover{color:#2d3e50;text-decoration:underline}.job-loader-panel{margin-top:16px}.single-job-comparison{margin-top:48px;background:#fff;border-radius:12px;border:1px solid #e9ecef;padding:24px;box-shadow:0 10px 30px #1e3c5a0f}.comparison-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.comparison-header h3{margin:0;font-size:1.25rem;color:#2d3e50}.comparison-job-id{font-size:.85rem;color:#6c757d;font-family:Courier New,monospace}.comparison-wrapper{margin-top:20px}@media(max-width:768px){.form-row{flex-direction:column}.charts-container,.job-info-grid{grid-template-columns:1fr}.circuit-actions{display:flex;flex-direction:column;align-items:stretch}.circuit-action-buttons{flex-direction:column;width:100%;justify-content:center;gap:12px;align-self:stretch}.circuit-action-buttons button{width:100%;justify-content:center}.circuit-credit-actions{width:100%;margin-left:0;justify-content:stretch}.circuit-credit-stack{min-width:0;max-width:none}.circuit-credit-stack .submit-button{width:100%}.upload-button{width:100%;justify-content:center}.comparison-header{flex-direction:column;align-items:flex-start;gap:4px}}.shared-controls{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:30px;display:grid;grid-template-columns:1fr 2fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#2d3e50;font-size:.95rem}.form-group input,.form-group select{padding:12px 16px;border:2px solid #e1e8ed;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--qmill-electric-blue);box-shadow:0 0 0 3px #5200ff1a}.circuits-container{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:30px}.circuit-section{background:#fff;padding:25px;border-radius:12px;border:2px solid #e1e8ed;transition:all .3s ease}.circuit-section:hover{border-color:var(--qmill-electric-blue);box-shadow:0 4px 12px #5200ff26}.circuit-section h3{color:#2d3e50;margin:0 0 20px;padding-bottom:15px;border-bottom:2px solid #e1e8ed;font-size:1.25rem;font-weight:600}.circuit-metrics{display:flex;justify-content:space-around;background:var(--qmill-electric-blue);padding:20px;border-radius:8px;margin-bottom:20px;gap:15px}.metric{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;color:#fff}.metric-label{font-size:.75rem;font-weight:600;opacity:.9;margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.metric-value{font-size:1.5rem;font-weight:700;line-height:1.2}.metric-value .device-qubits{color:#ff9800;font-size:1.25rem;margin-left:8px}.metric-description{font-size:.875rem;color:#666;margin-top:4px}.circuit-section textarea{width:100%;padding:15px;border:2px solid #e1e8ed;border-radius:8px;font-family:Courier New,monospace;font-size:.9rem;resize:vertical;min-height:200px;transition:all .3s ease;background:#f8f9fa}.circuit-section textarea:focus{outline:none;border-color:var(--qmill-electric-blue);box-shadow:0 0 0 3px #5200ff1a;background:#fff}.circuit-actions{display:flex;gap:12px;margin-top:15px}.diagram-button,.submit-circuit-button{flex:1;padding:12px 20px;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease}.diagram-button{background:var(--qmill-electric-blue);color:var(--qmill-white);border:2px solid var(--qmill-electric-blue)}.diagram-button:hover{background:var(--qmill-button-primary-hover);border-color:var(--qmill-button-primary-hover);transform:translateY(-2px)}.submit-circuit-button{background:var(--qmill-electric-blue);color:var(--qmill-white)}.submit-circuit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--qmill-shadow-md);background:var(--qmill-button-primary-hover)}.submit-circuit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.compare-circuits-section{display:flex;flex-direction:column;align-items:center;gap:20px;justify-content:center;margin:30px 0;padding:25px;background:var(--qmill-platinum-grey);border-radius:12px}.compare-circuits-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px}.compare-circuits-button,.submit-both-button{padding:15px 30px;border:none;border-radius:8px;font-weight:var(--qmill-font-weight-regular);font-size:1rem;cursor:pointer;transition:all var(--transition-normal)}.compare-circuits-button{background:var(--qmill-white);color:var(--qmill-text-primary);border:2px solid var(--qmill-platinum-grey);align-self:flex-end}.compare-circuits-button:hover{background:var(--qmill-white);border-color:var(--qmill-electric-blue);color:var(--qmill-electric-blue)}.compare-circuits-stack{display:flex;flex-direction:column;gap:12px;align-items:stretch;min-width:260px}.compare-circuits-stack .credit-estimate{margin:0}.compare-circuits-stack .submit-both-button{justify-content:center;width:100%}.submit-both-button{background:var(--qmill-electric-blue);color:var(--qmill-white)}.submit-both-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--qmill-shadow-md);background:var(--qmill-button-primary-hover)}.submit-both-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.credit-estimate{margin:0 auto;padding:12px 18px;border-radius:12px;border:1px solid #d6e0ff;background:#f5f8ff;color:#2d3e50;text-align:center;max-width:420px}.credit-estimate-value{font-size:.95rem;font-weight:600}.credit-estimate-value strong{color:var(--qmill-electric-blue);font-size:1.05rem}.credit-estimate-details{margin-top:4px;font-size:.85rem;color:#5c6f82}.credit-estimate-subtext{margin-top:4px;font-size:.75rem;color:#6b7c90}.error{margin-top:20px;padding:15px;background:#f8d7da;border:2px solid #f5c6cb;border-radius:8px;color:#721c24;font-weight:500}.info-message{margin-top:12px;padding:12px 14px;background:#f5f8ff;border:1px solid #d6e0ff;border-radius:8px;color:#2d3e50;font-size:.9rem}.warning-message{margin-top:12px;padding:12px 14px;background:#fff8e6;border:1px solid #fcd28d;border-radius:8px;color:#b36b00;font-size:.9rem}.measurement-toggle{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:.9rem;color:#2d3e50;line-height:1.2}.measurement-toggle input{width:16px;height:16px;margin:0;flex:0 0 auto;min-width:16px;max-width:16px;align-self:center;vertical-align:middle;position:relative;top:-1px}.measurement-toggle span{display:inline-block;flex:1 1 auto}@media(max-width:1024px){.circuits-container,.shared-controls{grid-template-columns:1fr}.comparison-header h1{font-size:2rem}}@media(max-width:768px){.compare-circuits-section{flex-direction:column}.compare-circuits-actions{flex-direction:column;align-items:stretch;gap:16px}.compare-circuits-button{align-self:stretch}.compare-circuits-stack{min-width:0}.compare-circuits-stack .credit-estimate{margin:0}.compare-circuits-actions button{width:100%}.circuit-actions{flex-direction:column}}.circuit-comparison{background:#f5f5f5;padding:30px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px auto}.circuit-comparison h2{color:#333;margin-bottom:20px;text-align:center}.no-data{text-align:center;color:#666;font-style:italic;padding:40px}.comparison-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}@media(max-width:768px){.comparison-cards{grid-template-columns:1fr}}.job-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.job-card h3{color:#333;margin:0 0 15px;text-align:center;padding-bottom:10px;border-bottom:2px solid #eee}.job-details{display:flex;flex-direction:column;gap:10px}.detail-row{display:flex;justify-content:flex-start;gap:16px;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.detail-row:last-child{border-bottom:none}.label{font-weight:700;color:#555}.job-id{font-family:Courier New,monospace;font-size:.85rem;background:#f8f9fa;padding:2px 6px;border-radius:4px;border:1px solid #dee2e6;color:#495057;font-weight:600}.status{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase}.status.completed{background:#d4edda;color:#155724}.status.running{background:#fff3cd;color:#856404}.status.queued{background:#cce7ff;color:#004085}.status.failed{background:#f8d7da;color:#721c24}.job-status-container{display:flex;align-items:center;gap:8px}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase}.status-badge.status-completed{background:#d4edda;color:#155724}.status-badge.status-running{background:#fff3cd;color:#856404}.status-badge.status-queued{background:#cce7ff;color:#004085}.status-badge.status-failed{background:#f8d7da;color:#721c24}.status-badge.status-unknown{background:#e9ecef;color:#495057}.polling-indicator{display:flex;align-items:center;gap:6px;font-size:14px;color:#666;font-style:italic}.polling-dots{font-size:16px;color:#007bff;animation:spin 2s linear infinite}.polling-text{white-space:nowrap;font-size:14px;line-height:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-job{text-align:center;color:#666;font-style:italic;padding:20px}.results-preview{margin-top:15px;padding-top:15px;border-top:1px solid #eee}.results-preview h4{margin:0 0 10px;color:#333;font-size:14px}.outcome-counts{display:flex;flex-wrap:wrap;gap:8px}.outcome{display:flex;flex-direction:row;align-items:center;gap:6px;background:#f8f9fa;padding:8px 12px;border-radius:4px;font-size:13px}.outcome-state{font-weight:700;color:#1976d2}.outcome-count{color:#666;font-weight:600}.comparison-metrics{background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.comparison-metrics h3{color:#333;margin:0 0 20px;text-align:center}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.metric-card{background:#f8f9fa;padding:20px;border-radius:8px;text-align:center}.metric-card h4{color:#333;margin:0 0 15px;font-size:16px}.optimization-verdict{padding:15px;border-radius:8px;text-align:center;font-weight:700;margin-top:20px}.optimization-verdict.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.optimization-verdict.warning{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.optimization-verdict.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.job-lists-section{margin:30px auto;padding:0 30px;position:relative;z-index:1}.job-list-container{display:grid;grid-template-columns:1fr 1fr;gap:25px}.job-list-card{background:var(--qmill-white);padding:25px;border-radius:12px;box-shadow:0 4px 20px #2d3e501a;position:relative;z-index:1}.job-list-card h3{color:#2d3e50;margin:0 0 20px;padding-bottom:15px;border-bottom:2px solid #e1e8ed;font-size:1.25rem;font-weight:600}.comparison-section{background:var(--qmill-white);border:1px solid #dee2e6;border-radius:12px;padding:24px 30px;margin:20px auto;box-shadow:0 2px 8px #00000014;position:relative;z-index:1}.comparison-section h3{font-size:1.25rem;font-weight:600;color:#2d3e50;margin-bottom:20px}.comparison-section-toggle{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left;transition:color var(--transition-fast)}.comparison-section-toggle:hover{color:var(--qmill-electric-blue)}.side-by-side{display:flex;justify-content:flex-start;gap:20px;margin:12px 0;min-width:0}.side{flex:1;display:flex;justify-content:flex-start;gap:16px;padding:12px;background:#f8f9fa;border-radius:8px;min-width:0;overflow-wrap:break-word}.side .label{font-weight:500;color:#666;word-break:break-word}.side .value{font-weight:700;color:var(--qmill-electric-blue);font-size:1.125rem;white-space:nowrap}.side .value.optimized{color:#50c878}.noise-analysis{padding:16px}.noise-analysis .explanation{background:#f0f7ff;padding:12px 16px;border-radius:8px;border-left:4px solid var(--qmill-electric-blue);margin-bottom:20px;color:#2d3e50;line-height:1.6}.noise-comparison{margin:20px 0}.noise-bar{margin-bottom:24px}.noise-label{font-weight:600;color:#2d3e50;margin-bottom:8px}.noise-visual{background:#f0f0f0;border-radius:8px;height:40px;position:relative;overflow:hidden;margin-bottom:8px}.noise-fill{height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem;transition:width .5s ease}.noise-fill.original{background:linear-gradient(90deg,#e74c3c,#c0392b)}.noise-fill.optimized{background:linear-gradient(90deg,#50c878,#2ecc71)}.noise-estimate{font-size:.875rem;color:#666;font-style:italic}.noise-verdict{background:#e8f5e9;padding:16px;border-radius:8px;border-left:4px solid #50c878;margin-top:20px;color:#2d3e50;line-height:1.6}.cost-analysis{padding:16px}.cost-analysis .explanation{background:#fff8e1;padding:12px 16px;border-radius:8px;border-left:4px solid #ffa726;margin-bottom:20px;color:#2d3e50;line-height:1.6}.cost-scenarios{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:20px 0}.scenario{background:#f8f9fa;padding:16px;border-radius:8px;border:1px solid #e0e0e0}.scenario.estimated{background:#e8f5e9;border-color:#50c878}.scenario h4{font-size:1rem;font-weight:600;color:#2d3e50;margin-bottom:12px}.cost-row{display:flex;justify-content:flex-start;gap:16px;margin:8px 0;color:#333}.cost-row span:first-child{font-weight:500}.cost-row span:last-child{font-weight:700;color:var(--qmill-electric-blue)}.scenario .note{margin-top:12px;font-size:.875rem;color:#666;font-style:italic}.savings{background:#fff;padding:12px;border-radius:6px;margin-top:12px;color:#2d3e50;line-height:1.6;font-size:.9375rem}.charts-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin:20px 0}.fidelity-summary{background:#f8f9fa;padding:20px;border-radius:8px;margin-top:24px;text-align:center}.fidelity-summary h4{font-size:1.25rem;font-weight:700;color:#2d3e50;margin-bottom:8px}.fidelity-summary p{color:#666;margin-bottom:16px}.fidelity-summary p.warning{background:#fff3cd;border-left:4px solid #ff9800;padding:12px;border-radius:4px;color:#856404;font-size:.9rem}.verdict{padding:12px 16px;border-radius:8px;font-weight:500;display:inline-block}.verdict.success{background:#e8f5e9;color:#2e7d32;border-left:4px solid #4caf50}.verdict.warning{background:#fff8e1;color:#f57c00;border-left:4px solid #ffa726}.verdict.error{background:#ffebee;color:#c62828;border-left:4px solid #e74c3c}@media(max-width:1024px){.job-list-container,.charts-container,.cost-scenarios{grid-template-columns:1fr}}@media(max-width:768px){.job-lists-section{padding:0 15px}.job-list-card{padding:20px}.side-by-side{flex-direction:column;gap:12px}}.section-header{text-align:center;margin:30px auto;padding:20px;background:var(--qmill-white);border-radius:12px;border:1px solid #dee2e6;position:relative;z-index:1}.section-header h2{color:#495057;margin:0 0 10px;font-size:1.5rem;font-weight:600}.section-description{color:#6c757d;margin:0;font-size:.95rem;line-height:1.4}.two-column-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:16px}.two-column-grid .column{background:var(--qmill-white);border:1px solid var(--qmill-platinum-grey);border-radius:8px;padding:20px;min-height:200px;min-width:0;overflow:hidden}.two-column-grid .column h4{color:var(--qmill-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid var(--qmill-electric-blue)}.two-column-grid .column .no-data{color:var(--qmill-text-secondary);font-style:italic;text-align:center;padding:40px 20px}@media(max-width:1024px){.two-column-grid{grid-template-columns:1fr}}.comparison-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.comparison-header-row h2{margin:0}.toggle-all-btn{background:var(--qmill-electric-blue);color:var(--qmill-white);border:none;border-radius:8px;padding:10px 20px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:6px}.toggle-all-btn:hover{background:#4100cc;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.toggle-all-btn:active{transform:translateY(0)}@media(max-width:768px){.comparison-header-row{flex-direction:column;align-items:flex-start;gap:12px}.toggle-all-btn{align-self:stretch;justify-content:center}}.circuit-comparison .comparison-header-row h2{text-align:left;margin:0;flex:1}.two-column-grid .column .calibration-overview{background:#f8f9fa;padding:16px;border-radius:8px;margin-bottom:16px}.two-column-grid .column .calibration-overview h4{font-size:1rem;font-weight:600;color:#2d3e50;margin:0 0 12px;border:none;background:transparent;padding-bottom:0}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.info-item{background:var(--qmill-white);padding:12px;border-radius:6px;box-shadow:0 1px 3px #0000000d}.info-item .label{display:block;font-size:.875rem;color:var(--qmill-text-secondary);margin-bottom:4px}.info-item .value{display:block;font-size:1.1rem;font-weight:600;color:var(--qmill-text-primary)}.job-pairs{margin:20px 0;max-width:100%;width:100%}.job-pairs-header{margin-bottom:16px;max-width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.job-pairs-title-section{flex:1}.job-pairs-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}.auto-refresh-control{display:flex;align-items:center;gap:6px;font-size:.9rem;color:#666;cursor:pointer;-webkit-user-select:none;user-select:none}.auto-refresh-control input[type=checkbox]{margin:0}.toggle-history-button{background:#007bff;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.toggle-history-button:hover{background:#0056b3}.job-pairs-header h3{margin:0 0 8px;color:#333;font-size:1.2rem;font-weight:600}.job-pairs-subtitle{margin:0;color:#666;font-size:.9rem;font-style:italic}.job-pairs-empty{padding:40px 20px;text-align:center;color:#666;background:#f8f9fa;border-radius:8px;border:2px dashed #ddd;max-width:100%}.job-pairs-list{display:flex;flex-direction:column;gap:12px;max-width:100%}.job-pair-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;overflow:hidden;transition:all .2s ease;box-shadow:0 1px 3px #0000001a;margin-bottom:8px}.job-pair-card:hover{border-color:#5200ff;box-shadow:0 4px 12px #5200ff26;transform:translateY(-1px)}.job-pair-card.clickable{cursor:pointer}.job-pair-card.clickable:hover{border-color:#28a745;box-shadow:0 4px 12px #28a74533;transform:translateY(-2px)}.job-pair-card.completed{border-left:4px solid #28a745}.job-pair-card.running{border-left:4px solid #007bff}.job-pair-card.failed{border-left:4px solid #dc3545}.job-pair-card.partial{border-left:4px solid #ffc107}.job-pair-card.queued{border-left:4px solid #6c757d}.job-pair-header{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;border-bottom:1px solid #e1e5e9;min-height:80px}.job-pair-header:hover{background:#e9ecef}.job-pair-info{flex:1}.job-pair-title{font-weight:600;font-size:1.1rem;margin-bottom:12px;color:#333;display:flex;align-items:center;gap:8px}.job-pair-meta{display:flex;gap:20px;align-items:center;font-size:.9rem;color:#666;flex-wrap:wrap}.device-name,.submitted-time{display:flex;align-items:center;gap:4px}.compare-hint{display:flex;align-items:center;gap:4px;font-size:.85rem;color:#28a745;font-weight:500;font-style:italic}.job-pair-toggle{font-size:1.4rem;color:#666;min-width:32px;min-height:32px;text-align:center;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.job-pair-toggle:hover{background:#e9ecef;color:#5200ff}.job-pair-details{padding:20px;background:#fff}.job-detail{margin-bottom:16px;padding:16px;border-radius:6px;border:1px solid #e1e5e9}.job-detail.original-job{background:#f8f9ff;border-left:3px solid #5200ff}.job-detail.optimized-job{background:#f0fff4;border-left:3px solid #28a745}.job-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.job-label{font-weight:600;font-size:.95rem}.job-detail-content p{margin:6px 0;font-size:.9rem;color:#333}.job-detail-content strong{color:#222;min-width:120px;display:inline-block}.job-actions{margin-top:12px;padding-top:8px;border-top:1px solid #f0f0f0}.refresh-status-btn{background:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.refresh-status-btn:hover{background:#218838}.refresh-status-btn:disabled{background:#6c757d;cursor:not-allowed}.job-pair-actions{margin-top:16px;padding-top:16px;border-top:1px solid #e1e5e9;text-align:center}.compare-button{background:#5200ff;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.compare-button:hover{background:#4100cc}.compare-button:active{background:#3600aa}.status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle;line-height:1;margin:0;transform:translateY(-.5px)}.status-completed{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb;vertical-align:middle;line-height:1;position:relative;top:-1px}.status-running{background-color:#cce7ff;color:#004085;border:1px solid #b3d9ff;vertical-align:middle;line-height:1;position:relative;top:-1px}.status-failed{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-partial{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-queued{background-color:#e2e3e5;color:#383d41;border:1px solid #d6d8db}.status-unknown{background-color:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}@media(max-width:768px){.job-pair-meta{flex-direction:column;gap:8px;align-items:flex-start}.job-pair-header{padding:12px 16px}.job-pair-details{padding:16px}.job-detail{margin-bottom:12px;padding:12px}}.job-status-loading,.job-status-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:20px}.spinner-large{width:60px;height:60px;border:6px solid rgba(82,0,255,.1);border-top-color:var(--qmill-electric-blue);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.job-status-error svg{color:#dc3545;margin-bottom:20px}.job-status-error h2{font-size:2rem;color:#2d3e50;margin:0 0 12px}.job-status-error p{font-size:1.125rem;color:#6c757d;margin-bottom:24px}.job-status-error button{background:var(--qmill-electric-blue);color:#fff;border:none;padding:12px 32px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.job-status-error button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #5200ff4d}.connection-warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:12px 16px;margin-top:16px;color:#856404;display:flex;align-items:center;justify-content:center;font-size:.95rem}.metrics-error-banner{margin-bottom:16px;padding:12px 16px;border-radius:8px;background:#dc35451f;border:1px solid rgba(220,53,69,.28);color:#842029;font-weight:600;display:flex;align-items:center;gap:8px}.job-header{margin-bottom:24px}.job-meta-grid{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.job-meta-item{background:#f8f9fa;border-radius:12px;padding:12px 18px;display:flex;flex-direction:column;min-width:160px;box-shadow:0 2px 6px #2d3e5014}.job-meta-label{font-size:.8rem;color:#6c757d;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-weight:600}.job-meta-value{font-size:1.05rem;color:#2d3e50;font-weight:600;word-break:break-word}.job-id,.lumi-job-id{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:12px}.job-id-label,.lumi-job-id-label{font-weight:600;color:#6c757d}.job-id-value{font-family:Monaco,Menlo,Courier New,monospace;color:#2d3e50;font-weight:600}.lumi-job-id-value{font-family:Monaco,Menlo,Courier New,monospace;color:var(--qmill-electric-blue);font-weight:600}.job-status-badge{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;border-radius:24px;font-size:1.125rem;font-weight:700;margin-bottom:32px}.status-submitted{background:var(--qmill-gold-yellow);color:var(--qmill-black)}.status-running{background:var(--qmill-electric-blue);color:#fff}.status-completed{background:#28a745;color:#fff}.status-failed{background:var(--qmill-powerful-orange);color:#fff}.status-cancelled{background:var(--qmill-dim-grey);color:#fff}.rotating{animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.job-actions{display:flex;justify-content:flex-end;margin-bottom:32px}.stop-button{background:var(--qmill-electric-blue);color:var(--qmill-white);border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:var(--qmill-font-weight-regular);cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:8px}.stop-button:hover{background:var(--qmill-button-primary-hover);transform:translateY(-2px);box-shadow:var(--qmill-shadow-md)}.stop-button:active{transform:translateY(0)}.stop-pending-banner{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;margin:0 auto 24px;width:fit-content;border-radius:999px;background:#ffc10729;border:1px solid rgba(255,193,7,.4);color:#8a6d00;font-weight:600}.stop-pending-icon{display:inline-flex;animation:spin 1.4s linear infinite}.job-timeline{margin:32px 0;padding:24px;background:#f8f9fa;border-radius:12px}.timeline-item{display:flex;gap:16px;margin-bottom:20px}.timeline-item:last-child{margin-bottom:0}.timeline-icon{width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.timeline-title{font-weight:600;color:#2d3e50;font-size:1rem;margin-bottom:4px}.timeline-time{font-size:.875rem;color:#6c757d}.job-section{margin:32px 0}.job-section h3{font-size:1.5rem;color:#2d3e50;margin:0 0 16px;font-weight:700}.structure-section{background:#f8f9fb;border-radius:12px;padding:24px}.structure-header{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.structure-header-item,.structure-header-meta{display:flex;flex-direction:column;gap:4px}.structure-header-meta{margin-left:auto;text-align:right}.structure-header-label{font-size:.8rem;color:#6c757d;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.structure-header-value{font-size:1rem;color:#2d3e50;font-weight:600}.structure-header-meta.updated-pulse .structure-header-label,.structure-header-meta.updated-pulse .structure-header-value{color:#2f9e44;transition:color .6s ease}.structure-highlight{display:flex;flex-direction:column;gap:6px;margin-bottom:18px;padding:16px 18px;border-radius:12px;background:#28a7451f;border:1px solid rgba(40,167,69,.32);color:#1b4332}.structure-highlight.trend-negative{background:#fd7e1424;border-color:#fd7e145c;color:#8a2d0c}.structure-highlight.trend-neutral{background:#4950571f;border-color:#4950573d;color:#343a40}.highlight-title{font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.04em}.highlight-body{font-size:.98rem}.highlight-smallprint{font-size:.85rem;color:inherit;opacity:.85}.structure-table{display:grid;gap:12px}.structure-table-header,.structure-table-row{display:grid;gap:12px;align-items:stretch;background:#fff;border-radius:10px;padding:14px 18px;box-shadow:0 2px 8px #2d3e5014}.structure-table-header{background:linear-gradient(135deg,#667eea1f,#764ba21f);color:#2d3e50;font-weight:600}.structure-table.count-1 .structure-table-header,.structure-table.count-1 .structure-table-row{grid-template-columns:minmax(120px,1fr) minmax(100px,1fr)}.structure-table.count-2 .structure-table-header,.structure-table.count-2 .structure-table-row{grid-template-columns:minmax(120px,1fr) repeat(2,minmax(100px,1fr))}.structure-table.count-3 .structure-table-header,.structure-table.count-3 .structure-table-row{grid-template-columns:minmax(120px,1fr) repeat(3,minmax(90px,1fr))}.structure-table.count-3.has-transpiled-comparison .structure-table-header,.structure-table.count-3.has-transpiled-comparison .structure-table-row{grid-template-columns:minmax(120px,1fr) repeat(3,minmax(90px,1fr)) minmax(100px,1fr)}.structure-table-metric{font-size:.95rem;font-weight:600;color:#495057;display:flex;align-items:center}.structure-table-column{font-size:.95rem;font-weight:700;text-align:center}.structure-table-cell{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.metric-label{font-size:.95rem;color:#6c757d;font-weight:600}.metric-value{font-family:Monaco,Menlo,Courier New,monospace;font-size:1.2rem;color:#2d3e50}.metric-delta{font-size:.9rem;font-weight:600}.metric-positive{color:#1f9d55}.metric-negative{color:#d64545}.metric-neutral{color:#6c757d}.structure-footer{margin-top:20px;display:flex;flex-wrap:wrap;gap:12px 24px;font-size:.9rem;color:#6c757d}@media(max-width:900px){.structure-table.count-3 .structure-table-header,.structure-table.count-3 .structure-table-row{grid-template-columns:minmax(100px,1fr) repeat(2,minmax(90px,1fr))}.structure-table.count-3.has-transpiled-comparison .structure-table-header,.structure-table.count-3.has-transpiled-comparison .structure-table-row{grid-template-columns:minmax(100px,1fr) repeat(2,minmax(90px,1fr)) minmax(90px,1fr)}}@media(max-width:768px){.structure-table-header,.structure-table-row{grid-template-columns:minmax(100px,1fr) repeat(2,minmax(80px,1fr));overflow-x:auto}.structure-table-cell{min-width:80px}.structure-table.count-3.has-transpiled-comparison .structure-table-header,.structure-table.count-3.has-transpiled-comparison .structure-table-row{grid-template-columns:minmax(100px,1fr) repeat(2,minmax(80px,1fr)) minmax(80px,1fr)}}.job-logs,.job-result{background:#1e1e1e;color:#d4d4d4;padding:20px;border-radius:12px;font-family:Monaco,Menlo,Courier New,monospace;font-size:.875rem;line-height:1.6;overflow-x:auto;height:300px;overflow-y:auto;margin:0 0 12px;max-height:400px}.copy-button{background:var(--qmill-electric-blue);color:#fff;border:none;padding:10px 20px;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.copy-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4a90e24d}.view-button{background:var(--qmill-electric-blue);color:#fff;border:none;padding:10px 20px;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 12px #4a90e24d}.view-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4a90e266}.result-actions{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap}.result-actions .download-button{background:var(--qmill-electric-blue);color:#fff;border:none;padding:10px 20px;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.result-actions .download-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4a90e24d}@media(max-width:768px){.result-actions{flex-direction:column}.result-actions .copy-button,.result-actions .download-button,.result-actions .view-button{width:100%;justify-content:center}}.diagram-button-large{background:var(--qmill-electric-blue);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #5200ff33;display:flex;align-items:center;justify-content:center;gap:12px;width:auto;min-width:160px}.diagram-button-large:hover{background:var(--qmill-button-primary-hover);transform:translateY(-2px);box-shadow:0 6px 16px #5200ff4d}.comparison-hint{text-align:center;color:#6c757d;font-size:.95rem;margin-top:8px;font-style:italic}.job-waiting{margin-top:32px;padding:24px;background:#5200ff0d;border:2px dashed rgba(82,0,255,.3);border-radius:12px;text-align:center}.waiting-animation{display:flex;gap:12px;margin-bottom:16px}.dot{width:12px;height:12px;background:var(--qmill-electric-blue);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.dot:nth-child(1){animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.job-waiting p{color:#6c757d;font-size:1rem;line-height:1.6;margin:0 auto;max-width:600px}@media(max-width:768px){.job-status-header{padding:60px 20px 20px}.job-status-header .back-button{position:static;display:block;width:100%;margin-bottom:20px;text-align:center}.job-status-header h1{font-size:2rem}.job-status-card{padding:24px}.job-section h3{font-size:1.25rem}.job-logs,.job-result{font-size:.8rem}.diagram-button-large{font-size:1rem;padding:14px 24px}}.optimization-buttons,.compression-buttons{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap;justify-content:center}.comparison-button{background:var(--qmill-electric-blue);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #5200ff33;display:flex;align-items:center;justify-content:center;gap:12px;width:auto;min-width:160px}.comparison-button:hover{background:var(--qmill-button-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #5200ff4d}.comparison-button:active{transform:translateY(0)}@media(max-width:640px){.optimization-buttons,.compression-buttons{flex-direction:column}.comparison-button,.diagram-button-large{min-width:auto;flex:none}}.announcements-section{position:relative;background:var(--qmill-white);border-radius:16px;padding:24px;box-shadow:var(--qmill-shadow-md);border:1px solid var(--qmill-platinum-grey);margin-bottom:36px}.announcements-section--compact{padding:16px 20px}.announcement-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.announcement-banner-main{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-width:0;flex:1 1 auto}.announcement-priority--high .announcements-kicker{background:#fff7ed;color:#92400e;border:1px solid #f59e0b}.announcement-priority--critical .announcements-kicker{background:#b91c1c}.announcements-kicker{display:inline-flex;align-items:center;justify-content:center;background:var(--qmill-electric-blue);color:var(--qmill-white);padding:4px 12px;border-radius:999px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;flex-shrink:0}.announcement-headline{display:inline-flex;align-items:center;gap:10px;font-size:1rem;color:var(--qmill-text-primary);font-weight:600;min-width:0}.announcement-priority--high .announcement-headline .announcement-title,.announcement-priority--high .announcement-meta{color:#92400e}.announcement-priority--critical .announcement-headline .announcement-title,.announcement-priority--critical .announcement-meta{color:#b91c1c}.announcement-headline span{white-space:nowrap}.announcement-headline .announcement-title{white-space:normal}.announcement-headline--loading,.announcement-headline--empty{color:var(--qmill-text-secondary);font-weight:500}.announcement-headline--error{color:var(--qmill-warning, #d97706);font-weight:600}.announcement-date{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--qmill-text-secondary);background:var(--qmill-platinum-grey);padding:2px 10px;border-radius:999px;flex-shrink:0}.announcement-title{font-size:1rem;color:var(--qmill-text-primary);word-break:break-word}.announcement-toggle{display:inline-flex;align-items:center;gap:6px;background:var(--qmill-electric-blue);color:var(--qmill-white);border:none;border-radius:999px;padding:8px 16px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.announcement-toggle:hover:not(:disabled){background:var(--qmill-button-primary-hover)}.announcement-priority--high .announcement-toggle{background:#fff7ed;color:#92400e;border:1px solid #f59e0b}.announcement-priority--high .announcement-toggle:hover:not(:disabled){background:#fde68a}.announcement-priority--critical .announcement-toggle{background:#b91c1c}.announcement-priority--critical .announcement-toggle:hover:not(:disabled){background:#991b1b}.announcement-toggle:disabled{cursor:not-allowed;background:var(--qmill-platinum-grey);color:var(--qmill-text-secondary)}.announcement-card,.announcements-section--compact .announcement-card{background:var(--qmill-white);border:1px solid var(--qmill-platinum-grey);border-radius:14px;padding:20px;box-shadow:var(--qmill-shadow-sm);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.announcement-card:hover{transform:translateY(-4px);box-shadow:var(--qmill-shadow-lg)}.announcement-card h3{margin:8px 0 12px;font-size:1.5rem;color:var(--qmill-text-primary)}.announcement-card p{margin:0 0 12px;color:var(--qmill-text-secondary);line-height:1.5;font-size:.95rem}.announcement-card.loading,.announcement-card.empty,.announcement-card.error{text-align:center;border-style:dashed}.announcement-card.error h3{color:var(--qmill-warning, #d97706)}.announcement-meta{display:flex;align-items:center;gap:10px;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--qmill-text-secondary);font-weight:600}.announcement-link{font-weight:600;color:var(--qmill-electric-blue);text-decoration:none}.announcement-link:hover{text-decoration:underline}.announcement-loading-bar{height:16px;background:var(--qmill-platinum-grey);border-radius:8px;margin-bottom:12px;animation:announcement-loading 1.2s infinite ease-in-out}.announcement-loading-bar.smaller{height:12px;width:60%}@keyframes announcement-loading{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.announcements-archive{margin-top:20px;border-top:1px solid var(--qmill-platinum-grey);padding-top:20px}.announcements-archive h3{margin:0 0 18px;color:var(--qmill-text-primary)}.announcements-archive ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}.announcements-archive li{display:grid;grid-template-columns:140px 1fr;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--qmill-platinum-grey);align-items:start}.announcements-archive li:last-child{border-bottom:none}.archive-date{display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-size:.9rem;color:var(--qmill-text-secondary);font-weight:600}.archive-content{display:flex;flex-direction:column;gap:6px}.archive-title{font-size:1.1rem;color:var(--qmill-text-primary);font-weight:600}.archive-body{color:var(--qmill-text-secondary);font-size:.95rem;line-height:1.5}.archive-link{color:var(--qmill-electric-blue);font-weight:600;text-decoration:none;font-size:.95rem}.archive-link:hover{text-decoration:underline}.announcement-expanded{margin-top:20px;display:grid;gap:20px}.announcement-severity{display:inline-flex;align-items:center;justify-content:center;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;max-width:100%}.announcement-severity--high{background:#fef3c7;color:#92400e}.announcement-severity--critical{background:#fee2e2;color:#b91c1c}@media(max-width:768px){.announcements-section{padding:28px}.announcements-section--compact{padding:18px 20px}.announcement-banner,.announcement-banner-main{flex-direction:column;align-items:flex-start}.announcement-toggle{width:100%;justify-content:center}.announcements-archive li{grid-template-columns:1fr}.archive-date{order:1}}.landing-hero{background-image:url(/landing-hero-background.webp);background-size:cover;background-position:center;color:var(--qmill-white);padding:45px 16px;text-align:center;position:relative;overflow:hidden;border-bottom:1px solid var(--qmill-platinum-grey)}.landing-hero:before{content:"";position:absolute;inset:0;background:#00000080;pointer-events:none}.landing-hero-content{max-width:900px;margin:0 auto;position:relative;z-index:10}.landing-title{font-size:3.5rem;font-weight:var(--qmill-font-weight-regular);margin:0 0 24px;line-height:1.2;letter-spacing:-.02em;position:relative;z-index:2;color:var(--qmill-white)}.landing-subtitle{font-size:1.25rem;line-height:1.6;opacity:.95;max-width:700px;margin:0 auto;font-weight:var(--qmill-font-weight-light);position:relative;z-index:2;color:var(--qmill-white)}.landing-options-wrapper{position:relative;background:var(--qmill-white);width:100%}.landing-options{max-width:1200px;margin:0 auto;padding:30px 20px;position:relative;z-index:1}.landing-section-title{text-align:center;margin-bottom:20px;position:relative;z-index:1}.landing-section-title h2{font-size:2.5rem;color:var(--qmill-text-primary);font-weight:var(--qmill-font-weight-regular);margin:0}.landing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:36px;margin-top:24px;position:relative;z-index:1}@media(max-width:1024px){.landing-cards{grid-template-columns:1fr;max-width:550px;margin-left:auto;margin-right:auto}}.landing-card{background:var(--qmill-white);border-radius:16px;padding:30px;box-shadow:var(--qmill-shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;border:2px solid var(--qmill-platinum-grey);display:flex;flex-direction:column}.landing-card:hover{transform:translateY(-8px);box-shadow:var(--qmill-shadow-lg);border-color:var(--qmill-electric-blue)}.landing-card-icon{width:80px;height:80px;background:var(--qmill-electric-blue);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:var(--qmill-white);flex-shrink:0}.landing-card h3{font-size:1.75rem;color:var(--qmill-text-primary);margin:0 0 16px;font-weight:var(--qmill-font-weight-regular)}.landing-card p{font-size:1rem;color:var(--qmill-text-secondary);line-height:1.6;margin:0 0 20px;flex-grow:1}.landing-card-badge{display:inline-block;background:var(--qmill-gold-yellow);color:var(--qmill-black);padding:6px 16px;border-radius:20px;font-size:.875rem;font-weight:600;margin-bottom:20px;align-self:flex-start}.landing-card-button{background:var(--qmill-electric-blue);color:var(--qmill-white);border:none;padding:14px 28px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);width:100%;margin-top:auto}.landing-card-button:hover{background:var(--qmill-button-primary-hover);transform:translate(4px)}.landing-footer{background:var(--qmill-black);color:var(--qmill-white);padding:40px 20px;text-align:center;margin-top:60px}.landing-footer-content{max-width:1200px;margin:0 auto}.landing-footer p{margin:0;font-size:1rem;opacity:.9}.landing-footer strong{color:var(--qmill-electric-blue);font-weight:700}.landing-footer strong a{color:var(--qmill-gold-yellow);text-decoration:none;transition:opacity .2s}.landing-footer strong a:visited{color:var(--qmill-gold-yellow)}.landing-footer strong a:hover{opacity:.8;text-decoration:underline}.job-tracking-section{max-width:800px;margin:0 auto;padding:0 20px 40px}.job-input-group{display:flex;gap:12px;margin-bottom:30px}.job-id-input{flex:1;padding:14px 18px;border:2px solid var(--qmill-platinum-grey);border-radius:8px;font-size:1rem;font-family:Courier New,monospace;transition:all var(--transition-normal)}.job-id-input:focus{outline:none;border-color:var(--qmill-electric-blue);box-shadow:0 0 0 3px #5200ff1a}.job-id-input::placeholder{color:var(--qmill-dim-grey);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.track-job-button{padding:14px 32px;background:var(--qmill-electric-blue);color:var(--qmill-white);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.track-job-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--qmill-shadow-lg);background:var(--qmill-button-primary-hover)}.track-job-button:disabled{opacity:.5;cursor:not-allowed}.recent-jobs{margin-top:30px}.recent-jobs h4{margin:0 0 16px;color:var(--qmill-text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.recent-jobs-list{display:flex;flex-direction:column;gap:8px}.recent-job-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--qmill-white);border:1px solid var(--qmill-platinum-grey);border-radius:8px;cursor:pointer;transition:all var(--transition-normal)}.recent-job-item:hover{border-color:var(--qmill-electric-blue);box-shadow:var(--qmill-shadow-sm);transform:translate(4px)}.recent-job-type{font-size:1.25rem}.recent-job-id{font-family:Courier New,monospace;font-size:.875rem;color:var(--qmill-text-primary);font-weight:500}.recent-job-time{margin-left:auto;font-size:.75rem;color:var(--qmill-text-secondary)}@media(max-width:768px){.landing-title{font-size:2.5rem}.landing-subtitle{font-size:1.125rem}.landing-section-title h2{font-size:2rem}.landing-cards{grid-template-columns:1fr;gap:30px}.landing-card{padding:30px}.landing-card h3{font-size:1.5rem}.job-input-group{flex-direction:column}.track-job-button{width:100%}.job-id-input{font-size:.875rem}.recent-job-time{font-size:.7rem}}.landing-card.dev-tools-card{border:2px solid var(--qmill-electric-blue);background:var(--qmill-white)}.landing-card.dev-tools-card .landing-card-icon{background:var(--qmill-electric-blue);color:var(--qmill-white)}.landing-card.dev-tools-card .landing-card-badge{background:var(--qmill-gold-yellow);color:var(--qmill-black)}.landing-card.dev-tools-card:hover{border-color:var(--qmill-button-primary-hover)}.notifications-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.notifications-page-header h1{margin:0;font-size:1.75rem}.notifications-page-header p{margin:.25rem 0 0;color:#6b7280}.notifications-page-actions{display:flex;gap:.5rem}.notifications-page-button{padding:.5rem 1rem;border-radius:.5rem;border:1px solid #d1d5db;background:#fff;cursor:pointer;transition:background .2s ease,border-color .2s ease}.notifications-page-button:disabled{opacity:.5;cursor:not-allowed}.notifications-page-button:not(:disabled):hover{background:#f3f4f6;border-color:#9ca3af}.notifications-page-state,.notifications-page-error{padding:1.25rem;border-radius:.75rem;background:#f9fafb;border:1px solid #e5e7eb;text-align:center}.notifications-page-error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.notifications-page-list{display:flex;flex-direction:column;gap:1rem}.notifications-page-item{padding:1rem;border-radius:.75rem;border:1px solid #e5e7eb;background:#fff;box-shadow:0 8px 16px #0f172a0d;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.notifications-page-item:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0f172a1a}.notifications-page-item.unread{border-color:#4f46e5}.notifications-page-item-header{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.notifications-page-item-title{font-weight:600}.notifications-page-item-time{color:#9ca3af;font-size:.875rem}.notifications-page-item-message{color:#374151;line-height:1.5}.notifications-page-item-link{margin-top:.75rem;font-size:.85rem;color:#4f46e5}@media(max-width:640px){.notifications-page-header{flex-direction:column;align-items:stretch}.notifications-page-actions{justify-content:flex-start}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:modal-fade-in .2s ease-out}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--qmill-white, #ffffff);border-radius:8px;box-shadow:0 4px 24px #00000026;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modal-slide-in .2s ease-out}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-content--small{width:100%;max-width:360px}.modal-content--medium{width:100%;max-width:480px}.modal-content--large{width:100%;max-width:640px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--qmill-platinum-grey, #e0e0e0)}.modal-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--qmill-text-primary, #333)}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;border-radius:4px;color:var(--qmill-text-secondary, #666);cursor:pointer;transition:all .15s ease}.modal-close:hover{background:var(--qmill-platinum-grey, #f0f0f0);color:var(--qmill-text-primary, #333)}.modal-body{padding:1.5rem;overflow-y:auto;color:var(--qmill-text-primary, #333)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--qmill-platinum-grey, #e0e0e0)}.modal-button{padding:.5rem 1.25rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.modal-button--primary{background:var(--qmill-electric-blue, #1976d2);border:1px solid var(--qmill-electric-blue, #1976d2);color:#fff}.modal-button--primary:hover{background:var(--qmill-electric-blue-hover, #1565c0);border-color:var(--qmill-electric-blue-hover, #1565c0)}.modal-button--secondary{background:transparent;border:1px solid var(--qmill-platinum-grey, #ccc);color:var(--qmill-text-primary, #333)}.modal-button--secondary:hover{background:var(--qmill-platinum-grey, #f5f5f5)}@media(max-width:600px){.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.modal-content--small,.modal-content--medium,.modal-content--large{max-width:calc(100vw - 2rem)}}.quantum-app{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.quantum-app h1{text-align:center;color:#1976d2;margin-bottom:30px}.app-layout{display:flex;flex-direction:column;gap:20px;margin-top:20px}.job-lists-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.job-list-section{background:#f8f9fa;border-radius:8px;padding:20px;border:1px solid #e9ecef}.job-list-section h3{margin:0 0 15px;color:#333;font-size:18px;border-bottom:2px solid #007bff;padding-bottom:10px}@media(max-width:768px){.app-layout{flex-direction:column}.job-lists-container{grid-template-columns:1fr}}.circuit-submission{background:#f5f5f5;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.circuit-submission h2{color:#333;margin-bottom:20px;text-align:center}.shared-controls{background:#fff;padding:15px;border-radius:6px;margin-bottom:20px;display:grid;grid-template-columns:1fr 2fr;gap:15px}.circuits-container{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:768px){.circuits-container,.shared-controls{grid-template-columns:1fr}}.circuit-section{background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.circuit-section h3{color:#333;margin:0 0 15px;text-align:center;padding-bottom:10px;border-bottom:2px solid #eee}.circuit-metrics{display:flex;justify-content:space-around;background:#f8f9fa;padding:15px;border-radius:4px;margin-bottom:15px;gap:10px}.metric{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;min-width:0}.metric-label{font-size:12px;font-weight:700;color:#666;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:16px;font-weight:700;color:#1976d2;line-height:1.2}.circuit-actions{display:flex;gap:10px;margin-top:15px;align-items:stretch}.diagram-button{background:var(--qmill-electric-blue);color:#fff;border:none;padding:10px 16px;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .3s;flex:1;height:42px;display:flex;align-items:center;justify-content:center;min-height:42px;box-sizing:border-box;white-space:nowrap;text-align:center}.diagram-button:hover:not(:disabled){background:var(--qmill-button-primary-hover)}.submit-circuit-button{background:var(--qmill-electric-blue);color:#fff;border:none;padding:10px 16px;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .3s;flex:1;height:42px;display:flex;align-items:center;justify-content:center;min-height:42px;box-sizing:border-box;white-space:nowrap;text-align:center}.submit-circuit-button:hover:not(:disabled){background:var(--qmill-button-primary-hover)}.submit-circuit-button:disabled,.diagram-button:disabled{background:#ccc;cursor:not-allowed}.compare-circuits-section{text-align:center;margin:20px 0;display:flex;gap:15px;justify-content:center;align-items:center;flex-wrap:wrap}.compare-circuits-button{background:var(--qmill-electric-blue);color:#fff;border:none;padding:15px 30px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.compare-circuits-button:hover{background:var(--qmill-button-primary-hover);transform:translateY(-1px)}.submit-both-button{background:var(--qmill-electric-blue);color:#fff;border:none;padding:15px 30px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.submit-both-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #5200ff66}.submit-both-button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:0 2px 4px #0000001a}.qasm-format-help{background:#fff;padding:15px;border-radius:8px;margin-top:20px;box-shadow:0 1px 3px #0000001a}.qasm-format-help summary{cursor:pointer;font-weight:700;color:#1976d2;margin-bottom:10px}.qasm-format-help summary:hover{color:#1565c0}.format-examples{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:15px}@media(max-width:768px){.format-examples{grid-template-columns:1fr}}.format-example{background:#f8f9fa;padding:15px;border-radius:6px;border:1px solid #e9ecef}.format-example h4{margin:0 0 10px;color:#333;font-size:14px}.format-example pre{background:#f5f5f5;padding:10px;border-radius:4px;font-family:Courier New,monospace;font-size:12px;margin:0;overflow-x:auto;border:1px solid #ddd}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:#555}.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-family:Courier New,monospace;font-size:14px;resize:vertical}.form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group input:disabled{background-color:#f0f0f0;color:#666}.input-hint{font-size:.875rem;color:#666;margin-top:6px;line-height:1.4}.checkbox-group{display:flex;align-items:center;gap:10px;margin-bottom:15px}.checkbox-group input[type=checkbox]{width:auto;cursor:pointer}.checkbox-group label{margin:0;font-weight:400;cursor:pointer}.simulator-selection{margin-left:25px;padding-left:15px;border-left:3px solid #4a90e2}.circuit-submission button{background:#1976d2;color:#fff;border:none;padding:12px 24px;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s}.circuit-submission button:hover:not(:disabled){background:#1565c0}.user-guide-container{max-width:900px;margin:0 auto;padding:24px;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000d;display:flex;flex-direction:column;gap:16px}.user-guide-header{display:flex;flex-direction:column;gap:8px}.user-guide-header h1{margin:0;color:#0f172a}.user-guide-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;color:#475569;font-size:.875rem}.user-guide-source,.user-guide-updated{background:#f1f5f9;padding:6px 10px;border-radius:999px}.user-guide-status,.user-guide-error{padding:20px;border-radius:8px;background:#f8fafc;text-align:center;color:#475569}.user-guide-error{background:#fee2e2;color:#991b1b}.user-guide-content{line-height:1.6;color:#1f2937}.user-guide-content .user-guide-markdown{font-size:16px;line-height:1.75;color:#1e293b;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.user-guide-content .user-guide-markdown h1,.user-guide-content .user-guide-markdown h2,.user-guide-content .user-guide-markdown h3,.user-guide-content .user-guide-markdown h4{font-weight:600;color:#0f172a;margin-top:2.5rem;margin-bottom:1rem}.user-guide-content .user-guide-markdown h1{font-size:2rem;border-bottom:1px solid #cbd5f5;padding-bottom:.6rem}.user-guide-content .user-guide-markdown h2{font-size:1.6rem;border-bottom:1px solid #e2e8f0;padding-bottom:.4rem}.user-guide-content .user-guide-markdown h3{font-size:1.3rem}.user-guide-content .user-guide-markdown h4{font-size:1.1rem}.user-guide-content .user-guide-markdown p{margin:1rem 0}.user-guide-content .user-guide-markdown ul,.user-guide-content .user-guide-markdown ol{margin:0 0 1.25rem 1.75rem;padding:0}.user-guide-content .user-guide-markdown li{margin:.4rem 0}.user-guide-content .user-guide-markdown li::marker{color:#6366f1}.user-guide-content .user-guide-markdown code{background:#f3f4f6;border-radius:4px;padding:.2rem .4rem;font-family:Cascadia Code,Fira Code,Courier New,monospace;font-size:.95em}.user-guide-content .user-guide-markdown pre{background:#1e1e1e;color:#f9fafb;border-radius:10px;padding:1rem 1.2rem;overflow-x:auto;box-shadow:inset 0 0 0 1px #94a3b840;margin:1.5rem 0}.user-guide-content .user-guide-markdown pre code{background:transparent;padding:0;color:inherit}.user-guide-content .user-guide-markdown blockquote{border-left:4px solid #a855f7;background:#f3e8ff;padding:.75rem 1.25rem;margin:1.5rem 0;color:#5b21b6}.user-guide-content .user-guide-markdown table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem}.user-guide-content .user-guide-markdown th,.user-guide-content .user-guide-markdown td{border:1px solid #e2e8f0;padding:.6rem .8rem;text-align:left}.user-guide-content .user-guide-markdown th{background:#f1f5f9;font-weight:600;color:#0f172a}.user-guide-content .user-guide-markdown tbody tr:nth-child(2n){background:#f8fafc}.user-guide-content .user-guide-markdown a{color:#1d4ed8;text-decoration:none;border-bottom:1px solid rgba(59,130,246,.35);transition:color .2s ease,border-color .2s ease}.user-guide-content .user-guide-markdown a:hover{color:#1e40af;border-bottom-color:#1e40af99}.user-guide-content .user-guide-markdown hr{border:0;border-top:1px solid #e2e8f0;margin:2.5rem 0}.user-guide-content .user-guide-markdown img{max-width:100%;border-radius:12px;box-shadow:0 12px 32px #0f172a14;margin:1.5rem auto;display:block}.user-guide-content h2{margin-top:32px;border-bottom:1px solid #e2e8f0;padding-bottom:8px}.user-guide-content pre{background:#0f172a;color:#e2e8f0;padding:12px;border-radius:8px;overflow-x:auto}.user-guide-content table{width:100%;border-collapse:collapse;margin:16px 0}.user-guide-content th,.user-guide-content td{border:1px solid #e2e8f0;padding:8px 12px;text-align:left}.user-guide-content blockquote{border-left:4px solid #3b82f6;padding-left:16px;color:#334155;margin:16px 0}.circuit-submission button:disabled{background:#ccc;cursor:not-allowed}.error{color:#f44336;background:#ffebee;padding:10px;border-radius:4px;margin:10px 0}.job-list{background:#f5f5f5;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.job-list h2{color:#333;margin-bottom:20px}.jobs{display:flex;flex-direction:column;gap:15px}.job-card{background:#fff;padding:15px;border-radius:6px;box-shadow:0 1px 3px #0000001a}.job-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.job-header h3{margin:0;color:#333}.status-badge{color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase}.job-details{margin-bottom:10px}.job-details p{margin:5px 0;font-size:14px;color:#666}.job-actions button{background:#4caf50;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .3s}.job-actions button:hover:not(:disabled){background:#45a049}.job-actions button:disabled{background:#ccc;cursor:not-allowed}.job-results{margin-top:15px;padding:15px;background:#f9f9f9;border-radius:4px}.job-results h4{margin:0 0 10px;color:#333}.results-display{font-family:Courier New,monospace;background:#fff;padding:10px;border-radius:4px;border:1px solid #ddd;margin-bottom:15px}.results-chart{display:flex;flex-direction:column;gap:8px}.result-bar{display:grid;grid-template-columns:60px 1fr 60px;align-items:center;gap:10px;font-size:14px}.state-label{font-family:Courier New,monospace;font-weight:700}.bar-container{height:20px;background:#e0e0e0;border-radius:10px;overflow:hidden}.bar-fill{height:100%;transition:width .3s ease;border-radius:10px}.count-label{text-align:right;font-weight:700}.circuit-details{margin-top:15px;border:1px solid #ddd;border-radius:4px}.circuit-details summary{padding:10px;background:#f0f0f0;cursor:pointer;font-weight:700;border-radius:4px 4px 0 0}.circuit-details summary:hover{background:#e0e0e0}.circuit-code{margin:0;padding:15px;background:#fff;font-family:Courier New,monospace;font-size:12px;overflow-x:auto;border-radius:0 0 4px 4px}.job-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.job-controls{display:flex;align-items:center;gap:15px}.job-controls label{display:flex;align-items:center;gap:5px;cursor:pointer;color:#666}.toggle-history-button{background:#666;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .3s}.toggle-history-button:hover{background:#555}.auto-refresh-toggle{display:flex;align-items:center;gap:8px}.auto-refresh-toggle label{display:flex;align-items:center;gap:5px;cursor:pointer;color:#666}.detail-row{display:flex;gap:20px}.detail-row p{margin:5px 0;flex:1}.timing-details{background:#f8f9fa;padding:10px;border-radius:4px;margin-top:10px}.timing-details p{margin:3px 0;font-size:.9em;color:#666}.error-message{background:#ffebee;color:#c62828;padding:10px;border-radius:4px;margin:10px 0;border-left:4px solid #f44336}.result-summary{background:#e8f5e8;padding:8px;border-radius:4px;margin:10px 0;font-style:italic;color:#2e7d32}.probability-chart{margin-top:15px}.probability-chart h5{margin:10px 0 8px;color:#333}.prob-bar{display:flex;align-items:center;margin:8px 0;gap:10px}.prob-bar .state-label{font-family:Courier New,monospace;font-weight:700;min-width:60px;text-align:right}.prob-bar .bar-container{flex:1;height:20px;background:#e0e0e0;border-radius:10px;overflow:hidden}.prob-bar .bar-fill{height:100%;border-radius:10px;transition:width .3s ease}.prob-bar .prob-label{font-weight:700;min-width:50px;color:#333}.form-group select optgroup{font-weight:700;color:#2196f3;background:#f5f5f5;margin-top:8px}.form-group select option{font-weight:400;color:#333;padding:4px 8px}.form-group select option:disabled{color:#999;font-style:italic}.job-title-section{display:flex;align-items:center;gap:10px}.detail-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:5px}.expand-job-btn{background:#2196f3;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .3s}.expand-job-btn:hover{background:#1976d2}.enhanced-job-data{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:15px;margin-top:15px}.enhanced-job-data h4{margin:0 0 15px;color:#333;font-size:16px;border-bottom:2px solid #007bff;padding-bottom:5px}.enhanced-section{background:#fff;border-radius:4px;padding:12px;margin-bottom:12px;border-left:4px solid #007bff}.enhanced-section:last-child{margin-bottom:0}.enhanced-section h5{margin:0 0 10px;color:#495057;font-size:14px;font-weight:600}.cost-details,.calibration-summary,.timing-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;font-size:13px}.cost-details p,.calibration-summary p,.timing-details p{margin:4px 0;color:#666}.calibration-data,.metadata{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:10px;font-family:Courier New,monospace;font-size:11px;white-space:pre-wrap;max-height:200px;max-width:100%;overflow-y:auto;overflow-x:auto;color:#495057}.enhanced-section details{margin-top:8px}.enhanced-section details summary{cursor:pointer;padding:4px 8px;background:#e9ecef;border-radius:3px;font-size:12px;color:#495057}.enhanced-section details summary:hover{background:#dee2e6}.button-disabled{background:#6c757d;cursor:not-allowed}.debug-info{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:8px;font-size:12px;color:#666}.debug-info p{margin:4px 0}.device-summary{display:grid;grid-template-columns:1fr;gap:8px;font-size:13px}.device-summary p{margin:4px 0;color:#666}.calibration-info{color:#28a745;font-weight:600;margin:8px 0;padding:8px;background:#d4edda;border:1px solid #c3e6cb;border-radius:4px}.calibration-info{background:#e7f5e7;border:1px solid #4caf50;border-radius:6px;padding:12px;margin-bottom:12px;color:#2e7d32;font-weight:500}.section-description{color:#666;font-size:.9rem;margin-bottom:15px;font-style:italic}.job-pairs-section{background:var(--qmill-white);border-radius:12px;padding:30px;margin:30px auto 24px;border:1px solid #e9ecef;position:relative;z-index:1;max-width:1400px;box-sizing:border-box}.job-pairs-section .job-pairs{max-width:100%;overflow:hidden;box-sizing:border-box}.comparison-results-section{background:var(--qmill-white);border-radius:12px;padding:24px;margin:24px 0;border:1px solid #e9ecef;position:relative;z-index:1;max-width:100%;box-sizing:border-box}.app-state-container{display:flex;justify-content:center;align-items:center;height:100vh;flex-direction:column;gap:1rem}.app-state-spinner{width:40px;height:40px;border:3px solid var(--qmill-platinum-grey, #e0e0e0);border-top-color:var(--qmill-electric-blue, #1976d2);border-radius:50%;animation:app-state-spin .8s linear infinite}@keyframes app-state-spin{to{transform:rotate(360deg)}}.app-state-icon{width:40px;height:40px;border-radius:50%}.app-state-icon--error{background:#ff6b6b;position:relative}.app-state-icon--error:before,.app-state-icon--error:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:3px;background:#fff;border-radius:2px}.app-state-icon--error:before{transform:translate(-50%,-50%) rotate(45deg)}.app-state-icon--error:after{transform:translate(-50%,-50%) rotate(-45deg)}.app-state-message{color:var(--qmill-text-primary, #333);font-size:1rem;text-align:center;max-width:400px}.app-state-retry{padding:.5rem 1.5rem;cursor:pointer;border-radius:6px;border:1px solid var(--qmill-platinum-grey, #ccc);background:var(--qmill-white, #f5f5f5);color:var(--qmill-text-primary, #333);font-size:.9rem;transition:all .2s ease}.app-state-retry:hover{background:var(--qmill-electric-blue, #1976d2);color:#fff;border-color:var(--qmill-electric-blue, #1976d2)}.app-state-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem}.app-state-button{padding:.6rem 1.25rem;cursor:pointer;border-radius:6px;font-size:.9rem;font-weight:500;transition:all .2s ease;border:none}.app-state-button--primary{background:var(--qmill-electric-blue, #1976d2);color:#fff}.app-state-button--primary:hover{background:var(--qmill-button-primary-hover, #1565c0)}.app-state-button--secondary{background:var(--qmill-white, #f5f5f5);color:var(--qmill-text-primary, #333);border:1px solid var(--qmill-platinum-grey, #ccc)}.app-state-button--secondary:hover{background:var(--qmill-platinum-grey, #e0e0e0)}.terms-gate{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(145deg,#f0f4ff,#fafafa);padding:2rem}.terms-card{width:min(720px,100%);background:#fff;box-shadow:0 20px 55px #16223d1f;border-radius:18px;display:flex;flex-direction:column;padding:2.5rem;gap:1.5rem}.terms-header{display:flex;justify-content:space-between;align-items:center}.terms-logout{border:none;background:none;color:#3a3f58;font-weight:600;cursor:pointer}.terms-body{display:flex;flex-direction:column;gap:1.5rem}.terms-body h1{margin:0;font-size:2rem;color:#1d2440}.terms-description{margin:0;color:#505779;line-height:1.6}.terms-details{display:grid;gap:.5rem;padding:1rem;background:#f6f8ff;border-radius:12px;color:#2f3655;font-size:.95rem}.terms-view-button{border:none;border-radius:999px;padding:.85rem 1.6rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease;background:var(--qmill-electric-blue);color:var(--qmill-white);width:fit-content}.terms-view-button:hover{background:var(--qmill-button-primary-hover);box-shadow:0 4px 12px #5200ff33}.terms-checkbox-label{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#f6f8ff;border-radius:12px;cursor:pointer}.terms-checkbox-label input[type=checkbox]{margin-top:.25rem;cursor:pointer;width:18px;height:18px;flex-shrink:0}.terms-checkbox-label span{color:#2f3655;line-height:1.5}.terms-checkbox-label a{color:var(--qmill-electric-blue);text-decoration:underline;font-weight:600}.terms-checkbox-label a:hover{color:var(--qmill-button-primary-hover)}.terms-validation{color:#b8390a;background:#fef3ea;border:1px solid #f7c89b;border-radius:12px;padding:.75rem 1rem;font-size:.9rem}.terms-accept{border:none;border-radius:999px;padding:.85rem 1.6rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease;background:var(--qmill-electric-blue);color:var(--qmill-white);width:fit-content}.terms-accept:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px #5200ff4d;background:var(--qmill-button-primary-hover)}.terms-accept:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.terms-error{color:#c03221;background:#fdecea;border-radius:12px;padding:.75rem 1rem}@media(max-width:640px){.terms-gate{padding:1rem}.terms-card{padding:2rem 1.5rem}.terms-body h1{font-size:1.5rem}}