:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#00173d;--primary:#6161ff;--primary-hover:#4e4ecc;--border:#3a3a99;--selected:#272766;--text:#eaebec;--muted:#a4a6af;color:var(--text);background:var(--surface);font-synthesis:none;-webkit-font-smoothing:antialiased;font-family:Niveau Grotesk,HvDTrial Niveau Grotesk,Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #a0a0ff}.brand{color:var(--primary);white-space:nowrap;align-items:center;gap:16px;font-size:20px;font-weight:500;display:flex}.brand img{flex:0 0 32px}.design-icon{flex-shrink:0}.workspace{grid-template-columns:200px minmax(0,1fr);height:100svh;min-height:480px;display:grid}.sidebar{border-right:1px solid var(--border);flex-direction:column;padding:24px 12px;display:flex;position:relative}.sidebar .brand{margin:0 0 48px 12px}.sidebar nav{flex-direction:column;gap:16px;display:flex}.nav-group{flex-direction:column;gap:4px;display:flex}.nav-item{width:100%;min-height:31px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;line-height:15px;display:flex}.nav-item svg{stroke-width:1.5px;flex:0 0 10px;width:10px;height:10px}.nav-item.selected,.nav-item:hover:not(:disabled){background:var(--selected)}.nav-item:disabled{color:var(--muted)}.sidebar-footer{margin-top:auto;padding-top:24px}.utility-navigation{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;gap:4px;padding:4px 0;display:flex}.account-control{margin-top:10px;position:relative}.account-button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.account-button>.design-icon:last-child{margin-left:auto}.account-popover{z-index:2;border:1px solid var(--border);background:var(--surface);border-radius:6px;width:240px;max-width:calc(100vw - 32px);padding:16px 12px 8px;position:absolute;bottom:42px;left:0;box-shadow:0 8px 32px #00000040}.account-popover p{overflow-wrap:anywhere;margin:0 0 6px;font-size:13px}.account-popover>span{color:var(--muted);margin-bottom:12px;font-size:11px;display:block}.main-workspace{flex-direction:column;min-width:0;display:flex}.workspace-header{border-bottom:1px solid var(--border);flex:0 0 86px;align-items:center;gap:16px;padding:0 24px;display:flex}.workspace-header h1{margin:0 0 8px;font-size:24px;font-weight:500;line-height:26px}.workspace-header p{color:var(--muted);margin:0;font-size:13px;line-height:15px}.queue-toolbar{border-bottom:1px solid var(--border);flex:0 0 49px;justify-content:space-between;align-items:center;gap:24px;padding:0 24px;display:flex}.queue-filters{flex-wrap:wrap;gap:8px;padding:8px 0;display:flex}.filter-button{border:1px solid var(--primary-hover);min-height:22px;color:var(--text);background:0 0;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:500;line-height:12px}.filter-button[data-selected=true],.filter-button:hover{background:var(--primary-hover)}.queue-search{width:170px;color:var(--muted);flex:0 0 170px;align-items:center;gap:8px;display:flex}.queue-search input{width:100%;min-width:0;color:var(--text);background:0 0;border:none;padding:6px 0;font-size:10px}.queue-search input::placeholder{color:var(--muted)}.queue-panels{flex:1;grid-template-columns:334px minmax(0,1fr);min-height:0;display:grid}.clip-list{border-right:1px solid var(--border);overflow-y:auto}.queue-empty{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:260px;margin:0 auto;padding:48px 24px;display:flex}.queue-empty>svg{color:#7f7ffd}.queue-empty h2{color:#babaf9;margin:0;font-size:13px;font-weight:500}.queue-empty p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.clip-detail{place-items:center;min-width:0;padding:32px;display:grid;overflow-y:auto}.preview-empty{text-align:center}.preview-empty>svg{color:var(--border);margin-bottom:16px}.preview-empty h2{color:#babaf9;margin:0 0 8px;font-size:16px;font-weight:500}.preview-empty p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.icon-button{width:32px;height:32px;color:var(--text);background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:6px;display:inline-flex}.icon-button:hover{background:var(--selected)}.mobile-nav-toggle,.mobile-sidebar-close{display:none}.access-page{place-items:center;min-height:100svh;padding:32px 20px;display:grid}.access-card{border:1px solid var(--border);border-radius:8px;width:min(100%,420px);padding:32px}.access-card .brand{margin-bottom:48px}.eyebrow{color:#babaf9;margin:0 0 12px;font-size:12px}.access-card h1{margin:0 0 12px;font-size:28px;font-weight:500;line-height:1.15}.access-intro{color:var(--muted);margin:0 0 32px;font-size:13px;line-height:1.6}.access-form{flex-direction:column;display:flex}.access-form label{margin-bottom:8px;font-size:13px}.access-form input{border:1px solid var(--border);background:var(--surface);min-height:42px;color:var(--text);border-radius:4px;margin-bottom:20px;padding:10px 12px;font-size:14px}.access-form input[readonly]{color:#babaf9}.access-form input[aria-describedby]{margin-bottom:8px}.field-help{color:var(--muted);margin:0 0 20px;font-size:11px;line-height:1.5}.button{border:1px solid var(--primary);border-radius:4px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:10px 12px;font-size:13px;font-weight:500;line-height:16px;display:inline-flex}.button.primary{background:var(--primary);color:var(--text)}.button.primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.button:disabled{opacity:.6}.text-button{color:#a0a0ff;background:0 0;border:0;padding:8px 0;font-size:12px;line-height:1.5}.text-button:hover:not(:disabled){color:#d7d7f7}.access-form .text-button{margin-top:12px}.form-error{color:#f0b8c0;margin:0 0 16px;font-size:12px;line-height:1.6}.access-status,.access-notice p{color:var(--muted);margin:0 0 20px;font-size:13px;line-height:1.6}.access-footer{color:var(--muted);text-align:center;margin:28px 0 0;font-size:11px}.health-dialog{border:1px solid var(--border);background:var(--surface);width:min(420px,100% - 40px);color:var(--text);border-radius:8px;padding:32px;position:relative}.health-dialog::backdrop{background:#000b27b3}.dialog-close{position:absolute;top:12px;right:12px}.dialog-symbol{color:#a0a0ff;margin-bottom:16px}.health-dialog h2{margin:0 0 24px;font-size:24px;font-weight:500}.health-result p{margin:0 0 8px;font-size:14px}.health-result span{color:var(--muted);font-size:13px;line-height:1.6;display:block}.health-dialog .button{margin-top:24px}@media (max-width:1000px){.queue-toolbar{align-items:flex-start;gap:16px;padding-top:4px;padding-bottom:4px}.queue-search{flex-basis:125px;width:125px;margin-top:4px}.queue-panels{grid-template-columns:280px minmax(0,1fr)}}@media (max-width:760px){.workspace{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:3;background:var(--surface);visibility:hidden;width:230px;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar[data-open=true]{visibility:visible;transform:none;box-shadow:8px 0 32px #00000060}.sidebar .brand{margin-top:32px}.nav-item{min-height:44px}.filter-button{min-height:30px;padding:8px}.mobile-nav-toggle,.mobile-sidebar-close{display:inline-flex}.mobile-sidebar-close{position:absolute;top:12px;right:12px}.workspace-header{padding:0 16px}.queue-toolbar{flex-direction:column;gap:0;padding:8px 16px}.queue-search{flex-basis:auto;width:100%;min-height:30px;margin:0}.queue-panels{grid-template-columns:minmax(0,1fr)}.clip-list{border-right:none;border-bottom:1px solid var(--border)}.queue-empty{padding:32px 24px}.clip-detail{display:none}.access-card{padding:28px 24px}}