:where(body:has(.openox-workbench)) .app-shell{background:var(--bg-base);height:100dvh;color:var(--ink);display:flex;overflow:hidden}:where(body:has(.openox-workbench)) .studio-shell{--sidebar:244px;--rail:72px;background:var(--bg-base);color:var(--ink);font-size:var(--t-base)}:where(body:has(.openox-workbench)) .brand>span,:where(body:has(.openox-workbench)) .brand-wordmark{font-family:var(--font-brand);font-weight:var(--w-semibold);letter-spacing:0}:where(body:has(.openox-workbench)) .workspace-rail{display:none}:where(body:has(.openox-workbench)) .studio-shell .sidebar{width:var(--sidebar);flex-direction:column;flex:0 0 var(--sidebar);color:var(--ink-secondary);background:var(--bg-sunken);border-right:1px solid var(--line-hairline);min-height:0;padding:0;display:flex}:where(body:has(.openox-workbench)) .studio-shell.sidebar-hidden .sidebar{display:none}:where(body:has(.openox-workbench)) .studio-shell .brand-row{justify-content:space-between;align-items:center;gap:var(--sp-2);height:var(--topbar-h);min-height:var(--topbar-h);padding:0 var(--sp-3) 0 var(--sp-4);margin:0;display:flex}:where(body:has(.openox-workbench)) .studio-shell .brand{align-items:center;gap:var(--sp-2);min-width:0;color:var(--ink-strong);display:flex}:where(body:has(.openox-workbench)) .studio-shell .brand img{object-fit:contain;border-radius:var(--r-sm);width:26px;height:26px;box-shadow:none;mix-blend-mode:normal;background:0 0;padding:0}:root:has(.openox-workbench).dark .studio-shell .brand img{filter:invert()}:where(body:has(.openox-workbench)) .studio-shell .brand>span{font-size:var(--t-lg);font-weight:var(--w-semibold);letter-spacing:0}:where(body:has(.openox-workbench)) .sidebar-scroll{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;overflow-y:auto}:where(body:has(.openox-workbench)) .brand-dot{color:var(--accent)}:where(body:has(.openox-workbench)) .sidebar-create{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-3) var(--sp-2);margin:0;display:flex}:where(body:has(.openox-workbench)) .studio-shell .new-chat{justify-content:flex-start;align-items:center;gap:var(--sp-2);background:var(--accent-fill);height:34px;min-height:34px;color:var(--accent-on);border:1px solid var(--accent-fill);border-radius:var(--r-sm);box-shadow:none;font-size:var(--t-sm);font-weight:var(--w-medium);flex:1;margin:0;padding:0 10px;display:flex}:where(body:has(.openox-workbench)) .studio-shell .new-chat>svg{color:currentColor;opacity:.85}:where(body:has(.openox-workbench)) .studio-shell .new-chat:hover{background:var(--accent-fill-hover);border-color:var(--accent-fill-hover);color:var(--accent-on)}:where(body:has(.openox-workbench)) .sidebar-search{border:1px solid var(--line);border-radius:var(--r-sm);width:34px;height:34px;color:var(--ink-muted);box-shadow:none;background:0 0;flex:0 0 34px;place-items:center;display:grid}:where(body:has(.openox-workbench)) .sidebar-search:hover{color:var(--ink);background:var(--bg-hover);border-color:var(--line-strong)}:where(body:has(.openox-workbench)) .workspace-navigation{padding:0 var(--sp-2);flex-direction:column;gap:1px;display:flex}:where(body:has(.openox-workbench)) .workspace-navigation>button{min-height:32px;font-size:var(--t-sm);font-weight:var(--w-medium);color:var(--ink-secondary);text-align:left;border-radius:var(--r-sm);box-shadow:none;background:0 0;border:0;align-items:center;gap:10px;padding:0 10px;display:flex;position:relative}:where(body:has(.openox-workbench)) .workspace-navigation>button:hover{color:var(--ink);background:var(--bg-hover)}:where(body:has(.openox-workbench)) .workspace-navigation>button.selected{color:var(--ink-strong);background:var(--accent-soft);font-weight:var(--w-semibold);box-shadow:none}:where(body:has(.openox-workbench)) .workspace-navigation>button.selected:before{content:"";border-radius:var(--r-full);background:var(--accent-fill);width:2px;height:14px;position:absolute;top:50%;left:0;transform:translateY(-50%)}:where(body:has(.openox-workbench)) .workspace-navigation .workspace-icon{color:currentColor;width:17px;height:17px;box-shadow:none;background:0 0;border-radius:0;padding:0;transition:none}:where(body:has(.openox-workbench)) .workspace-navigation>button.selected .workspace-icon{color:var(--accent);box-shadow:none;background:0 0}:where(body:has(.openox-workbench)) .workspace-navigation .workspace-icon>*,:where(body:has(.openox-workbench)) .discovery-item .workspace-icon>*,:where(body:has(.openox-workbench)) .nav-icon-fill,:where(body:has(.openox-workbench)) .workspace-icon>path,:where(body:has(.openox-workbench)) .workspace-icon>circle,:where(body:has(.openox-workbench)) .workspace-icon>rect,:where(body:has(.openox-workbench)) .workspace-icon>line,:where(body:has(.openox-workbench)) .workspace-icon>polyline{fill:none}:where(body:has(.openox-workbench)) .sidebar-library{gap:var(--sp-1);padding:var(--sp-3) var(--sp-3) var(--sp-2);border:0;margin:0;display:flex}:where(body:has(.openox-workbench)) .sidebar-library button{color:var(--ink-muted);font-size:var(--t-sm);font-weight:var(--w-normal);border-radius:var(--r-sm);flex:1;align-items:center;gap:7px;padding:6px 8px;display:flex}:where(body:has(.openox-workbench)) .sidebar-library button:hover,:where(body:has(.openox-workbench)) .sidebar-library button.selected{color:var(--ink);background:var(--bg-hover)}:where(body:has(.openox-workbench)) .sidebar-library button.selected{color:var(--accent);font-weight:var(--w-medium)}:where(body:has(.openox-workbench)) .sidebar-library small{font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--ink-faint);font-variant-numeric:tabular-nums}:where(body:has(.openox-workbench)) .sidebar-service-navigation{padding:var(--sp-3) var(--sp-2) 0;flex-direction:column;gap:1px;display:flex}:where(body:has(.openox-workbench)) .sidebar-service-navigation>button{border-radius:var(--r-sm);min-height:32px;color:var(--ink-secondary);font-size:var(--t-sm);font-weight:var(--w-normal);text-align:left;align-items:center;gap:10px;padding:0 10px;display:flex}:where(body:has(.openox-workbench)) .sidebar-service-navigation>button:hover,:where(body:has(.openox-workbench)) .sidebar-service-navigation>button:focus-visible{color:var(--ink);background:var(--bg-hover)}:where(body:has(.openox-workbench)) .sidebar-service-navigation>button .workspace-icon{width:17px;height:17px;color:var(--ink-muted)}:where(body:has(.openox-workbench)) .sidebar-section-heading{min-height:32px;margin:var(--sp-4) 10px var(--sp-1);color:var(--ink-strong);font-size:var(--t-xs);justify-content:space-between;align-items:center;display:flex}:where(body:has(.openox-workbench)) .sidebar-section-heading svg{color:var(--ink-faint)}:where(body:has(.openox-workbench)) .studio-shell .history-list{overscroll-behavior:contain;min-height:0;padding:0 var(--sp-2) var(--sp-4);flex:1;overflow-y:auto}:where(body:has(.openox-workbench)) .studio-shell .history-heading{justify-content:space-between;align-items:center;gap:var(--sp-2);margin:var(--sp-5) 0 var(--sp-1);color:var(--ink-faint);font-size:var(--t-2xs);font-weight:var(--w-semibold);padding:0 10px;display:flex}:where(body:has(.openox-workbench)) .history-heading small{font-family:var(--font-mono);font-size:var(--t-2xs);font-weight:var(--w-normal);color:var(--ink-faint);font-variant-numeric:tabular-nums}:where(body:has(.openox-workbench)) .history-row{border-radius:var(--r-sm);align-items:center;min-width:0;display:flex}:where(body:has(.openox-workbench)) .history-row:hover,:where(body:has(.openox-workbench)) .history-row.active{background:var(--bg-hover)}:where(body:has(.openox-workbench)) .history-row.active{background:var(--bg-active)}:where(body:has(.openox-workbench)) .studio-shell .history-item{align-items:center;gap:var(--sp-2);min-width:0;min-height:32px;font-size:var(--t-sm);font-weight:var(--w-normal);line-height:var(--lh-snug);color:var(--ink-secondary);background:0 0;flex:1;padding:6px 10px;display:flex}:where(body:has(.openox-workbench)) .studio-shell .history-item:hover{color:var(--ink);background:0 0}:where(body:has(.openox-workbench)) .history-row.active .history-item{color:var(--ink-strong);font-weight:var(--w-medium)}:where(body:has(.openox-workbench)) .studio-shell .history-item>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:where(body:has(.openox-workbench)) .history-item>svg{width:13px;height:13px;color:var(--ink-faint)}:where(body:has(.openox-workbench)) .history-more{width:24px;height:24px;margin-right:var(--sp-1);color:var(--ink-faint);border-radius:var(--r-xs);opacity:0;flex:0 0 24px;place-items:center;display:grid}:where(body:has(.openox-workbench)) .history-more:hover{background:var(--bg-active);color:var(--ink)}:where(body:has(.openox-workbench)) .history-row:hover .history-more,:where(body:has(.openox-workbench)) .history-row:focus-within .history-more,:where(body:has(.openox-workbench)) .history-more[data-state=open]{opacity:1}:where(body:has(.openox-workbench)) .history-empty{padding:var(--sp-5) 10px;font-size:var(--t-xs);color:var(--ink-faint)}:where(body:has(.openox-workbench)) .studio-shell .sidebar-bottom{border-top:1px solid var(--line-hairline);padding:var(--sp-2) var(--sp-2) 0;flex-shrink:0;margin-top:auto}:where(body:has(.openox-workbench)) .sidebar-lab{width:100%;min-height:32px;color:var(--ink-secondary);font-size:var(--t-sm);font-weight:var(--w-normal);border-radius:var(--r-sm);align-items:center;gap:10px;padding:0 10px;display:flex}:where(body:has(.openox-workbench)) .sidebar-lab:hover,:where(body:has(.openox-workbench)) .sidebar-lab.selected{background:var(--bg-hover);color:var(--ink)}:where(body:has(.openox-workbench)) .sidebar-lab small{font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--ink-faint);letter-spacing:0;margin-left:auto}:where(body:has(.openox-workbench)) .workspace-account{padding:var(--sp-3) 10px var(--sp-4);border-top:1px solid var(--line-hairline);margin-top:var(--sp-2);align-items:center;gap:10px;display:flex}:where(body:has(.openox-workbench)) .workspace-avatar{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg-base);width:28px;height:28px;box-shadow:none;flex:0 0 28px;place-items:center;display:grid}:where(body:has(.openox-workbench)) .workspace-avatar img{mix-blend-mode:normal;width:16px;height:16px}:root:has(.openox-workbench).dark .workspace-avatar img{filter:invert()}:where(body:has(.openox-workbench)) .workspace-account>span:nth-child(2){flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}:where(body:has(.openox-workbench)) .workspace-account strong{font-size:var(--t-sm);font-weight:var(--w-medium);color:var(--ink)}:where(body:has(.openox-workbench)) .workspace-account small{font-size:var(--t-2xs);color:var(--ink-faint)}:where(body:has(.openox-workbench)) .studio-shell.sidebar-hidden .workspace-rail{display:flex}:where(body:has(.openox-workbench)) .workspace-rail{width:var(--rail);flex:0 0 var(--rail);padding:var(--sp-3) 0 var(--sp-4);color:var(--ink-muted);background:var(--bg-sunken);border-right:1px solid var(--line-hairline);z-index:35;flex-direction:column;align-items:center}:where(body:has(.openox-workbench)) .rail-brand{width:28px;height:28px;margin:0 0 var(--sp-5);padding:0}:where(body:has(.openox-workbench)) .rail-brand img{border-radius:var(--r-xs);mix-blend-mode:normal;background:0 0;width:22px;height:22px;padding:0}:root:has(.openox-workbench).dark .rail-brand img{filter:invert()}:where(body:has(.openox-workbench)) .rail-main,:where(body:has(.openox-workbench)) .rail-bottom,:where(body:has(.openox-workbench)) .rail-library,:where(body:has(.openox-workbench)) .rail-service,:where(body:has(.openox-workbench)) .rail-groups{flex-direction:column;align-items:center;gap:2px;width:100%;display:flex}:where(body:has(.openox-workbench)) .rail-groups{gap:2px}:where(body:has(.openox-workbench)) .rail-scroll{scrollbar-width:thin;scrollbar-color:transparent transparent;flex:1;width:100%;min-height:0;overflow:hidden auto}:where(body:has(.openox-workbench)) .workspace-rail:hover .rail-scroll{scrollbar-color:var(--line-strong) transparent}:where(body:has(.openox-workbench)) .rail-rule{width:28px;height:1px;margin:var(--sp-2) auto;background:var(--line)}:where(body:has(.openox-workbench)) .rail-bottom{gap:var(--sp-3);margin-top:auto}:where(body:has(.openox-workbench)) .rail-item{border-radius:var(--r-sm);width:40px;height:44px;color:var(--ink-muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex;position:relative}:where(body:has(.openox-workbench)) .rail-item-compact{gap:2px;height:39px}:where(body:has(.openox-workbench)) .rail-item span{font-size:10px;font-weight:var(--w-medium)}:where(body:has(.openox-workbench)) .rail-item:hover{background:var(--bg-hover);color:var(--ink)}:where(body:has(.openox-workbench)) .rail-item.selected{color:var(--accent);font-weight:var(--w-semibold);box-shadow:none;background:0 0}:where(body:has(.openox-workbench)) .rail-item.selected:before{content:"";border-radius:var(--r-full);background:var(--accent-fill);width:2px;height:14px;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}:where(body:has(.openox-workbench)) .workspace-rail .icon-button{color:var(--ink-muted)}:where(body:has(.openox-workbench)) .rail-group-trigger{cursor:pointer}:where(body:has(.openox-workbench)) .rail-group-trigger:after{content:"";opacity:.45;border-top:1px solid;border-right:1px solid;width:4px;height:4px;position:absolute;top:50%;right:4px;transform:translateY(-50%)rotate(45deg)}:where(body:has(.openox-workbench)) .rail-menu{border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-overlay);min-width:190px;box-shadow:var(--shadow-lg);color:var(--ink);z-index:80;padding:6px}:where(body:has(.openox-workbench)) .rail-menu-heading{color:var(--ink-faint);font-size:var(--t-2xs);font-weight:var(--w-semibold);padding:6px 9px 5px}:where(body:has(.openox-workbench)) .rail-menu-item{border-radius:var(--r-sm);min-height:32px;color:var(--ink-secondary);font-size:var(--t-sm);cursor:pointer;outline:none;align-items:center;gap:9px;padding:0 9px;display:flex}:where(body:has(.openox-workbench)) .rail-menu-item:hover,:where(body:has(.openox-workbench)) .rail-menu-item:focus-visible{background:var(--bg-hover);color:var(--ink)}:where(body:has(.openox-workbench)) .rail-menu-item .workspace-icon{color:var(--ink-muted);flex:0 0 16px}:where(body:has(.openox-workbench)) .studio-shell .topbar{align-items:center;gap:var(--sp-3);height:var(--topbar-h);min-height:var(--topbar-h);padding:0 var(--sp-4);background:var(--bg-base);border-bottom:1px solid var(--line-hairline);display:flex;position:relative}:where(body:has(.openox-workbench)) .studio-shell .conversation-trigger{min-width:0;color:var(--ink-muted);text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:inline-flex;position:relative}:where(body:has(.openox-workbench)) .studio-shell .conversation-trigger:hover{color:var(--ink)}:where(body:has(.openox-workbench)) .studio-shell .conversation-trigger>strong{max-width:min(52vw,520px)}:where(body:has(.openox-workbench)) .studio-shell .conversation-trigger>svg:last-child{color:var(--ink-faint);transition:transform .15s}:where(body:has(.openox-workbench)) .studio-shell .conversation-trigger[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}:where(body:has(.openox-workbench)) .history-popover-catcher{z-index:48;cursor:default;position:fixed;inset:0}:where(body:has(.openox-workbench)) .history-popover{z-index:49;border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--bg-overlay);width:min(520px,100vw - 32px);box-shadow:var(--shadow-xl);padding:10px;animation:.14s ease-out history-popover-in;position:absolute;top:calc(100% + 8px);left:16px}@keyframes history-popover-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}:where(body:has(.openox-workbench)) .history-popover-head,:where(body:has(.openox-workbench)) .history-popover-head>div,:where(body:has(.openox-workbench)) .history-popover-row,:where(body:has(.openox-workbench)) .history-popover-item,:where(body:has(.openox-workbench)) .history-popover-actions{align-items:center;display:flex}:where(body:has(.openox-workbench)) .history-popover-head{justify-content:space-between;gap:12px;padding:4px 4px 10px}:where(body:has(.openox-workbench)) .history-popover-head>div{gap:9px}:where(body:has(.openox-workbench)) .history-popover-head strong{color:var(--ink-strong);font-size:var(--t-sm);font-weight:var(--w-semibold)}:where(body:has(.openox-workbench)) .history-popover-head span,:where(body:has(.openox-workbench)) .history-popover-label small,:where(body:has(.openox-workbench)) .history-popover-item small{color:var(--ink-faint);font-size:var(--t-2xs)}:where(body:has(.openox-workbench)) .history-new{border:1px solid var(--accent-line);border-radius:var(--r-sm);min-height:28px;color:var(--accent);background:var(--accent-soft);font-size:var(--t-xs);font-weight:var(--w-medium);align-items:center;gap:5px;padding:0 9px;display:inline-flex}:where(body:has(.openox-workbench)) .history-new:hover{background:var(--accent-100);border-color:var(--accent-300)}:where(body:has(.openox-workbench)) .history-popover-search{border:1px solid var(--line);border-radius:var(--r-sm);min-height:34px;color:var(--ink-faint);background:var(--bg-inset);align-items:center;gap:8px;padding:0 10px;display:flex}:where(body:has(.openox-workbench)) .history-popover-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}:where(body:has(.openox-workbench)) .history-popover-search input{width:100%;min-width:0;color:var(--ink);font-size:var(--t-xs);background:0 0;border:0;outline:0}:where(body:has(.openox-workbench)) .history-popover-list{max-height:min(440px,100dvh - 180px);padding-top:6px;overflow-y:auto}:where(body:has(.openox-workbench)) .history-popover-group+.history-popover-group{margin-top:7px}:where(body:has(.openox-workbench)) .history-popover-label{color:var(--ink-faint);font-size:var(--t-2xs);font-weight:var(--w-semibold);justify-content:space-between;padding:8px 8px 4px;display:flex}:where(body:has(.openox-workbench)) .history-popover-row{border-radius:var(--r-sm);gap:2px;min-height:42px}:where(body:has(.openox-workbench)) .history-popover-row:hover,:where(body:has(.openox-workbench)) .history-popover-row.active{background:var(--bg-hover)}:where(body:has(.openox-workbench)) .history-popover-item{min-width:0;color:var(--ink-secondary);text-align:left;flex:1;gap:9px;padding:7px 8px}:where(body:has(.openox-workbench)) .history-popover-item>svg{color:var(--ink-faint)}:where(body:has(.openox-workbench)) .history-popover-item>span{flex-direction:column;gap:2px;min-width:0;display:flex}:where(body:has(.openox-workbench)) .history-popover-item strong{color:var(--ink);font-size:var(--t-xs);font-weight:var(--w-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:where(body:has(.openox-workbench)) .history-popover-actions{opacity:0;gap:1px;padding-right:5px}:where(body:has(.openox-workbench)) .history-popover-row:hover .history-popover-actions,:where(body:has(.openox-workbench)) .history-popover-row:focus-within .history-popover-actions,:where(body:has(.openox-workbench)) .history-popover-row.active .history-popover-actions{opacity:1}:where(body:has(.openox-workbench)) .history-popover-actions button{border-radius:var(--r-xs);width:26px;height:26px;color:var(--ink-faint);place-items:center;display:grid}:where(body:has(.openox-workbench)) .history-popover-actions button:hover{color:var(--ink);background:var(--bg-active)}:where(body:has(.openox-workbench)) .history-popover-actions button:last-child:hover{color:var(--danger);background:var(--danger-soft)}:where(body:has(.openox-workbench)) .history-popover-empty{color:var(--ink-faint);font-size:var(--t-xs);text-align:center;padding:28px 8px 22px}:where(body:has(.openox-workbench)) .sidebar-promo{margin:var(--sp-5) var(--sp-3) var(--sp-2);border:1px solid var(--line);border-radius:var(--r-md);color:var(--ink-secondary);background:var(--bg-base);box-shadow:var(--shadow-xs);align-items:center;gap:9px;padding:9px 10px;display:flex}:where(body:has(.openox-workbench)) .sidebar-promo:hover{border-color:var(--accent-line);background:var(--accent-50);box-shadow:0 0 0 3px var(--focus-ring)}:where(body:has(.openox-workbench)) .sidebar-promo-mark{border:1px solid var(--accent-line);border-radius:var(--r-sm);width:28px;height:28px;color:var(--accent);background:var(--accent-soft);flex:0 0 28px;place-items:center;display:grid}:where(body:has(.openox-workbench)) .sidebar-promo-mark img{object-fit:contain;width:17px;height:17px}:where(body:has(.openox-workbench)) .sidebar-promo-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}:where(body:has(.openox-workbench)) .sidebar-promo-copy strong{color:var(--ink);font-size:var(--t-xs);font-weight:var(--w-semibold)}:where(body:has(.openox-workbench)) .sidebar-promo-copy small{color:var(--ink-faint);font-size:var(--t-2xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:where(body:has(.openox-workbench)) .sidebar-promo-arrow{color:var(--ink-faint);flex:none;transform:rotate(-90deg)}:where(body:has(.openox-workbench)) .sidebar-spacer{flex:1;min-height:18px}:where(body:has(.openox-workbench)) .studio-shell .breadcrumb{align-items:center;gap:10px;min-width:0;display:flex}:where(body:has(.openox-workbench)) .page-context{min-width:0;font-size:var(--t-sm);color:var(--ink-muted);align-items:center;gap:10px;display:flex}:where(body:has(.openox-workbench)) .page-context strong{font-size:var(--t-sm);font-weight:var(--w-medium);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:where(body:has(.openox-workbench)) .studio-shell .breadcrumb>strong{font-size:var(--t-sm);font-weight:var(--w-medium);color:var(--ink)}:where(body:has(.openox-workbench)) .page-context>span{flex-shrink:0}:where(body:has(.openox-workbench)) .context-slash{color:var(--ink-faint);opacity:.6}:where(body:has(.openox-workbench)) .studio-shell .topbar-actions{align-items:center;gap:var(--sp-2);margin-left:auto;display:flex}:where(body:has(.openox-workbench)) .studio-shell .topbar-separator{display:none}:where(body:has(.openox-workbench)) .studio-shell .environment-badge{border:1px solid var(--line);border-radius:var(--r-sm);height:28px;color:var(--ink-muted);font-size:var(--t-xs);font-weight:var(--w-normal);background:0 0;align-items:center;gap:7px;padding:0 9px;display:inline-flex}:where(body:has(.openox-workbench)) .studio-shell .environment-badge:hover{border-color:var(--line-strong);background:var(--bg-hover);color:var(--ink)}:where(body:has(.openox-workbench)) .studio-shell .environment-badge.live{color:var(--accent);border-color:var(--accent-line)}:where(body:has(.openox-workbench)) .studio-shell .environment-badge .status-dot{width:6px;height:6px}:where(body:has(.openox-workbench)) .status-dot{border-radius:var(--r-full);background:var(--ink-faint);flex-shrink:0;width:6px;height:6px}:where(body:has(.openox-workbench)) .status-dot.green,:where(body:has(.openox-workbench)) .status-dot.live{background:var(--success)}:where(body:has(.openox-workbench)) .status-dot.warn{background:var(--warning)}:where(body:has(.openox-workbench)) .status-dot.error{background:var(--danger)}:where(body:has(.openox-workbench)) .studio-shell .icon-button{border-radius:var(--r-sm);width:28px;height:28px;color:var(--ink-muted);background:0 0;border:0;place-items:center;display:inline-grid}:where(body:has(.openox-workbench)) .studio-shell .icon-button:hover{background:var(--bg-hover);color:var(--ink)}:where(body:has(.openox-workbench)) .studio-shell .icon-button.active{background:var(--accent-soft);color:var(--accent)}:where(body:has(.openox-workbench)) .studio-shell .expand-sidebar{display:none}:where(body:has(.openox-workbench)) .studio-shell.sidebar-hidden .expand-sidebar{display:inline-grid}:where(body:has(.openox-workbench)) .studio-shell .home-scroll,:where(body:has(.openox-workbench)) .studio-shell .message-scroll{overscroll-behavior:contain;background:var(--bg-base);flex:1;min-height:0;overflow-y:auto}:where(body:has(.openox-workbench)) .studio-shell .home-content{width:min(760px,100% - 80px);padding:clamp(56px, 13vh, 132px) 0 var(--sp-10);margin:0 auto}:where(body:has(.openox-workbench)) .studio-shell .home-heading{margin:0 0 var(--sp-6);justify-content:flex-start;align-items:flex-start;display:flex}:where(body:has(.openox-workbench)) .studio-shell .home-heading h1{font-family:var(--font-display);font-size:var(--t-3xl);font-weight:var(--w-semibold);letter-spacing:0;color:var(--ink-strong);margin:0;line-height:1.35}:where(body:has(.openox-workbench)) .greeting-mark{display:none}:where(body:has(.openox-workbench)) .heading-period{color:var(--accent)}:where(body:has(.openox-workbench)) .studio-shell .composer,:where(body:has(.openox-workbench)) .studio-shell .composer:focus-within{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;overflow:visible}:where(body:has(.openox-workbench)) .composer-surface{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--r-lg);transition:border-color .14s,box-shadow .14s;overflow:hidden;box-shadow:0 1px 2px #14181709}:where(body:has(.openox-workbench)) .composer-surface:hover{border-color:var(--line-strong);box-shadow:0 1px 3px #1418170d}:where(body:has(.openox-workbench)) .composer-surface:focus-within{border-color:var(--focus);box-shadow:0 0 0 3px var(--focus-ring)}:where(body:has(.openox-workbench)) .composer-heading{justify-content:space-between;align-items:center;gap:var(--sp-3);min-height:36px;padding:var(--sp-2) var(--sp-3) 0 var(--sp-4);display:flex}:where(body:has(.openox-workbench)) .composer-model{border-radius:var(--r-sm);min-width:0;height:26px;color:var(--ink);font-size:var(--t-sm);font-weight:var(--w-medium);background:0 0;border:1px solid #0000;align-items:center;gap:7px;margin-left:-6px;padding:0 6px;display:flex}:where(body:has(.openox-workbench)) .composer-model:hover{background:var(--bg-hover);border-color:#0000}:where(body:has(.openox-workbench)) .composer-model,:where(body:has(.openox-workbench)) .command-model-name strong,:where(body:has(.openox-workbench)) .settings-model strong,:where(body:has(.openox-workbench)) .catalog-model-name strong,:where(body:has(.openox-workbench)) .studio-model strong{font-family:var(--font-brand);font-weight:var(--w-medium)}:where(body:has(.openox-workbench)) .composer-model>span:not(.model-mark){text-overflow:ellipsis;white-space:nowrap;max-width:none;overflow:hidden}:where(body:has(.openox-workbench)) .composer-model>svg{color:var(--ink-faint)}:where(body:has(.openox-workbench)) .composer-model .model-mark{background:0 0;border:0;border-radius:0;width:18px;height:18px}:where(body:has(.openox-workbench)) .composer-model .model-logo{width:16px;height:16px}:where(body:has(.openox-workbench)) .assistant-menu-trigger{border-radius:var(--r-sm);height:26px;color:var(--ink-muted);font-size:var(--t-xs);font-weight:var(--w-normal);flex-shrink:0;align-items:center;gap:5px;padding:0 7px;display:flex}:where(body:has(.openox-workbench)) .assistant-menu-trigger:hover,:where(body:has(.openox-workbench)) .assistant-menu-trigger[data-state=open]{background:var(--bg-hover);color:var(--ink)}:where(body:has(.openox-workbench)) .studio-shell .composer textarea{width:100%;min-height:92px;padding:var(--sp-3) var(--sp-4) var(--sp-2);font-size:var(--t-md);font-weight:var(--w-normal);line-height:var(--lh-normal);color:var(--ink);resize:none;background:0 0;border:0;display:block}:where(body:has(.openox-workbench)) .studio-shell .composer textarea::placeholder{color:var(--ink-faint)}:where(body:has(.openox-workbench)) .studio-shell .composer-toolbar{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3) var(--sp-3);display:flex}:where(body:has(.openox-workbench)) .studio-shell .composer-left,:where(body:has(.openox-workbench)) .studio-shell .composer-right{align-items:center;gap:var(--sp-1);display:flex}:where(body:has(.openox-workbench)) .studio-shell .toolbar-divider{background:var(--line);width:1px;height:16px}:where(body:has(.openox-workbench)) .studio-shell .mode-switch{height:28px;min-height:28px;color:var(--ink-muted);font-size:var(--t-xs);font-weight:var(--w-normal);border-radius:var(--r-sm);background:0 0;align-items:center;gap:6px;padding:0 8px;display:inline-flex}:where(body:has(.openox-workbench)) .studio-shell .mode-switch:hover{background:var(--bg-hover);color:var(--ink)}:where(body:has(.openox-workbench)) .studio-shell .mode-switch.on{color:var(--accent);background:var(--accent-soft);font-weight:var(--w-medium)}:where(body:has(.openox-workbench)) .studio-shell .search-toggle-track{border-radius:var(--r-full);background:var(--line-strong);width:24px;height:14px;transition:background-color .14s;position:relative}:where(body:has(.openox-workbench)) .studio-shell .search-toggle-track>span{border-radius:var(--r-full);background:var(--bg-base);width:10px;height:10px;transition:transform .14s;position:absolute;top:2px;left:2px}:where(body:has(.openox-workbench)) .studio-shell .mode-switch.on .search-toggle-track{background:var(--accent-fill)}:where(body:has(.openox-workbench)) .studio-shell .mode-switch.on .search-toggle-track>span{background:var(--accent-on);transform:translate(10px)}:where(body:has(.openox-workbench)) .studio-shell .send-button{border-radius:var(--r-sm);background:var(--accent-fill);width:30px;height:30px;color:var(--accent-on);box-shadow:none;place-items:center;display:inline-grid}:where(body:has(.openox-workbench)) .studio-shell .send-button:hover:not(:disabled){background:var(--accent-fill-hover);color:var(--accent-on)}:where(body:has(.openox-workbench)) .studio-shell .send-button:disabled{background:var(--bg-inset);color:var(--ink-faint);box-shadow:none;opacity:1}:where(body:has(.openox-workbench)) .studio-shell .attachments{gap:var(--sp-2);margin:var(--sp-3) var(--sp-4) 0;flex-wrap:wrap;display:flex}:where(body:has(.openox-workbench)) .studio-shell .composer-footnote{min-height:16px;margin:var(--sp-2) 2px 0;color:var(--ink-faint);font-size:var(--t-2xs);font-weight:var(--w-normal);flex-wrap:wrap;align-items:center;gap:6px;display:flex}:where(body:has(.openox-workbench)) .studio-shell .composer-footnote .status-dot{width:5px;height:5px}:where(body:has(.openox-workbench)) .studio-shell .composer-footnote>button{color:var(--ink-muted);font-size:var(--t-2xs);align-items:center;gap:5px;margin-left:auto;display:flex}:where(body:has(.openox-workbench)) .studio-shell .composer-footnote>button:hover{color:var(--accent)}:where(body:has(.openox-workbench)) .composer-search-context{padding:9px var(--sp-4);background:var(--bg-inset);border-top:1px solid var(--line-hairline);color:var(--ink-muted);font-size:var(--t-2xs);align-items:center;gap:7px;display:flex}:where(body:has(.openox-workbench)) .composer-search-context button{color:var(--ink-secondary);align-items:center;gap:3px;display:flex}:where(body:has(.openox-workbench)) .composer-search-context button:hover{color:var(--accent)}:where(body:has(.openox-workbench)) .composer-search-context .status-dot{width:5px;height:5px}:where(body:has(.openox-workbench)) .search-readiness{margin-left:auto}:where(body:has(.openox-workbench)) .starter-selection{padding:var(--sp-2) 2px 0;color:var(--ink-faint);font-size:var(--t-2xs);align-items:center;gap:6px;display:flex}:where(body:has(.openox-workbench)) .starter-selection>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:where(body:has(.openox-workbench)) .starter-selection button{color:var(--ink-muted);flex-shrink:0;align-items:center;gap:4px;margin-left:auto;display:flex}:where(body:has(.openox-workbench)) .starter-selection button:hover{color:var(--ink)}:where(body:has(.openox-workbench)) .chat-discovery{margin-top:var(--sp-8)}:where(body:has(.openox-workbench)) .discovery-tabs{align-items:center;gap:var(--sp-6);border-bottom:1px solid var(--line-hairline);display:flex}:where(body:has(.openox-workbench)) .discovery-tabs button{color:var(--ink-muted);font-size:var(--t-sm);font-weight:var(--w-normal);background:0 0;border:0;padding:0 0 10px;line-height:1.4;position:relative}:where(body:has(.openox-workbench)) .discovery-tabs button:hover{color:var(--ink)}:where(body:has(.openox-workbench)) .discovery-tabs button[aria-selected=true]{color:var(--ink-strong);font-weight:var(--w-medium)}:where(body:has(.openox-workbench)) .discovery-tabs button[aria-selected=true]:after{content:"";background:var(--accent-fill);border-radius:var(--r-full);height:2px;position:absolute;bottom:-1px;left:0;right:0}:where(body:has(.openox-workbench)) .discovery-list{column-gap:var(--sp-8);padding-top:var(--sp-1);grid-template-columns:repeat(2,minmax(0,1fr));animation:.16s ease-out suggestions-in;display:grid}:where(body:has(.openox-workbench)) .discovery-item{align-items:center;gap:var(--sp-3);min-width:0;min-height:68px;padding:var(--sp-3) 0;text-align:left;border-bottom:1px solid var(--line-hairline);background:0 0;border-radius:0;margin:0;display:flex}:where(body:has(.openox-workbench)) .discovery-item:hover,:where(body:has(.openox-workbench)) .discovery-item:focus-visible{background:0 0}:where(body:has(.openox-workbench)) .discovery-item>.workspace-icon{width:16px;height:16px;color:var(--ink-faint);box-shadow:none;opacity:1;background:0 0;border-radius:0;padding:0;transition:color .14s;transform:none}:where(body:has(.openox-workbench)) .discovery-item:hover>.workspace-icon,:where(body:has(.openox-workbench)) .discovery-item:focus-visible>.workspace-icon{color:var(--accent);background:0 0}:where(body:has(.openox-workbench)) .discovery-item>span{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}:where(body:has(.openox-workbench)) .discovery-item strong{color:var(--ink);font-size:var(--t-sm);font-weight:var(--w-medium);line-height:var(--lh-snug);overflow-wrap:anywhere;transition:color .14s}:where(body:has(.openox-workbench)) .discovery-item:hover strong{color:var(--ink-strong)}:where(body:has(.openox-workbench)) .discovery-item small{color:var(--ink-muted);font-size:var(--t-xs);font-weight:var(--w-normal);line-height:var(--lh-snug)}:where(body:has(.openox-workbench)) .discovery-item>svg:not(.workspace-icon){color:var(--ink-faint);opacity:0;flex-shrink:0;transition:opacity .14s,transform .14s;transform:translate(-3px)}:where(body:has(.openox-workbench)) .discovery-item:hover>svg:not(.workspace-icon),:where(body:has(.openox-workbench)) .discovery-item:focus-visible>svg:not(.workspace-icon){opacity:1;transform:translate(0)}@keyframes suggestions-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}:where(body:has(.openox-workbench)) .studio-shell .workspace-footer{justify-content:center;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-4) var(--sp-6);color:var(--ink-faint);font-size:var(--t-2xs);border:0;margin-top:auto;display:flex}:where(body:has(.openox-workbench)) .studio-shell .workspace-footer>span:first-child{font-size:var(--t-2xs);font-weight:var(--w-normal);color:var(--ink-faint)}:where(body:has(.openox-workbench)) .studio-shell .message-column{width:min(760px,100% - 80px);padding-top:var(--sp-8);margin:0 auto}:where(body:has(.openox-workbench)) .studio-shell .user-message{padding:var(--sp-2) 0 var(--sp-6);justify-content:flex-end;display:flex}:where(body:has(.openox-workbench)) .studio-shell .user-bubble{max-width:78%;padding:0 var(--sp-4) 0 var(--sp-4);border:0;border-right:2px solid var(--accent-line);color:var(--ink);font-size:var(--t-base);line-height:var(--lh-normal);text-align:left;background:0 0;border-radius:0}:where(body:has(.openox-workbench)) .studio-shell .assistant-message{padding:var(--sp-2) 0 var(--sp-8);border-top:1px solid var(--line-hairline)}:where(body:has(.openox-workbench)) .assistant-heading{padding-bottom:var(--sp-2);align-items:center;gap:7px;display:flex}:where(body:has(.openox-workbench)) .assistant-heading>img,:where(body:has(.openox-workbench)) .assistant-heading .model-logo{width:15px;height:15px}:where(body:has(.openox-workbench)) .assistant-heading>strong{font-size:var(--t-xs);font-weight:var(--w-medium);color:var(--ink-secondary)}:where(body:has(.openox-workbench)) .answer-model{font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--ink-faint)}:where(body:has(.openox-workbench)) .sample-badge{border:1px solid var(--line);border-radius:var(--r-xs);height:18px;color:var(--ink-muted);font-size:var(--t-2xs);font-weight:var(--w-medium);align-items:center;padding:0 6px;display:inline-flex}:where(body:has(.openox-workbench)) .studio-shell .markdown{font-size:var(--t-md);font-weight:var(--w-normal);line-height:var(--lh-relaxed);color:var(--ink);max-width:68ch}:where(body:has(.openox-workbench)) .studio-shell .markdown>:first-child{margin-top:0}:where(body:has(.openox-workbench)) .studio-shell .markdown h2{margin:var(--sp-8) 0 var(--sp-3);font-size:var(--t-lg);font-weight:var(--w-semibold);letter-spacing:0;color:var(--ink-strong)}:where(body:has(.openox-workbench)) .studio-shell .markdown h3{margin:var(--sp-6) 0 var(--sp-2);font-size:var(--t-base);font-weight:var(--w-semibold);color:var(--ink-strong)}:where(body:has(.openox-workbench)) .studio-shell .markdown p{margin:0 0 var(--sp-4)}:where(body:has(.openox-workbench)) .studio-shell .markdown strong{font-weight:var(--w-semibold);color:var(--ink-strong)}:where(body:has(.openox-workbench)) .studio-shell .markdown a{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:var(--accent-line);text-decoration-color:var(--accent-line);text-underline-offset:3px;text-decoration-thickness:1px}:where(body:has(.openox-workbench)) .studio-shell .markdown a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}:where(body:has(.openox-workbench)) .studio-shell .markdown blockquote{margin:var(--sp-4) 0;padding:2px 0 2px var(--sp-4);border-left:2px solid var(--accent-line);color:var(--ink-secondary);background:0 0}:where(body:has(.openox-workbench)) .studio-shell .markdown code{font-family:var(--font-mono);border:1px solid var(--line-hairline);border-radius:var(--r-xs);background:var(--bg-inset);color:var(--ink-strong);padding:1px 5px;font-size:.92em}:where(body:has(.openox-workbench)) .studio-shell .markdown pre{margin:var(--sp-4) 0;padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-inset);line-height:var(--lh-snug);overflow-x:auto}:where(body:has(.openox-workbench)) .studio-shell .markdown pre code{font-size:var(--t-xs);background:0 0;border:0;padding:0}:where(body:has(.openox-workbench)) .studio-shell .markdown table,:where(body:has(.openox-workbench)) .markdown-table{width:100%;margin:var(--sp-4) 0;border-collapse:collapse;font-size:var(--t-sm)}:where(body:has(.openox-workbench)) .studio-shell .markdown th{border-bottom:1px solid var(--line-strong);color:var(--ink-muted);font-size:var(--t-2xs);font-weight:var(--w-semibold);text-align:left;background:0 0;padding:7px 10px}:where(body:has(.openox-workbench)) .studio-shell .markdown td{border-bottom:1px solid var(--line-hairline);color:var(--ink);padding:8px 10px}:where(body:has(.openox-workbench)) .studio-shell .markdown li{margin:0 0 6px}:where(body:has(.openox-workbench)) .studio-shell .citation{border-radius:var(--r-xs);height:17px;color:var(--accent);background:var(--accent-soft);font-family:var(--font-mono);font-size:var(--t-2xs);font-weight:var(--w-medium);vertical-align:1px;align-items:center;padding:0 4px;display:inline-flex}:where(body:has(.openox-workbench)) .studio-shell .citation:hover{background:var(--accent-200)}:where(body:has(.openox-workbench)) .studio-shell .research-progress{margin:var(--sp-3) 0 var(--sp-5);padding:var(--sp-2) 0;border:0;border-top:1px solid var(--line-hairline);border-bottom:1px solid var(--line-hairline);background:0 0;border-radius:0}:where(body:has(.openox-workbench)) .studio-shell .research-summary,:where(body:has(.openox-workbench)) .studio-shell .research-step{color:var(--ink-muted);font-size:var(--t-xs)}:where(body:has(.openox-workbench)) .studio-shell .research-summary:hover{color:var(--ink);background:0 0}:where(body:has(.openox-workbench)) .studio-shell .research-count,:where(body:has(.openox-workbench)) .studio-shell .research-step:not(.error) small{color:var(--ink-faint);font-family:var(--font-mono);font-size:var(--t-2xs)}:where(body:has(.openox-workbench)) .studio-shell .research-step:not(:last-child):before{background:var(--line)}:where(body:has(.openox-workbench)) .studio-shell .step-indicator{border:1px solid var(--line);background:var(--bg-base);color:var(--ink-secondary);font-family:var(--font-mono);font-size:var(--t-2xs)}:where(body:has(.openox-workbench)) .studio-shell .research-step.running .step-indicator{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent)}:where(body:has(.openox-workbench)) .studio-shell .research-step.running,:where(body:has(.openox-workbench)) .studio-shell .sources-strip:hover{color:var(--accent)}:where(body:has(.openox-workbench)) .studio-shell .research-step.error .step-indicator{border-color:var(--danger-line);background:var(--danger-soft);color:var(--danger)}:where(body:has(.openox-workbench)) .studio-shell .research-step.error small{color:var(--danger)}:where(body:has(.openox-workbench)) .studio-shell .message-actions{align-items:center;gap:var(--sp-1);padding-top:var(--sp-4);display:flex}:where(body:has(.openox-workbench)) .studio-shell .message-actions .icon-button{width:26px;height:26px;color:var(--ink-faint)}:where(body:has(.openox-workbench)) .studio-shell .message-actions .icon-button:hover{background:var(--bg-hover);color:var(--ink)}:where(body:has(.openox-workbench)) .studio-shell .message-actions .icon-button.active{color:var(--accent);background:var(--accent-soft)}:where(body:has(.openox-workbench)) .action-divider{background:var(--line);width:1px;height:12px;margin:0 var(--sp-1)}:where(body:has(.openox-workbench)) .response-time{font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--ink-faint)}:where(body:has(.openox-workbench)) .follow-ups{gap:var(--sp-2);padding-top:var(--sp-4);flex-wrap:wrap;display:flex}:where(body:has(.openox-workbench)) .follow-ups>span{width:100%;font-size:var(--t-2xs);color:var(--ink-faint)}:where(body:has(.openox-workbench)) .follow-ups>button{border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink-secondary);font-size:var(--t-xs);text-align:left;background:0 0;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}:where(body:has(.openox-workbench)) .follow-ups>button:hover{border-color:var(--line-strong);background:var(--bg-hover);color:var(--ink)}:where(body:has(.openox-workbench)) .message-error{align-items:flex-start;gap:var(--sp-2);margin:var(--sp-3) 0;padding:var(--sp-3) var(--sp-4);border:1px solid var(--danger-line);border-radius:var(--r-md);background:var(--danger-soft);color:var(--danger);font-size:var(--t-sm);display:flex}:where(body:has(.openox-workbench)) .message-error button{color:var(--danger);font-size:var(--t-xs);text-underline-offset:2px;flex-shrink:0;margin-left:auto;text-decoration:underline}:where(body:has(.openox-workbench)) .stopped-label,:where(body:has(.openox-workbench)) .thinking-label{color:var(--ink-muted);font-size:var(--t-xs)}:where(body:has(.openox-workbench)) .thinking{padding:var(--sp-2) 0;align-items:center;gap:5px;display:flex}:where(body:has(.openox-workbench)) .thinking>span:not(.thinking-label){border-radius:var(--r-full);background:var(--accent-fill);width:4px;height:4px;animation:1.2s ease-in-out infinite think-pulse}:where(body:has(.openox-workbench)) .thinking>span:nth-child(2){animation-delay:.15s}:where(body:has(.openox-workbench)) .thinking>span:nth-child(3){animation-delay:.3s}@keyframes think-pulse{0%,to{opacity:.25}50%{opacity:1}}:where(body:has(.openox-workbench)) .answer-skeleton{padding:var(--sp-3) 0;flex-direction:column;gap:10px;display:flex}:where(body:has(.openox-workbench)) .answer-skeleton span{border-radius:var(--r-full);background:var(--bg-inset);height:9px;animation:1.4s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%,to{opacity:.55}50%{opacity:1}}:where(body:has(.openox-workbench)) .attachments .attachment,:where(body:has(.openox-workbench)) .attachment{align-items:center;gap:var(--sp-2);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg-base);max-width:260px;font-size:var(--t-xs);color:var(--ink-secondary);padding:5px 8px;display:flex}:where(body:has(.openox-workbench)) .attachment>button:not(.icon-button){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}:where(body:has(.openox-workbench)) .attachment .icon-button{flex:0 0 18px;width:18px;height:18px}:where(body:has(.openox-workbench)) .user-files{gap:var(--sp-2);padding-top:var(--sp-2);flex-wrap:wrap;display:flex}:where(body:has(.openox-workbench)) .user-files>button{border:1px solid var(--line);border-radius:var(--r-sm);font-size:var(--t-2xs);color:var(--ink-secondary);align-items:center;gap:6px;padding:4px 8px;display:inline-flex}:where(body:has(.openox-workbench)) .user-files>button:hover{border-color:var(--line-strong);color:var(--ink)}:where(body:has(.openox-workbench)) .source-previews{gap:var(--sp-2);margin:var(--sp-4) 0 var(--sp-5);grid-template-columns:repeat(2,minmax(0,1fr)) auto;display:grid}:where(body:has(.openox-workbench)) .source-preview{min-width:0;padding:var(--sp-2) var(--sp-3);border:1px solid var(--line);border-radius:var(--r-sm);text-align:left;background:0 0;flex-direction:column;justify-content:center;gap:4px;transition:border-color .14s,background-color .14s;display:flex}:where(body:has(.openox-workbench)) .source-preview:hover{border-color:var(--accent-line);background:var(--accent-soft)}:where(body:has(.openox-workbench)) .source-preview>span{color:var(--ink-faint);font-size:var(--t-2xs);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;display:flex;overflow:hidden}:where(body:has(.openox-workbench)) .source-preview>span>svg{flex-shrink:0}:where(body:has(.openox-workbench)) .source-preview strong{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:var(--t-xs);font-weight:var(--w-medium);overflow:hidden}:where(body:has(.openox-workbench)) .source-preview-more{padding:0 var(--sp-3);color:var(--ink-muted);font-size:var(--t-xs);white-space:nowrap;justify-content:center;align-items:center;gap:6px;display:flex}:where(body:has(.openox-workbench)) .source-preview-more:hover{color:var(--accent)}:where(body:has(.openox-workbench)) .studio-shell .source-panel{background:var(--bg-sunken);border-left:1px solid var(--line-hairline);border-color:var(--line-hairline)}:where(body:has(.openox-workbench)) .studio-shell .source-header{border-color:var(--line-hairline)}:where(body:has(.openox-workbench)) .source-header>strong{font-size:var(--t-base);font-weight:var(--w-semibold)}:where(body:has(.openox-workbench)) .source-caption{color:var(--ink-muted);font-size:var(--t-xs)}:where(body:has(.openox-workbench)) .source-list{flex-direction:column;display:flex}:where(body:has(.openox-workbench)) .source-item{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line-hairline);transition:background-color .12s}:where(body:has(.openox-workbench)) .source-item.selected,:where(body:has(.openox-workbench)) .source-item:hover{background:var(--bg-hover)}:where(body:has(.openox-workbench)) .source-domain{color:var(--ink-faint);font-size:var(--t-2xs);align-items:center;gap:6px;display:flex}:where(body:has(.openox-workbench)) .source-number{border-radius:var(--r-xs);background:var(--accent-soft);min-width:15px;height:15px;color:var(--accent);font-family:var(--font-mono);font-size:10px;font-weight:var(--w-medium);place-items:center;padding:0 3px;display:inline-grid}:where(body:has(.openox-workbench)) .source-domain>a{color:var(--ink-faint)}:where(body:has(.openox-workbench)) .source-domain>a:hover{color:var(--accent)}:where(body:has(.openox-workbench)) .source-title{color:var(--ink);font-size:var(--t-sm);font-weight:var(--w-medium);line-height:var(--lh-snug);margin:5px 0 0;display:block}:where(body:has(.openox-workbench)) .source-title:hover{color:var(--accent)}:where(body:has(.openox-workbench)) .source-item p,:where(body:has(.openox-workbench)) .source-excerpt{margin:var(--sp-2) 0 0;color:var(--ink-muted);font-size:var(--t-xs);line-height:var(--lh-normal)}:where(body:has(.openox-workbench)) .source-footer{padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--line-hairline)}:where(body:has(.openox-workbench)) .studio-shell .chat-composer-wrap{background:var(--bg-base);border-top:1px solid var(--line-hairline);padding:0}:where(body:has(.openox-workbench)) .studio-shell .chat-composer-inner{width:min(760px,100% - 80px);padding:var(--sp-4) 0 var(--sp-2);margin:0 auto}:where(body:has(.openox-workbench)) .studio-shell .compact-composer .composer-heading{min-height:32px;padding-top:0}:where(body:has(.openox-workbench)) .studio-shell .compact-composer textarea{min-height:44px;padding-top:10px;padding-bottom:var(--sp-2)}:where(body:has(.openox-workbench)) .studio-shell .compact-composer .composer-toolbar{padding-top:0;padding-bottom:var(--sp-2)}:where(body:has(.openox-workbench)) .studio-shell .chat-disclaimer{padding:var(--sp-2) 0 var(--sp-3);color:var(--ink-faint);font-size:var(--t-2xs);text-align:center}:where(body:has(.openox-workbench)) .scroll-latest{height:30px;padding:0 var(--sp-3);border:1px solid var(--line);border-radius:var(--r-full);background:var(--bg-raised);color:var(--ink-secondary);font-size:var(--t-xs);box-shadow:var(--shadow-md);align-items:center;gap:6px;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}:where(body:has(.openox-workbench)) .scroll-latest:hover{color:var(--ink);border-color:var(--line-strong)}:where(body:has(.openox-workbench)) .ox-menu,:where(body:has(.openox-workbench)) .dropdown-menu{z-index:100;background:var(--bg-overlay);min-width:184px;max-width:calc(100vw - 24px);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:4px;animation:.12s ease-out menu-in}:where(body:has(.openox-workbench)) .ox-menu-item,:where(body:has(.openox-workbench)) .dropdown-menu>button{align-items:center;gap:var(--sp-2);min-height:30px;font-size:var(--t-sm);border-radius:var(--r-sm);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ink-secondary);outline:none;padding:6px 8px;display:flex;position:relative}:where(body:has(.openox-workbench)) .ox-menu-item[data-highlighted],:where(body:has(.openox-workbench)) .dropdown-menu>button:hover{background:var(--bg-hover);color:var(--ink-strong)}:where(body:has(.openox-workbench)) .ox-menu-item.danger{color:var(--danger)}:where(body:has(.openox-workbench)) .ox-menu-item.danger[data-highlighted]{background:var(--danger-soft)}:where(body:has(.openox-workbench)) .ox-menu-separator{background:var(--line-hairline);height:1px;margin:4px 6px}:where(body:has(.openox-workbench)) .ox-menu-label{padding:var(--sp-2) 8px 4px;color:var(--ink-faint);font-size:var(--t-2xs);font-weight:var(--w-semibold)}:where(body:has(.openox-workbench)) .ox-menu-check{color:var(--accent);margin-left:auto;display:flex}:where(body:has(.openox-workbench)) .assistant-menu{min-width:208px}@keyframes menu-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}:where(body:has(.openox-workbench)) .chat-settings-panel{inset:var(--topbar-h) 0 0 auto;width:340px;height:calc(100dvh - var(--topbar-h));background:var(--bg-overlay);border:0;border-left:1px solid var(--line);max-width:calc(100% - 18px);min-height:0;max-height:none;box-shadow:var(--shadow-lg);color:var(--ink);flex-direction:column;margin:0;padding:0;display:flex;position:fixed}:where(body:has(.openox-workbench)) .chat-settings-panel::backdrop{background:var(--bg-scrim);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}:where(body:has(.openox-workbench)) .chat-settings-panel>header{min-height:52px;padding:var(--sp-3) var(--sp-5);border-bottom:1px solid var(--line-hairline);justify-content:space-between;align-items:center;display:flex}:where(body:has(.openox-workbench)) .chat-settings-panel h2{font-size:var(--t-base);font-weight:var(--w-semibold);color:var(--ink-strong);margin:0}:where(body:has(.openox-workbench)) .chat-settings-content{min-height:0;padding:0 var(--sp-5);flex:1;overflow-y:auto}:where(body:has(.openox-workbench)) .settings-section{padding:var(--sp-5) 0;border-bottom:1px solid var(--line-hairline)}:where(body:has(.openox-workbench)) .settings-section:last-child{border-bottom:0}:where(body:has(.openox-workbench)) .settings-section h3{margin:0 0 var(--sp-3);color:var(--ink-faint);font-size:var(--t-2xs);font-weight:var(--w-semibold)}:where(body:has(.openox-workbench)) .settings-model{text-align:left;align-items:center;gap:10px;width:100%;padding:0;display:flex}:where(body:has(.openox-workbench)) .settings-model>span:not(.model-mark){flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}:where(body:has(.openox-workbench)) .settings-model strong{font-size:var(--t-sm);font-weight:var(--w-medium);color:var(--ink);overflow-wrap:anywhere}:where(body:has(.openox-workbench)) .settings-model small{font-size:var(--t-2xs);color:var(--ink-faint)}:where(body:has(.openox-workbench)) .settings-model .model-mark{border:1px solid var(--line);border-radius:var(--r-sm);width:28px;height:28px}:where(body:has(.openox-workbench)) .model-facts{gap:var(--sp-2);margin:var(--sp-4) 0 0;font-size:var(--t-xs);flex-direction:column;display:flex}:where(body:has(.openox-workbench)) .model-facts>div{justify-content:space-between;align-items:baseline;gap:var(--sp-3);display:flex}:where(body:has(.openox-workbench)) .model-facts dt{color:var(--ink-faint);flex-shrink:0}:where(body:has(.openox-workbench)) .model-facts dd{color:var(--ink-secondary);text-align:right;overflow-wrap:anywhere;font-family:var(--font-mono);font-size:var(--t-2xs);margin:0}:where(body:has(.openox-workbench)) .chat-setting-field{gap:var(--sp-2);color:var(--ink-secondary);font-size:var(--t-sm);flex-direction:column;display:flex}:where(body:has(.openox-workbench)) .chat-setting-field+.chat-setting-field{margin-top:var(--sp-5)}:where(body:has(.openox-workbench)) .chat-setting-field select,:where(body:has(.openox-workbench)) .chat-setting-field textarea{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg-base);width:100%;color:var(--ink);font-size:var(--t-sm);padding:9px 10px}:where(body:has(.openox-workbench)) .chat-setting-field select:focus,:where(body:has(.openox-workbench)) .chat-setting-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}:where(body:has(.openox-workbench)) .chat-setting-field textarea{min-height:118px;line-height:var(--lh-normal);resize:vertical}:where(body:has(.openox-workbench)) .chat-setting-field textarea::placeholder{color:var(--ink-faint)}:where(body:has(.openox-workbench)) .style-field{margin:var(--sp-5) 0 0;border:0;padding:0}:where(body:has(.openox-workbench)) .style-field legend{padding:0 0 var(--sp-2)}:where(body:has(.openox-workbench)) .response-style-control{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg-inset);grid-template-columns:repeat(3,1fr);gap:2px;padding:2px;display:grid}:where(body:has(.openox-workbench)) .response-style-control label{border-radius:var(--r-xs);color:var(--ink-muted);font-size:var(--t-xs);text-align:center;cursor:pointer;padding:6px 0;position:relative}:where(body:has(.openox-workbench)) .response-style-control label.selected{background:var(--bg-raised);color:var(--ink-strong);font-weight:var(--w-medium);box-shadow:var(--shadow-xs)}:where(body:has(.openox-workbench)) .response-style-control input{opacity:0;width:1px;height:1px;position:absolute}:where(body:has(.openox-workbench)) .response-style-control label:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:1px}:where(body:has(.openox-workbench)) .instruction-count{margin-top:var(--sp-2);color:var(--ink-faint);font-family:var(--font-mono);font-size:var(--t-2xs);text-align:right}:where(body:has(.openox-workbench)) .chat-settings-panel>footer{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--line-hairline);color:var(--ink-faint);font-size:var(--t-2xs);display:flex}:where(body:has(.openox-workbench)) .command-model-dialog,:where(body:has(.openox-workbench)) .model-selector-dialog{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-overlay);width:680px;max-width:calc(100vw - 32px);color:var(--ink);box-shadow:var(--shadow-xl);padding:0;overflow:hidden}:where(body:has(.openox-workbench)) .command-model-dialog::backdrop,:where(body:has(.openox-workbench)) .model-selector-dialog::backdrop{background:var(--bg-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}:where(body:has(.openox-workbench)) .command-search,:where(body:has(.openox-workbench)) .catalog-search{align-items:center;gap:var(--sp-3);padding:var(--sp-4);border-bottom:1px solid var(--line-hairline);color:var(--ink-faint);display:flex}:where(body:has(.openox-workbench)) .command-search input,:where(body:has(.openox-workbench)) .catalog-search input{min-width:0;color:var(--ink);font-size:var(--t-sm);background:0 0;border:0;flex:1;padding:0}:where(body:has(.openox-workbench)) .command-search input::placeholder,:where(body:has(.openox-workbench)) .catalog-search input::placeholder{color:var(--ink-faint)}:where(body:has(.openox-workbench)) .command-kind-tabs,:where(body:has(.openox-workbench)) .catalog-tabs{gap:var(--sp-5);padding:0 var(--sp-5);border-bottom:1px solid var(--line-hairline);display:flex}:where(body:has(.openox-workbench)) .command-kind-tabs button,:where(body:has(.openox-workbench)) .catalog-tabs button{padding:var(--sp-3) 0;color:var(--ink-muted);font-size:var(--t-xs);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;display:flex}:where(body:has(.openox-workbench)) .command-kind-tabs button:hover,:where(body:has(.openox-workbench)) .catalog-tabs button:hover{color:var(--ink)}:where(body:has(.openox-workbench)) .command-kind-tabs button[aria-selected=true],:where(body:has(.openox-workbench)) .catalog-tabs button[aria-selected=true]{color:var(--ink-strong);border-color:var(--ink-strong);font-weight:var(--w-medium)}:where(body:has(.openox-workbench)) .command-kind-tabs span,:where(body:has(.openox-workbench)) .catalog-tabs small{font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--ink-faint);font-variant-numeric:tabular-nums}:where(body:has(.openox-workbench)) .command-model-body{grid-template-columns:148px minmax(0,1fr);height:min(420px,100dvh - 220px);min-height:200px;display:grid}:where(body:has(.openox-workbench)) .command-families,:where(body:has(.openox-workbench)) .model-rail{padding:var(--sp-2);border-right:1px solid var(--line-hairline);background:var(--bg-sunken);flex-direction:column;gap:1px;display:flex;overflow-y:auto}:where(body:has(.openox-workbench)) .command-families button,:where(body:has(.openox-workbench)) .model-rail button{border-radius:var(--r-sm);width:100%;min-height:28px;color:var(--ink-muted);font-size:var(--t-xs);text-align:left;align-items:center;gap:7px;padding:0 8px;display:flex}:where(body:has(.openox-workbench)) .command-families button:hover,:where(body:has(.openox-workbench)) .model-rail button:hover{background:var(--bg-hover);color:var(--ink)}:where(body:has(.openox-workbench)) .command-families button.active,:where(body:has(.openox-workbench)) .model-rail button.active{background:var(--bg-active);color:var(--ink-strong);font-weight:var(--w-medium)}:where(body:has(.openox-workbench)) .command-families>div{height:1px;margin:var(--sp-2) 6px;background:var(--line-hairline)}:where(body:has(.openox-workbench)) .command-model-list{padding:4px;scroll-padding-block:4px;overflow-y:auto}:where(body:has(.openox-workbench)) .command-model-row{border-radius:var(--r-sm);align-items:center;min-width:0;display:flex;position:relative}:where(body:has(.openox-workbench)) .command-model-row:has([data-selected=true]){background:var(--bg-hover)}:where(body:has(.openox-workbench)) .command-model-row [cmdk-item]{border-radius:var(--r-sm);cursor:pointer;flex:1;align-items:center;gap:10px;min-width:0;padding:8px;display:flex}:where(body:has(.openox-workbench)) .command-model-row [cmdk-item][data-selected=true],:where(body:has(.openox-workbench)) .command-model-row [cmdk-item]:hover{background:var(--bg-hover)}:where(body:has(.openox-workbench)) .command-model-row [data-disabled=true]{opacity:.4;cursor:not-allowed}:where(body:has(.openox-workbench)) .command-model-row .model-mark{border:1px solid var(--line-hairline);border-radius:var(--r-sm);width:24px;height:24px}:where(body:has(.openox-workbench)) .command-model-row .model-mark img{width:16px;height:16px}:where(body:has(.openox-workbench)) .command-model-name{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}:where(body:has(.openox-workbench)) .command-model-name strong{color:var(--ink);font-size:var(--t-sm);font-weight:var(--w-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:where(body:has(.openox-workbench)) .command-model-name small{color:var(--ink-faint);font-family:var(--font-mono);font-size:var(--t-2xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:where(body:has(.openox-workbench)) .command-model-meta,:where(body:has(.openox-workbench)) .catalog-kind{color:var(--ink-faint);font-size:var(--t-2xs);flex-shrink:0}:where(body:has(.openox-workbench)) .selected-model-check{color:var(--accent);flex-shrink:0}:where(body:has(.openox-workbench)) .model-favorite{border-radius:var(--r-sm);width:28px;height:28px;color:var(--ink-faint);flex:0 0 28px;place-items:center;display:grid}:where(body:has(.openox-workbench)) .model-favorite:hover{background:var(--bg-hover);color:var(--ink)}:where(body:has(.openox-workbench)) .model-favorite.saved{color:var(--accent)}:where(body:has(.openox-workbench)) .command-model-list [cmdk-empty],:where(body:has(.openox-workbench)) .catalog-empty{padding:var(--sp-8) var(--sp-3);color:var(--ink-faint);font-size:var(--t-xs);text-align:center}:where(body:has(.openox-workbench)) .command-model-footer,:where(body:has(.openox-workbench)) .catalog-foot{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--line-hairline);color:var(--ink-faint);font-size:var(--t-2xs);display:flex}:where(body:has(.openox-workbench)) .primary-button,:where(body:has(.openox-workbench)) .studio-submit{border:1px solid var(--accent-fill);border-radius:var(--r-sm);background:var(--accent-fill);height:32px;color:var(--accent-on);font-size:var(--t-sm);font-weight:var(--w-medium);box-shadow:none;justify-content:center;align-items:center;gap:6px;padding:0 14px;display:inline-flex}:where(body:has(.openox-workbench)) .primary-button:hover,:where(body:has(.openox-workbench)) .studio-submit:hover{background:var(--accent-fill-hover);border-color:var(--accent-fill-hover)}:where(body:has(.openox-workbench)) .studio-submit:disabled{background:var(--bg-inset);border-color:var(--line);color:var(--ink-faint);box-shadow:none}:where(body:has(.openox-workbench)) .secondary-button{border:1px solid var(--line);border-radius:var(--r-sm);height:32px;color:var(--ink-secondary);font-size:var(--t-sm);font-weight:var(--w-medium);background:0 0;justify-content:center;align-items:center;gap:6px;padding:0 14px;display:inline-flex}:where(body:has(.openox-workbench)) .secondary-button:hover{background:var(--bg-hover);border-color:var(--line-strong);color:var(--ink)}:where(body:has(.openox-workbench)) .danger-button{border:1px solid var(--danger-line);border-radius:var(--r-sm);background:var(--danger-soft);height:32px;color:var(--danger);font-size:var(--t-sm);font-weight:var(--w-medium);justify-content:center;align-items:center;padding:0 14px;display:inline-flex}:where(body:has(.openox-workbench)) .danger-button:hover{background:var(--danger);border-color:var(--danger);color:#fff}:where(body:has(.openox-workbench)) .live-toggle{accent-color:var(--accent)}:where(body:has(.openox-workbench)) .catalog-row.chosen{background:var(--bg-active)}:where(body:has(.openox-workbench)) .catalog-row>svg{color:var(--accent)}:where(body:has(.openox-workbench)) .ratio-options button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:none}:where(body:has(.openox-workbench)) .studio-prompt:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}:where(body:has(.openox-workbench)) .studio-mobile-tabs button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);font-weight:var(--w-medium)}:where(body:has(.openox-workbench)) .evaluation-comparison-tabs{gap:var(--sp-6);margin:0 0 var(--sp-5);border-bottom:1px solid var(--line-hairline);display:flex}:where(body:has(.openox-workbench)) .evaluation-comparison-tabs button{padding:var(--sp-3) 0;color:var(--ink-muted);font-size:var(--t-xs);background:0 0;border:0;border-bottom:2px solid #0000}:where(body:has(.openox-workbench)) .evaluation-comparison-tabs button[aria-selected=true]{color:var(--ink-strong);border-color:var(--ink-strong);font-weight:var(--w-medium)}:where(body:has(.openox-workbench)) .modal{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-overlay);width:520px;max-width:calc(100vw - 32px);color:var(--ink);font-size:var(--t-sm);box-shadow:var(--shadow-xl);padding:0}:where(body:has(.openox-workbench)) .modal::backdrop{background:var(--bg-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}:where(body:has(.openox-workbench)) .modal.wide-modal{width:720px}:where(body:has(.openox-workbench)) .modal-header{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--line-hairline);display:flex}:where(body:has(.openox-workbench)) .modal-header h2{font-size:var(--t-base);font-weight:var(--w-semibold);color:var(--ink-strong);margin:0}:where(body:has(.openox-workbench)) .modal-body{padding:var(--sp-5);overflow-y:auto}:where(body:has(.openox-workbench)) .modal-footer,:where(body:has(.openox-workbench)) .modal-actions{justify-content:flex-end;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--line-hairline);display:flex}:where(body:has(.openox-workbench)) .modal label,:where(body:has(.openox-workbench)) .connection-section h3{color:var(--ink-secondary);font-size:var(--t-xs)}:where(body:has(.openox-workbench)) .modal input,:where(body:has(.openox-workbench)) .modal select,:where(body:has(.openox-workbench)) .modal textarea,:where(body:has(.openox-workbench)) .form-field>input,:where(body:has(.openox-workbench)) .form-field>select{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg-base);width:100%;color:var(--ink);font-size:var(--t-sm);padding:8px 10px}:where(body:has(.openox-workbench)) .modal input:focus,:where(body:has(.openox-workbench)) .modal select:focus,:where(body:has(.openox-workbench)) .modal textarea:focus,:where(body:has(.openox-workbench)) .form-field>input:focus,:where(body:has(.openox-workbench)) .form-field>select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}:where(body:has(.openox-workbench)) .modal .eyebrow,:where(body:has(.openox-workbench)) .modal-note,:where(body:has(.openox-workbench)) .field-note,:where(body:has(.openox-workbench)) .optional-label{color:var(--ink-faint);font-size:var(--t-2xs)}:where(body:has(.openox-workbench)) .form-field{gap:var(--sp-2);flex-direction:column;display:flex}:where(body:has(.openox-workbench)) .form-field+.form-field,:where(body:has(.openox-workbench)) .form-two-columns{margin-top:var(--sp-4)}:where(body:has(.openox-workbench)) .form-two-columns{gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}:where(body:has(.openox-workbench)) .segmented{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg-inset);gap:2px;padding:2px;display:inline-flex}:where(body:has(.openox-workbench)) .segmented>button{border-radius:var(--r-xs);height:26px;color:var(--ink-muted);font-size:var(--t-xs);padding:0 12px}:where(body:has(.openox-workbench)) .segmented>button.selected{background:var(--bg-raised);color:var(--ink-strong);font-weight:var(--w-medium);box-shadow:var(--shadow-xs)}:where(body:has(.openox-workbench)) .connection-check,:where(body:has(.openox-workbench)) .connection-result{align-items:center;gap:var(--sp-2);padding:var(--sp-3);border:1px solid var(--line-hairline);border-radius:var(--r-sm);background:var(--bg-sunken);color:var(--ink-secondary);font-size:var(--t-xs);display:flex}:where(body:has(.openox-workbench)) .demo-setting{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4);border:1px solid var(--line-hairline);border-radius:var(--r-md);background:var(--bg-sunken);display:flex}:where(body:has(.openox-workbench)) .demo-setting-icon{border-radius:var(--r-sm);background:var(--accent-soft);width:28px;height:28px;color:var(--accent);flex:0 0 28px;place-items:center;display:grid}:where(body:has(.openox-workbench)) .demo-setting>strong{color:var(--ink);font-size:var(--t-sm);font-weight:var(--w-medium);display:block}:where(body:has(.openox-workbench)) .demo-setting>p{color:var(--ink-muted);font-size:var(--t-xs);line-height:var(--lh-normal);margin:4px 0 0}:where(body:has(.openox-workbench)) .toast{left:50%;bottom:var(--sp-6);z-index:200;align-items:center;gap:var(--sp-2);max-width:calc(100vw - 32px);padding:9px var(--sp-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-overlay);color:var(--ink);font-size:var(--t-sm);box-shadow:var(--shadow-lg);animation:.14s ease-out menu-in;display:flex;position:fixed;transform:translate(-50%)}:where(body:has(.openox-workbench)) .studio-shell .collection-page,:where(body:has(.openox-workbench)) .studio-shell .evaluation-page{background:var(--bg-base);color:var(--ink)}:where(body:has(.openox-workbench)) .page-title{justify-content:space-between;align-items:baseline;gap:var(--sp-4);margin:0 0 var(--sp-5);display:flex}:where(body:has(.openox-workbench)) .page-title h1{font-size:var(--t-xl);font-weight:var(--w-semibold);letter-spacing:0;color:var(--ink-strong);margin:0}:where(body:has(.openox-workbench)) .item-count{color:var(--ink-faint);font-family:var(--font-mono);font-size:var(--t-xs);font-variant-numeric:tabular-nums}:where(body:has(.openox-workbench)) .search-input{align-items:center;gap:var(--sp-2);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg-base);height:34px;color:var(--ink-faint);padding:0 10px;display:flex}:where(body:has(.openox-workbench)) .search-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}:where(body:has(.openox-workbench)) .search-input>input{min-width:0;color:var(--ink);font-size:var(--t-sm);background:0 0;border:0;flex:1;padding:0}:where(body:has(.openox-workbench)) .search-input>input::placeholder{color:var(--ink-faint)}:where(body:has(.openox-workbench)) .empty-state{align-items:center;gap:var(--sp-2);padding:var(--sp-12) var(--sp-5);text-align:center;color:var(--ink-muted);flex-direction:column;display:flex}:where(body:has(.openox-workbench)) .empty-state>span{width:40px;height:40px;margin-bottom:var(--sp-2);border:1px solid var(--line);border-radius:var(--r-md);color:var(--ink-faint);place-items:center;display:grid}:where(body:has(.openox-workbench)) .empty-state h2{font-size:var(--t-base);font-weight:var(--w-semibold);color:var(--ink);margin:0}:where(body:has(.openox-workbench)) .empty-state p{max-width:42ch;font-size:var(--t-sm);line-height:var(--lh-normal);color:var(--ink-muted);margin:0}:where(body:has(.openox-workbench)) .inline-link{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:var(--accent-line);text-decoration-color:var(--accent-line);text-underline-offset:3px}:where(body:has(.openox-workbench)) .inline-link:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}@media (max-width:1100px){:where(body:has(.openox-workbench)) .studio-shell{--sidebar:224px}:where(body:has(.openox-workbench)) .studio-shell .home-content,:where(body:has(.openox-workbench)) .studio-shell .message-column,:where(body:has(.openox-workbench)) .studio-shell .chat-composer-inner{width:calc(100% - 56px);max-width:736px}:where(body:has(.openox-workbench)) .studio-shell .topbar{padding-inline:var(--sp-4)}}@media (max-width:760px){:where(body:has(.openox-workbench)) .studio-shell{--rail:0px;padding-bottom:calc(56px + env(safe-area-inset-bottom))}:where(body:has(.openox-workbench)) .workspace-rail,:where(body:has(.openox-workbench)) .studio-shell.sidebar-hidden .workspace-rail{width:100%;height:calc(56px + env(safe-area-inset-bottom));padding:0 var(--sp-2) env(safe-area-inset-bottom);background:var(--bg-base);color:var(--ink-muted);border-right:0;border-top:1px solid var(--line-hairline);flex-direction:row;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}:where(body:has(.openox-workbench)) .rail-brand,:where(body:has(.openox-workbench)) .rail-bottom{display:none}:where(body:has(.openox-workbench)) .rail-scroll{flex:1;align-items:center;width:auto;min-width:0;min-height:56px;display:flex;overflow:visible}:where(body:has(.openox-workbench)) .rail-library,:where(body:has(.openox-workbench)) .rail-service,:where(body:has(.openox-workbench)) .rail-groups,:where(body:has(.openox-workbench)) .rail-rule{display:none}:where(body:has(.openox-workbench)) .rail-main{flex-direction:row;justify-content:space-around;gap:0;height:56px}:where(body:has(.openox-workbench)) .rail-item{gap:3px;width:56px;height:48px}:where(body:has(.openox-workbench)) .rail-item.selected{color:var(--accent);background:0 0}:where(body:has(.openox-workbench)) .rail-item.selected:before{display:none}:where(body:has(.openox-workbench)) .studio-shell .sidebar,:where(body:has(.openox-workbench)) .studio-shell.sidebar-hidden .sidebar{z-index:42;visibility:hidden;pointer-events:none;width:268px;height:auto;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}:where(body:has(.openox-workbench)) .studio-shell.mobile-nav-open .sidebar{visibility:visible;pointer-events:auto;box-shadow:var(--shadow-xl);transform:translate(0)}:where(body:has(.openox-workbench)) .studio-shell .nav-scrim{z-index:41}:where(body:has(.openox-workbench)) .history-more{opacity:1}:where(body:has(.openox-workbench)) .studio-shell .expand-sidebar{display:inline-grid}:where(body:has(.openox-workbench)) .studio-shell .topbar{height:52px;min-height:52px;padding:0 var(--sp-3);gap:6px}:where(body:has(.openox-workbench)) .studio-shell .breadcrumb{flex:1;gap:6px}:where(body:has(.openox-workbench)) .page-context>.workspace-icon,:where(body:has(.openox-workbench)) .page-context>span{display:none}:where(body:has(.openox-workbench)) .page-context strong{max-width:160px;font-size:var(--t-sm)}:where(body:has(.openox-workbench)) .studio-shell .environment-badge>svg,:where(body:has(.openox-workbench)) .studio-shell .environment-badge>.status-dot{display:none}:where(body:has(.openox-workbench)) .studio-shell .home-content{width:calc(100% - 32px);padding:var(--sp-8) 0 var(--sp-6)}:where(body:has(.openox-workbench)) .studio-shell .home-heading{margin-bottom:var(--sp-5)}:where(body:has(.openox-workbench)) .composer-heading{gap:6px;min-height:32px;padding:6px 8px 0 10px}:where(body:has(.openox-workbench)) .composer-model{font-size:var(--t-xs)}:where(body:has(.openox-workbench)) .studio-shell .composer textarea{min-height:88px;font-size:var(--t-base);padding:10px 12px 6px}:where(body:has(.openox-workbench)) .studio-shell .composer-toolbar{gap:6px;padding:6px 8px 8px}:where(body:has(.openox-workbench)) .studio-shell .toolbar-divider{display:none}:where(body:has(.openox-workbench)) .studio-shell .mode-switch{padding:0 6px}:where(body:has(.openox-workbench)) .chat-discovery{margin-top:var(--sp-6)}:where(body:has(.openox-workbench)) .discovery-tabs{gap:var(--sp-4);scrollbar-width:none;overflow-x:auto}:where(body:has(.openox-workbench)) .discovery-tabs::-webkit-scrollbar{display:none}:where(body:has(.openox-workbench)) .discovery-list{grid-template-columns:minmax(0,1fr)}:where(body:has(.openox-workbench)) .discovery-item{min-height:60px}:where(body:has(.openox-workbench)) .discovery-item>svg:not(.workspace-icon){opacity:1;transform:none}:where(body:has(.openox-workbench)) .source-previews{grid-template-columns:repeat(2,minmax(0,1fr))}:where(body:has(.openox-workbench)) .source-preview-more{grid-column:1/-1;justify-content:flex-start;padding:0}:where(body:has(.openox-workbench)) .studio-shell .message-column,:where(body:has(.openox-workbench)) .studio-shell .chat-composer-inner{width:calc(100% - 28px)}:where(body:has(.openox-workbench)) .studio-shell .message-column{padding-top:var(--sp-5)}:where(body:has(.openox-workbench)) .studio-shell .markdown{font-size:var(--t-base);line-height:1.8}:where(body:has(.openox-workbench)) .studio-shell .user-bubble{font-size:var(--t-base);padding:10px 12px}:where(body:has(.openox-workbench)) .studio-shell .compact-composer textarea{min-height:40px}:where(body:has(.openox-workbench)) .chat-settings-panel{width:min(340px,100% - 16px);height:calc(100dvh - 52px);inset:52px 0 0 auto}:where(body:has(.openox-workbench)) .command-model-dialog,:where(body:has(.openox-workbench)) .model-selector-dialog{max-width:calc(100vw - 20px);margin:auto}:where(body:has(.openox-workbench)) .command-search{padding:var(--sp-3)}:where(body:has(.openox-workbench)) .command-kind-tabs{padding-inline:var(--sp-4);gap:var(--sp-5);scrollbar-width:none;overflow-x:auto}:where(body:has(.openox-workbench)) .command-model-body{flex-direction:column;height:min(500px,100dvh - 190px);display:flex}:where(body:has(.openox-workbench)) .command-families,:where(body:has(.openox-workbench)) .model-rail{padding:var(--sp-2);border-right:0;border-bottom:1px solid var(--line-hairline);flex-direction:row;flex-shrink:0;gap:2px;overflow:auto hidden}:where(body:has(.openox-workbench)) .command-families button,:where(body:has(.openox-workbench)) .model-rail button{flex-shrink:0;width:auto;padding:0 10px}:where(body:has(.openox-workbench)) .command-families>div{display:none}:where(body:has(.openox-workbench)) .command-model-list{flex:1;min-height:0}:where(body:has(.openox-workbench)) .command-model-meta{display:none}:where(body:has(.openox-workbench)) .modal{width:calc(100vw - 20px)}:where(body:has(.openox-workbench)) .form-two-columns{grid-template-columns:minmax(0,1fr)}}@media (max-width:380px){:where(body:has(.openox-workbench)) .studio-shell .topbar{padding-inline:10px}:where(body:has(.openox-workbench)) .page-context strong{max-width:120px}:where(body:has(.openox-workbench)) .studio-shell .home-content{width:calc(100% - 24px)}:where(body:has(.openox-workbench)) .composer-heading{gap:4px}}@media (prefers-reduced-motion:reduce){:where(body:has(.openox-workbench)) .ox-menu,:where(body:has(.openox-workbench)) .dropdown-menu,:where(body:has(.openox-workbench)) .toast,:where(body:has(.openox-workbench)) .discovery-list{animation:none}:where(body:has(.openox-workbench)) .discovery-item>svg,:where(body:has(.openox-workbench)) .composer-surface,:where(body:has(.openox-workbench)) .workspace-icon,:where(body:has(.openox-workbench)) .discovery-item>.workspace-icon,:where(body:has(.openox-workbench)) .thinking>span:not(.thinking-label),:where(body:has(.openox-workbench)) .answer-skeleton span{transition:none;animation:none}:where(body:has(.openox-workbench)) .discovery-item:hover>svg:not(.workspace-icon){transform:none}}@media (max-width:760px){:where(body:has(.openox-workbench)) .studio-shell .conversation-trigger{gap:6px}:where(body:has(.openox-workbench)) .studio-shell .conversation-trigger>strong{max-width:min(52vw,190px)}:where(body:has(.openox-workbench)) .history-popover{width:calc(100vw - 20px);top:calc(100% + 6px);left:10px}:where(body:has(.openox-workbench)) .history-popover-actions{opacity:1}}
:where(body:has(.openox-workbench)) .studio-mount{background:var(--bg-base);flex:1;min-height:0;overflow:hidden}:where(body:has(.openox-workbench)) .studio-mount[hidden]{display:none}:where(body:has(.openox-workbench)) .studio-page{--studio-line:var(--line-hairline);--studio-default-width:336px;grid-template-columns:min(var(--studio-controls-width,var(--studio-default-width)), max(280px, calc(100% - 280px))) minmax(0, 1fr);width:100%;height:100%;color:var(--ink);background:var(--bg-base);display:grid;position:relative}:where(body:has(.openox-workbench)) .studio-divider{z-index:4;top:0;bottom:0;left:min(var(--studio-controls-width,var(--studio-default-width)), max(280px, calc(100% - 280px)));cursor:col-resize;touch-action:none;outline:none;width:10px;margin-left:-5px;position:absolute}:where(body:has(.openox-workbench)) .studio-divider:after{content:"";background:0 0;position:absolute;inset:0 4px}:where(body:has(.openox-workbench)) .studio-divider:hover:after,:where(body:has(.openox-workbench)) .studio-divider:focus-visible:after,:where(body:has(.openox-workbench)) .studio-page[data-resizing=true] .studio-divider:after{background:var(--accent)}:where(body:has(.openox-workbench)) .studio-page[data-resizing=true]{cursor:col-resize;-webkit-user-select:none;user-select:none}:where(body:has(.openox-workbench)) .studio-controls{min-width:0;min-height:0;padding:var(--sp-6) var(--sp-6) var(--sp-5);background:var(--bg-base);border-right:1px solid var(--line-hairline);flex-direction:column;display:flex;overflow:hidden}:where(body:has(.openox-workbench)) .studio-panel-heading{justify-content:space-between;align-items:center;gap:var(--sp-3);margin:0 0 var(--sp-6);flex-shrink:0;display:flex}:where(body:has(.openox-workbench)) .studio-panel-heading h1{font-size:var(--t-xl);font-weight:var(--w-semibold);letter-spacing:0;color:var(--ink-strong);margin:0;line-height:1.3}:where(body:has(.openox-workbench)) .studio-tool{border-radius:var(--r-sm);width:28px;height:28px;color:var(--ink-faint);background:0 0;border:0;flex:0 0 28px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}:where(body:has(.openox-workbench)) .studio-tool:hover{background:var(--bg-hover);color:var(--ink)}:where(body:has(.openox-workbench)) .studio-tool[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}:where(body:has(.openox-workbench)) .studio-controls fieldset{min-width:0;min-height:0;padding:0 var(--sp-1) 0 0;scrollbar-width:thin;border:0;flex:1;margin:0;overflow-y:auto}:where(body:has(.openox-workbench)) .studio-mobile-tabs,:where(body:has(.openox-workbench)) .studio-gallery-error{display:none}:where(body:has(.openox-workbench)) .studio-label{margin:0 0 var(--sp-2);color:var(--ink-faint);font-size:var(--t-2xs);font-weight:var(--w-semibold);display:block}:where(body:has(.openox-workbench)) .studio-model{width:100%;min-height:56px;margin:0 0 var(--sp-6);padding:10px var(--sp-3);border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-base);text-align:left;box-shadow:none;align-items:center;gap:10px;transition:border-color .14s,background-color .14s;display:flex}:where(body:has(.openox-workbench)) .studio-model:hover{border-color:var(--line-strong);background:var(--bg-hover)}:where(body:has(.openox-workbench)) .studio-model>span:nth-child(2){flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}:where(body:has(.openox-workbench)) .studio-model strong{font-family:var(--font-brand);font-size:var(--t-sm);font-weight:var(--w-medium);color:var(--ink);overflow-wrap:anywhere;line-height:1.4}:where(body:has(.openox-workbench)) .studio-model small{font-size:var(--t-2xs);color:var(--ink-faint)}:where(body:has(.openox-workbench)) .studio-model>svg{color:var(--ink-faint);flex-shrink:0}:where(body:has(.openox-workbench)) .studio-model .model-mark{border:1px solid var(--line-hairline);border-radius:var(--r-sm);flex:0 0 26px;width:26px;height:26px}:where(body:has(.openox-workbench)) .studio-model .model-logo{width:18px;height:18px}:where(body:has(.openox-workbench)) .prompt-label{justify-content:space-between;align-items:baseline;gap:var(--sp-3);display:flex}:where(body:has(.openox-workbench)) .prompt-label button{color:var(--ink-muted);font-size:var(--t-2xs);align-items:center;gap:4px;padding:0;display:flex}:where(body:has(.openox-workbench)) .prompt-label button:hover{color:var(--accent)}:where(body:has(.openox-workbench)) .studio-prompt{margin:0 0 var(--sp-6);border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-base);transition:border-color .14s,box-shadow .14s;overflow:hidden}:where(body:has(.openox-workbench)) .studio-prompt:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}:where(body:has(.openox-workbench)) .studio-controls textarea{width:100%;min-height:148px;max-height:320px;padding:var(--sp-3) var(--sp-4);color:var(--ink);font-size:var(--t-sm);line-height:var(--lh-normal);resize:vertical;background:0 0;border:0;outline:0;display:block}:where(body:has(.openox-workbench)) .studio-controls textarea::placeholder{color:var(--ink-faint)}:where(body:has(.openox-workbench)) .studio-counter{justify-content:space-between;gap:var(--sp-2);padding:0 var(--sp-4) var(--sp-3);color:var(--ink-faint);font-family:var(--font-mono);font-size:var(--t-2xs);font-variant-numeric:tabular-nums;display:flex}:where(body:has(.openox-workbench)) .reference-section{margin:0 0 var(--sp-5)}:where(body:has(.openox-workbench)) .reference-label{justify-content:space-between;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2);color:var(--ink-faint);font-size:var(--t-2xs);font-weight:var(--w-semibold);display:flex}:where(body:has(.openox-workbench)) .reference-label>span{font-size:var(--t-2xs);font-weight:var(--w-normal);color:var(--ink-faint)}:where(body:has(.openox-workbench)) .reference-add{width:100%;min-height:42px;padding:var(--sp-2) var(--sp-3);border:1px dashed var(--line-strong);border-radius:var(--r-md);color:var(--ink-muted);font-size:var(--t-xs);background:0 0;align-items:center;gap:10px;display:flex}:where(body:has(.openox-workbench)) .reference-add:hover{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent)}:where(body:has(.openox-workbench)) .reference-add>svg:last-child{margin-left:auto}:where(body:has(.openox-workbench)) .reference-input{min-height:38px;padding:0 var(--sp-3);border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-base);color:var(--ink-faint);align-items:center;gap:6px;transition:border-color .14s,box-shadow .14s;display:flex}:where(body:has(.openox-workbench)) .reference-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}:where(body:has(.openox-workbench)) .reference-input input{width:100%;min-width:0;color:var(--ink);font-size:var(--t-xs);background:0 0;border:0;padding:5px 0}:where(body:has(.openox-workbench)) .reference-input>svg{flex-shrink:0}:where(body:has(.openox-workbench)) .reference-thumb{height:80px;margin-top:var(--sp-2);border:1px solid var(--line-hairline);border-radius:var(--r-sm);background:var(--bg-sunken);color:var(--ink-muted);font-size:var(--t-2xs);align-items:center;gap:10px;padding:5px;display:flex}:where(body:has(.openox-workbench)) .reference-thumb img{object-fit:contain;width:86px;height:100%}:where(body:has(.openox-workbench)) .parameter-heading{margin:var(--sp-6) 0 var(--sp-3);color:var(--ink-faint);font-size:var(--t-2xs);font-weight:var(--w-semibold);border:0;align-items:center;gap:6px;padding:0;display:flex}:where(body:has(.openox-workbench)) .studio-parameters{gap:var(--sp-3);margin-bottom:var(--sp-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}:where(body:has(.openox-workbench)) .image-studio .studio-parameters{grid-template-columns:minmax(0,1fr)}:where(body:has(.openox-workbench)) .studio-parameters label{min-width:0;color:var(--ink-muted);font-size:var(--t-xs);font-weight:var(--w-normal)}:where(body:has(.openox-workbench)) .studio-parameters select{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg-base);width:100%;height:34px;color:var(--ink);font-size:var(--t-sm);font-weight:var(--w-normal);margin-top:6px;padding:0 10px}:where(body:has(.openox-workbench)) .studio-parameters select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}:where(body:has(.openox-workbench)) .ratio-field{margin-bottom:var(--sp-5)}:where(body:has(.openox-workbench)) .ratio-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}:where(body:has(.openox-workbench)) .ratio-options button{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg-base);height:36px;color:var(--ink-muted);font-size:var(--t-2xs);justify-content:center;align-items:center;gap:6px;display:flex}:where(body:has(.openox-workbench)) .ratio-options button:hover{border-color:var(--line-strong);color:var(--ink)}:where(body:has(.openox-workbench)) .ratio-options button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:var(--w-medium)}:where(body:has(.openox-workbench)) .ratio-shape{border:1px solid;border-radius:1px;flex-shrink:0;display:block}:where(body:has(.openox-workbench)) .studio-submit-area{padding-top:var(--sp-4);border-top:1px solid var(--line-hairline);flex-shrink:0}:where(body:has(.openox-workbench)) .studio-submit{justify-content:center;align-items:center;gap:var(--sp-2);width:100%;min-height:38px;padding:0 var(--sp-4);border:1px solid var(--accent-fill);border-radius:var(--r-sm);background:var(--accent-fill);color:var(--accent-on);font-size:var(--t-sm);font-weight:var(--w-medium);display:flex}:where(body:has(.openox-workbench)) .studio-submit>span{flex:1}:where(body:has(.openox-workbench)) .studio-submit:hover:not(:disabled){background:var(--accent-fill-hover);border-color:var(--accent-fill-hover)}:where(body:has(.openox-workbench)) .studio-submit:disabled{background:var(--bg-inset);border-color:var(--line);color:var(--ink-faint);opacity:1}:where(body:has(.openox-workbench)) .studio-billing{margin:var(--sp-3) 0 0;color:var(--ink-faint);font-size:var(--t-2xs);line-height:var(--lh-normal);text-align:center}:where(body:has(.openox-workbench)) .studio-notice{margin-top:var(--sp-3);color:var(--ink-muted);font-size:var(--t-2xs);line-height:var(--lh-snug);align-items:center;gap:6px;display:flex}:where(body:has(.openox-workbench)) .studio-error{margin-top:var(--sp-3);padding:var(--sp-3);border:1px solid var(--danger-line);border-radius:var(--r-sm);background:var(--danger-soft);color:var(--danger);font-size:var(--t-2xs);line-height:var(--lh-normal);overflow-wrap:anywhere}:where(body:has(.openox-workbench)) .studio-ack{margin-top:var(--sp-3);color:var(--ink-muted);font-size:var(--t-2xs);line-height:var(--lh-normal);align-items:flex-start;gap:6px;display:flex}:where(body:has(.openox-workbench)) .studio-ack input{accent-color:var(--accent);flex-shrink:0;margin:3px 0 0}:where(body:has(.openox-workbench)) .studio-gallery{background:var(--bg-base);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}:where(body:has(.openox-workbench)) .gallery-topbar{justify-content:space-between;align-items:center;gap:var(--sp-4);height:var(--topbar-h);padding:0 var(--sp-6);border-bottom:1px solid var(--line-hairline);background:var(--bg-base);flex-shrink:0;display:flex}:where(body:has(.openox-workbench)) .gallery-tabs{gap:var(--sp-5);flex-shrink:0;height:100%;display:flex}:where(body:has(.openox-workbench)) .gallery-tabs button{height:100%;color:var(--ink-muted);font-size:var(--t-sm);font-weight:var(--w-normal);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:0;display:flex}:where(body:has(.openox-workbench)) .gallery-tabs button:hover{color:var(--ink)}:where(body:has(.openox-workbench)) .gallery-tabs button[aria-selected=true]{color:var(--ink-strong);border-color:var(--accent-fill);font-weight:var(--w-medium)}:where(body:has(.openox-workbench)) .gallery-tabs span{border-radius:var(--r-full);background:var(--bg-inset);min-width:18px;color:var(--ink-faint);font-family:var(--font-mono);font-size:var(--t-2xs);text-align:center;font-variant-numeric:tabular-nums;padding:1px 5px}:where(body:has(.openox-workbench)) .studio-local{color:var(--ink-faint);font-size:var(--t-2xs);white-space:nowrap;align-items:center;gap:6px;display:flex}:where(body:has(.openox-workbench)) .studio-local i{border-radius:var(--r-full);background:var(--success);width:5px;height:5px}:where(body:has(.openox-workbench)) .gallery-content{min-height:0;padding:var(--sp-6);scrollbar-width:thin;flex:1;overflow-y:auto}:where(body:has(.openox-workbench)) .gallery-intro{justify-content:space-between;align-items:baseline;gap:var(--sp-2) var(--sp-4);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}:where(body:has(.openox-workbench)) .gallery-intro h2{font-size:var(--t-lg);font-weight:var(--w-semibold);letter-spacing:0;color:var(--ink-strong);margin:0}:where(body:has(.openox-workbench)) .gallery-intro>span{color:var(--ink-faint);font-size:var(--t-2xs)}:where(body:has(.openox-workbench)) .gallery-filters{gap:var(--sp-4);margin-bottom:var(--sp-5);border-bottom:1px solid var(--line-hairline);flex-wrap:wrap;display:flex}:where(body:has(.openox-workbench)) .gallery-filters button{min-width:0;height:30px;color:var(--ink-muted);font-size:var(--t-xs);font-weight:var(--w-normal);background:0 0;border:0;border-radius:0;padding:0;position:relative}:where(body:has(.openox-workbench)) .gallery-filters button:hover{color:var(--ink)}:where(body:has(.openox-workbench)) .gallery-filters button[aria-pressed=true]{color:var(--ink-strong);font-weight:var(--w-medium);box-shadow:none;background:0 0}:where(body:has(.openox-workbench)) .gallery-filters button[aria-pressed=true]:after{content:"";border-radius:var(--r-full);background:var(--ink-strong);height:2px;position:absolute;bottom:-1px;left:0;right:0}:where(body:has(.openox-workbench)) .example-grid,:where(body:has(.openox-workbench)) .works-grid{gap:var(--sp-6) var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}:where(body:has(.openox-workbench)) .example-card,:where(body:has(.openox-workbench)) .work-card{min-width:0}:where(body:has(.openox-workbench)) .example-image,:where(body:has(.openox-workbench)) .work-preview{aspect-ratio:1.25;border:1px solid var(--line-hairline);border-radius:var(--r-md);background:var(--bg-inset);isolation:isolate;width:100%;padding:0;display:block;position:relative;overflow:hidden}:where(body:has(.openox-workbench)) .example-card.video .example-image,:where(body:has(.openox-workbench)) .work-card.video .work-preview{aspect-ratio:16/10}:where(body:has(.openox-workbench)) .example-image>img{object-fit:cover;width:100%;height:100%;transition:transform .24s;display:block}:where(body:has(.openox-workbench)) .example-image:hover>img{transform:scale(1.02)}:where(body:has(.openox-workbench)) .preview-expand{right:var(--sp-2);bottom:var(--sp-2);border-radius:var(--r-sm);color:#fff;opacity:0;background:#0c100fb8;justify-content:center;align-items:center;width:26px;height:26px;transition:opacity .14s;display:flex;position:absolute}:where(body:has(.openox-workbench)) .example-image:hover .preview-expand,:where(body:has(.openox-workbench)) .example-image:focus-visible .preview-expand,:where(body:has(.openox-workbench)) .work-preview:hover .preview-expand{opacity:1}:where(body:has(.openox-workbench)) .example-caption{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 1px 0;display:flex}:where(body:has(.openox-workbench)) .example-caption>div{flex-direction:column;gap:3px;min-width:0;display:flex}:where(body:has(.openox-workbench)) .example-caption strong{color:var(--ink);font-size:var(--t-sm);font-weight:var(--w-medium);line-height:var(--lh-snug)}:where(body:has(.openox-workbench)) .example-caption small{color:var(--ink-muted);font-size:var(--t-xs);font-weight:var(--w-normal);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:where(body:has(.openox-workbench)) .example-caption button{border:1px solid var(--line);border-radius:var(--r-sm);width:28px;height:28px;color:var(--ink-muted);background:0 0;flex-shrink:0;place-items:center;padding:0;display:grid}:where(body:has(.openox-workbench)) .example-caption button:hover{border-color:var(--accent-fill);background:var(--accent-fill);color:var(--accent-on)}:where(body:has(.openox-workbench)) .gallery-footer{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-6);border-top:1px solid var(--line-hairline);background:var(--bg-base);color:var(--ink-faint);font-size:var(--t-2xs);flex-shrink:0;display:flex}:where(body:has(.openox-workbench)) .works-filter{align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-5);display:flex}:where(body:has(.openox-workbench)) .works-filter label{align-items:center;gap:var(--sp-2);border:1px solid var(--line);border-radius:var(--r-sm);min-width:0;height:32px;color:var(--ink-faint);flex:1;padding:0 10px;display:flex}:where(body:has(.openox-workbench)) .works-filter label:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}:where(body:has(.openox-workbench)) .works-filter input{width:100%;min-width:0;height:100%;color:var(--ink);font-size:var(--t-sm);background:0 0;border:0}:where(body:has(.openox-workbench)) .works-filter>button{color:var(--ink-muted);font-size:var(--t-xs);align-items:center;gap:5px;padding:0;display:flex}:where(body:has(.openox-workbench)) .works-filter>button[aria-pressed=true]{color:var(--accent)}:where(body:has(.openox-workbench)) .work-preview:disabled{opacity:1}:where(body:has(.openox-workbench)) .work-preview>img,:where(body:has(.openox-workbench)) .work-preview>video{object-fit:contain;background:var(--bg-inset);width:100%;height:100%;display:block}:where(body:has(.openox-workbench)) .work-placeholder{justify-content:center;align-items:center;gap:var(--sp-3);height:100%;padding:var(--sp-5);color:var(--ink-faint);font-size:var(--t-2xs);flex-direction:column;display:flex}:where(body:has(.openox-workbench)) .work-state{top:var(--sp-2);left:var(--sp-2);border:1px solid var(--line);border-radius:var(--r-xs);background:color-mix(in srgb, var(--bg-overlay) 90%, transparent);color:var(--ink-muted);font-size:var(--t-2xs);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-items:center;gap:4px;padding:3px 6px;display:flex;position:absolute}:where(body:has(.openox-workbench)) .work-state.complete{border-color:var(--accent-line);color:var(--accent)}:where(body:has(.openox-workbench)) .work-caption{justify-content:space-between;align-items:center;gap:var(--sp-2);padding:var(--sp-3) 0 0;color:var(--ink-faint);font-size:var(--t-2xs);display:flex}:where(body:has(.openox-workbench)) .work-model{min-width:0;color:var(--ink-secondary);font-family:var(--font-brand);font-size:var(--t-xs);font-weight:var(--w-medium);overflow-wrap:anywhere;align-items:center;gap:6px;display:flex}:where(body:has(.openox-workbench)) .work-model .model-mark.small{width:18px;height:18px}:where(body:has(.openox-workbench)) .work-model .model-logo{width:14px;height:14px}:where(body:has(.openox-workbench)) .work-caption>span:last-child{flex-shrink:0}:where(body:has(.openox-workbench)) .work-prompt{min-height:40px;margin:var(--sp-2) 0 6px;color:var(--ink-muted);font-size:var(--t-xs);line-height:var(--lh-normal);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:where(body:has(.openox-workbench)) .work-error{color:var(--danger);font-size:var(--t-2xs);line-height:var(--lh-snug);overflow-wrap:anywhere}:where(body:has(.openox-workbench)) .work-actions{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}:where(body:has(.openox-workbench)) .work-actions>button:not(.studio-tool){min-height:26px;color:var(--ink-muted);font-size:var(--t-2xs);align-items:center;gap:4px;padding:0;display:flex}:where(body:has(.openox-workbench)) .work-actions>button:not(.studio-tool):hover{color:var(--accent)}:where(body:has(.openox-workbench)) .work-action-spacer{flex:1}:where(body:has(.openox-workbench)) .work-actions .studio-tool{flex-basis:26px;width:26px;height:26px}:where(body:has(.openox-workbench)) .preview-play{border-radius:var(--r-full);color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c100fad;border:1px solid #ffffff4d;justify-content:center;align-items:center;width:44px;height:44px;margin:auto;display:flex;position:absolute;inset:0}:where(body:has(.openox-workbench)) .studio-task-strip{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);padding:var(--sp-3) 0;border-top:1px solid var(--line-hairline);border-bottom:1px solid var(--line-hairline);display:flex}:where(body:has(.openox-workbench)) .studio-task-strip>div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}:where(body:has(.openox-workbench)) .studio-task-strip strong{color:var(--ink-muted);font-size:var(--t-2xs);font-weight:var(--w-medium)}:where(body:has(.openox-workbench)) .studio-task-strip code{color:var(--ink-faint);font-family:var(--font-mono);font-size:var(--t-2xs);overflow-wrap:anywhere}:where(body:has(.openox-workbench)) .studio-task-strip>button:not(.studio-tool){color:var(--ink-muted);font-size:var(--t-2xs);flex-shrink:0;align-items:center;gap:4px;padding:0;display:flex}:where(body:has(.openox-workbench)) .studio-task-strip>span{color:var(--ink-faint);font-size:var(--t-2xs)}:where(body:has(.openox-workbench)) .studio-task-note{margin:-8px 0 var(--sp-4);color:var(--ink-faint);font-size:var(--t-2xs)}:where(body:has(.openox-workbench)) .gallery-empty{justify-content:center;align-items:center;gap:var(--sp-3);min-height:280px;color:var(--ink-faint);flex-direction:column;display:flex}:where(body:has(.openox-workbench)) .gallery-empty h2{color:var(--ink-muted);font-size:var(--t-sm);font-weight:var(--w-normal);margin:0}:where(body:has(.openox-workbench)) .gallery-empty button{color:var(--accent);font-size:var(--t-xs);align-items:center;gap:6px;display:flex}:where(body:has(.openox-workbench)) .studio-undo{align-items:center;gap:var(--sp-4);margin-top:var(--sp-4);padding:var(--sp-3) var(--sp-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-base);font-size:var(--t-2xs);color:var(--ink-muted);display:flex}:where(body:has(.openox-workbench)) .studio-undo>button:not(.studio-tool){color:var(--accent);margin-left:auto}:where(body:has(.openox-workbench)) .studio-video-dialog{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-overlay);width:min(880px,100% - 24px);max-height:90dvh;color:var(--ink);box-shadow:var(--shadow-xl);padding:0;overflow:auto}:where(body:has(.openox-workbench)) .studio-video-dialog::backdrop{background:#000000d1}:where(body:has(.openox-workbench)) .studio-video-dialog header{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line-hairline);justify-content:space-between;align-items:center;display:flex}:where(body:has(.openox-workbench)) .studio-video-dialog header>span{align-items:center;gap:var(--sp-2);font-size:var(--t-xs);color:var(--ink-muted);display:flex}:where(body:has(.openox-workbench)) .generated-video{background:#000;width:100%;max-height:64dvh;display:block}:where(body:has(.openox-workbench)) .video-details{padding:var(--sp-4);color:var(--ink-muted);font-size:var(--t-2xs)}:where(body:has(.openox-workbench)) .video-details p{color:var(--ink-secondary);line-height:var(--lh-normal);white-space:pre-wrap;overflow-wrap:anywhere}:where(body:has(.openox-workbench)) .video-details a{margin-top:var(--sp-4);color:var(--accent);align-items:center;gap:6px;display:flex}:where(body:has(.openox-workbench)) .video-unloaded{justify-content:center;align-items:center;gap:var(--sp-5);background:var(--bg-inset);min-height:220px;color:var(--ink-faint);flex-direction:column;display:flex}:where(body:has(.openox-workbench)) .lightbox-use{align-items:center;gap:var(--sp-2);margin:var(--sp-2) var(--sp-4);color:#fff;font-size:var(--t-2xs);display:flex}:where(body:has(.openox-workbench)) .yarl__root{--yarl__color_backdrop:#060908f5}:where(body:has(.openox-workbench)) .model-selector-dialog{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-overlay);width:min(460px,100% - 28px);max-height:min(680px,100dvh - 40px);color:var(--ink);box-shadow:var(--shadow-xl);padding:0;overflow:hidden}:where(body:has(.openox-workbench)) .model-selector-dialog::backdrop{background:var(--bg-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}:where(body:has(.openox-workbench)) .selector-title{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5) var(--sp-2);font-size:var(--t-sm);font-weight:var(--w-medium);color:var(--ink);display:flex}:where(body:has(.openox-workbench)) .catalog-browser{min-width:0}:where(body:has(.openox-workbench)) .catalog-controls{gap:var(--sp-2);padding:0 var(--sp-4) var(--sp-3);display:flex}:where(body:has(.openox-workbench)) .catalog-search{align-items:center;gap:var(--sp-2);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg-base);min-width:0;height:32px;color:var(--ink-faint);flex:1;padding:0 10px;display:flex}:where(body:has(.openox-workbench)) .catalog-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}:where(body:has(.openox-workbench)) .catalog-search input{width:100%;min-width:0;color:var(--ink);font-size:var(--t-sm);background:0 0;border:0;outline:0}:where(body:has(.openox-workbench)) .catalog-sort{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg-base);height:32px;color:var(--ink-muted);flex-shrink:0;align-items:center;gap:5px;padding:0 8px;display:flex}:where(body:has(.openox-workbench)) .catalog-sort select{color:var(--ink-secondary);font-size:var(--t-xs);appearance:none;background:0 0;border:0;outline:0;padding:0}:where(body:has(.openox-workbench)) .catalog-tabs{gap:var(--sp-4);margin:0 var(--sp-4) var(--sp-2);border:0;border-bottom:1px solid var(--line-hairline);background:0 0;border-radius:0;padding:0;display:flex}:where(body:has(.openox-workbench)) .catalog-tabs button{color:var(--ink-muted);font-size:var(--t-xs);background:0 0;border:0;border-radius:0;flex:none;justify-content:center;align-items:center;gap:5px;padding:0 0 9px;transition:none;display:flex;position:relative}:where(body:has(.openox-workbench)) .catalog-tabs button:hover{color:var(--ink)}:where(body:has(.openox-workbench)) .catalog-tabs button[aria-selected=true]{color:var(--ink-strong);box-shadow:none;font-weight:var(--w-medium);background:0 0;border-color:#0000}:where(body:has(.openox-workbench)) .catalog-tabs button[aria-selected=true]:after{content:"";background:var(--accent-fill);border-radius:var(--r-full);height:2px;position:absolute;bottom:-1px;left:0;right:0}:where(body:has(.openox-workbench)) .catalog-tabs small{font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--ink-faint);opacity:1;font-variant-numeric:tabular-nums}:where(body:has(.openox-workbench)) .catalog-results{scrollbar-width:thin;max-height:min(420px,100dvh - 250px);padding:4px;overflow:auto}:where(body:has(.openox-workbench)) .catalog-row{border-radius:var(--r-sm);width:100%;min-height:52px;color:var(--ink);text-align:left;background:0 0;align-items:center;gap:10px;padding:8px;display:flex}:where(body:has(.openox-workbench)) .catalog-row:hover,:where(body:has(.openox-workbench)) .catalog-row.chosen{background:var(--bg-hover)}:where(body:has(.openox-workbench)) .catalog-row:disabled{cursor:not-allowed;opacity:.44}:where(body:has(.openox-workbench)) .catalog-model-name{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}:where(body:has(.openox-workbench)) .catalog-model-name strong{font-family:var(--font-brand);font-size:var(--t-sm);font-weight:var(--w-medium);color:var(--ink);overflow-wrap:anywhere;line-height:1.4}:where(body:has(.openox-workbench)) .catalog-model-name small{font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--ink-faint);overflow-wrap:anywhere;line-height:1.4}:where(body:has(.openox-workbench)) .catalog-kind{color:var(--ink-faint);font-size:var(--t-2xs);flex-shrink:0}:where(body:has(.openox-workbench)) .catalog-row>svg{color:var(--accent);flex-shrink:0}:where(body:has(.openox-workbench)) .catalog-foot{padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--line-hairline);color:var(--ink-faint);font-size:var(--t-2xs)}:where(body:has(.openox-workbench)) .catalog-empty{padding:var(--sp-8) var(--sp-5);color:var(--ink-faint);font-size:var(--t-xs);text-align:center}:where(body:has(.openox-workbench)) .catalog-page .catalog-controls{padding:0 0 var(--sp-3)}:where(body:has(.openox-workbench)) .catalog-page .catalog-tabs{max-width:420px;margin:0 0 var(--sp-3)}:where(body:has(.openox-workbench)) .catalog-page .catalog-results{max-height:none;padding:0}:where(body:has(.openox-workbench)) .catalog-page .catalog-row{padding:var(--sp-3) 6px;border-bottom:1px solid var(--line-hairline);border-radius:0}:where(body:has(.openox-workbench)) .catalog-sync{align-items:center;gap:var(--sp-3);margin:var(--sp-5) 0;color:var(--ink-faint);font-size:var(--t-2xs);flex-wrap:wrap;display:flex}:where(body:has(.openox-workbench)) .catalog-sync button{color:var(--ink-muted);align-items:center;gap:5px;display:flex}:where(body:has(.openox-workbench)) .catalog-sync button:hover{color:var(--accent)}:where(body:has(.openox-workbench)) .model-library{flex-direction:column;display:flex}:where(body:has(.openox-workbench)) .model-library-row{align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3) 6px;border-bottom:1px solid var(--line-hairline);color:var(--ink);text-align:left;background:0 0;border-radius:0;display:flex}:where(body:has(.openox-workbench)) .model-library-row:hover{background:var(--bg-hover)}:where(body:has(.openox-workbench)) .model-library-row strong{color:var(--ink);font-family:var(--font-brand);font-size:var(--t-sm);font-weight:var(--w-medium)}:where(body:has(.openox-workbench)) .model-library-row small{color:var(--ink-faint);font-family:var(--font-mono);font-size:var(--t-2xs)}:where(body:has(.openox-workbench)) .model-library-row>span:nth-child(2){flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}:where(body:has(.openox-workbench)) .model-library-row>.model-type,:where(body:has(.openox-workbench)) .model-library-row>svg{color:var(--ink-faint);font-size:var(--t-2xs);flex-shrink:0}:where(body:has(.openox-workbench)) .model-library-row.chosen>svg{color:var(--accent)}:where(body:has(.openox-workbench)) .workspace-modes{align-items:center;gap:var(--sp-5);height:44px;padding:0 var(--sp-6);border-bottom:1px solid var(--line-hairline);background:var(--bg-base);flex-shrink:0;display:flex}:where(body:has(.openox-workbench)) .workspace-modes button{color:var(--ink-muted);font-size:var(--t-sm);background:0 0;border:0;border-bottom:2px solid #0000;align-self:stretch;align-items:center;gap:7px;padding:0 2px;display:flex}:where(body:has(.openox-workbench)) .workspace-modes button:hover{color:var(--ink)}:where(body:has(.openox-workbench)) .workspace-modes button.active{border-color:var(--ink-strong);color:var(--ink-strong);font-weight:var(--w-medium)}:where(body:has(.openox-workbench)) .workspace-modes>span{color:var(--ink-faint);font-size:var(--t-2xs);margin-left:auto}:where(body:has(.openox-workbench)) .nav-divider{height:1px;margin:var(--sp-2) 10px;background:var(--line-hairline)}:where(body:has(.openox-workbench)) .model-mark,:where(body:has(.openox-workbench)) .model-mark.small{border:0;flex-shrink:0;place-items:center;display:grid;background:0 0!important}:where(body:has(.openox-workbench)) .model-logo{object-fit:contain;border-radius:2px;display:block}:where(body:has(.openox-workbench)) .model-rail button:disabled{cursor:not-allowed;opacity:.4}@media (min-width:1680px){:where(body:has(.openox-workbench)) .example-grid,:where(body:has(.openox-workbench)) .works-grid{grid-template-columns:repeat(3,minmax(0,1fr))}:where(body:has(.openox-workbench)) .studio-page{--studio-default-width:352px}:where(body:has(.openox-workbench)) .gallery-content{padding:var(--sp-8) var(--sp-10)}}@media (max-width:1180px){:where(body:has(.openox-workbench)) .studio-page{--studio-default-width:300px}:where(body:has(.openox-workbench)) .studio-controls{padding:var(--sp-5) var(--sp-5) var(--sp-4)}:where(body:has(.openox-workbench)) .gallery-content{padding:var(--sp-5) var(--sp-6)}:where(body:has(.openox-workbench)) .gallery-topbar{padding:0 var(--sp-6)}:where(body:has(.openox-workbench)) .studio-local{display:none}:where(body:has(.openox-workbench)) .example-grid,:where(body:has(.openox-workbench)) .works-grid{gap:var(--sp-5) var(--sp-4)}}@media (max-width:1000px) and (min-width:761px){:where(body:has(.openox-workbench)) .example-grid,:where(body:has(.openox-workbench)) .works-grid{grid-template-columns:minmax(0,1fr)}:where(body:has(.openox-workbench)) .example-image{aspect-ratio:1.4}}@media (max-width:760px){:where(body:has(.openox-workbench)) .studio-divider{display:none}:where(body:has(.openox-workbench)) .studio-page{flex-direction:column;height:100%;min-height:0;display:flex}:where(body:has(.openox-workbench)) .studio-mobile-tabs{gap:var(--sp-5);height:42px;padding:0 var(--sp-4);border-bottom:1px solid var(--line-hairline);background:var(--bg-base);flex-shrink:0;display:flex}:where(body:has(.openox-workbench)) .studio-mobile-tabs button{color:var(--ink-muted);font-size:var(--t-sm);border-bottom:2px solid #0000;align-items:center;gap:6px;padding:0;display:flex}:where(body:has(.openox-workbench)) .studio-mobile-tabs button[aria-pressed=true]{color:var(--ink-strong);border-color:var(--ink-strong)}:where(body:has(.openox-workbench)) .studio-mobile-tabs span{font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--ink-faint)}:where(body:has(.openox-workbench)) .studio-controls{padding:var(--sp-5) var(--sp-4) var(--sp-4);border-right:0;flex:1}:where(body:has(.openox-workbench)) .studio-page[data-mobile-pane=compose] .studio-gallery,:where(body:has(.openox-workbench)) .studio-page[data-mobile-pane=gallery] .studio-controls{display:none}:where(body:has(.openox-workbench)) .studio-panel-heading,:where(body:has(.openox-workbench)) .studio-model{margin-bottom:var(--sp-4)}:where(body:has(.openox-workbench)) .studio-controls textarea{min-height:108px;font-size:var(--t-md)}:where(body:has(.openox-workbench)) .studio-prompt{margin-bottom:var(--sp-4)}:where(body:has(.openox-workbench)) .studio-gallery{flex:1}:where(body:has(.openox-workbench)) .gallery-content{padding:var(--sp-4)}:where(body:has(.openox-workbench)) .gallery-topbar{height:48px;padding:0 var(--sp-4)}:where(body:has(.openox-workbench)) .studio-local{display:flex}:where(body:has(.openox-workbench)) .gallery-intro{margin-bottom:var(--sp-3)}:where(body:has(.openox-workbench)) .gallery-footer{padding:var(--sp-3) var(--sp-4)}:where(body:has(.openox-workbench)) .ratio-options{grid-template-columns:repeat(6,minmax(0,1fr))}:where(body:has(.openox-workbench)) .ratio-options button{flex-direction:column;gap:4px;height:50px}:where(body:has(.openox-workbench)) .reference-section{margin-bottom:var(--sp-4)}:where(body:has(.openox-workbench)) .studio-gallery-error{margin:0 0 var(--sp-3);display:block}:where(body:has(.openox-workbench)) .studio-mobile-tabs button,:where(body:has(.openox-workbench)) .gallery-filters button,:where(body:has(.openox-workbench)) .work-actions>button{min-height:34px}:where(body:has(.openox-workbench)) .model-library-row{padding:var(--sp-3) 0}}@media (max-width:520px){:where(body:has(.openox-workbench)) .workspace-modes{height:44px;padding:0 var(--sp-4);gap:var(--sp-4)}:where(body:has(.openox-workbench)) .workspace-modes>span{display:none}:where(body:has(.openox-workbench)) .studio-controls{padding:var(--sp-4)}:where(body:has(.openox-workbench)) .studio-panel-heading h1{font-size:var(--t-lg)}:where(body:has(.openox-workbench)) .studio-panel-heading{margin-bottom:var(--sp-4)}:where(body:has(.openox-workbench)) .gallery-content{padding:var(--sp-4)}:where(body:has(.openox-workbench)) .gallery-topbar{padding:0 var(--sp-4)}:where(body:has(.openox-workbench)) .studio-local{display:none}:where(body:has(.openox-workbench)) .gallery-tabs{gap:var(--sp-4)}:where(body:has(.openox-workbench)) .example-grid,:where(body:has(.openox-workbench)) .works-grid{gap:var(--sp-5);grid-template-columns:minmax(0,1fr)}:where(body:has(.openox-workbench)) .example-image{aspect-ratio:1.25}:where(body:has(.openox-workbench)) .example-card.video .example-image{aspect-ratio:16/10}:where(body:has(.openox-workbench)) .example-caption button{width:30px;height:30px}:where(body:has(.openox-workbench)) .gallery-intro{align-items:flex-start;gap:var(--sp-2);flex-direction:column}:where(body:has(.openox-workbench)) .ratio-options{grid-template-columns:repeat(3,minmax(0,1fr))}:where(body:has(.openox-workbench)) .ratio-options button{flex-direction:row;height:36px}:where(body:has(.openox-workbench)) .work-preview{aspect-ratio:1.2}:where(body:has(.openox-workbench)) .catalog-model-name small span{display:none}:where(body:has(.openox-workbench)) .catalog-row{gap:8px}:where(body:has(.openox-workbench)) .catalog-tabs button{gap:4px}:where(body:has(.openox-workbench)) .catalog-sort{padding:0 6px}:where(body:has(.openox-workbench)) .studio-task-strip{gap:5px}:where(body:has(.openox-workbench)) .workspace-modes button{font-size:var(--t-xs);white-space:nowrap;flex-shrink:0;gap:5px}:where(body:has(.openox-workbench)) .catalog-tabs{gap:var(--sp-4);scrollbar-width:none;overflow-x:auto}}@media (prefers-reduced-motion:reduce){:where(body:has(.openox-workbench)) .example-image>img{transition:none}:where(body:has(.openox-workbench)) .example-image:hover>img{transform:none}:where(body:has(.openox-workbench)) .preview-expand{transition:none}}:is(:root:has(.openox-workbench).dark .workspace-avatar,:root:has(.openox-workbench).dark .model-mark){background:#ecefee0f}:root:has(.openox-workbench).dark .model-logo[data-brand=openai]{filter:invert()}:is(:root:has(.openox-workbench).dark .studio-model .model-mark,:root:has(.openox-workbench).dark .command-model-row .model-mark,:root:has(.openox-workbench).dark .settings-model .model-mark){background:#ecefee0d;border-color:#ecefee1f}:is(:root:has(.openox-workbench).dark .example-image,:root:has(.openox-workbench).dark .work-preview){background:#080a0a;border-color:#ecefee17}:is(:root:has(.openox-workbench).dark .work-preview>img,:root:has(.openox-workbench).dark .work-preview>video){background:#080a0a}:root:has(.openox-workbench).dark .reference-add{border-color:#ecefee2e}:root:has(.openox-workbench).dark .empty-state>span{border-color:#ecefee24}:root:has(.openox-workbench).dark .workspace-navigation>button.selected{background:var(--accent-soft)}:root:has(.openox-workbench).dark ::-webkit-scrollbar-thumb{background:#ecefee33 padding-box content-box;border:3px solid #0000}:root:has(.openox-workbench).dark ::-webkit-scrollbar-thumb:hover{background:#ecefee57 padding-box content-box;border:3px solid #0000}.openox-workbench .reference-drop{border:1px dashed var(--border-color,#ccc);border-radius:6px;padding:8px}.openox-workbench .reference-drop[data-dragging=true]{background:#eaf7f2;border-color:#16806a}.openox-workbench .reference-upload-actions{align-items:center;gap:6px;display:flex}.openox-workbench .reference-upload-actions .reference-add{flex:1;min-width:0}.openox-workbench .reference-input{margin-top:8px}.openox-workbench .reference-thumb span{overflow-wrap:anywhere;flex:1;min-width:0}.openox-workbench .reference-thumb .studio-tool{flex-shrink:0}.openox-workbench .reference-unavailable{color:var(--text-secondary,#666);font-size:12px;line-height:1.5}.openox-workbench .reference-unavailable button,.openox-workbench .reference-cancel{text-underline-offset:3px;margin-top:6px;font-size:12px;text-decoration:underline;display:block}:root:has(.openox-workbench).dark .canvas-studio .excalidraw{--default-bg-color:var(--bg-base)}