.op-rp-body-chat,.op-chat,.op-plugins{min-width:0}.op-mode-btn{gap:4px;max-width:84px}.op-mode-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-variant-seg{width:100%}.op-variant-seg>button{flex:1;position:relative}.op-variant-dot{position:absolute;top:3px;right:4px;width:4px;height:4px;border-radius:50%;background:var(--opp-accent)}.op-variant-count{margin-left:6px;font-weight:400;color:var(--opp-text-3)}.op-variant-empty{padding:2px 0;font-size:11px}.op-variant-preview{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.op-variant-preview>.op-dim{flex:1}.op-variant-widths{order:3;flex:1 1 100%;display:grid;grid-template-columns:1.5fr repeat(5,minmax(0,1fr));gap:3px}.op-variant-widths .op-chip{height:24px;padding:0;font-size:11px;font-variant-numeric:tabular-nums}.op-chip[data-active]{background:#1c1c1c;color:#fff}.op-variant-bp{display:flex;flex-direction:column;gap:4px;padding-top:4px}.op-variant-bp-head{display:flex;align-items:center;justify-content:space-between;height:20px;font-weight:500}.op-variant-bp-actions{display:flex}.op-variant-custom{height:24px}.op-rpv{position:fixed;inset:0;z-index:300;display:flex;flex-direction:column;background:var(--canvas-bg);color:var(--panel-text);font-size:12px}.op-rpv-head{display:flex;align-items:center;gap:12px;height:44px;padding:0 12px 0 16px;background:var(--panel-bg);border-bottom:1px solid var(--panel-border);flex-shrink:0}.op-rpv-title{display:flex;align-items:center;gap:6px;font-weight:600;white-space:nowrap}.op-rpv-widths{display:flex;align-items:center;gap:4px;flex:1;min-width:0;overflow-x:auto}.op-rpv-chip{display:inline-flex;align-items:center;gap:2px;background:#fff;box-shadow:inset 0 0 0 1px var(--panel-border)}.op-rpv-chip button{display:grid;place-items:center;width:14px;height:14px;border-radius:3px;color:var(--panel-text-3)}.op-rpv-chip button:hover{color:var(--panel-text);background:var(--panel-bg-2)}.op-rpv-add{display:flex;align-items:center}.op-rpv-add input{width:64px;height:22px;border:0;outline:0;border-radius:5px;padding:0 6px;background:var(--input-bg);font:inherit}.op-rpv-mode{width:110px}.op-rpv-scale{font-variant-numeric:tabular-nums}.op-rpv-body{flex:1;min-height:0;overflow:auto}.op-rpv-row{display:flex;align-items:flex-start;width:max-content;min-width:100%;justify-content:center}.op-rpv-frame{margin:0;flex-shrink:0}.op-rpv-frame figcaption{color:var(--panel-text-2);margin-bottom:6px;font-variant-numeric:tabular-nums}.op-rpv-clip{overflow:hidden;border-radius:6px;background:#fff;box-shadow:0 0 0 1px #00000014,0 4px 16px #00000014}.op-rpv-clip iframe{border:0;display:block;transform-origin:0 0;background:#fff}.op-rpv-empty{display:grid;place-items:center;flex:1;color:var(--panel-text-2)}.op-share-lan,.op-share-agent{margin:0 0 8px}.op-share-lan .op-dim,.op-share-agent .op-dim{margin:2px 0 0 22px;font-size:11px}.op-share-agent{margin:6px 0 0}.op-share-lan .op-pbtn.op-share-activate{display:inline-flex;width:auto;margin:6px 0 0 22px;padding:0 12px}.op-share-link-opt{margin:4px 0 0;font-size:11px}.op-share-linkwrap .op-share-qr{margin:6px 0 0}.op-share-link .op-ib[data-on]{background:var(--opp-field)}.op-share-create{display:flex;gap:6px;align-items:center}.op-share-role{height:24px;border:0;border-radius:5px;padding:0 4px;background:var(--opp-field);font:inherit;color:inherit}.op-share-create .op-pbtn{flex:1}.op-share-link{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:4px 2px;margin-top:10px}.op-share-link-role{grid-column:1 / -1;font-size:11px;color:var(--opp-text-2)}.op-share-link .op-field-input{min-width:0;height:26px;border:0;border-radius:5px;background:var(--opp-field);padding:0 6px;font-size:11px}.op-share-entry{display:grid;place-items:center;height:100%;text-align:center;line-height:1.5}.op-share-join{display:grid;gap:10px;width:320px}.op-share-join .op-field-input{height:32px;border:0;border-radius:6px;background:var(--opp-field);padding:0 10px;font:inherit;color:inherit}.op-join-nibs{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;justify-items:center}.op-join-nib{display:grid;place-items:center;width:44px;height:48px;border-radius:12px;transition:transform .15s}.op-join-nib:hover{transform:translateY(-2px)}.op-join-nib[data-on]{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.op-join-nib[data-taken]{opacity:.45}.op-join-nib[data-on][data-taken]{opacity:1}.op-join-touches{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.op-join-touches button{height:26px;padding:0 10px;border-radius:13px;font-size:12px;box-shadow:inset 0 0 0 1px var(--panel-border)}.op-join-touches button[data-on]{background:var(--chip-ink-bg);color:var(--chip-ink-text);box-shadow:none}.op-owner-hello{display:flex;align-items:flex-end;gap:8px;margin-bottom:8px;text-align:left}.op-owner-hello .op-nib{flex-shrink:0;animation:op-owner-wave 1.6s ease-in-out .3s 2}.op-owner-hello-bubble{position:relative;margin-bottom:18px;padding:9px 13px;border-radius:16px 16px 16px 4px;background:var(--island-bg, #fff);box-shadow:0 0 0 1px #0e0e1212,0 8px 22px #0e0e121a;font-size:13px;line-height:1.45}@keyframes op-owner-wave{25%{transform:rotate(-10deg)}50%{transform:rotate(6deg)}75%{transform:rotate(-4deg)}}.op-share-join .op-pbtn{height:32px}.op-share-entry-title{font-weight:600;font-size:14px;margin-bottom:6px}.op-share-banner[data-role=editor]{background:#14532d}.op-open-in-app{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:4px;text-decoration:none}.op-member-row{gap:4px;padding:4px 0;border-top:1px solid var(--opp-border, rgba(0, 0, 0, .06))}.op-share-recorded{margin-left:4px;padding-left:10px;border-left:1px solid rgba(255,255,255,.25);color:#ffffffb3;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-taste{position:relative;display:flex;flex-direction:column;min-height:0;flex:1;animation:op-taste-in .36s cubic-bezier(.2,.8,.2,1) both;transform-origin:0 0}@keyframes op-taste-in{0%{opacity:0;transform:translate(-18px) scale(.985)}}.op-taste-head{align-items:flex-end}.op-taste-title{flex:1;min-width:0}.op-taste-title p{margin:4px 0 0;color:var(--panel-text-2);font-size:13px}.op-taste-busy{color:var(--panel-text-3);font-size:12px}.op-taste-filters{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 10px;flex-shrink:0}.op-taste-filters button{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:14px;color:var(--panel-text-2);font-size:12px;box-shadow:inset 0 0 0 1px var(--panel-border)}.op-taste-filters button span{color:var(--panel-text-3);font-variant-numeric:tabular-nums}.op-taste-filters button:hover{background:var(--row-hover)}.op-taste-filters button[data-active]{background:var(--chip-ink-bg);color:var(--chip-ink-text);box-shadow:none}.op-taste-filters button[data-active] span{color:var(--chip-ink-text);opacity:.7}.op-taste-compose{display:flex;align-items:center;gap:8px;margin:0 16px 12px;padding:6px 6px 6px 12px;border-radius:12px;background:var(--island-bg);box-shadow:var(--island-shadow);color:var(--panel-text-2);flex-shrink:0}.op-taste-compose input,.op-taste-compose textarea{all:unset;flex:1;min-width:0;color:var(--panel-text);font-size:13px;line-height:1.45;user-select:text}.op-taste-compose textarea{white-space:pre-wrap}.op-taste-scroll{flex:1;min-height:0}.op-taste-wall{column-width:230px;column-gap:14px;padding:2px 16px 32px}.op-taste-card{position:relative;break-inside:avoid;margin:0 0 14px;border-radius:16px;overflow:hidden;background:var(--panel-bg);box-shadow:0 0 0 1px var(--panel-border);cursor:zoom-in;animation:op-taste-card-in .42s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i, 0) * 22ms + 60ms);transition:transform .16s ease,box-shadow .16s ease}@keyframes op-taste-card-in{0%{opacity:0;transform:translate(-28px,14px) scale(.94)}}.op-taste-card:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--panel-border),0 10px 28px #0000001f}.op-taste-media{position:relative;background:var(--panel-bg-2, rgba(0, 0, 0, .04))}.op-taste-media img,.op-taste-media video{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.op-taste-play{position:absolute;left:10px;bottom:10px;display:grid;place-items:center;width:26px;height:26px;border-radius:13px;background:#0000008c;color:#fff}.op-taste-card blockquote{margin:0;padding:22px 20px 24px;font-size:17px;line-height:1.35;letter-spacing:-.01em;color:var(--panel-text);white-space:pre-wrap;overflow-wrap:anywhere}.op-taste-card[data-kind=text]{background:var(--island-bg)}.op-taste-card figcaption{display:flex;flex-direction:column;gap:2px;padding:10px 12px 12px;font-size:12px}.op-taste-card figcaption b{font-weight:600;color:var(--panel-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-taste-card figcaption span{color:var(--panel-text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-taste-card figcaption em{margin-top:4px;font-style:normal;color:var(--panel-text-2);line-height:1.4}.op-taste-del{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:28px;height:28px;border-radius:14px;background:#ffffffeb;color:#1a1a1a;box-shadow:0 1px 4px #0000002e;opacity:0;transition:opacity .12s ease}.op-taste-card:hover .op-taste-del,.op-taste-del:focus-visible{opacity:1}.op-taste-del:hover{color:var(--danger)}.op-taste-shimmer{display:flex;align-items:center;justify-content:center;gap:8px;min-height:150px;padding:16px;color:var(--panel-text-3);font-size:12px;background:linear-gradient(100deg,transparent 30%,rgba(127,127,127,.1) 50%,transparent 70%) 0 0 / 200% 100%,var(--panel-bg-2, rgba(0, 0, 0, .04));animation:op-taste-shimmer 1.4s linear infinite}@keyframes op-taste-shimmer{to{background-position:-200% 0,0 0}}.op-taste-empty{max-width:460px;margin:40px auto;padding:0 16px;text-align:center}.op-taste-empty h2{margin:18px 0 6px;font-size:18px;letter-spacing:-.02em}.op-taste-empty p{margin:0 0 18px;color:var(--panel-text-2);line-height:1.5}.op-taste-empty-tiles{display:flex;justify-content:center;align-items:flex-end;gap:8px;height:120px}.op-taste-empty-tiles i{width:58px;border-radius:12px;background:var(--panel-bg-2, rgba(0, 0, 0, .05));box-shadow:inset 0 0 0 1px var(--panel-border);animation:op-taste-card-in .5s cubic-bezier(.2,.8,.2,1) both}.op-taste-empty-tiles i:nth-child(1){height:70px}.op-taste-empty-tiles i:nth-child(2){height:108px;animation-delay:60ms}.op-taste-empty-tiles i:nth-child(3){height:86px;animation-delay:.12s}.op-taste-empty-tiles i:nth-child(4){height:116px;animation-delay:.18s}.op-taste-empty-tiles i:nth-child(5){height:64px;animation-delay:.24s}.op-taste-drop{position:absolute;inset:8px;z-index:5;display:grid;place-items:center;border-radius:18px;background:color-mix(in srgb,var(--accent) 8%,transparent);box-shadow:inset 0 0 0 2px var(--accent);pointer-events:none}.op-taste-drop>div{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 24px;border-radius:14px;background:var(--island-bg);box-shadow:var(--island-shadow);color:var(--panel-text)}.op-taste-drop span{color:var(--panel-text-3);font-size:12px}.op-taste-lightbox{position:fixed;inset:0;z-index:400;display:grid;place-items:center;padding:32px;background:#0a0a0c8c;animation:op-taste-fade .16s ease both}@keyframes op-taste-fade{0%{opacity:0}}.op-taste-lb-body{display:flex;max-width:min(1200px,100%);max-height:100%;border-radius:18px;overflow:hidden;background:var(--panel-bg);box-shadow:0 24px 80px #00000059;animation:op-taste-card-in .26s cubic-bezier(.2,.8,.2,1) both}.op-taste-lb-media{min-width:0;max-width:820px;overflow:auto;background:var(--panel-bg-2, rgba(0, 0, 0, .04))}.op-taste-lb-media img,.op-taste-lb-media video{display:block;max-width:100%;height:auto}.op-taste-lb-media blockquote{margin:0;padding:40px;max-width:560px;font-size:24px;line-height:1.35;white-space:pre-wrap}.op-taste-lb-body aside{display:flex;flex-direction:column;gap:10px;width:300px;flex-shrink:0;padding:18px}.op-taste-lb-body h3{margin:0;font-size:15px;overflow-wrap:anywhere}.op-taste-lb-body a{display:inline-flex;align-items:center;gap:4px;color:var(--panel-text-2);font-size:12px}.op-taste-lb-body label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--panel-text-2)}.op-taste-lb-body textarea{box-sizing:border-box;width:100%;padding:8px 10px;border:0;border-radius:8px;background:var(--input-bg);color:var(--panel-text);font:inherit;font-size:13px;line-height:1.45;resize:vertical;outline:none}.op-taste-lb-dim{margin:0;color:var(--panel-text-3);font-size:11px}@media(prefers-reduced-motion:reduce){.op-taste,.op-taste-card,.op-taste-lb-body{animation:none}}.op-menu{max-height:calc(100vh - 16px);overflow-y:auto;scrollbar-width:none}.op-menu-label{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis}.op-menu-check{display:inline-grid;place-items:center;width:12px;margin-left:-2px}.op-menu-icon{opacity:.7;flex-shrink:0}.op-menu-chevron{opacity:.6;margin-right:-2px}.op-menu-item[data-danger=true]:hover,.op-menu-item[data-danger=true][data-active=true]{background:var(--danger)}.op-menu-item .op-kbd{letter-spacing:.04em}.op-ov-backdrop{background:var(--op-scrim);animation:op-ov-fade .12s ease-out}.op-ov-dialog{animation:op-ov-pop .14s cubic-bezier(.2,.9,.3,1.2);color:var(--panel-text)}@keyframes op-ov-fade{0%{opacity:0}}@keyframes op-ov-pop{0%{opacity:0;transform:translateY(6px) scale(.98)}}.op-ov-head{padding:10px 10px 10px 16px}.op-ov-title{display:inline-flex;align-items:center;gap:8px}.op-ov-head-extra{display:inline-flex;align-items:center;gap:4px}.op-ov-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--panel-border);background:#fafafa}.op-ov-footer>.op-ov-muted,.op-ov-footer>.op-ov-agent-status{margin-right:auto}.op-btn:disabled{opacity:.45;pointer-events:none}.op-ov-muted{color:var(--panel-text-2)}.op-ov-lead{color:var(--panel-text-2);line-height:1.55;margin:0 0 14px}.op-ov-hint{color:var(--panel-text-3);margin:8px 0 0;line-height:1.5}.op-ov-error{color:var(--danger);background:#f2482214;border-radius:var(--radius);padding:8px 10px;line-height:1.45;margin-bottom:10px}.op-ov-empty{color:var(--panel-text-3);text-align:center;padding:28px 12px}.op-ov-field{height:32px}.op-ov-field input{font-size:13px}.op-ov-select,.op-ov-text{height:28px;border-radius:var(--radius);border:1px solid transparent;background:var(--input-bg);padding:0 8px;font-size:12px;min-width:0;outline:none}.op-ov-select:focus,.op-ov-text:focus{border-color:var(--input-border-focus);background:#fff}.op-ov-text{user-select:text}.op-ov-check{display:flex;align-items:center;gap:8px;margin-top:14px;color:var(--panel-text)}.op-ov-check.small{margin:0;color:var(--panel-text-2)}.op-ov-pill{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;background:var(--input-bg);color:var(--panel-text-2);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-ov-code{position:relative;margin-top:8px;border-radius:8px;background:#f4f4f4;box-shadow:inset 0 0 0 1px var(--panel-border)}.op-ov-code-label{font-size:11px;color:var(--panel-text-3);padding:7px 10px 0;font-family:var(--ui-mono)}.op-ov-code pre{margin:0;padding:9px 64px 9px 10px;font-family:var(--ui-mono);font-size:11.5px;line-height:1.55;white-space:pre-wrap;word-break:break-all;user-select:text;color:#222}.op-ov-code-copy{position:absolute;top:6px;right:6px;height:24px;padding:0 8px;font-size:11px}.op-ov-shortcuts{padding:12px 16px 16px;height:min(640px,calc(100vh - 140px));display:flex;flex-direction:column}.op-ov-search{height:32px;margin-bottom:12px;flex-shrink:0}.op-ov-shortcut-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0 28px;overflow:auto;scrollbar-width:thin;align-items:start;padding-right:4px}.op-ov-shortcut-group{break-inside:avoid;margin-bottom:18px}.op-ov-shortcut-group h4{margin:0 0 6px;font-size:11px;font-weight:600;color:var(--panel-text-3);text-transform:uppercase;letter-spacing:.06em}.op-ov-shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:12px;height:26px;border-bottom:1px solid #f0f0f0}.op-ov-chips{display:inline-flex;gap:3px;flex-shrink:0}.op-ov-chips kbd{font:500 11px var(--ui-font);min-width:20px;height:20px;padding:0 5px;display:inline-grid;place-items:center;border-radius:4px;background:#f2f2f2;box-shadow:inset 0 -1px #dcdcdc,inset 0 0 0 1px #e4e4e4;color:#444}.op-ov-backdrop:has(.op-ov-palette){place-items:start center;padding-top:12vh;background:var(--op-scrim-soft)}.op-ov-palette{overflow:hidden}.op-ov-palette-body{display:flex;flex-direction:column;min-height:0}.op-ov-palette-input{display:flex;align-items:center;gap:10px;padding:0 14px;height:48px;border-bottom:1px solid var(--panel-border)}.op-ov-palette-input input{all:unset;flex:1;font-size:14px;user-select:text;cursor:text}.op-ov-palette-list{max-height:min(420px,60vh);padding:6px}.op-ov-palette-section{padding:8px 8px 4px;font-size:11px;font-weight:600;color:var(--panel-text-3)}.op-ov-palette-item{display:flex;align-items:center;gap:10px;height:32px;padding:0 8px;border-radius:6px}.op-ov-palette-item[data-active=true]{background:var(--accent-soft)}.op-ov-palette-item[aria-disabled=true]{opacity:.45}.op-ov-palette-icon{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:5px;background:var(--input-bg);color:var(--panel-text-2);flex-shrink:0}.op-ov-palette-item[data-active=true] .op-ov-palette-icon{background:var(--accent);color:#fff}.op-ov-palette-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.op-ov-palette-hint{color:var(--panel-text-3);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-ov-export-preview{height:200px;border-radius:8px;background-color:#f1f1f1;background-image:conic-gradient(#e9e9e9 25%,#f6f6f6 0 50%,#e9e9e9 0 75%,#f6f6f6 0);background-size:16px 16px;display:grid;place-items:center;overflow:hidden;margin-bottom:14px}.op-ov-export-preview img{max-width:calc(100% - 24px);max-height:176px;object-fit:contain;box-shadow:0 1px 4px #0000001f;opacity:0;transition:opacity .16s}.op-ov-export-preview img[data-loaded=true]{opacity:1}.op-ov-export-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--panel-text-3)}.op-ov-export-nodes{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.op-ov-export-rows{display:flex;flex-direction:column;gap:6px}.op-ov-export-row{display:grid;grid-template-columns:90px 1fr 90px 28px;gap:6px;align-items:center}.op-ov-add{align-self:flex-start;margin-top:4px}.op-ov-connect{display:grid;grid-template-columns:170px 1fr;padding:0;min-height:380px}.op-ov-connect-nav{border-right:1px solid var(--panel-border);padding:10px 8px;background:#fafafa;display:flex;flex-direction:column;gap:1px}.op-ov-connect-nav button{display:flex;align-items:center;gap:8px;height:30px;padding:0 10px;border-radius:6px;text-align:left;color:var(--panel-text-2);font-weight:500}.op-ov-connect-nav button:hover{background:var(--row-hover)}.op-ov-connect-nav button[data-active=true]{background:#fff;color:var(--panel-text);box-shadow:0 0 0 .5px #0000001a,0 1px 2px #0000000f}.op-ov-connect-dot{width:6px;height:6px;border-radius:50%;background:#cfcfcf;margin:0 3px}button[data-active=true] .op-ov-connect-dot{background:var(--agent)}.op-ov-connect-main{padding:18px 20px 20px;overflow:auto;min-width:0}.op-ov-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.op-ov-steps li{display:grid;grid-template-columns:22px 1fr;gap:10px;line-height:1.5}.op-ov-steps li>div{min-width:0}.op-ov-step-num{width:20px;height:20px;border-radius:50%;background:#111;color:#fff;font-size:11px;font-weight:600;display:grid;place-items:center}.op-ov-agent-status{display:inline-flex;align-items:center;gap:8px;color:var(--panel-text-2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-ov-agent-status i{width:8px;height:8px;border-radius:50%;background:#c4c4c4;flex-shrink:0}.op-ov-agent-status[data-ok=true] i{background:var(--success);box-shadow:0 0 0 3px #14ae5c2e}.op-ov-agent-status[data-ok=false] i{animation:op-ov-pulse 1.6s ease-in-out infinite}@keyframes op-ov-pulse{50%{opacity:.3}}.op-ov-preview{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:start}.op-ov-qr{width:180px;height:180px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px var(--panel-border);padding:8px;display:grid;place-items:center}.op-ov-qr svg{width:100%;height:100%}.op-ov-preview-side{display:flex;flex-direction:column;gap:10px;min-width:0}.op-ov-url{display:grid;grid-template-columns:1fr 28px;align-items:center;gap:4px}.op-ov-url-label{grid-column:1 / -1;font-size:11px;color:var(--panel-text-3)}.op-ov-url input{height:28px;border-radius:var(--radius);border:0;background:var(--input-bg);padding:0 8px;font-family:var(--ui-mono);font-size:11px;min-width:0;outline:none;user-select:text}.op-ov-settings h4{margin:14px 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--panel-text-3)}.op-ov-settings h4:first-child{margin-top:0}.op-ov-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px;border-bottom:1px solid #f2f2f2}.op-ov-toggle small{display:block;color:var(--panel-text-3);font-size:11px}.op-ov-switch{appearance:none;width:28px;height:16px;border-radius:999px;background:#d4d4d4;position:relative;margin:0;transition:background .12s;flex-shrink:0}.op-ov-switch:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .12s}.op-ov-switch:checked{background:var(--accent)}.op-ov-switch:checked:after{transform:translate(12px)}.op-ov-color{width:32px;height:32px;border:0;padding:0;border-radius:50%;overflow:hidden;background:none}.op-ov-color::-webkit-color-swatch-wrapper{padding:0}.op-ov-color::-webkit-color-swatch{border:0;border-radius:50%}.op-toasts{position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:2000;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.op-toast2{position:relative;pointer-events:auto;display:flex;align-items:center;gap:10px;min-height:40px;max-width:min(520px,calc(100vw - 32px));padding:8px 8px 8px 14px;border-radius:10px;background:#fff;color:var(--panel-text);box-shadow:var(--shadow-pop);font-size:12px;animation:op-toast-in .18s cubic-bezier(.2,.9,.3,1.1)}@keyframes op-toast-in{0%{opacity:0;transform:translateY(8px)}}.op-toast2[data-kind=error]{box-shadow:var(--shadow-pop),inset 3px 0 0 var(--danger)}.op-toast2-icon{flex-shrink:0}.op-toast2-icon.agent{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#fff}.op-toast2-text{flex:1;min-width:0;line-height:1.4}.op-toast2-detail{color:var(--panel-text-2);font-size:11px}.op-toast2-action{height:26px;padding:0 10px;border-radius:6px;background:#111;color:#fff;font-weight:500;flex-shrink:0}.op-toast2-action:hover{background:#333}.op-toast2-close{width:22px;height:22px;display:grid;place-items:center;border-radius:5px;color:var(--panel-text-3);flex-shrink:0}.op-toast2-close:hover{background:var(--row-hover);color:var(--panel-text)}.op-spin{animation:op-spin .8s linear infinite}@keyframes op-spin{to{transform:rotate(360deg)}}.op-ov-setup{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 14px}.op-ov-setup-msg{font-size:12px;color:var(--danger)}.op-ov-setup-msg[data-ok=true]{color:var(--success)}.op-join-form{display:grid;gap:10px}.op-join-form .op-dim{margin:0}.op-join-actions{display:flex;justify-content:flex-end}.op-toast2-nib{position:absolute;left:-16px;top:-27px;pointer-events:none;animation:op-toast-peek .55s cubic-bezier(.34,1.56,.64,1) .08s both}.op-toast2-nib .op-nib{display:block;filter:drop-shadow(0 2px 3px rgba(14,14,18,.2))}@keyframes op-toast-peek{0%{opacity:0;transform:translate(10px,14px) rotate(20deg) scale(.6)}}@media(prefers-reduced-motion:reduce){.op-toast2-nib{animation:none}}.op-ov-settings .op-ov-note{margin:0 0 6px;font-size:11.5px;line-height:1.45;color:var(--panel-text-2)}.op-ov-agents{display:flex;flex-direction:column;gap:8px;margin:4px 0 8px}.op-ov-agent{padding:8px 10px 4px;border:1px solid var(--panel-border, #e4e0d6);border-radius:10px}.op-ov-agent[data-off]{opacity:.7}.op-ov-agent-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-bottom:4px}.op-ov-agent-head b{font-weight:600}.op-ov-agent-head small{color:var(--panel-text-3);font-size:11px}.op-ov-agent-row{display:grid;grid-template-columns:minmax(0,1fr) 138px 96px;align-items:center;gap:6px;min-height:40px;border-top:1px solid var(--panel-border, #f2f2f2)}.op-ov-agent-job{min-width:0}.op-ov-agent-job small{display:block;color:var(--panel-text-3);font-size:11px;line-height:1.3}.op-ov-agent-model,.op-ov-agent-effort{min-width:0}.op-ov-models{display:flex;flex-direction:column;gap:6px;margin:4px 0 8px}.op-ov-model{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--panel-border, #e4e0d6);border-radius:10px}.op-ov-model[data-active]{border-color:#8b72f0;box-shadow:0 0 0 1px #8b72f0 inset}.op-ov-model-pick{flex:1;min-width:0;display:flex;align-items:flex-start;gap:10px;padding:0;border:0;background:transparent;font:inherit;color:inherit;text-align:left;cursor:pointer}.op-ov-model-dot{flex:none;width:14px;height:14px;margin-top:2px;border:1.5px solid #b9b4c6;border-radius:50%}.op-ov-model[data-active] .op-ov-model-dot{border:4px solid #6a4ee0}.op-ov-model-text{display:flex;flex-direction:column;gap:2px}.op-ov-model-text b{font-weight:600}.op-ov-model-text small{opacity:.7;line-height:1.35}.op-ov-model-side{flex:none;display:flex;align-items:center;gap:8px;font-size:11.5px}.op-ov-model-ok{color:#12804a}.op-ov-model-link{padding:0;border:0;background:transparent;font:inherit;color:inherit;opacity:.6;text-decoration:underline;cursor:pointer}.op-ov-model-bar{display:block;width:90px;height:6px;border-radius:3px;background:#7f788c33;overflow:hidden}.op-ov-model-bar i{display:block;height:100%;background:#6a4ee0;transition:width .2s}.op-ov-settings.op-ov-settings-tabs{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;min-height:420px}.op-ov-settings-nav{display:flex;flex-direction:column;gap:2px;padding-right:12px;border-right:1px solid var(--panel-border)}.op-ov-settings-nav button{height:30px;padding:0 10px;border-radius:8px;font-size:13px;text-align:left;color:var(--panel-text-2)}.op-ov-settings-nav button:hover{background:var(--island-hover, rgba(127, 120, 140, .08));color:var(--panel-text)}.op-ov-settings-nav button[data-active]{background:var(--island-hover, rgba(127, 120, 140, .12));color:var(--panel-text);font-weight:600}.op-ov-settings-page{min-width:0}.op-ov-settings-page>h4:first-child{margin-top:2px}.op-ov-connected{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.op-ov-connected-row{display:flex;align-items:center;gap:8px;width:100%;min-height:30px;border-bottom:1px solid var(--panel-border);font-size:13px}.op-ov-connected-row i{width:8px;height:8px;border-radius:4px}.op-ov-connected-row small{margin-left:auto;color:var(--panel-text-3)}.op-ov-phone{display:grid;grid-template-columns:196px 1fr;gap:20px;align-items:start}.op-ov-phone-code{display:flex;flex-direction:column;align-items:center;gap:8px}.op-ov-phone-code .op-ov-qr{width:196px;height:196px}.op-ov-phone-code .op-ov-qr[data-dim] svg{opacity:.2}.op-ov-phone-done{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--accent, #2f4bff);color:#fff}.op-ov-phone-digits{font-family:Geist Mono,ui-monospace,monospace;font-size:26px;font-weight:600;letter-spacing:.08em;color:var(--panel-text)}.op-ov-phone-left{font-size:11px;color:var(--panel-text-3)}.op-ov-phone-side{display:flex;flex-direction:column;gap:14px;min-width:0}.op-ov-phone-steps{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px;color:var(--panel-text-2);line-height:1.5}.op-ov-phone-where{display:flex;flex-direction:column;gap:6px;font-size:12px}.op-ov-phone-where>div{display:grid;grid-template-columns:64px 1fr;align-items:baseline;gap:8px}.op-ov-phone-where span{color:var(--panel-text-3)}.op-ov-phone-where code{font-family:Geist Mono,ui-monospace,monospace;color:var(--panel-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-ov-phone-where em{font-style:normal;color:var(--panel-text-3)}.op-ov-phone-list{margin-top:20px;padding-top:14px;border-top:1px solid var(--panel-border);display:flex;flex-direction:column;gap:4px}.op-ov-phone-rows{max-height:176px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.op-ov-phone-row{display:grid;grid-template-columns:16px auto 1fr 28px;align-items:center;gap:10px;min-height:32px;color:var(--panel-text)}.op-ov-phone-name{font-weight:500}.op-ov-phone-row .op-ov-muted{font-size:12px}.op-ov-section-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--panel-text-3);margin-bottom:4px}.op-db{display:grid;grid-template-columns:232px 1fr;gap:12px;height:100%;padding:70px 0 0 12px;background-color:var(--canvas-bg);background-image:radial-gradient(var(--db-dot) 1.1px,transparent 1.4px);background-size:24px 24px;--db-dot: #d9d7cf}.op-db-side{display:flex;flex-direction:column;min-height:0;margin-bottom:12px;background:var(--island-bg);border-radius:var(--island-r);box-shadow:var(--island-shadow);padding:10px 8px}.op-db-brand{display:flex;align-items:center;gap:9px;height:32px;padding:0 8px;margin-bottom:14px;font-weight:600;font-size:13px;letter-spacing:-.01em}.op-db-brand img{border-radius:6px}.op-db-nav{display:flex;flex-direction:column;gap:1px}.op-db-nav+.op-db-nav-head{margin-top:14px}.op-db-nav-item{display:flex;align-items:center;gap:10px;width:100%;height:34px;padding:0 12px;border-radius:17px;color:var(--panel-text);font-size:13px;text-align:left}.op-db-nav-item svg{color:var(--panel-text-2);flex-shrink:0}.op-db-nav-item:hover{background:var(--row-hover)}.op-db-nav-item[data-active=true]{background:var(--chip-ink-bg);color:var(--chip-ink-text);font-weight:600}.op-db-nav-item[data-active=true] svg,.op-db-nav-item[data-active=true] .op-db-nav-count{color:var(--chip-ink-text)}.op-db-nav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-db-nav-count{color:var(--panel-text-3);font-size:11px}.op-db-nav-head{display:flex;align-items:center;justify-content:space-between;height:28px;padding:0 4px 0 8px;color:var(--panel-text-3);font-weight:500}.op-db-nav-empty{color:var(--panel-text-3);padding:4px 8px}.op-db-folders{flex:1;min-height:40px;margin-bottom:8px}.op-db-side-foot{display:flex;flex-direction:column;gap:8px;padding-top:8px;border-top:1px solid var(--panel-border);margin-top:6px}.op-db-agent-card{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px var(--panel-border);text-align:left}.op-db-agent-card:hover{box-shadow:0 0 0 1px #d6d6d6,0 2px 6px #0000000d}.op-db-agent-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--agent-soft);color:var(--agent);flex-shrink:0}.op-db-agent-text{display:flex;flex-direction:column;min-width:0}.op-db-agent-text small{color:var(--panel-text-3);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-db-agent-text small[data-ok=true]{color:var(--success)}.op-db-server{display:flex;align-items:center;gap:7px;padding:0 8px;color:var(--panel-text-3);font-size:11px}.op-db-server i{width:6px;height:6px;border-radius:50%;background:var(--success)}.op-db-server[data-ok=false] i{background:var(--danger)}.op-db-main{display:flex;flex-direction:column;min-width:0;min-height:0}.op-db-head{display:flex;align-items:center;gap:16px;min-height:76px;padding:0 12px 8px 16px;flex-shrink:0}.op-db-hello{flex:1;min-width:0;display:flex;align-items:center;gap:14px}.op-db-hello h1{font-size:30px!important;letter-spacing:-.035em!important;line-height:1.05}.op-db-hello p{margin:3px 0 0;font-size:13.5px;color:var(--panel-text-2)}.op-db-head h1{font-size:26px;font-weight:600;letter-spacing:-.03em;margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-db-topright{position:absolute;top:12px;right:12px;z-index:50;display:flex;align-items:center;gap:6px;width:var(--bar-right-w);height:46px;box-sizing:border-box;padding:0 6px;border-radius:23px;background:var(--island-bg);box-shadow:var(--island-shadow)}.op-db-topright .op-btn,.op-db-topright .op-input{height:34px;border-radius:17px}.op-db-topright .op-db-search{flex:1;width:auto;min-width:0}.op-db-viewctl{display:flex;align-items:center;gap:6px;margin-left:auto}.op-db-viewctl .op-btn{height:30px;border-radius:15px;background:transparent;box-shadow:none}.op-db-viewctl .op-btn:hover:not(:disabled){background:var(--island-hover)}.op-db-viewctl .op-db-view{background:var(--island-hover)}.op-db-topright .op-btn.op-db-new{background:#2f4bff;color:#fff;padding:0 16px;font-weight:600}.op-db-topright .op-btn.op-db-new:hover{background:#2238d6}.op-db-search{width:220px}.op-db-search button{display:grid;place-items:center;color:var(--panel-text-3)}.op-db-view{width:64px}.op-db-view>button{display:grid;place-items:center}.op-db-new{height:30px;padding:0 12px}.op-db-scroll{flex:1;min-height:0;padding:8px 16px 40px}.op-db-muted{color:var(--panel-text-2)}.op-db-banner{display:flex;align-items:center;gap:14px;padding:14px 14px 14px 16px;margin-bottom:22px;border-radius:12px;background:linear-gradient(100deg,#9747ff14,#0d99ff0f);box-shadow:inset 0 0 0 1px #9747ff24}.op-db-banner-art{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--agent);color:#fff;flex-shrink:0;box-shadow:0 4px 12px #9747ff4d}.op-db-banner-text{flex:1;display:flex;flex-direction:column;gap:2px;line-height:1.45;min-width:0}.op-db-banner-text b{font-size:13px}.op-db-banner-text span{color:var(--panel-text-2)}.op-db-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.op-db-card{position:relative;padding:8px 8px 12px;border-radius:var(--island-r);background:var(--island-bg);box-shadow:var(--island-shadow);outline:none;cursor:default;transition:transform .14s,box-shadow .14s}.op-db-card:hover,.op-db-card:focus-visible{transform:translateY(-2px);box-shadow:0 0 0 1px #0e0e120f,0 16px 36px #0e0e121f}.op-db-thumb{position:relative;aspect-ratio:16 / 10;border-radius:14px;background-color:#f2f1ec;background-image:radial-gradient(#dcdad2 1px,transparent 1.3px);background-size:12px 12px;box-shadow:inset 0 0 0 1px #0e0e120d;overflow:hidden;display:grid;place-items:center;transition:box-shadow .12s}.op-db-card:hover .op-db-thumb,.op-db-card:focus-visible .op-db-thumb{box-shadow:inset 0 0 0 1px #0000000d,0 0 0 2px var(--accent)}.op-db-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .2s}.op-db-thumb[data-state=ok] img{opacity:1}.op-db-thumb-placeholder{display:flex;gap:6%;width:62%;height:52%;align-items:flex-start}.op-db-thumb-placeholder span{flex:1;height:100%;border-radius:4px;background:#fff;box-shadow:0 1px 2px #0000000f}.op-db-thumb-placeholder span:nth-child(2){height:70%;flex:.6}.op-db-thumb-placeholder span:nth-child(3){height:85%;flex:.45}.op-db-thumb[data-state=loading] .op-db-thumb-placeholder span{animation:op-db-skel 1.4s ease-in-out infinite}.op-db-thumb.small{width:40px;aspect-ratio:16 / 10;border-radius:4px;flex-shrink:0}.op-db-thumb.small .op-db-thumb-placeholder span{border-radius:1px}.op-db-card-meta{padding:11px 32px 0 6px;min-width:0}.op-db-card-name{font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-db-card-sub{color:var(--panel-text-2);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-db-card-more{position:absolute;right:8px;bottom:12px;opacity:0}.op-db-card:hover .op-db-card-more,.op-db-card:focus-within .op-db-card-more{opacity:1}.op-db-rename{width:100%;height:22px;margin:-2px 0 -1px -4px;padding:0 4px;border:1px solid var(--accent);border-radius:4px;font:inherit;font-weight:500;outline:none;user-select:text}.op-db-folder-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.op-db-folder-tile{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:8px;background:var(--panel-bg);box-shadow:inset 0 0 0 1px var(--panel-border)}.op-db-folder-tile:hover{background:var(--row-hover)}.op-db-folder-tile small{color:var(--panel-text-3)}.op-db-list{display:flex;flex-direction:column;padding:6px 8px;border-radius:var(--island-r);background:var(--island-bg);box-shadow:var(--island-shadow)}.op-db-list-head,.op-db-list-row{display:grid;grid-template-columns:minmax(200px,3fr) minmax(90px,1fr) 100px 100px 32px;gap:12px;align-items:center}.op-db-list-head{height:32px;color:var(--panel-text-3);font-weight:500;border-bottom:1px solid var(--panel-border);padding:0 8px}.op-db-list-row{height:44px;padding:0 8px;border-radius:6px}.op-db-list-row:hover{background:var(--panel-bg)}.op-db-list-row .op-icon-btn{opacity:0}.op-db-list-row:hover .op-icon-btn{opacity:1}.op-db-list-name{display:flex;align-items:center;gap:12px;font-weight:500;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.op-db-empty,.op-db-offline{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:80px 20px;color:var(--panel-text-2)}.op-db-empty h2,.op-db-offline h2{margin:4px 0 0;font-size:15px;font-weight:600;color:var(--panel-text)}.op-db-empty p,.op-db-offline p{margin:0;max-width:440px;line-height:1.55}.op-db-empty-art{display:flex;gap:8px;margin-bottom:6px}.op-db-empty-art span{width:54px;height:70px;border-radius:6px;background:#fff;box-shadow:0 0 0 1px var(--panel-border),0 4px 12px #0000000f;transform:rotate(-5deg)}.op-db-empty-art span+span{width:80px;transform:rotate(4deg) translateY(4px);background:var(--panel-bg)}.op-db-offline{max-width:520px;margin:0 auto}.op-db-offline .op-ov-code{width:100%;max-width:420px;text-align:left}.op-db-offline-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#f248221a;color:var(--danger)}.op-db-offline-actions{display:flex;gap:8px;margin-top:8px}.op-db-danger.op-btn.primary{background:var(--danger)}.op-db-card.skeleton .op-db-thumb{animation:op-db-skel 1.4s ease-in-out infinite}.op-db-skel{display:block;height:10px;border-radius:4px;background:var(--input-bg);margin-top:6px;animation:op-db-skel 1.4s ease-in-out infinite}@keyframes op-db-skel{50%{opacity:.55}}@media(max-width:760px){.op-db{grid-template-columns:1fr}.op-db-side{display:none}.op-db-head{padding:0 16px}.op-db-scroll{padding:4px 16px 40px}.op-db-topright{width:auto}}.op-db-kind{display:inline-flex;align-items:center;gap:3px;color:#7c5cff}.op-db-apps{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.op-db-app{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:14px;background:var(--panel-bg);border:1px solid var(--panel-border)}.op-db-app:hover{border-color:#cfc6f7}.op-db-app-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px var(--panel-border);font-size:22px}.op-db-app-name{font-size:14px;font-weight:600;color:var(--panel-text)}.op-db-app-desc{margin-top:3px;color:var(--panel-text-2);font-size:12.5px;line-height:1.45}.op-db-app-body{flex:1}.op-db-app-actions{display:flex;gap:6px}.op-db-app-empty-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--panel-bg-2);color:var(--panel-text-2)}.op-db-install{display:inline-flex;align-items:center;gap:6px}:root[data-theme=dark] .op-db-topright .op-btn.op-db-new{background:#2f4bff;color:#fff}.op-db-newgroup{display:inline-flex;align-items:stretch}.op-db-topright .op-db-newgroup .op-btn.op-db-new{border-top-right-radius:0;border-bottom-right-radius:0}.op-db-topright .op-db-newgroup .op-btn.op-db-new-more,:root[data-theme=dark] .op-db-topright .op-db-newgroup .op-btn.op-db-new-more{height:auto;align-self:stretch;padding:0 10px 0 8px;border:0;border-left:1px solid rgba(255,255,255,.3);border-radius:0 17px 17px 0;background:#2f4bff;color:#fff}.op-db-topright .op-db-newgroup .op-btn.op-db-new-more:hover{background:#2238d6}.op-db-files{display:flex;flex-direction:column;gap:14px}.op-db-files-kinds{display:flex;flex-wrap:wrap;gap:6px}.op-db-files-kinds button{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border:1px solid var(--panel-border);border-radius:14px;background:transparent;font:500 12px/1 Inter,ui-sans-serif,system-ui,sans-serif;color:var(--panel-text-2);cursor:pointer}.op-db-files-kinds button small{opacity:.6;font-variant-numeric:tabular-nums}.op-db-files-kinds button[data-active]{border-color:var(--panel-text);background:var(--panel-text);color:var(--panel-bg)}.op-db-files-list{display:flex;flex-direction:column;border:1px solid var(--panel-border);border-radius:12px;overflow:hidden}.op-db-file-row{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(0,220px) 90px 64px;align-items:center;gap:12px;min-height:56px;padding:8px 12px;border-bottom:1px solid var(--panel-border);cursor:pointer}.op-db-file-row:last-child{border-bottom:0}.op-db-file-row:hover,.op-db-file-row:focus-visible{background:var(--island-hover, rgba(127, 120, 140, .08));outline:none}.op-db-file-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px}.op-db-file-main{display:flex;flex-direction:column;gap:3px;min-width:0}.op-db-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:13px}.op-db-file-about{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--panel-text-3)}.op-db-file-board,.op-db-file-when{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--panel-text-2)}.op-db-file-when{text-align:right;color:var(--panel-text-3)}.op-db-file-actions{display:flex;justify-content:flex-end;gap:2px;opacity:0}.op-db-file-row:hover .op-db-file-actions,.op-db-file-row:focus-within .op-db-file-actions{opacity:1}@media(max-width:760px){.op-db-file-row{grid-template-columns:34px minmax(0,1fr) 64px}.op-db-file-board,.op-db-file-when{display:none}}.op-comp-title{display:inline-flex;align-items:center;gap:6px;color:var(--opp-component)}.op-comp .op-psec-body{display:flex;flex-direction:column;gap:6px}.op-comp-row{display:flex;align-items:center;gap:6px;min-height:24px}.op-comp-row>.op-field,.op-comp-row>.op-select{flex:1;min-width:0}.op-comp-label{width:72px;flex-shrink:0;color:var(--opp-text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-comp-type{flex-shrink:0;max-width:96px;color:var(--opp-text-3);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-comp-values{color:var(--opp-text);overflow:hidden;text-overflow:ellipsis}.op-comp-note{color:var(--opp-text-2);font-size:11px;line-height:16px}.op-comp-actions{display:flex;gap:6px}.op-comp-multi{height:auto;padding-top:4px;padding-bottom:4px}.op-comp-multi textarea{resize:none;line-height:16px;white-space:pre-wrap}.op-comp-swap{width:100%;color:var(--opp-component)}.op-comp-swap .op-field-icon{color:var(--opp-component)}.op-assets{flex:1;min-height:0;display:flex;flex-direction:column}.op-assets-search{padding:4px 12px 8px}.op-assets-list{flex:1;min-height:0;overflow:auto;padding:0 8px 12px}.op-assets-group{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px 4px 6px;color:var(--opp-text-2);font-weight:500}.op-assets-group-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-assets-badge{font-size:10px;font-weight:500;padding:1px 6px;border-radius:8px;background:var(--opp-component-sel);color:var(--opp-component);flex-shrink:0}.op-assets-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.op-asset{display:flex;flex-direction:column;gap:4px;padding:4px;border-radius:6px;cursor:grab;min-width:0}.op-asset:hover{background:var(--opp-hover)}.op-asset-thumb{position:relative;height:72px;border-radius:4px;background:var(--opp-field);overflow:hidden;display:grid;place-items:center;color:var(--opp-component)}.op-asset-thumb-inner{position:absolute;left:50%;top:50%;transform-origin:0 0}.op-asset-thumb .op-world{position:static;width:auto;height:auto}.op-asset-name{display:flex;align-items:center;gap:4px;color:var(--opp-text);font-size:11px;min-width:0}.op-asset-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-asset-name svg{color:var(--opp-component);flex-shrink:0}.op-assets-empty{padding:16px 8px;color:var(--opp-text-3);line-height:18px}.op-assets-foot{padding:8px 12px;border-top:1px solid var(--opp-line)}.op-libs{display:flex;flex-direction:column;gap:18px;max-height:min(70vh,640px);overflow:auto}.op-libs h3{margin:0 0 8px;font-size:12px;font-weight:600}.op-libs-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;background:var(--input-bg, #f3f3f3)}.op-libs-row+.op-libs-row{margin-top:6px}.op-libs-main{flex:1;min-width:0}.op-libs-name{font-weight:500}.op-libs-meta{opacity:.6;font-size:11px}.op-libs-update{color:var(--opp-component);font-size:11px;font-weight:500}.op-libs-changes{margin:6px 0 0;padding:8px 10px;border-radius:6px;max-height:160px;overflow:auto;font:11px/16px ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--input-bg, #f3f3f3);white-space:pre-wrap}.op-libs-form{display:grid;grid-template-columns:1fr 120px;gap:8px}.op-libs-form textarea{grid-column:1 / -1}.op-libs-empty{opacity:.6;font-size:12px}.op-page-divider{height:13px;display:flex;align-items:center;padding:0 16px;cursor:default}.op-page-divider:before{content:"";flex:1;height:1px;background:var(--opp-line)}.op-page-divider[data-selected]:before{background:var(--opp-accent)}.op-page-icons{display:grid;grid-template-columns:repeat(6,28px);gap:2px;padding:6px}.op-page-icons button{width:28px;height:28px;display:grid;place-items:center;border-radius:5px;color:inherit}.op-page-icons button:hover,.op-page-icons button[data-active]{background:#00000012}.op-tok-seg button{padding:0 10px;white-space:nowrap}:root{--opp-bg: #ffffff;--opp-field: #f4f3ef;--opp-field-hover: #efeee9;--opp-line: #ecebe5;--opp-seg: #f2f1ec;--opp-text: #16161a;--opp-text-2: #6a6a66;--opp-text-3: #9a988f;--opp-sel: #ebeaf6;--opp-sel-child: #f4f3fa;--opp-hover: #f4f3ef;--opp-pill: #f7f6f2;--opp-pill-line: #e6e4dd;--opp-accent: #2f4bff;--opp-component: #8a38f5;--opp-component-sel: #e8dcfb;--opp-component-sel-child: #f1eafc;--opp-pop-bg: #fbfbfb;--opp-pop-shadow: 0 0 0 .5px rgba(0, 0, 0, .14), 0 10px 32px rgba(0, 0, 0, .14), 0 2px 6px rgba(0, 0, 0, .06)}.op-lp,.op-rp{background:var(--opp-bg);color:var(--opp-text);font-size:12px;display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;overflow:hidden;position:relative}.op-lp.op-island,.op-rp.op-island{background:var(--island-bg)}.op-ib{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:5px;color:var(--opp-text);flex-shrink:0}.op-ib:hover:not(:disabled){background:#0000000d}.op-ib[data-active]{background:#e3e3e3}.op-ib:disabled{opacity:.35}.op-ib-md{width:28px;height:28px}.op-link-btn{color:var(--opp-text-2);font-size:12px}.op-link-btn:hover{color:var(--opp-text)}.op-pbtn{display:flex;align-items:center;justify-content:center;gap:8px;height:24px;width:100%;border-radius:5px;background:var(--opp-field);color:var(--opp-text);font-size:12px}.op-pbtn:hover{background:#fff}.op-pbtn .op-kbd{color:var(--opp-text-3);font-size:12px}.op-pbtn.primary{background:#1c1c1c;color:#fff}.op-field{display:flex;align-items:center;height:24px;min-width:0;border-radius:5px;background:var(--opp-field);padding:0 4px 0 8px;gap:6px;outline:1px solid transparent;outline-offset:-1px;color:var(--opp-text);font-size:12px;position:relative}.op-field:hover{background:var(--opp-field-hover)}.op-field[data-focused],.op-field:focus-within,.op-select[data-open]{outline-color:var(--opp-accent);background:#fff}.op-field[data-disabled]{opacity:.5}.op-field-label{color:var(--opp-text-3);cursor:ew-resize;flex-shrink:0;min-width:8px;display:inline-flex;align-items:center;user-select:none}.op-field-icon{color:var(--opp-text-2);display:inline-flex;flex-shrink:0}.op-field-input{all:unset;flex:1;min-width:0;height:100%;font-size:12px;user-select:text;cursor:text;color:var(--opp-text)}.op-field-input::placeholder{color:var(--opp-text-3)}.op-field[data-mixed] .op-field-input::placeholder{color:var(--opp-text)}.op-field-suffix{color:var(--opp-text-3)}.op-field-chevron-btn{display:inline-flex;align-items:center;justify-content:center;width:16px;height:20px;color:var(--opp-text-2);flex-shrink:0;border-radius:3px}.op-field-chevron-btn:hover{color:var(--opp-text)}.op-select{cursor:default;text-align:left;width:100%;padding-right:6px}.op-select-value{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-select-value[data-placeholder]{color:var(--opp-text-3)}.op-field-chevron{color:var(--opp-text-2);flex-shrink:0}.op-tok-pill{display:inline-flex;align-items:center;height:18px;padding:0 4px;border-radius:4px;background:var(--opp-pill);box-shadow:inset 0 0 0 1px var(--opp-pill-line);color:var(--opp-text);font-size:12px;max-width:100%;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex-shrink:1}.op-num .op-tok-pill+.op-field-input{flex:0 0 4px}.op-tok-pill[data-missing]{color:#d13b1f;text-decoration:line-through}.op-tok-glyph{width:16px;height:16px;border-radius:3px;display:inline-grid;place-items:center;font-size:10px;color:var(--opp-text-2);background:var(--opp-field);box-shadow:inset 0 0 0 1px #00000014;flex-shrink:0}.op-swatch-sm{width:14px;height:14px}.op-swatch-btn{cursor:default}.op-swatch-btn[data-active]{box-shadow:0 0 0 2px var(--opp-accent)}.op-check{display:flex;align-items:center;gap:8px;height:24px;color:var(--opp-text)}.op-check-box{width:16px;height:16px;border-radius:4px;background:var(--opp-field);box-shadow:inset 0 0 0 1px #dcdcdc;display:inline-grid;place-items:center;color:var(--opp-text)}.op-check-box[data-state=on],.op-check-box[data-state=mixed]{box-shadow:inset 0 0 0 1px #d0d0d0}.op-check .op-kbd{color:var(--opp-text-3);font-size:12px}.op-check[data-disabled]{opacity:.5}.op-seg{display:flex;background:var(--opp-seg);border-radius:8px;padding:2px;height:24px;min-width:0}.op-seg>button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:4px;border-radius:6px;color:var(--opp-text-2);min-width:0;font-size:12px;white-space:nowrap;overflow:hidden;padding:0 4px}.op-seg>button[data-active]{background:#fff;color:var(--opp-text);font-weight:500;box-shadow:0 0 0 .5px #0e0e1214,0 1px 2px #0e0e120f}.op-psec{border-bottom:1px solid var(--opp-line);padding:4px 12px 12px}.op-psec.is-empty{padding-bottom:4px}.op-psec-head{display:flex;align-items:center;justify-content:space-between;height:24px;gap:4px}.op-psec.is-empty .op-psec-head{cursor:default}.op-psec-title{display:flex;align-items:center;gap:2px;color:var(--opp-text);white-space:nowrap}.op-psec.is-empty .op-psec-title{color:var(--opp-text-3)}.op-psec-actions{display:flex;align-items:center;gap:0;margin-right:-4px}.op-psec-body{margin-top:8px;display:flex;flex-direction:column;gap:8px}.op-subhead{display:flex;align-items:center;justify-content:space-between;height:24px;margin-top:0}.op-subhead .op-psec-actions{margin-right:-4px}.op-r3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.op-r2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.op-r2i{display:grid;grid-template-columns:1fr 1fr 24px;gap:8px;align-items:center}.op-r1i{display:grid;grid-template-columns:1fr 24px;gap:8px;align-items:center}.op-mixed-note{color:var(--opp-text-2);height:24px;display:flex;align-items:center;cursor:default}.op-mixed-note:hover{color:var(--opp-text)}.op-empty-note{color:var(--opp-text-3);padding:8px;font-size:12px}.op-btngroup{display:flex;align-items:center;background:var(--opp-field);border-radius:5px;height:24px}.op-btngroup>button{flex:1;height:24px;display:inline-flex;align-items:center;justify-content:center;color:var(--opp-text);position:relative}.op-btngroup>button+button:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--opp-bg)}.op-btngroup>button:hover{background:#00000008}.op-btngroup>button[data-active]{color:var(--opp-accent)}.op-align-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);background:var(--opp-field);border-radius:6px;height:88px;padding:4px}.op-align-cell{display:grid;place-items:center;border-radius:4px;color:#d0d0d0}.op-align-cell:hover{color:var(--opp-text-2)}.op-align-cell>i{width:3px;height:3px;border-radius:50%;background:currentColor}.op-align-cell[data-active]{color:var(--opp-accent)}.op-align-glyph{display:flex;gap:2px}.op-align-glyph>b{display:block;background:currentColor;border-radius:1px}.op-flex-side{display:flex;flex-direction:column;gap:8px}.op-slider{position:relative;height:24px;display:flex;align-items:center;flex:1;min-width:0}.op-slider-track{position:absolute;left:0;right:0;height:12px;border-radius:6px;background:#e0e0e0}.op-slider-fill{position:absolute;left:0;height:12px;border-radius:6px;background:#d2d2d2}.op-slider-thumb{position:absolute;width:20px;height:12px;border-radius:6px;background:#fff;box-shadow:0 0 0 .5px #0000002e,0 1px 2px #0000001f;transform:translate(-50%);pointer-events:none}.op-radius-row{display:grid;grid-template-columns:1fr 80px;gap:8px;align-items:center}.op-colorrow{display:flex;align-items:center;gap:0;min-width:0}.op-colorrow>.op-field{flex:1;margin-right:4px}.op-colorfield{padding-left:4px;gap:6px}.op-colorfield .op-swatch{width:16px;height:16px;border-radius:3px}.op-hex{text-transform:uppercase}.op-alpha{flex:0 0 40px;text-align:right;padding-right:4px}.op-colorfield .op-tok-pill{margin-right:auto}.op-layer-row{display:flex;align-items:center;gap:0}.op-layer-row>.op-grow{flex:1;min-width:0;margin-right:4px}.op-fill-block{display:flex;flex-direction:column;gap:8px}.op-fill-block+.op-fill-block{padding-top:8px;border-top:1px dashed var(--opp-line)}.op-fill-block[data-hidden] .op-field,.op-fill-block[data-hidden] .op-seg{opacity:.45}.op-fill-types{width:88px}.op-fill-head{display:flex;align-items:center;gap:4px}.op-fill-head .op-spacer{flex:1}.op-grad-preview{flex:1;height:16px;border-radius:3px;box-shadow:inset 0 0 0 1px #00000014}.op-img-thumb{width:16px;height:16px;border-radius:3px;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #0000001a;flex-shrink:0}.op-draghandle{width:10px;margin-left:-10px;cursor:grab;color:var(--opp-text-3);display:flex;align-items:center;opacity:0}.op-layer-row:hover .op-draghandle{opacity:1}.op-list-row{display:flex;align-items:center;gap:0}.op-list-row>.op-field{flex:1;margin-right:4px}.op-list-row[data-hidden]>.op-field{opacity:.45}.op-summary{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--opp-text);text-align:left}.op-summary small{color:var(--opp-text-3);font-size:12px}.op-kv{display:grid;grid-template-columns:1fr 1fr 24px;gap:4px;align-items:center}.op-kv .op-field-input{font-family:var(--ui-mono);font-size:11px}.op-kv-key .op-field-input{color:var(--opp-text-2)}.op-mono{font-family:var(--ui-mono);font-size:11px}.op-selcolor{display:flex;align-items:center}.op-selcolor .op-colorrow{flex:1;min-width:0}.op-count-btn{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 2px 0 4px;border-radius:5px;color:var(--opp-text-2);min-width:40px}.op-count-btn:hover{color:var(--opp-text);background:#0000000d}.op-popover{background:var(--opp-pop-bg);border-radius:10px;box-shadow:var(--opp-pop-shadow);color:var(--opp-text);font-size:12px}.op-pop-panel{width:248px;padding:12px;display:flex;flex-direction:column;gap:8px}.op-pop-title{font-weight:500;height:20px;display:flex;align-items:center;justify-content:space-between}.op-menu-header{padding:6px 8px 4px;color:#ffffff80;font-size:11px}.op-menu-label{display:flex;align-items:center;gap:6px;min-width:0}.op-menu-check{width:14px;display:inline-flex;flex-shrink:0}.op-menu-item[data-danger]{color:#ff8a73}.op-tooltip{position:fixed;z-index:3000;pointer-events:none;background:#1e1e1e;color:#fff;font-size:11px;line-height:1;padding:6px 8px;border-radius:6px;white-space:nowrap;display:flex;gap:8px;box-shadow:0 2px 8px #0000002e}.op-tooltip-kbd{color:#ffffff8c}.op-tokpick{width:248px;display:flex;flex-direction:column;max-height:360px;overflow:hidden}.op-tokpick-head{padding:8px;border-bottom:1px solid var(--opp-line)}.op-tokpick-search,.op-fontpick-search input{all:unset;width:100%;height:24px;font-size:12px;user-select:text}.op-tokpick-list{overflow:auto;padding:4px;flex:1}.op-tokpick-row{display:flex;align-items:center;gap:8px;width:100%;height:28px;padding:0 6px;border-radius:5px;text-align:left}.op-tokpick-row:hover{background:var(--opp-hover)}.op-tokpick-row[data-active]{background:var(--opp-sel)}.op-tokpick-name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.op-tokpick-value{color:var(--opp-text-3);max-width:80px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.op-tokpick-foot{border-top:1px solid var(--opp-line);padding:8px 10px}.op-cp-pop{width:248px;padding:0 0 12px;overflow:hidden}.op-cp{display:flex;flex-direction:column;gap:10px;padding:12px 12px 0}.op-cp-area{position:relative;height:168px;border-radius:6px;cursor:crosshair;touch-action:none}.op-cp-area-white,.op-cp-area-black{position:absolute;inset:0;border-radius:6px}.op-cp-area-white{background:linear-gradient(to right,#fff,#fff0)}.op-cp-area-black{background:linear-gradient(to top,#000,#0000);box-shadow:inset 0 0 0 1px #00000014}.op-cp-thumb{position:absolute;width:14px;height:14px;border-radius:50%;border:2px solid hsl(0 0% 100%);box-shadow:0 0 0 1px #00000040,0 1px 3px #0000004d;transform:translate(-50%,-50%);pointer-events:none}.op-cp-sliders{display:flex;gap:8px;align-items:center}.op-cp-sliders-col{flex:1;display:flex;flex-direction:column;gap:8px}.op-cp-slider{position:relative;height:12px;border-radius:6px;touch-action:none}.op-cp-hue{background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.op-cp-alpha{background-image:conic-gradient(#ddd 25%,#fff 0 50%,#ddd 0 75%,#fff 0);background-size:8px 8px}.op-cp-alpha-fill{position:absolute;inset:0;border-radius:6px}.op-cp-slider-thumb{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;border:2px solid hsl(0 0% 100%);box-shadow:0 0 0 1px #0003,0 1px 3px #00000040;transform:translate(-50%,-50%);pointer-events:none}.op-cp-inputs{display:flex;gap:4px}.op-cp-format{flex:0 0 66px;width:66px;padding-left:6px;padding-right:4px;gap:2px}.op-cp-format .op-select-value{text-overflow:clip}.op-cp-hex{flex:1}.op-cp-ch{flex:1;padding:0 4px;min-width:0}.op-cp-ch .op-field-input{text-align:center}.op-cp-a{flex:0 0 48px}.op-cp-note{color:var(--opp-text-2);font-size:11px}.op-cp-hue[data-p3]{background:linear-gradient(to right in display-p3,color(display-p3 1 0 0),color(display-p3 1 1 0) 17%,color(display-p3 0 1 0) 33%,color(display-p3 0 1 1),color(display-p3 0 0 1) 67%,color(display-p3 1 0 1) 83%,color(display-p3 1 0 0))}.op-cp-boundary{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.op-cp-boundary path{fill:none;stroke:#ffffffd9;stroke-width:1.25;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.op-cp-boundary-label{position:absolute;left:6px;bottom:5px;font-size:10px;font-weight:500;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.6),0 0 1px rgba(0,0,0,.6);pointer-events:none}.op-gamut-dot{flex-shrink:0;margin-right:4px;padding:0 4px;height:16px;border-radius:4px;background:color-mix(in srgb,#f59e0b 16%,transparent);color:#c46a00;font-size:9px;font-weight:600;line-height:16px}.op-gamut-dot[data-p3]{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.op-cp-gamut{display:flex;align-items:center;gap:6px}.op-cp-gamut-badge{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 7px;border-radius:5px;background:color-mix(in srgb,#f59e0b 16%,transparent);color:#c46a00;font-size:11px;font-weight:500}.op-cp-gamut-badge[data-p3]{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.op-cp-gamut-fit{height:22px;padding:0 7px;border-radius:5px;color:var(--opp-text-2);font-size:11px}.op-cp-gamut-fit:hover,.op-cp-gamut-badge:hover{filter:brightness(.96);color:var(--opp-text)}.op-cp-group-title{color:var(--opp-text-2);margin-bottom:6px}.op-cp-swatches{display:flex;flex-wrap:wrap;gap:6px}.op-cp-swatches .op-swatch{width:18px;height:18px;border-radius:4px}.op-fill-tabs{display:flex;gap:2px;padding:8px 8px 0}.op-fill-tabs>button{height:24px;padding:0 8px;border-radius:5px;color:var(--opp-text-2)}.op-fill-tabs>button[data-active]{background:var(--opp-seg);color:var(--opp-text)}.op-grad{display:flex;flex-direction:column;gap:10px;padding:12px 12px 0;outline:none}.op-grad-row{display:flex;align-items:center;gap:4px}.op-grad-row>.op-field,.op-grad-row>.op-select{flex:1}.op-grad-label{flex:1;color:var(--opp-text-2)}.op-grad-interp{flex:0 0 110px!important;width:110px}.op-grad-bar{position:relative;height:24px;border-radius:6px;background-image:conic-gradient(#ddd 25%,#fff 0 50%,#ddd 0 75%,#fff 0);background-size:8px 8px;margin:0 8px;cursor:copy;touch-action:none}.op-grad-bar-fill{position:absolute;inset:0;border-radius:6px;box-shadow:inset 0 0 0 1px #00000014}.op-grad-stop{position:absolute;top:50%;width:16px;height:28px;transform:translate(-50%,-50%);border-radius:5px;background:#fff;box-shadow:0 0 0 1px #0003,0 1px 3px #0003;padding:3px;cursor:ew-resize}.op-grad-stop>i{display:block;width:100%;height:100%;border-radius:3px}.op-grad-stop[data-active]{box-shadow:0 0 0 2px var(--opp-accent),0 1px 3px #0003;z-index:1}.op-grad-stops{display:flex;flex-direction:column;gap:4px}.op-grad-stoprow{display:flex;align-items:center;gap:6px;border-radius:6px;padding:2px;margin:0 -2px}.op-grad-stoprow[data-active]{background:var(--opp-sel-child)}.op-grad-pos{flex:0 0 60px}.op-grad-stopcolor{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-grad-picker .op-cp{padding:4px 0 0}.op-fill-pop{width:260px;padding:0 0 12px;max-height:calc(100vh - 32px);overflow:auto}.op-img-editor{display:flex;flex-direction:column;gap:8px;padding:12px 12px 0}.op-img-preview{height:140px;border-radius:6px;background-color:#e8e8e8;background-repeat:no-repeat;background-position:center;background-size:contain;display:grid;place-items:center;color:var(--opp-text-2)}.op-fontbtn .op-select-value{font-size:12px}.op-fontpick{width:260px;height:420px;display:flex;flex-direction:column;overflow:hidden}.op-fontpick-search{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--opp-line);color:var(--opp-text-2)}.op-fontpick-search input{color:var(--opp-text)}.op-fontpick-tabs{display:flex;gap:2px;padding:6px 8px;border-bottom:1px solid var(--opp-line)}.op-fontpick-tabs>button{height:22px;padding:0 7px;border-radius:5px;color:var(--opp-text-2)}.op-fontpick-tabs>button[data-active]{background:var(--opp-seg);color:var(--opp-text)}.op-fontpick-list{flex:1;overflow:auto;padding:4px}.op-fontpick-row{display:flex;align-items:center;gap:8px;width:100%;height:30px;padding:0 8px;border-radius:5px;text-align:left}.op-fontpick-row[data-active]{background:var(--opp-hover)}.op-fontpick-row[data-current]{background:var(--opp-sel)}.op-fontpick-name{flex:1;min-width:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-fontpick-src{color:var(--opp-text-3);font-size:11px}.op-shadow-fields{display:flex;flex-direction:column;gap:8px}.op-lp-head{height:50px;flex-shrink:0;display:flex;align-items:center;gap:4px;padding:0 8px}.op-lp-file{flex:1;min-width:0;display:flex;align-items:center;height:32px}.op-lp-filebtn{display:flex;align-items:center;gap:4px;max-width:100%;height:32px;padding:0 8px;border-radius:10px;color:var(--opp-text)}.op-lp-filebtn:hover,.op-lp-filebtn[data-open]{background:var(--island-hover)}.op-lp-filebtn svg{flex-shrink:0;color:var(--opp-text-3)}.op-lp-filename{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13.5px;font-weight:600;letter-spacing:-.005em}.op-lp-tabs{padding:0 10px 6px;flex-shrink:0}.op-lp-tabs .op-seg{height:30px}.op-lp-sechead{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 0;flex-shrink:0}.op-lp-sectoggle{display:flex;align-items:center;height:28px;gap:4px;padding-left:4px;font-family:var(--ui-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--opp-text-3)}.op-lp-sectoggle:hover{color:var(--opp-text)}.op-chev{color:var(--opp-text-2);transition:transform .12s}.op-chev[data-open]{transform:rotate(90deg)}.op-pages{flex-shrink:0;border-bottom:1px solid var(--opp-line);display:flex;flex-direction:column;max-height:34%;min-height:33px}.op-pages[data-open]{padding-bottom:8px}.op-pages-list{overflow:auto;min-height:0}.op-page-row{position:relative;height:28px;display:flex;align-items:center;gap:8px;padding:0 12px 0 18px;white-space:nowrap;gap:6px}.op-page-row:hover{background:var(--opp-hover)}.op-page-row[data-drop-before]:before,.op-page-row[data-drop-after]:after{content:"";position:absolute;left:16px;right:8px;height:2px;background:var(--opp-accent);border-radius:1px}.op-page-row[data-drop-before]:before{top:-1px}.op-page-row[data-drop-after]:after{bottom:-1px}.op-page-icon{color:var(--opp-text-2);display:inline-flex}.op-page-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.op-page-check{display:inline-flex;color:var(--opp-text)}.op-layers{flex:1;min-height:0;overflow:auto;position:relative;padding-top:4px}.op-layers[data-dragging]{cursor:grabbing}.op-layers-inner{position:relative}.op-layers-empty{padding:12px 16px;color:var(--opp-text-3)}.op-layer{position:absolute;left:0;right:0;height:28px;display:flex;align-items:center;gap:0;white-space:nowrap;padding-right:8px;color:var(--opp-text)}.op-layer:hover{background:var(--opp-hover)}.op-layer[data-insel]{background:var(--opp-sel-child)}.op-layer[data-selected]{background:var(--opp-sel)}.op-layer[data-hidden] .op-layer-name,.op-layer[data-hidden] .op-layer-icon{opacity:.45}.op-layer[data-drop-inside]{box-shadow:inset 0 0 0 2px var(--opp-accent);border-radius:4px}.op-layer[data-dragged]{opacity:.5}.op-layer-chev{width:16px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--opp-text-2);flex-shrink:0;margin-left:-6px;margin-right:0}.op-layer-chev svg{transition:transform .1s}.op-layer-chev[data-open] svg{transform:rotate(90deg)}.op-layer-icon{width:16px;display:inline-flex;color:var(--opp-text-2);flex-shrink:0;margin-right:6px}.op-layer[data-selected] .op-layer-icon{color:var(--opp-text)}.op-layer-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.op-layer-tools{display:flex;align-items:center;gap:0;margin-left:4px}.op-layer-tool{width:20px;height:20px;display:grid;place-items:center;border-radius:4px;color:var(--opp-text)}.op-layer-tool:hover{background:#0000000f}.op-drop-line{position:absolute;right:8px;height:2px;background:var(--opp-accent);border-radius:1px;pointer-events:none;z-index:2}.op-rename{all:unset;flex:1;min-width:0;height:22px;padding:0 4px;margin-left:-4px;border-radius:4px;background:#fff;box-shadow:0 0 0 1px var(--opp-accent);font-size:12px;user-select:text}.op-theme{flex:1;min-height:0;display:flex;flex-direction:column}.op-theme-head{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 12px;border-bottom:1px solid var(--opp-line);flex-shrink:0}.op-theme-count{color:var(--opp-text-2)}.op-theme-actions{display:flex;gap:0}.op-theme-search{flex:1;display:flex;align-items:center;gap:6px;color:var(--opp-text-2)}.op-theme-search input{all:unset;flex:1;height:24px;color:var(--opp-text);user-select:text}.op-theme-modes{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--opp-line)}.op-theme-modes-label{color:var(--opp-text-2)}.op-theme-list{flex:1;min-height:0;overflow:auto;padding-bottom:8px}.op-theme-group-head{display:flex;align-items:center;gap:6px;width:100%;height:32px;padding:0 12px 0 6px;color:var(--opp-text);margin-top:4px}.op-theme-group-head svg{color:var(--opp-text-2)}.op-theme-group-count{margin-left:auto;color:var(--opp-text-3)}.op-token-row{height:28px;display:flex;align-items:center;gap:10px;padding:0 4px 0 20px;white-space:nowrap}.op-token-row:hover{background:var(--opp-hover)}.op-token-row[data-active]{background:var(--opp-sel)}.op-token-row .op-swatch{width:16px;height:16px;border-radius:3px}.op-token-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.op-token-alias{height:20px;display:inline-flex;align-items:center;padding:0 4px;border-radius:6px;box-shadow:inset 0 0 0 1px #dcdcdc;color:var(--opp-text-2);max-width:96px;overflow:hidden;text-overflow:ellipsis}.op-token-value{color:var(--opp-text-3);max-width:90px;overflow:hidden;text-overflow:ellipsis;padding-right:4px}.op-theme-empty{padding:16px 12px;color:var(--opp-text-2);display:flex;flex-direction:column;gap:8px}.op-theme-empty p{margin:0 0 4px;line-height:1.45}.op-tokedit{width:272px}.op-form-row{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:8px;min-width:0}.op-form-row>span:first-child{color:var(--opp-text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-form-row .op-colorrow .op-ib{width:20px}.op-textarea{width:100%;resize:vertical;border:0;outline:1px solid transparent;outline-offset:-1px;border-radius:5px;background:var(--opp-field);padding:6px 8px;font-size:12px;user-select:text;color:var(--opp-text)}.op-textarea:focus{outline-color:var(--opp-accent);background:#fff}.op-form-foot{display:flex;align-items:center;justify-content:space-between;padding-top:4px}.op-dim{color:var(--opp-text-2)}.op-danger{color:#e5432a!important}.op-paste-dialog{width:min(520px,calc(100vw - 32px))}.op-paste-foot{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.op-paste-dialog code{font-family:var(--ui-mono);font-size:11px}.op-layer[data-comp] .op-layer-icon,.op-layer[data-comp=main] .op-layer-name,.op-layer[data-comp=set] .op-layer-name,.op-layer[data-comp=instance] .op-layer-name{color:var(--opp-component)}.op-layer[data-comp=inside] .op-layer-name{color:color-mix(in srgb,var(--opp-component) 70%,var(--opp-text))}.op-layer[data-comp][data-selected]{background:var(--opp-component-sel)}.op-layer[data-comp][data-insel]{background:var(--opp-component-sel-child)}.op-rules-list{padding:4px 0 8px}.op-rules-empty{padding:12px 12px 8px;color:var(--opp-text-2)}.op-rules-empty p{margin:0 0 12px;line-height:1.45}.op-rules-examples{display:flex;flex-direction:column;gap:4px}.op-rules-examples button{text-align:left;padding:6px 8px;border-radius:5px;border:1px dashed var(--opp-line);color:var(--opp-text-2);line-height:1.4}.op-rules-examples button:hover{color:var(--opp-text);border-color:var(--opp-text-3);background:var(--opp-hover)}.op-rules-items{list-style:none;margin:0;padding:0}.op-rule{position:relative;display:grid;grid-template-columns:16px 1fr;gap:4px;padding:6px 28px 6px 10px;align-items:start}.op-rule:hover,.op-rule[data-editing]{background:var(--opp-hover)}.op-rule-num{color:var(--opp-text-3);font-variant-numeric:tabular-nums;line-height:18px}.op-rule-text{margin:0;line-height:18px;color:var(--opp-text);white-space:pre-wrap;overflow-wrap:anywhere;cursor:text;user-select:text}.op-rule-del{position:absolute;top:3px;right:4px;opacity:0}.op-rule:hover .op-rule-del,.op-rule-del:focus-visible{opacity:1}.op-rule-input,.op-rules-box textarea{all:unset;display:block;width:100%;box-sizing:border-box;line-height:18px;color:var(--opp-text);white-space:pre-wrap;overflow-wrap:anywhere;overflow-y:auto;user-select:text}.op-rules-compose{flex-shrink:0;padding:8px 8px 10px;border-top:1px solid var(--opp-line)}.op-rules-box{display:flex;align-items:flex-end;gap:4px;padding:5px 4px 4px 8px;border-radius:6px;background:var(--opp-field);box-shadow:inset 0 0 0 1px var(--opp-line)}.op-rules-box:focus-within{box-shadow:inset 0 0 0 1px var(--opp-accent)}.op-rules-box textarea{flex:1;min-height:18px;padding:1px 0 2px}.op-rules-box textarea::placeholder{color:var(--opp-text-3)}.op-rules-send{flex-shrink:0}.op-rules-foot{margin:6px 2px 0;color:var(--opp-text-3);font-size:11px}.op-board-panel .op-bp-search{display:flex;align-items:center;gap:6px;margin:4px 10px 6px;height:30px;padding:0 9px;border-radius:9px;background:var(--input-bg);color:var(--panel-text-3);flex-shrink:0}.op-bp-search input{flex:1;min-width:0;border:0;background:transparent;color:var(--opp-text);font:inherit;outline:none}.op-bp-list{flex:1 1 auto;min-height:0;overflow-y:auto;padding:0 6px 8px}.op-bp-group+.op-bp-group{margin-top:6px}.op-bp-group-title{display:flex;align-items:center;justify-content:space-between;height:28px;padding:0 8px;font-family:var(--ui-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--panel-text-3)}.op-bp-group-title span{color:var(--panel-text-3);font-variant-numeric:tabular-nums;font-weight:400}.op-bp-row{display:flex;align-items:center;gap:8px;width:100%;height:30px;padding:0 8px;border-radius:8px;color:var(--opp-text);text-align:left}.op-bp-row:hover{background:var(--island-hover)}.op-bp-row[data-selected]{background:var(--accent-soft)}.op-bp-icon{display:grid;place-items:center;flex:none;width:16px;color:var(--panel-text-2)}.op-bp-name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.op-bp-status{flex:none;display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--panel-text-2)}.op-bp-status:before{content:"";width:6px;height:6px;border-radius:3px;background:var(--panel-text-3)}.op-bp-status[data-tone=good]:before{background:#12a979}.op-bp-status[data-tone=bad]{color:#d93f3f}.op-bp-status[data-tone=bad]:before{background:#e5484d}.op-bp-status[data-tone=busy]:before{background:var(--accent);animation:op-bp-pulse 1.2s ease-in-out infinite}.op-bp-status[data-tone=wait]:before{background:#f5b000}@keyframes op-bp-pulse{50%{opacity:.35}}.op-bp-empty{margin:8px 8px 0;color:var(--panel-text-3);line-height:1.5}.op-bp-mods{display:flex;align-items:center;gap:8px;flex-shrink:0;margin:0 6px 6px;height:34px;padding:0 10px;border-radius:10px;color:var(--panel-text-2);border-top:0}.op-bp-mods:hover{background:var(--island-hover);color:var(--opp-text)}.op-bp-mods-sub{margin-left:auto;color:var(--panel-text-3);font-size:11px}.op-rules-head{justify-content:flex-start;gap:2px;padding:0 6px}.op-rules-head button{padding:4px 6px;border-radius:5px;color:var(--opp-text-3)}.op-rules-head button:hover{color:var(--opp-text-2)}.op-rules-head button[data-active]{color:var(--opp-text)}.op-memory{padding:8px 0}.op-memory-text{margin:0;padding:0 12px;font:inherit;line-height:1.5;color:var(--opp-text);white-space:pre-wrap;overflow-wrap:anywhere;user-select:text}.op-memory-input{all:unset;display:block;box-sizing:border-box;width:calc(100% - 16px);min-height:calc(100% - 4px);margin:0 8px;padding:6px 8px;border-radius:6px;background:var(--opp-field);box-shadow:inset 0 0 0 1px var(--opp-accent);line-height:1.5;color:var(--opp-text);white-space:pre-wrap;overflow-wrap:anywhere;user-select:text}.op-memory-input::placeholder{color:var(--opp-text-3)}.op-memory-actions{display:flex;align-items:center;gap:6px}.op-memory-actions>span:nth-child(2){flex:1}.op-memory-actions .op-rules-foot{margin:0}.op-ag-panel{height:100%;min-height:0;display:flex;flex-direction:column}.op-ag-section{padding-bottom:10px}.op-ag-section-title{display:inline-flex;align-items:center;gap:6px}.op-ag-section-actions{display:inline-flex;align-items:center;margin-right:-6px}.op-ag-count{min-width:16px;height:16px;padding:0 5px;border-radius:999px;background:var(--input-bg);color:var(--panel-text-2);font-size:10px;font-weight:600;display:inline-grid;place-items:center}.op-ag-hint{color:var(--panel-text-3);line-height:1.5;padding:2px 0}.op-ag-hint code{font-family:var(--ui-mono);font-size:11px;background:var(--input-bg);padding:1px 4px;border-radius:3px}.op-ag-link{color:var(--accent);font-weight:500}.op-ag-link:hover{text-decoration:underline}.op-ag-showall{display:block;margin:6px 0 0}.op-ag-avatar{display:inline-grid;place-items:center;border-radius:50%;color:#fff;font-weight:600;flex-shrink:0;position:relative}.op-ag-avatar[data-kind=agent]{border-radius:7px}.op-ag-avatar[data-live=true]:after{content:"";position:absolute;inset:-3px;border-radius:9px;border:1.5px solid currentColor;color:inherit;box-shadow:0 0 0 0 var(--agent-color, var(--agent));animation:op-ag-ring 1.6s ease-out infinite;border-color:var(--agent-color, var(--agent))}@keyframes op-ag-ring{0%{opacity:.9;transform:scale(.92)}to{opacity:0;transform:scale(1.25)}}.op-ag-card{border-radius:10px;background:#fff;box-shadow:0 0 0 1px var(--panel-border);margin-top:8px;overflow:hidden}.op-ag-card:not([data-online]){background:transparent}.op-ag-card-head{display:flex;align-items:center;gap:10px;padding:10px}.op-ag-card-title{flex:1;min-width:0}.op-ag-name{display:flex;align-items:center;gap:6px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.op-ag-dot{width:6px;height:6px;border-radius:50%;background:var(--success);flex-shrink:0}.op-ag-dot[data-busy]{animation:op-ov-pulse 1.2s ease-in-out infinite}.op-ag-offline{font-weight:400;font-size:11px;color:var(--panel-text-3)}.op-ag-sub{color:var(--panel-text-2);margin-top:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.op-ag-status[data-busy]{background:linear-gradient(90deg,var(--panel-text-2) 0%,var(--panel-text-2) 35%,var(--agent-color, var(--agent)) 50%,var(--panel-text-2) 65%,var(--panel-text-2) 100%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:op-ag-shimmer 2.2s linear infinite}@keyframes op-ag-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.op-ag-caret{color:var(--panel-text-3);display:inline-grid}.op-ag-branch-line{display:flex;align-items:center;gap:6px;padding:0 10px 8px 42px;color:var(--panel-text-2)}.op-ag-branch-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.op-ag-badge{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:4px;font-size:10.5px;font-weight:600;white-space:nowrap;background:var(--input-bg);color:var(--panel-text-2)}.op-ag-badge[data-status=open]{background:var(--agent-soft);color:var(--agent)}.op-ag-badge[data-status=ready]{background:#14ae5c1f;color:#0d8a48}.op-ag-badge[data-status=rejected]{color:var(--panel-text-3)}.op-ag-chips{display:flex;flex-wrap:wrap;gap:4px;padding:0 10px 10px 42px}.op-ag-chip{height:20px;padding:0 7px;border-radius:5px;background:color-mix(in srgb,var(--agent-color, var(--agent)) 12%,white);color:color-mix(in srgb,var(--agent-color, var(--agent)) 80%,black);font-size:11px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-ag-chip:hover{background:color-mix(in srgb,var(--agent-color, var(--agent)) 22%,white)}.op-ag-chip.ghost{background:none;color:var(--panel-text-2)}.op-ag-more{color:var(--panel-text-3);font-size:11px;align-self:center}.op-ag-timeline{border-top:1px solid #f0f0f0;padding:4px 4px 6px}.op-ag-entry{display:flex;align-items:flex-start;gap:8px;padding:6px;border-radius:6px;position:relative}.op-ag-entry:hover{background:var(--row-hover)}.op-ag-card .op-ag-entry:hover{background:#f6f6f6}.op-ag-entry[data-reverted] .op-ag-entry-summary span{text-decoration:line-through;color:var(--panel-text-3)}.op-ag-entry-main{flex:1;min-width:0}.op-ag-entry-summary{display:flex;align-items:flex-start;gap:2px;line-height:1.4;word-break:break-word}.op-ag-disclosure{display:inline-grid;place-items:center;width:14px;height:16px;color:var(--panel-text-3);margin-left:-2px;flex-shrink:0}.op-ag-entry-meta{display:flex;flex-wrap:wrap;align-items:center;gap:0 6px;color:var(--panel-text-3);font-size:11px;margin-top:1px}.op-ag-entry-meta>*+*:before{content:"·";margin-right:6px;color:#c8c8c8}.op-ag-entry-meta code{font-family:var(--ui-mono);font-size:10.5px}.op-ag-reverted{color:var(--danger)}.op-ag-branch-tag{color:var(--agent)}.op-ag-entry-details{margin:4px 0 0;padding:6px 8px;list-style:none;border-radius:5px;background:var(--input-bg);font-family:var(--ui-mono);font-size:10.5px;line-height:1.5;color:var(--panel-text-2);user-select:text;word-break:break-all}.op-ag-entry-actions{display:flex;gap:0;opacity:0;transition:opacity 80ms;margin:-4px -4px -4px 0}.op-ag-entry-actions .op-icon-btn{width:24px;height:24px}.op-ag-entry:hover .op-ag-entry-actions,.op-ag-version:hover .op-ag-entry-actions{opacity:1}.op-ag-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 6px 6px;gap:8px}.op-ag-empty p{margin:0;color:var(--panel-text-2);line-height:1.5}.op-ag-empty .op-ov-code{width:100%;text-align:left}.op-ag-empty.small{flex-direction:row;text-align:left;align-items:flex-start;padding:4px 0;color:var(--panel-text-3)}.op-ag-empty.small p{color:var(--panel-text-3)}.op-ag-empty-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--agent-soft);color:var(--agent)}.op-ag-empty-title{font-weight:600;font-size:13px}.op-ag-branch{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;column-gap:8px;row-gap:2px;padding:8px 0;border-top:1px solid #ececec}.op-ag-branch:first-of-type{border-top:0}.op-ag-branch-icon{display:grid;place-items:center}.op-ag-branch-body{grid-column:2 / -1;min-width:0}.op-ag-branch-title{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-ag-branch-summary{color:var(--panel-text-2);margin-top:4px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.op-ag-entry-meta>.op-ag-badge:before{content:none}.op-ag-branch .op-btn{height:24px;padding:0 8px}.op-ag-version{display:flex;align-items:center;gap:8px;padding:6px;margin:0 -6px;border-radius:6px;min-height:40px}.op-ag-version:hover{background:var(--row-hover)}.op-ag-version[data-active]{background:var(--accent-soft)}.op-ag-version-icon{color:var(--panel-text-2);flex-shrink:0}.op-ag-current-dot{width:13px;display:grid;place-items:center;flex-shrink:0}.op-ag-current-dot:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--success)}.op-ag-version-main{flex:1;min-width:0}.op-ag-version-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-ag-confirm{display:flex;gap:4px}.op-ag-confirm .op-btn{height:24px;padding:0 8px}.op-ag-filter{display:inline-flex;padding:2px;border-radius:6px;background:var(--input-bg)}.op-ag-filter button{height:20px;padding:0 7px;border-radius:4px;color:var(--panel-text-2);font-size:11px}.op-ag-filter button[data-active=true]{background:#fff;color:var(--panel-text);box-shadow:0 0 0 .5px #00000014,0 1px 2px #0000000f}.op-ag-group{margin-top:8px}.op-ag-group-head{display:flex;align-items:center;gap:8px;height:24px}.op-ag-group-name{font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-ag-group-time{color:var(--panel-text-3);font-size:11px}.op-ag-group-body{margin-left:8px;padding-left:8px;border-left:2px solid color-mix(in srgb,var(--agent-color, #bbb) 35%,transparent)}.op-br{position:absolute;top:12px;right:12px;bottom:12px;width:340px;max-width:calc(100% - 24px);z-index:40;display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:var(--shadow-pop);color:var(--panel-text);font-size:12px;animation:op-br-in .18s cubic-bezier(.2,.9,.3,1)}@keyframes op-br-in{0%{opacity:0;transform:translate(12px)}}.op-br-head{display:flex;align-items:center;gap:8px;padding:10px 8px 6px 14px}.op-br-title{font-weight:600;font-size:13px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-br-agent{display:flex;align-items:center;gap:8px;padding:0 14px 8px;font-weight:500}.op-br-summary{margin:0 14px 10px;padding:8px 10px;border-radius:8px;background:#f7f7f7;color:var(--panel-text-2);line-height:1.5;max-height:120px;overflow:auto;user-select:text}.op-br-controls{display:flex;align-items:center;gap:10px;padding:0 14px 10px;border-bottom:1px solid var(--panel-border)}.op-br-tabs{flex:1}.op-br-list{flex:1;min-height:0;padding:6px 8px}.op-br-loading{display:flex;align-items:center;gap:8px;padding:12px 6px}.op-br-group+.op-br-group{margin-top:6px}.op-br-group-head{display:flex;align-items:center;gap:8px;height:30px;padding:0 6px;font-weight:600}.op-br-kind{width:8px;height:8px;border-radius:2px}.op-br-item{display:flex;align-items:flex-start;gap:8px;padding:5px 6px;border-radius:6px}.op-br-item .op-checkbox{margin-top:1px;flex-shrink:0}.op-br-item:hover,.op-br-item[data-focus]{background:var(--row-hover)}.op-br-item-main{flex:1;min-width:0;cursor:pointer}.op-br-item-title{display:flex;align-items:baseline;gap:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.op-br-item-title span{color:var(--panel-text-3);font-size:11px}.op-br-detail{font-family:var(--ui-mono);font-size:10.5px;color:var(--panel-text-2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.6}.op-br-foot{display:flex;align-items:center;gap:6px;padding:10px 12px;border-top:1px solid var(--panel-border)}.op-br-foot .op-ov-muted{flex:1;line-height:1.3}.op-br-highlights{position:absolute;inset:0;pointer-events:none;z-index:30;overflow:hidden}.op-br-box{position:absolute;outline:1.5px dashed var(--c);outline-offset:1px;background:color-mix(in srgb,var(--c) 6%,transparent);transition:background .12s}.op-br-box[data-focus]{outline-style:solid;outline-width:2px;background:color-mix(in srgb,var(--c) 14%,transparent)}.op-br-box span{position:absolute;top:-1px;left:-1px;transform:translateY(-100%);min-width:14px;height:14px;padding:0 3px;background:var(--c);color:#fff;font:600 10px/14px var(--ui-font);text-align:center;border-radius:3px 3px 0 0}.op-pv-banner{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:45;display:flex;align-items:center;gap:8px;height:36px;padding:0 6px 0 12px;border-radius:10px;background:#1e1e1e;color:#fff;box-shadow:var(--shadow-pop);font-size:12px;white-space:nowrap;max-width:calc(100% - 24px);animation:op-ov-fade .14s ease-out}.op-pv-banner[data-kind=branch]{background:#2b1a4a}.op-br~.op-pv-banner,.op-pv-banner:has(~.op-br){left:calc(50% - 176px)}.op-pv-text{overflow:hidden;text-overflow:ellipsis;color:#fffc}.op-pv-text b{color:#fff;font-weight:600}.op-pv-btn{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 9px;border-radius:6px;background:#ffffff1f;color:#fff;font-weight:500}.op-pv-btn:hover{background:#fff3}.op-pv-btn.primary{background:#fff;color:#111}.op-pv-btn.primary:hover{background:#eaeaea}.op-plugins{flex:1;min-height:0;overflow-y:auto}.op-plugins[hidden]{display:none}.op-plugin{border-bottom:1px solid var(--opp-line)}.op-plugin-head{display:flex;align-items:center;gap:6px;height:36px;padding:0 12px;font-weight:600}.op-plugin-desc{padding:0 12px 4px;line-height:1.4}.op-plugin-frame{display:block;width:100%;border:0;background:transparent}.op-plugins-empty{padding:24px 16px;line-height:1.5}.op-plugins-empty-title{font-weight:600;margin-bottom:4px}.op-plugins-empty code{font-family:var(--ui-mono);font-size:11px;overflow-wrap:anywhere}.op-tracks{display:grid;grid-template-columns:52px 1fr;gap:4px 8px;align-items:start}.op-tracks-label{color:var(--opp-text-2);line-height:24px}.op-tracks-list{display:flex;flex-wrap:wrap;gap:4px;min-width:0}.op-tracks-empty{color:var(--opp-text-3);line-height:24px;padding:0 2px}.op-tracks-mixed{color:var(--opp-text-2);line-height:24px}.op-tracks-fix{grid-column:2;justify-self:start;font-size:11px}.op-track{display:flex;align-items:center;height:24px;border-radius:5px;background:var(--opp-field);min-width:0}.op-track:hover,.op-track:focus-within{background:var(--opp-field-hover)}.op-track:focus-within{box-shadow:inset 0 0 0 1px var(--accent)}.op-track-input{all:unset;min-width:2ch;padding:0 0 0 6px;font:inherit;font-variant-numeric:tabular-nums;color:var(--opp-text);field-sizing:content;max-width:120px}.op-track-menu{display:grid;place-items:center;width:16px;height:24px;color:var(--opp-text-3)}.op-track-menu:hover{color:var(--opp-text)}.op-track-add{width:24px;height:24px;border-radius:5px;color:var(--opp-text-2);font-size:14px;line-height:1}.op-track-add:hover{background:var(--opp-hover);color:var(--opp-text)}.op-track-auto{gap:2px;padding-left:6px}.op-track-auto .op-track{background:transparent}.op-track-auto-tag{color:var(--opp-text-2);font-size:11px}.op-grid-cell{display:flex;flex-direction:column;gap:8px}.op-grid-cell-head{display:flex;align-items:center;justify-content:space-between;height:20px;color:var(--opp-text)}.op-axes{display:flex;flex-direction:column;gap:4px;padding:6px 0 2px}.op-axes-head{display:flex;align-items:center;gap:6px;height:20px}.op-axes-title{color:var(--opp-text)}.op-axes-hint{flex:1;color:var(--opp-text-3);font-size:11px}.op-axes-head .op-ib{margin-right:-4px}.op-axis-row{display:grid;grid-template-columns:72px 1fr 56px;gap:8px;align-items:center}.op-axis-name{color:var(--opp-text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-axis-num .op-field-input{text-align:right}.op-slider-ghost{position:absolute;width:2px;height:12px;margin-left:-1px;border-radius:1px;background:#00000047;pointer-events:none}.op-fi-icon{position:relative;font:600 12px/1 Georgia,Times New Roman,serif;font-style:italic;letter-spacing:-.02em}.op-fi-count{position:absolute;top:-6px;right:-9px;min-width:12px;height:12px;padding:0 3px;border-radius:6px;background:var(--accent);color:#fff;font:600 8px/12px var(--ui-font);font-style:normal;text-align:center}.op-feats-pop{width:264px;max-height:min(560px,calc(100vh - 32px));display:flex;flex-direction:column;overflow:hidden}.op-feats-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 8px;font-weight:500;border-bottom:1px solid var(--opp-line)}.op-feats-head .op-link-btn:disabled{opacity:.4}.op-feats-body{overflow:auto;padding:4px 12px 12px}.op-feats-note{margin:8px 0 0;color:var(--opp-text-2);font-size:11px;line-height:1.4}.op-feats-group{margin-top:10px}.op-feats-title{color:var(--opp-text-2);font-size:11px;margin-bottom:4px}.op-feats-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 8px}.op-feat{display:flex;align-items:center;gap:6px;height:24px;padding:0 4px;margin:0 -4px;border-radius:4px;color:var(--opp-text);text-align:left;min-width:0}.op-feat:hover{background:var(--opp-hover)}.op-feat[data-unavailable]{color:var(--opp-text-3)}.op-feat-box{flex:0 0 14px;height:14px;border-radius:3px;box-shadow:inset 0 0 0 1px #c8c8c8;display:grid;place-items:center;color:#fff}.op-feat[data-on] .op-feat-box{background:var(--accent);box-shadow:none}.op-feat-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-feats-chips{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.op-feat-chip{height:24px;border-radius:4px;background:var(--opp-field);color:var(--opp-text-2);font-variant-numeric:tabular-nums}.op-feat-chip:hover{color:var(--opp-text);background:var(--opp-field-hover)}.op-feat-chip[data-on]{background:var(--accent);color:#fff}.op-feats-css{margin-top:12px;padding:6px 8px;border-radius:4px;background:var(--opp-field);color:var(--opp-text-2);font-size:10px;word-break:break-all}.op-axes-more{align-self:flex-start;font-size:11px;padding:2px 0}.op-code-dialog{display:flex;flex-direction:column;gap:12px}.op-code-row{display:flex;gap:6px;align-items:center}.op-code-grow{flex:1;min-width:0}.op-code-dialog .op-ov-field{display:flex;align-items:center;gap:6px}.op-code-dialog .op-ov-field input{flex:1;min-width:0}.op-code-dialog code{font-family:var(--ui-mono);font-size:11px}.op-code-files,.op-code-comps{display:flex;flex-direction:column;max-height:240px;overflow:auto;margin-top:4px;border-radius:8px;box-shadow:inset 0 0 0 1px var(--panel-border);padding:4px}.op-code-files>button{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:6px 8px;border-radius:5px;text-align:left;color:var(--panel-text)}.op-code-files>button:hover{background:var(--row-hover)}.op-code-files>button[data-active]{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.op-code-path{font-family:var(--ui-mono);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-code-exports{color:var(--panel-text-3);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;max-width:40%}.op-code-empty{padding:14px 8px;text-align:center;color:var(--panel-text-3);font-size:12px}.op-code-diff{margin:0;max-height:380px;overflow:auto;padding:8px 0;border-radius:8px;background:#fafafa;box-shadow:inset 0 0 0 1px var(--panel-border);font-family:var(--ui-mono);font-size:11.5px;line-height:1.55;user-select:text;color:#333}.op-code-diff>div{padding:0 12px;white-space:pre;min-height:1.55em}.op-code-diff>div[data-kind=add]{background:#14ae5c1f;color:#0b6b3a}.op-code-diff>div[data-kind=del]{background:#f248221a;color:#a3290f}.op-code-diff>div[data-kind=hunk]{color:#7c3aed;margin-top:6px}.op-code-changes{margin:0;padding-left:18px;font-size:12px;color:var(--panel-text-2);display:flex;flex-direction:column;gap:2px}.op-code-warn{font-size:12px;color:#8a5300;background:#ffb02024;border-radius:6px;padding:6px 10px}.op-code-comp{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 8px;border-radius:5px}.op-code-comp:hover{background:var(--row-hover)}.op-code-comp-main{flex:1;min-width:0;display:flex;align-items:baseline;gap:10px}.op-code-comp-name{font-family:var(--ui-mono);font-size:12px;font-weight:600;color:#6d28d9;white-space:nowrap}.op-code-libs{display:flex;flex-wrap:wrap;gap:6px}.op-code-libs .op-ov-pill{display:inline-flex;align-items:center;gap:6px}.op-code-x{display:inline-flex;color:var(--panel-text-3)}.op-code-x:hover{color:var(--danger)}.op-code-add{display:flex;flex-direction:column;gap:8px;padding-top:4px}.op-code-subtitle{font-weight:600;font-size:12px;color:var(--panel-text)}.op-code-title{display:inline-flex;align-items:center;gap:6px}.op-code-sec{display:flex;flex-direction:column;gap:8px}.op-code-status{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--opp-text)}.op-code-status>i{width:7px;height:7px;border-radius:50%;background:#14ae5c;flex-shrink:0}.op-code-status[data-state=code-changed]>i,.op-code-status[data-state=design-changed]>i{background:#f5a524}.op-code-status[data-state=diverged]>i,.op-code-status[data-state=error]>i,.op-code-status[data-state=missing-file]>i,.op-code-status[data-state=missing-node]>i{background:#f24822}.op-code-status[data-state=not-synced]>i{background:#ababab}.op-code-file{font-family:var(--ui-mono);font-size:11px;color:var(--opp-text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-code-err{font-size:11px;color:#c4320a;white-space:pre-wrap;max-height:80px;overflow:auto}.op-pbtn[data-attn]{box-shadow:inset 0 0 0 1px #7c3aed;color:#6d28d9}.op-pbtn:disabled{opacity:.5;pointer-events:none}.op-code-prop{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:8px;font-size:12px;color:var(--opp-text-2)}.op-code-prop>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-code-prop-json{grid-template-columns:1fr;gap:4px}.op-code-select{height:24px;border-radius:5px;border:0;background:var(--opp-field);color:var(--opp-text);font:inherit;font-size:12px;padding:0 6px}.op-code-json{min-height:44px;resize:vertical;border:0;border-radius:5px;background:var(--opp-field);color:var(--opp-text);font-family:var(--ui-mono);font-size:11px;padding:6px 8px;outline:none;user-select:text}.op-code-json:focus{box-shadow:inset 0 0 0 1px var(--opp-accent);background:#fff}.op-layer-code{display:inline-flex;align-items:center;margin-left:4px;color:#7c3aed;flex-shrink:0;position:relative}.op-layer-code[data-state=code-changed]:after,.op-layer-code[data-state=design-changed]:after,.op-layer-code[data-state=diverged]:after,.op-layer-code[data-state=error]:after{content:"";position:absolute;top:-1px;right:-2px;width:5px;height:5px;border-radius:50%;background:#f5a524}:root[data-theme=dark] .op-code-diff>div[data-kind=add]{color:#7ee2a8}:root[data-theme=dark] .op-code-diff>div[data-kind=del]{color:#ff9e8a}:root[data-theme=dark] .op-code-diff>div[data-kind=hunk]{color:#b794f6}:root[data-theme=dark] .op-code-warn{color:#f5c46b}:root[data-theme=dark] .op-code-comp-name,:root[data-theme=dark] .op-layer-code,:root[data-theme=dark] .op-pbtn[data-attn]{color:#b794f6}.op-flowpanel{display:flex;flex-direction:column}.op-flow-row{display:flex;align-items:center;gap:10px;min-height:30px}.op-flow-label{width:68px;flex-shrink:0;color:#6b6b6b}.op-flow-row .op-seg{flex:1}.op-flow-actions{display:flex;align-items:center;gap:10px;margin-top:8px}.op-flow-actions .op-btn{gap:6px}.op-flow-dim{color:#8a8a8a;font-size:11px}.op-flow-note{margin:6px 0 0;color:#7a7a7a;font-size:11px;line-height:1.45}.op-flow-context{margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:4px;color:#8a8a8a}.op-flow-ctx-sum{margin-left:4px;font-weight:400;color:#8a8a8a}.op-flow-ctx-size{flex-shrink:0;margin-left:auto;padding-left:6px;font-variant-numeric:tabular-nums;font-size:11px;color:#a0a0a0}.op-flow-ctx-size.is-heavy{color:#4a4a4a;font-weight:500}.op-flow-ctx-item.is-out .op-flow-ctx-size{text-decoration:line-through;color:#c4c4c4}.op-flow-hint-row{display:flex;align-items:baseline;gap:8px}.op-flow-estimate{margin-left:auto;font-size:11px;font-variant-numeric:tabular-nums;color:#4a4a4a;white-space:nowrap}.op-flow-estimate-save{color:#1f8a5b}.op-flow-ctx-group{display:flex;align-items:center;gap:8px}.op-flow-ctx-head{flex:1;min-width:0;display:flex;align-items:center;gap:6px;height:26px;padding:0 2px;font-size:12px;color:#6a6a6a;text-align:left}.op-flow-ctx-head:hover{color:#1c1c1c}.op-flow-ctx-chev{flex-shrink:0;color:#a0a0a0;transition:transform .15s ease}.op-flow-ctx-group.is-open .op-flow-ctx-chev{transform:rotate(90deg)}.op-flow-ctx-swatch{flex-shrink:0;width:8px;height:8px;border-radius:2px}.op-flow-ctx-swatch.is-connected{background:var(--accent, #2f4bff)}.op-flow-ctx-swatch.is-earlier{background:#1d9e75}.op-flow-ctx-count{margin-left:auto;font-size:11px;font-variant-numeric:tabular-nums;color:#a0a0a0}.op-flow-ctx+.op-flow-ctx-group{margin-top:4px}.op-flow-run-bar{display:flex;gap:1px;height:6px;margin:2px 0 6px;border-radius:3px;overflow:hidden}.op-flow-run-bar i{display:block;min-width:2px;transition:flex-grow .25s ease}.op-flow-run-bar .is-setup{background:#b4b2a9}.op-flow-run-bar .is-connected{background:var(--accent, #2f4bff)}.op-flow-run-bar .is-earlier{background:#1d9e75}.op-flow-run-bar .is-work{background:repeating-linear-gradient(135deg,#c9c7c0 0 3px,#ecebe7 3px 6px)}.op-flow-run-under{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:11px;font-variant-numeric:tabular-nums;color:#8a8a8a}.op-flow-run-under b{font-weight:500;color:#1c1c1c}.op-flow-ctx{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px}.op-flow-ctx-item{display:flex;align-items:center;min-width:0;border-radius:6px}.op-flow-ctx-item:hover{background:#f4f4f4}.op-flow-ctx-open{flex:1;min-width:0;display:flex;align-items:center;gap:6px;height:26px;padding:0 6px;text-align:left;color:#1c1c1c}.op-flow-ctx-icon,.op-flow-ctx-kind{flex-shrink:0;color:#8a8a8a}.op-flow-ctx-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-flow-ctx-toggle{flex-shrink:0;display:grid;place-items:center;width:22px;height:22px;margin-right:2px;border-radius:5px;color:#8a8a8a;opacity:0}.op-flow-ctx-item:hover .op-flow-ctx-toggle,.op-flow-ctx-toggle:focus-visible,.op-flow-ctx-item.is-out .op-flow-ctx-toggle{opacity:1}.op-flow-ctx-toggle:hover{background:#e6e6e6;color:#1c1c1c}@media(hover:none){.op-flow-ctx-toggle{opacity:1}}.op-flow-ctx-item.is-out .op-flow-ctx-open{color:#a8a8a8}.op-flow-ctx-item.is-out .op-flow-ctx-text{text-decoration:line-through}.op-flow-ctx-item.is-out .op-flow-ctx-icon,.op-flow-ctx-item.is-out .op-flow-ctx-kind{color:#c4c4c4}.op-flow-ctx-bulk,.op-flow-ctx-link{color:#1c1c1c;font-size:11px}.op-flow-ctx-bulk:hover,.op-flow-ctx-link:hover{text-decoration:underline}.op-flow-outputs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.op-flow-output{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-width:0;height:26px;padding:0 8px;border-radius:6px;background:#f1f1f1;color:#1c1c1c;text-align:left}.op-flow-output svg{flex-shrink:0}.op-flow-output span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-flow-output:hover{background:#e6e6e6}.op-flow-summary{margin:0 0 8px;line-height:1.45;white-space:pre-wrap;color:#2a2a2a}.op-flow-summary.is-error{color:#d93036}.op-flow-log{max-height:280px;overflow:auto;display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:8px;background:#f6f6f6;font-size:11px;line-height:1.4}.op-flow-ev{display:flex;gap:6px;align-items:flex-start;color:#4a4a4a}.op-flow-ev svg{flex-shrink:0;margin-top:2px;opacity:.7}.op-flow-ev-tool{color:#7a7a7a}.op-flow-ev-error{color:#d93036}.op-flow-ev-done{color:#1a7f37}.op-flow-ev span{white-space:pre-wrap;word-break:break-word}.op-flow-ev-taste{color:#8a3b62}.op-flow-taste{display:flex;flex-direction:column;gap:5px;min-width:0}.op-flow-taste-row{display:flex;flex-wrap:wrap;align-items:center;gap:3px}.op-flow-taste-row em{font-style:normal;color:#7a7a7a;padding-left:2px}.op-flow-taste-pic{display:block;flex-shrink:0;object-fit:cover;object-position:top;border-radius:3px;background:#e6e4dd;box-shadow:0 0 0 .5px #0000001f}.op-flow-taste-pic.is-sm{width:24px;height:24px}.op-flow-taste-pic.is-md{width:40px;height:40px}.op-flow-taste-took{display:flex;gap:7px;align-items:flex-start;color:#2b2b2b}.op-flow-taste-note{color:#4a4a4a}.op-flow-picker{position:fixed;z-index:2500;width:264px;padding:6px;border-radius:12px;background:#fff;box-shadow:0 0 0 .5px #00000024,0 12px 32px #00000029;font-size:13px;color:#1c1c1c;max-height:calc(100vh - 16px);overflow-y:auto}.op-flow-picker-section{margin-top:4px;padding-top:10px;border-top:1px solid #eee}.op-flow-picker-title{padding:6px 10px;font-size:11px;color:#8a8a8a}.op-flow-picker-item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border-radius:8px;text-align:left}.op-flow-picker-item:hover{background:#f2f2f2}.op-flow-picker-item svg{flex-shrink:0;color:#555}.op-flow-picker-label{display:flex;flex-direction:column;flex:1;min-width:0;font-weight:500}.op-flow-picker-label small{font-weight:400;font-size:11px;color:#8a8a8a}.op-flow-picker-item kbd{font:500 10px Inter,sans-serif;color:#8a8a8a;border:1px solid #e3e3e3;border-radius:4px;padding:1px 5px}.op-flow-picker.op-flow-picker-grid{width:392px;padding:0;display:flex;flex-direction:column;max-height:min(440px,calc(100vh - 16px));overflow:hidden}.op-flow-picker-search{flex:none;display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-bottom:1px solid #eee;color:#8a8a8a}.op-flow-picker-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:13px Inter,ui-sans-serif,system-ui,sans-serif;color:#1c1c1c}.op-flow-picker-body{overflow-y:auto;padding:2px 6px 8px;scrollbar-width:thin}.op-flow-picker-group .op-flow-picker-title{padding:8px 6px 4px}.op-flow-picker-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.op-flow-picker-tile{display:flex;align-items:center;gap:8px;min-width:0;height:32px;padding:0 8px;border-radius:8px;font-size:12.5px;font-weight:500;text-align:left;color:#1c1c1c}.op-flow-picker-tile span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.op-flow-picker-tile svg{flex:none;color:#555}.op-flow-picker-tile[data-active]{background:#f0f0f0}.op-flow-picker-none{padding:16px 8px;font-size:12px;color:#8a8a8a}.op-flow-picker.op-flow-picker-shaders{width:372px;max-height:min(560px,calc(100vh - 16px));padding:0;display:flex;flex-direction:column;overflow:hidden}.op-flow-picker.op-shader-link{width:280px;padding:12px;display:flex;flex-direction:column;gap:10px}.op-shader-link-head{display:flex;align-items:center;gap:7px;font-size:12px;color:#3a2a8c}.op-shader-link-head span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1c1c1c}.op-shader-link-head b{font-weight:600}.op-shader-link-note{margin:-4px 0 0;font-size:11px;line-height:1.4;color:#8a8a8a}.op-shader-link .op-seg{width:100%}.op-shader-link-row{display:flex;align-items:center;gap:10px;font-size:11px;color:#6b6b6b}.op-shader-link-row label{width:46px;flex-shrink:0}.op-shader-link-row>:nth-child(2){flex:1}.op-shader-link-val{width:32px;text-align:right;font-variant-numeric:tabular-nums;color:#1c1c1c}.op-shader-link-blends{display:flex;flex-wrap:wrap;gap:4px}.op-shader-link-blends button{height:22px;padding:0 7px;border-radius:6px;background:#f2f2f2;font-size:11px;color:#1c1c1c}.op-flow-picker.op-shader-link .op-shader-link-blends button[data-active]{background:#8b6cff;color:#fff}.op-shader-link-warn{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px 10px;border-radius:8px;background:#ffaa2824;color:#b7740a;font-size:11px;line-height:1.35}.op-shader-link-warn span{flex:1;min-width:120px}.op-shader-link-warn button,.op-shader-link-foot button{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border-radius:6px;font-size:11px;font-weight:500}.op-shader-link-warn button{background:#1c1c1c;color:#fff}.op-shader-link-foot{display:flex;align-items:center;gap:4px;border-top:1px solid #efefef;padding-top:8px;margin-top:2px}.op-shader-link-foot button{color:#3a3a3a;white-space:nowrap}.op-shader-link-foot button:hover{background:#f2f2f2}.op-shader-link-foot button.is-danger:hover{background:#fdecec;color:#c4282d}.op-flow-picker.op-attach-link{width:288px;padding:6px 8px 10px}.op-attach-link form{display:flex;align-items:center;gap:8px;height:34px;padding:0 4px 0 10px;border-radius:8px;background:#f4f4f4}.op-attach-link form svg{flex-shrink:0;color:#777}.op-attach-link input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:13px Inter,sans-serif;color:#1c1c1c}.op-attach-link form button{height:26px;padding:0 10px;border-radius:6px;background:#141414;color:#fff;font-size:12px;font-weight:500}.op-attach-link form button:disabled{opacity:.35}.op-attach-link p{margin:8px 2px 0;font-size:11px;color:#8a8a8a}.op-flow-by{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:11px;color:var(--panel-text-2, #6b6b6b)}.op-flow-by-dot{width:8px;height:8px;border-radius:50%;flex:none}.op-flowpanel .op-btn[data-listening]{background:#e5484d;color:#fff}.op-flow-seg{flex:1;display:flex;min-width:0}.op-flow-seg>*{flex:1}.op-flow-seg[data-dim]{opacity:.45}.op-flow-actions .op-btn{white-space:nowrap}.op-flow-hint{margin:6px 0 0}.op-flow-choices{display:flex;flex-direction:column;gap:4px}.op-flow-choices .op-flow-label{width:auto;margin-bottom:2px}.op-flow-choices button{display:flex;align-items:flex-start;gap:8px;padding:7px 8px;border-radius:7px;text-align:left;color:var(--opp-text);background:var(--opp-field);box-shadow:inset 0 0 0 1px transparent}.op-flow-choices button[data-active]{box-shadow:inset 0 0 0 1px var(--opp-accent)}.op-flow-choices button i{flex-shrink:0;width:12px;height:12px;margin-top:2px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--opp-text-3)}.op-flow-choices button[data-active] i{box-shadow:inset 0 0 0 4px var(--opp-accent)}.op-flow-choices button span{display:flex;flex-direction:column;gap:1px;min-width:0;font-size:12px}.op-flow-choices button small{color:var(--opp-text-3);font-size:11px}.op-wires-toggle[data-off]{background:var(--accent);color:#fff}.op-flow-goal{all:unset;box-sizing:border-box;display:block;width:100%;margin-top:4px;height:28px;padding:0 8px;border-radius:6px;background:var(--opp-field, #f5f5f5);box-shadow:inset 0 0 0 1px var(--opp-line, rgba(0, 0, 0, .1));color:var(--opp-text, #111);font-size:12px;user-select:text}.op-flow-goal:focus{box-shadow:inset 0 0 0 1px var(--opp-accent, #3e63dd)}.op-flow-goal::placeholder{color:var(--opp-text-3, #9a9a9a)}.op-timeline{position:absolute;left:0;right:0;bottom:0;height:232px;display:flex;flex-direction:column;background:var(--panel-bg);border-top:1px solid var(--panel-border);color:var(--panel-text);font-size:11px;z-index:20;user-select:none}.op-tl-head{height:36px;flex-shrink:0;display:flex;align-items:center;gap:6px;padding:0 8px;border-bottom:1px solid var(--panel-border)}.op-tl-time{font-variant-numeric:tabular-nums;min-width:92px}.op-tl-dim{color:var(--panel-text-3)}.op-tl-name{color:var(--panel-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.op-tl-spacer{flex:1}.op-tl-field{display:flex;align-items:center;gap:4px;color:var(--panel-text-2)}.op-tl-field input{all:unset;width:38px;height:22px;padding:0 6px;border-radius:5px;background:var(--opp-field);color:var(--panel-text);font-variant-numeric:tabular-nums;box-sizing:border-box}.op-tl-field input:focus{box-shadow:inset 0 0 0 1px var(--opp-accent)}.op-tl-body{position:relative;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:8px}.op-tl-row{display:flex;height:26px;align-items:stretch}.op-tl-row[data-selected] .op-tl-label{background:var(--opp-sel)}.op-tl-label{flex-shrink:0;display:flex;align-items:center;gap:2px;padding:0 4px 0 6px;border-right:1px solid var(--panel-border);min-width:0}.op-tl-caret{width:16px;height:16px;display:grid;place-items:center;color:var(--panel-text-3)}.op-tl-layer{flex:1;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--panel-text)}.op-tl-propname{padding-left:22px;color:var(--panel-text-2);font-family:var(--ui-mono);font-size:10.5px}.op-tl-lane{position:relative;flex:1;margin:0 16px 0 12px;cursor:text}.op-tl-ruler{position:sticky;top:0;z-index:2;background:var(--panel-bg);border-bottom:1px solid var(--panel-border);height:22px}.op-tl-tick{position:absolute;top:0;bottom:0;border-left:1px solid var(--panel-border);padding:4px 0 0 4px;color:var(--panel-text-3);font-variant-numeric:tabular-nums;font-size:10px;white-space:nowrap}.op-tl-bar{position:absolute;top:8px;bottom:8px;border-radius:5px;background:color-mix(in srgb,var(--opp-accent) 22%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--opp-accent) 45%,transparent);cursor:grab}.op-tl-bar:active{cursor:grabbing}.op-tl-key{position:absolute;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;rotate:45deg;border-radius:1.5px;background:var(--panel-bg);box-shadow:inset 0 0 0 1.5px var(--opp-accent);cursor:ew-resize;z-index:1}.op-tl-key:hover,.op-tl-key[data-active]{background:var(--opp-accent)}.op-tl-key-sum{pointer-events:none;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;background:var(--opp-accent);box-shadow:none}.op-tl-playhead-wrap{position:absolute;top:0;bottom:0;right:16px;margin-left:12px;pointer-events:none;z-index:3}.op-tl-playhead{position:absolute;top:0;bottom:0;width:1px;background:#f24822}.op-tl-playhead:before{content:"";position:absolute;top:0;left:-4px;width:9px;height:9px;border-radius:2px;background:#f24822}.op-tl-empty{padding:18px 16px;color:var(--panel-text-3)}.op-tl-keyedit{width:236px;padding:10px;display:flex;flex-direction:column;gap:8px}.op-tl-keyhead{font-weight:500;font-family:var(--ui-mono);font-size:11px}.op-tl-keyrow{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:8px;color:var(--panel-text-2)}.op-tl-keyrow .op-field-input{height:24px;padding:0 8px;border-radius:5px;background:var(--opp-field)}.op-tl-keynote{margin:0;font-size:10.5px}.op-motion .op-psec-body{gap:10px}.op-motion-seg{height:24px}.op-motion-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.op-motion-presets button{height:28px;border-radius:6px;background:var(--opp-field);color:var(--opp-text);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 6px;transition:background .12s,box-shadow .12s}.op-motion-presets button:hover:not(:disabled){background:var(--opp-field-hover);box-shadow:inset 0 0 0 1px var(--opp-accent)}.op-motion-presets button:active:not(:disabled){background:color-mix(in srgb,var(--opp-accent) 14%,var(--opp-field))}.op-motion-timing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.op-motion-timing[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.op-motion-list{display:flex;flex-direction:column;border-radius:6px;background:var(--opp-field);padding:2px 2px 2px 8px}.op-motion-track{display:grid;grid-template-columns:minmax(0,1fr) auto 24px;align-items:center;gap:8px;height:26px}.op-motion-prop{font-family:var(--ui-mono);font-size:11px;color:var(--opp-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-motion-when{color:var(--opp-text-3);font-size:11px;font-variant-numeric:tabular-nums}.op-motion-note{color:var(--opp-text-3);font-size:11px}.op-motion-to{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px solid var(--opp-line)}.op-motion-label{color:var(--opp-text-2);font-size:11px}.op-motion-to-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.op-motion-to-row .op-pbtn{width:auto;padding:0 12px}.op-motion-to-row .op-pbtn:disabled{opacity:.4}.op-tl-autokey{display:flex;align-items:center;gap:6px;height:24px;padding:0 9px 0 8px;border-radius:6px;color:var(--panel-text-2);font-size:11px}.op-tl-autokey:hover{background:var(--row-hover)}.op-tl-autokey i{width:8px;height:8px;border-radius:50%;box-shadow:inset 0 0 0 1.5px currentColor}.op-tl-autokey[data-on]{color:#f24822;background:color-mix(in srgb,#f24822 12%,transparent)}.op-tl-autokey[data-on] i{background:#f24822;box-shadow:none}.op-tl-autokey-note{color:#f24822;white-space:nowrap}.op-timeline:has(.op-tl-autokey[data-on]){box-shadow:inset 0 2px #f24822}.op-film-hint{margin:0;color:var(--opp-text-3);font-size:11px;line-height:1.45}.op-film-scenes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.op-film-scene{border-radius:8px;background:var(--opp-field);padding:6px 4px 8px 8px;display:flex;flex-direction:column;gap:6px;box-shadow:inset 0 0 0 1px transparent}.op-film-scene[data-active]{box-shadow:inset 0 0 0 1px var(--opp-accent)}.op-film-scene-head{display:flex;align-items:center;gap:6px;min-height:22px}.op-film-num{width:18px;height:18px;border-radius:5px;display:grid;place-items:center;font-size:10.5px;font-weight:600;background:var(--opp-text);color:var(--opp-bg);flex-shrink:0}.op-film-name{flex:1;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--opp-text);font-size:12px}.op-film-name:hover{text-decoration:underline}.op-film-still{font-size:10px;color:var(--opp-text-3);border:1px solid var(--opp-line);border-radius:4px;padding:0 4px}.op-film-tools{display:flex}.op-film-scene-row{display:grid;grid-template-columns:84px minmax(0,1fr);gap:6px;padding-right:4px}.op-film-trim{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;padding-right:4px}.op-film-scene>.op-seg{margin-right:4px}.op-film-first{align-self:center;color:var(--opp-text-3);font-size:11px}.op-film-music{display:grid;grid-template-columns:16px minmax(0,1fr) 84px;align-items:center;gap:8px;color:var(--opp-text-2)}.op-film-music-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--opp-text)}.op-film-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.op-film-actions .op-pbtn{height:30px;gap:6px}.op-film-actions .op-pbtn:disabled{opacity:.45}.op-film-actions .op-film-wide{grid-column:1 / -1}.op-film-result{display:flex;flex-direction:column;gap:6px}.op-film-result video{width:100%;border-radius:8px;background:#000;max-height:260px}.op-film-result-row{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--opp-text-3)}.op-film-result-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-film-banner{position:absolute;top:12px;left:50%;translate:-50% 0;display:flex;align-items:center;gap:10px;padding:6px 8px 6px 14px;border-radius:999px;background:#141416;color:#f2f1ec;font-size:12px;box-shadow:0 8px 24px #00000040;z-index:30}.op-film-banner button{height:24px;padding:0 10px;border-radius:999px;background:#f2f1ec;color:#141416;font-size:11.5px;font-weight:600}.op-comments{position:absolute;inset:0;pointer-events:none;z-index:5}.op-comments-capture{position:absolute;inset:0;pointer-events:auto;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M3 21V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H7z' fill='%23fff' stroke='%23111' stroke-width='1.5'/%3E%3C/svg%3E") 3 21,crosshair}.op-comment-pin{position:absolute;pointer-events:auto;width:28px;height:28px;margin:-28px 0 0;border-radius:14px 14px 14px 2px;background:#fff;box-shadow:0 0 0 1px #0000001f,0 2px 8px #0000002e;display:grid;place-items:center;transition:transform .12s ease}.op-comment-pin span{width:22px;height:22px;border-radius:11px 11px 11px 2px;background:#ffc700;color:#111;font-weight:600;font-size:11px;display:grid;place-items:center}.op-comment-pin:hover,.op-comment-pin[data-open]{transform:scale(1.1)}.op-comment-pin[data-resolved] span{background:#d9d9d9;color:#777}.op-comment-pin-dot{position:absolute;width:20px;height:20px;border-radius:10px 10px 10px 2px;background:#ffc700;box-shadow:0 0 0 3px #fff,0 2px 8px #0000002e}.op-comment-composer,.op-comment-thread{position:absolute;pointer-events:auto;width:280px;background:#fff;border-radius:10px;box-shadow:var(--shadow-pop);font-size:12px;color:var(--panel-text);user-select:text}.op-comment-composer{padding:8px}.op-comment-thread-head{display:flex;align-items:center;justify-content:space-between;padding:6px 6px 6px 12px;border-bottom:1px solid var(--panel-border);font-weight:600}.op-comment-messages{max-height:280px;padding:4px 12px}.op-comment-msg{padding:8px 0}.op-comment-msg+.op-comment-msg{border-top:1px solid #f0f0f0}.op-comment-meta{display:flex;gap:8px;align-items:baseline;margin-bottom:4px}.op-comment-meta span{color:var(--panel-text-3)}.op-comment-del{margin-left:auto;color:var(--panel-text-3);font-size:11px}.op-comment-del:hover{color:var(--danger)}.op-comment-text{white-space:pre-wrap;line-height:1.45}.op-comment-compose{display:flex;gap:6px;align-items:flex-end;padding:8px}.op-comment-thread .op-comment-compose{border-top:1px solid var(--panel-border)}.op-comment-compose textarea{flex:1;resize:none;border:0;outline:0;background:var(--input-bg);border-radius:6px;padding:7px 8px;font:inherit;line-height:1.4}.op-comment-compose .op-btn{height:30px}.op-comment-compose .op-btn:disabled{opacity:.4}.op-comments-resolved-toggle{position:absolute;right:12px;bottom:12px;pointer-events:auto;background:#fff;border-radius:6px;padding:6px 10px;box-shadow:var(--shadow-pop)}.op-deck-strip{position:absolute;left:50%;bottom:14px;translate:-50% 0;z-index:40;width:min(760px,calc(100% - 32px));display:flex;flex-direction:column;gap:8px;padding:10px 10px 10px 12px;border-radius:14px;background:#fff;color:var(--opp-text);box-shadow:0 0 0 .5px #0000001f,0 12px 32px #140a3c29,0 2px 6px #0000000f;font-size:12px}.op-deck-head{display:flex;align-items:center;gap:8px;color:var(--opp-text-2)}.op-deck-title{font-weight:600;color:var(--opp-text)}.op-deck-count{color:var(--opp-text-3)}.op-deck-grow{flex:1}.op-deck-btn{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:7px;background:#f1f1f1;color:var(--opp-text);font-size:12px;font-weight:500;white-space:nowrap}.op-deck-btn:hover:not(:disabled),.op-deck-btn[data-open]{background:#e8e8e8}.op-deck-btn.primary{background:#7c5cff;color:#fff}.op-deck-btn.primary:hover:not(:disabled){background:#6b4bf0}.op-deck-btn:disabled{opacity:.45}.op-deck-icon{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:7px;color:var(--opp-text-2)}.op-deck-icon:hover:not(:disabled){background:#f0f0f0;color:var(--opp-text)}.op-deck-icon.danger:hover:not(:disabled){color:var(--danger)}.op-deck-icon:disabled{opacity:.35}.op-deck-stops{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.op-deck-stop{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;max-width:200px;height:32px;padding:0 10px 0 5px;border-radius:9px;background:#f5f4fa;border:1px solid #e7e4f3;color:var(--opp-text);font-size:12px;cursor:pointer;position:relative}.op-deck-stop:hover{border-color:#cfc6f7}.op-deck-stop[data-active]{background:#efeaff;border-color:#7c5cff}.op-deck-stop[data-dragging]{opacity:.45}.op-deck-num{display:inline-grid;place-items:center;flex-shrink:0;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#7c5cff;color:#fff;font-size:10.5px;font-weight:700}.op-deck-stop-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-deck-has-note{width:5px;height:5px;border-radius:50%;background:#f2a93b;flex-shrink:0}.op-deck-add{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;height:32px;padding:0 11px;border-radius:9px;border:1px dashed #cfc8ea;color:#5b45c8;font-size:12px;font-weight:500;white-space:nowrap}.op-deck-add:hover{background:#f5f2ff}.op-deck-edit{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:10px;background:#f7f7f7}.op-deck-edit-row{display:flex;align-items:center;gap:4px}.op-deck-input{flex:1;height:28px;min-width:0;margin-left:4px;padding:0 8px;border-radius:7px;background:#fff;border:1px solid #e3e3e3;color:var(--opp-text);font-size:12.5px;font-weight:500}.op-deck-notes{width:100%;resize:vertical;min-height:44px;max-height:180px;padding:7px 9px;border-radius:7px;background:#fff;border:1px solid #e3e3e3;color:var(--opp-text);font:inherit;font-size:12px;line-height:1.45}.op-deck-input:focus,.op-deck-notes:focus{outline:none;border-color:#7c5cff}.op-deck-empty{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--opp-text-2);line-height:1.4}.op-present-group{display:inline-flex;align-items:center;height:28px;border-radius:6px;background:var(--opp-field);box-shadow:0 0 0 .5px #0000000f;overflow:hidden}.op-present-btn,.op-present-more{display:inline-grid;place-items:center;height:28px;color:var(--opp-text)}.op-present-btn{width:28px}.op-present-more{width:22px;color:var(--opp-text-2);border-left:1px solid #ececec}.op-present-btn:hover,.op-present-more:hover,.op-present-more[data-open]{background:#fff;color:var(--opp-text)}.op-presenter{position:fixed;inset:0;z-index:1000;cursor:default}.op-presenter[data-idle]{cursor:none}.op-presenter-progress{position:absolute;top:0;left:0;height:3px;background:#7c5cff;transition:width .4s ease}.op-presenter-bar{position:absolute;left:50%;bottom:22px;translate:-50% 0;display:flex;align-items:center;gap:4px;max-width:calc(100% - 32px);padding:5px;border-radius:999px;background:#14121cd1;color:#f2f1ec;backdrop-filter:blur(10px);box-shadow:0 10px 30px #0000004d;font-size:12.5px;transition:opacity .3s ease,translate .3s ease}.op-presenter[data-idle] .op-presenter-bar{opacity:0;translate:-50% 10px;pointer-events:none}.op-presenter-bar button{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;color:inherit}.op-presenter-bar button:hover:not(:disabled),.op-presenter-bar button[data-on]{background:#ffffff24}.op-presenter-bar button:disabled{opacity:.35}.op-presenter-pos{padding:0 6px;font-variant-numeric:tabular-nums;opacity:.7}.op-presenter-title{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;padding-right:4px}.op-presenter-sep{width:1px;height:18px;margin:0 4px;background:#ffffff2e}.op-presenter-notes{position:absolute;left:22px;bottom:84px;width:min(420px,calc(100% - 44px));max-height:45vh;overflow:auto;padding:14px 16px;border-radius:14px;background:#14121ce0;color:#f2f1ec;backdrop-filter:blur(10px);box-shadow:0 10px 30px #0000004d;font-size:15px;line-height:1.5;white-space:pre-wrap}.op-presenter-notes-title{font-size:11.5px;font-weight:600;letter-spacing:.02em;opacity:.6;margin-bottom:6px}.op-presenter-notes-empty{opacity:.55;font-style:italic}.op-presenter-next{margin-top:10px;font-size:12px;opacity:.55}html[data-op-presenting] .op-tabbar{display:none}.op-rec-bubble{position:absolute;left:0;top:0;z-index:30;border-radius:28%;box-shadow:0 6px 18px #0e0e122e,0 22px 48px #0e0e1229;cursor:grab;touch-action:none;user-select:none;will-change:transform;transition:width .18s ease,height .18s ease,border-radius .18s ease}.op-rec-bubble[data-shape=circle]{border-radius:50%}.op-rec-bubble[data-shape=sketch]{border-radius:0;box-shadow:none;filter:drop-shadow(0 6px 10px rgba(14,14,18,.2)) drop-shadow(0 16px 26px rgba(14,14,18,.12))}.op-rec-bubble[data-dragging]{cursor:grabbing}.op-rec-cut{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:#1b1a17;box-shadow:0 0 0 1px #ffffff24 inset;-webkit-mask-size:100% 100%;mask-size:100% 100%}.op-rec-bubble[data-shape=sketch] .op-rec-cut{box-shadow:none}.op-rec-cut video,.op-rec-blur,.op-rec-blur canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}.op-rec-cut video,.op-rec-blur canvas{object-fit:cover;transform:scaleX(-1)}.op-rec-cut video[data-hidden]{visibility:hidden}.op-rec-ink{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;fill:none;stroke:#1d1d1b;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.op-rec-ink path{stroke-width:2.6px;vector-effect:non-scaling-stroke}.op-rec-ink path+path{stroke-width:1.2px;opacity:.55}.op-rec-bubble-wait{position:absolute;inset:0;margin:auto;width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:#fffc;animation:op-rec-spin .9s linear infinite}@keyframes op-rec-spin{to{transform:rotate(360deg)}}.op-rec-bar{position:fixed;left:50%;bottom:calc(var(--gap, 12px) + 64px);z-index:60;transform:translate(-50%);display:flex;align-items:center;gap:4px;height:44px;padding:0 6px 0 8px;border-radius:22px;font:500 12.5px/1 Inter,ui-sans-serif,system-ui,sans-serif;color:var(--opp-text, #1d1d1b);white-space:nowrap;animation:op-rec-in .16s ease-out}body:has(.op-editor[data-ui-hidden=true]) .op-rec-bar{bottom:calc(var(--gap, 12px) + 52px)}@keyframes op-rec-in{0%{opacity:0;transform:translate(-50%,6px)}}.op-rec-sep{width:1px;height:20px;margin:0 4px;background:var(--opp-line, #ececec)}.op-rec-icon{display:inline-grid;place-items:center;width:32px;height:32px;border:0;border-radius:16px;background:transparent;color:var(--opp-text, #1d1d1b);cursor:pointer}.op-rec-icon:hover{background:var(--opp-field, #f4f4f2)}.op-rec-icon[data-off]{color:#b42318}.op-rec-dev{display:inline-flex;align-items:center;border-radius:16px}.op-rec-dev:hover,.op-rec-dev[data-open]{background:var(--opp-field, #f4f4f2)}.op-rec-dev .op-rec-icon:hover{background:transparent}.op-rec-chev{display:inline-grid;place-items:center;width:16px;height:32px;margin-left:-6px;padding-right:4px;border:0;border-radius:0 16px 16px 0;background:transparent;color:var(--opp-text-2, #6d695f);cursor:pointer}.op-rec-chev:hover,.op-rec-dev[data-open] .op-rec-chev{color:var(--opp-text, #1d1d1b)}.op-rec-help{position:absolute;left:50%;bottom:calc(100% + 10px);width:360px;padding:12px 14px 14px;border-radius:16px;transform:translate(-50%);font:400 12.5px/1.5 Inter,ui-sans-serif,system-ui,sans-serif;color:var(--opp-text, #1d1d1b);white-space:normal;animation:op-rec-fade .14s ease-out}.op-rec-help-head{display:flex;align-items:center;gap:8px;margin-right:-6px}.op-rec-help-head strong{flex:1;font-weight:600}.op-rec-help ol{margin:6px 0 10px;padding-left:20px}.op-rec-help li+li{margin-top:4px}.op-rec-help b{font-weight:600}.op-rec-help p{margin:0;color:var(--opp-text-2, #6d695f)}.op-rec-seg{display:inline-flex;height:28px;padding:2px;border-radius:8px;background:var(--opp-field, #f4f4f2)}.op-rec-seg button{display:inline-grid;place-items:center;min-width:26px;height:24px;padding:0 4px;border:0;border-radius:6px;background:transparent;font:600 11px/1 Inter,ui-sans-serif,system-ui,sans-serif;color:var(--opp-text-2, #6d695f);cursor:pointer}.op-rec-seg button[aria-checked=true]{background:var(--island-bg, #fff);color:var(--opp-text, #1d1d1b);box-shadow:0 0 0 .5px #00000014,0 1px 2px #00000014}.op-rec-dot{flex:none;width:10px;height:10px;margin:0 4px;border-radius:50%;background:#d92d20}.op-rec-dot[data-live]{animation:op-rec-pulse 1.4s ease-in-out infinite}@keyframes op-rec-pulse{0%,to{box-shadow:0 0 #d92d2073}50%{box-shadow:0 0 0 5px #d92d2000}}.op-rec-start,.op-rec-stop,.op-rec-primary{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 14px 0 10px;border:0;border-radius:16px;font:600 12.5px/1 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer}.op-rec-start{background:#1d1d1b;color:#fff}.op-rec-start .op-rec-dot{width:9px;height:9px;margin:0}.op-rec-start:hover{background:#000}.op-rec-stop{margin-left:2px;padding:0 14px 0 12px;background:#d92d20;color:#fff}.op-rec-stop:hover{background:#b42318}.op-rec-time{min-width:42px;padding-right:2px;font-variant-numeric:tabular-nums;font-weight:600}.op-rec-time em{font-style:normal;font-weight:400;color:var(--opp-text-2, #6d695f)}.op-rec-text{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:0;border-radius:16px;background:transparent;font:500 12.5px/1 Inter,ui-sans-serif,system-ui,sans-serif;color:var(--opp-text, #1d1d1b);cursor:pointer}.op-rec-text:hover:not(:disabled){background:var(--opp-field, #f4f4f2)}.op-rec-text:disabled{opacity:.5;cursor:default}.op-rec-countdown{position:fixed;inset:0;z-index:59;display:grid;place-items:center;pointer-events:none}.op-rec-countdown span{display:grid;place-items:center;width:128px;height:128px;border-radius:50%;background:#141310c7;font:600 64px/1 Inter,ui-sans-serif,system-ui,sans-serif;font-variant-numeric:tabular-nums;color:#fff;animation:op-rec-count 1s ease-out both}@keyframes op-rec-count{0%{opacity:0;transform:scale(1.25)}25%{opacity:1;transform:scale(1)}}.op-rec-result-wrap{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:24px;background:#14131052;animation:op-rec-fade .14s ease-out}@keyframes op-rec-fade{0%{opacity:0}}.op-rec-result{position:relative;width:min(760px,100%);padding:10px;border-radius:20px}.op-rec-result video{display:block;width:100%;max-height:calc(100vh - 160px);border-radius:12px;background:#111}.op-rec-result-row{display:flex;align-items:center;gap:4px;padding:10px 2px 2px 6px}.op-rec-result-info{flex:1;display:inline-flex;align-items:center;gap:6px;font:400 12.5px/1 Inter,ui-sans-serif,system-ui,sans-serif;font-variant-numeric:tabular-nums;color:var(--opp-text-2, #6d695f)}.op-rec-primary{padding:0 14px 0 12px;background:var(--accent, #2f5bea);color:#fff}.op-rec-primary:hover{filter:brightness(.94)}.op-rec-result-close{position:absolute;top:18px;right:18px;background:#1413108c;color:#fff}.op-rec-result-close:hover{background:#141310bf}.op-record-btn{display:inline-grid;place-items:center;flex:none;width:28px;height:28px;border:0;border-radius:50%;background:var(--opp-field, #f4f4f2);box-shadow:0 0 0 .5px #0000000f;cursor:pointer}.op-record-btn:hover,.op-record-btn[data-active]{background:var(--island-bg, #fff)}.op-record-btn i{width:10px;height:10px;border-radius:50%;background:#d92d20;box-shadow:0 0 0 2px #d92d2029}:root[data-theme=dark] .op-rec-start{background:#e8e8e8;color:#161616}:root[data-theme=dark] .op-rec-start:hover{background:#fff}:root[data-theme=dark] .op-record-btn{box-shadow:0 0 0 .5px #00000021}:root[data-theme=dark] .op-rec-ink{stroke:#e8e8e8}.op-rec-opts{padding:0 8px 0 10px;gap:6px;color:var(--opp-text-2, #6d695f)}.op-rec-opts[data-open]{background:var(--opp-field, #f4f4f2);color:var(--opp-text, #1d1d1b)}.op-rec-opts-pop{width:300px;padding:12px 14px;display:grid;gap:8px}.op-rec-opts-head{font:600 12.5px/1 Inter,ui-sans-serif,system-ui,sans-serif;color:var(--opp-text, #1d1d1b)}.op-rec-opts-note{margin:2px 0 0;font:400 12px/1.45 Inter,ui-sans-serif,system-ui,sans-serif;color:var(--opp-text-2, #6d695f)}.op-rec-result-info em{font-style:normal;color:#b54708}.op-rec-spin{animation:op-rec-spin .9s linear infinite}.op-rec-primary:disabled{opacity:.55;cursor:default;filter:none}.op-rp-head{height:48px;flex-shrink:0;display:flex;align-items:center;gap:4px;padding:0 12px;border-bottom:1px solid var(--opp-line)}.op-presence{flex:1;min-width:0;display:flex;align-items:center}.op-presence>*+*{margin-left:-4px}.op-avatar-btn{display:inline-flex;border-radius:50%}.op-avatar{position:relative;width:24px;height:24px;border-radius:50%;display:inline-grid;place-items:center;color:#fff;font-size:11px;font-weight:500;box-shadow:0 0 0 2px var(--opp-bg);flex-shrink:0}.op-avatar[data-agent]{border-radius:7px}.op-avatar-badge{position:absolute;right:-3px;bottom:-3px;width:12px;height:12px;border-radius:50%;background:#7a3ff2;color:#fff;display:grid;place-items:center;box-shadow:0 0 0 1.5px var(--opp-bg)}.op-avatar-more{background:#d6d6d6;color:var(--opp-text)}.op-conn-status{width:8px;height:8px;border-radius:50%;margin-left:10px!important;background:#f5a623}.op-conn-status[data-status=offline]{background:#e5432a}.op-zoom-btn{display:inline-flex;align-items:center;gap:2px;height:28px;padding:0 6px;border-radius:6px;color:var(--opp-text-2);font-size:12px}.op-zoom-btn:hover,.op-zoom-btn[data-open]{color:var(--opp-text);background:#0000000a}.op-share-btn{height:28px;padding:0 9px;border-radius:6px;background:var(--opp-field);color:var(--opp-text);font-size:12px;box-shadow:0 0 0 .5px #0000000f}.op-share-btn:hover,.op-share-btn[data-open]{background:#fff}.op-rp-tabs{display:flex;padding:10px 10px 8px;flex-shrink:0}.op-rp-seg{flex:1;height:32px;border-radius:10px}.op-rp-seg>button{font-size:12.5px;border-radius:8px}.op-rp-body{border-top:1px solid var(--opp-line)}.op-chat-island-head{display:flex;align-items:center;gap:8px;padding:10px 10px 8px 14px;flex-shrink:0}.op-chat-island-title{flex:1;font-size:12px;font-weight:600}.op-rp-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.op-design{padding:0 8px 24px}.op-design:not(:has(.op-card)){padding-bottom:4px}.op-design>.op-psec:last-child{border-bottom:0}.op-design-search{position:sticky;top:0;z-index:2;margin:0 -8px;padding:8px 8px 4px;background:var(--opp-bg)}.op-design-search .op-field{height:28px;gap:6px;padding:0 8px;color:var(--opp-text-3)}.op-design-search input{all:unset;flex:1;min-width:0;color:var(--opp-text);user-select:text}.op-design-search input::placeholder{color:var(--opp-text-3)}.op-card-group:not(:has(.op-psec)){display:none}.op-card-label{padding:14px 4px 6px;font-family:var(--ui-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--opp-text-3)}.op-card{--opp-field: #f2f2f2;--opp-field-hover: #ececec;--opp-seg: #ebebeb;background:#fff;border-radius:10px;box-shadow:0 0 0 1px var(--opp-line)}.op-card>.op-psec{padding:6px 10px 12px;border-bottom:1px solid var(--opp-line)}.op-card>.op-psec:last-child{border-bottom:0}.op-card>.op-psec.is-empty{padding-bottom:6px}.op-design-nomatch{padding:16px 4px;color:var(--opp-text-3)}.op-title-btn{height:24px;margin-left:-4px;padding:0 4px;border-radius:5px;gap:4px}.op-title-btn:hover{background:#0000000a}.op-title-btn svg{color:var(--opp-text-2)}.op-dim-title{color:var(--opp-text-3)!important}.op-flex{display:grid;grid-template-columns:110px 1fr;gap:8px}.op-flex .op-r1i,.op-layout .op-r2i{grid-template-columns:1fr 20px}.op-layout .op-r2i{grid-template-columns:1fr 1fr 20px}.op-flex .op-r1i>.op-ib,.op-layout .op-r2i>.op-ib{justify-self:end;margin-right:-2px}.op-readonly .op-field-input{color:var(--opp-text-3)}.op-field[data-disabled].op-readonly{opacity:1}.op-trunc{display:flex;align-items:center;gap:6px;min-width:0}.op-trunc-lines{width:44px;flex-shrink:0}.op-sublabel{color:var(--opp-text-2);font-size:11px;margin-bottom:-4px}.op-filter-row{gap:4px}.op-filter-row>.op-field{margin-right:0}.op-filter-name{flex:0 0 104px;min-width:0}.op-warn{color:#e5432a;font-weight:600;padding:0 2px}.op-export-row{display:grid;grid-template-columns:64px 1fr 72px 24px;gap:4px;align-items:center}.op-export-btn{margin-top:2px}.op-copy-row{display:grid;grid-template-columns:auto repeat(4,minmax(0,1fr));align-items:center;gap:4px}.op-copy-row .op-chip{height:24px;padding:0 4px;font-size:11px}.op-copy-row .op-dim{margin-right:4px}.op-chip{height:22px;padding:0 7px;border-radius:5px;background:var(--opp-field);color:var(--opp-text)}.op-chip:hover{background:#fff}.op-showall{text-align:left;height:20px}.op-share-pop{width:300px;display:flex;flex-direction:column}.op-share-section{padding:12px;display:flex;flex-direction:column;gap:8px}.op-share-section+.op-share-section{border-top:1px solid var(--opp-line)}.op-share-title{display:flex;align-items:center;gap:6px;font-weight:500}.op-share-section p{margin:0;line-height:1.4}.op-share-err{color:#c4361f}.op-share-url{display:flex;align-items:center;gap:4px}.op-share-url .op-field{flex:1}.op-share-qr{align-self:center;width:160px;height:160px;background:#fff;border-radius:8px;padding:6px}.op-share-qr svg{width:100%;height:100%;display:block}.op-share-actions{display:flex;gap:6px}a.op-pbtn{text-decoration:none}.op-comment-row{display:block;width:100%;text-align:left;padding:10px 12px;border-bottom:1px solid var(--panel-border)}.op-comment-row:hover{background:var(--row-hover)}.op-comment-row[data-resolved]{opacity:.6}.op-comment-row-text{margin-top:4px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.op-comments-panel .op-row+.op-row{margin-top:8px}.op-avatar-btn[data-following] .op-avatar{outline:2px solid var(--accent);outline-offset:1.5px}.op-guide-pop{width:260px}.op-guide-editor{display:flex;flex-direction:column;gap:8px;padding:12px}.op-app-mini{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--opp-text)}.op-app-mini-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--opp-field);font-size:15px}.op-app-mini-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-ask{--ask-bg: #0e0e12;--ask-raised: #24242a;--ask-hover: #2c2c33;--ask-ink: #ffffff;--ask-dim: #9a9993;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);width:min(620px,calc(100vw - 32px));min-height:64px;display:flex;align-items:center;gap:12px;padding:10px 10px 10px 14px;border-radius:20px;background:var(--ask-bg);color:var(--ask-ink);pointer-events:auto;box-shadow:0 18px 44px #0e0e124d,0 2px 6px #0e0e1224;animation:op-ask-in .22s cubic-bezier(.2,.9,.3,1.2);font-family:var(--ui-font)}:root[data-theme=dark] .op-ask{box-shadow:0 0 0 1px #2c2c33,0 18px 44px #0000008c}@keyframes op-ask-in{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.97)}}.op-ask-me,.op-ask-agent{position:relative;width:44px;height:44px;flex-shrink:0;display:grid;place-items:center}.op-ask-me .op-nib,.op-ask-agent .op-nib{position:relative;z-index:1;margin:4px 0 0 6px}.op-ask-ring{position:absolute;inset:2px;border-radius:50%;border:2px solid rgba(255,255,255,.22);transform:scale(calc(.86 + var(--lvl, 0) * .5));opacity:calc(.35 + var(--lvl, 0) * .65);transition:transform 90ms linear,opacity 90ms linear}.op-ask-ring-2{inset:-4px;border-width:1.5px;border-color:#ffffff1f;transform:scale(calc(.8 + var(--lvl, 0) * .75));animation:op-ask-breathe 1.8s ease-in-out infinite}.op-ask[data-phase=transcribing] .op-ask-ring{animation:op-ask-spin 1.1s linear infinite;border-top-color:#fff}@keyframes op-ask-breathe{50%{opacity:.15}}@keyframes op-ask-spin{to{transform:rotate(360deg)}}.op-ask-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.op-ask-status{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--ask-ink);min-height:16px}.op-ask-about{margin-left:auto;font-weight:500;color:var(--ask-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}.op-ask-wave{display:inline-flex;align-items:center;gap:2px;height:14px}.op-ask-wave i{display:block;width:3px;height:14px;border-radius:2px;background:#fff;transform-origin:center;transition:transform 80ms linear}.op-ask-input{width:100%;height:30px;padding:0;border:0;outline:none;background:transparent;color:var(--ask-ink);font:500 15px/1.3 var(--ui-font)}.op-ask-input::placeholder{color:var(--ask-dim)}.op-ask-go{height:36px;padding:0 16px;border-radius:12px;background:#fff;color:#0e0e12;font:600 13px var(--ui-font);flex-shrink:0}.op-ask-go:disabled{opacity:.5}.op-ask-x{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;background:var(--ask-raised);color:var(--ask-ink)}.op-ask-x:hover{background:var(--ask-hover)}.op-ask-x[data-on]{color:#fff}.op-ask-x:not([data-on]) svg{opacity:.6}.op-ask-3d{height:36px;padding:0 12px;flex-shrink:0;border-radius:12px;background:var(--ask-raised);color:var(--ask-dim);font:700 12px var(--ui-font);letter-spacing:.02em}.op-ask-3d:hover{background:var(--ask-hover);color:var(--ask-ink)}.op-ask-3d[data-on]{background:linear-gradient(135deg,#5b7cff,#9b6bff);color:#fff}.op-ask-captions{width:min(680px,calc(100vw - 32px))}.op-ask-caption{font:500 16px/1.42 var(--ui-font);color:var(--ask-ink);text-wrap:pretty;animation:op-ask-caption .26s ease-out}@keyframes op-ask-caption{0%{opacity:0;transform:translateY(3px)}}.op-ask-question{font:500 14px/1.35 var(--ui-font);color:var(--ask-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-ask-shimmer{background:linear-gradient(90deg,#8a8984,#fff,#8a8984 90%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:op-ask-shimmer 1.4s linear infinite}@keyframes op-ask-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.op-dock-ask[data-listening]{background:#fff;color:#0e0e12}.op-my-nib-listen{position:absolute;left:4px;top:2px;width:30px;height:30px;border-radius:50%;pointer-events:none}.op-my-nib-listen:before,.op-my-nib-listen:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--nib-color, #2f4bff);opacity:calc(.25 + var(--lvl, 0) * .6);transform:scale(calc(1.1 + var(--lvl, 0) * .7));transition:transform 90ms linear,opacity 90ms linear}.op-my-nib-listen:after{border-width:1.5px;opacity:.3;animation:op-my-nib-ping 1.6s ease-out infinite}@keyframes op-my-nib-ping{0%{transform:scale(1);opacity:.45}to{transform:scale(2.1);opacity:0}}.op-dock-wrap{position:absolute;bottom:12px;z-index:40;display:flex;justify-content:center;pointer-events:none}.op-dock{--dock-bg: #0e0e12;--dock-raised: #24242a;--dock-hover: #2c2c33;--dock-line: #2c2c33;--dock-ink: #ffffff;--dock-dim: #8a8984;position:relative;pointer-events:auto;display:flex;align-items:center;gap:4px;height:56px;padding:0 10px;border-radius:20px;background:var(--dock-bg);color:var(--dock-ink);box-shadow:0 14px 36px #0e0e1242,0 2px 6px #0e0e121f}:root[data-theme=dark] .op-dock{box-shadow:0 0 0 1px #2c2c33,0 14px 36px #00000080}.op-dock[data-labels]{height:66px}.op-dock-sep{width:1px;height:22px;margin:0 8px;background:var(--dock-line);flex-shrink:0}.op-dock-slot{position:relative;display:flex}.op-dock-btn{position:relative;width:40px;height:40px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--dock-ink);flex-shrink:0;transition:background-color .12s}.op-dock[data-labels] .op-dock-btn{width:54px;height:52px}.op-dock-btn:hover:not([aria-disabled]){background:var(--dock-hover)}.op-dock-btn[data-active]{background:#2f4bff}.op-dock-btn[data-locked]:after{content:"";position:absolute;left:50%;bottom:4px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--dock-ink)}.op-dock-btn[aria-disabled]{opacity:.35}.op-dock-label{font-size:10.5px;font-weight:500;line-height:1;color:#c9c8c3;white-space:nowrap}.op-dock-btn[data-active] .op-dock-label{color:var(--dock-ink)}.op-dock-more{position:absolute;right:2px;bottom:2px;width:14px;height:14px;border-radius:4px}.op-dock-more:before{content:"";position:absolute;right:3px;bottom:3px;width:6px;height:6px;background:#77767f;clip-path:polygon(100% 0,100% 100%,0 100%)}.op-dock-btn[data-active]+.op-dock-more:before,.op-dock-more:hover:before,.op-dock-more[aria-expanded=true]:before{background:var(--dock-ink)}.op-dock-pill,.op-dock-ask,.op-dock-current{display:flex;align-items:center;gap:7px;height:40px;padding:0 12px;border-radius:12px;background:var(--dock-raised);color:var(--dock-ink);font-size:13px;font-weight:600;white-space:nowrap;flex-shrink:0}.op-dock[data-labels] :is(.op-dock-pill,.op-dock-ask){height:52px}.op-dock-pill:hover,.op-dock-ask:hover{background:var(--dock-hover)}.op-dock-pill[data-active]{background:#fff;color:#0e0e12}.op-dock-count{font-family:var(--ui-mono);font-size:11px;font-weight:500;color:var(--dock-dim)}.op-dock-pill[data-active] .op-dock-count{color:#6a6a66}.op-dock-ask{padding:0 12px 0 6px}.op-dock-ask[data-compact]{width:40px;padding:0;justify-content:center}.op-dock-ask[data-active]{background:#fff;color:#0e0e12}.op-dock-fold{position:absolute;left:50%;top:-14px;width:44px;height:16px;margin-left:-22px;border-radius:8px 8px 0 0;background:var(--dock-bg);color:var(--dock-dim);display:grid;place-items:center;opacity:0;transition:opacity .15s}.op-dock:hover .op-dock-fold,.op-dock-fold:focus-visible{opacity:1}.op-dock-fold:hover{color:var(--dock-ink)}.op-dock-folded{height:48px;padding:0 4px;gap:4px;border-radius:16px}.op-dock-folded .op-dock-current{height:38px;background:#2f4bff}.op-dock-folded .op-dock-pill,.op-dock-folded .op-dock-ask{height:38px}.op-dock-stack{position:absolute;left:50%;bottom:calc(100% + 14px);transform:translate(-50%);z-index:2;width:max-content;min-width:220px;padding:6px;border-radius:14px;background:#fff;color:var(--panel-text);box-shadow:0 0 0 1px #0e0e1214,0 16px 36px #0e0e122e}.op-dock-stack-item{display:flex;align-items:center;gap:10px;width:100%;height:36px;padding:0 10px;border-radius:9px;font-size:13px;text-align:left}.op-dock-stack-item:hover,.op-dock-stack-item:focus-visible{background:#f2f1ec;outline:none}.op-dock-stack-item[data-current]{color:var(--accent);font-weight:600}.op-dock-stack-item span{flex:1;white-space:nowrap}.op-dock-stack-item kbd,.op-sheet kbd{font-family:var(--ui-mono);font-size:11px;color:var(--panel-text-2);padding:1px 5px;border-radius:5px;background:#f2f1ec}.op-dock-stack-foot{margin-top:4px;padding:7px 10px 3px;border-top:1px solid #ecebe6;font-size:11px;color:var(--panel-text-2)}.op-sheet{position:absolute;left:50%;bottom:calc(100% + 14px);transform:translate(-50%);z-index:3;width:min(760px,calc(100vw - 24px));max-height:calc(100vh - 200px);display:flex;flex-direction:column;border-radius:22px;background:#fff;color:var(--panel-text);box-shadow:0 0 0 1px #0e0e120f,0 24px 60px #0e0e1238;overflow:hidden;cursor:default}.op-sheet-search{display:flex;align-items:center;gap:10px;margin:12px 12px 8px;height:42px;padding:0 12px 0 14px;border-radius:13px;background:#f2f1ec;color:var(--panel-text-2)}.op-sheet-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:14px;color:var(--panel-text)}.op-sheet-search kbd{background:#fff}.op-sheet-kicker{font-family:var(--ui-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--panel-text-2)}.op-sheet>.op-sheet-kicker{padding:2px 22px 6px}.op-sheet-recent{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:2px 16px 8px 22px}.op-sheet-recent .op-sheet-kicker{margin-right:4px}.op-sheet-recent button{display:flex;align-items:center;gap:6px;height:28px;padding:0 10px 0 8px;border-radius:999px;background:#f2f1ec;font-size:12px;font-weight:500}.op-sheet-recent button svg{width:14px;height:14px}.op-sheet-recent button:hover{background:#eae8e1}.op-sheet-list{padding:0 16px 12px;overflow-y:auto;min-height:0}.op-sheet-gh{display:flex;align-items:baseline;gap:10px;padding:12px 8px 4px;font-size:12px;font-weight:600}.op-sheet-group:first-child .op-sheet-gh{padding-top:4px}.op-sheet-gh small{font-size:11px;font-weight:400;color:var(--panel-text-3)}.op-sheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.op-sheet-item{position:relative;display:flex;align-items:center;border-radius:10px;min-width:0}.op-sheet-item[data-at]{background:#eef0ff}.op-sheet-item[aria-disabled]{opacity:.45}.op-sheet-use{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:5px 6px;text-align:left}.op-sheet-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:var(--panel-text-2);flex-shrink:0}.op-sheet-item[data-at] .op-sheet-icon{color:var(--panel-text)}.op-sheet-item[data-current] .op-sheet-icon{background:#2f4bff;color:#fff}.op-sheet-text{display:flex;align-items:baseline;gap:8px;min-width:0;flex:1}.op-sheet-text b{font-size:13px;font-weight:500;white-space:nowrap}.op-sheet-text span{font-size:12px;color:var(--panel-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-sheet-pin{width:26px;height:26px;margin-right:6px;border-radius:8px;display:grid;place-items:center;color:#b9b7af;flex-shrink:0}.op-sheet-pin:hover{background:#0e0e120f;color:var(--panel-text)}.op-sheet-pin[data-on]{color:var(--accent)}.op-sheet-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-top:1px solid #ecebe6;background:#fbfaf7;font-size:12px;color:var(--panel-text-2)}.op-sheet-keys kbd{margin:0 3px 0 8px}.op-sheet-keys kbd:first-child{margin-left:0}.op-sheet-actions{display:flex;align-items:center;gap:14px}.op-sheet-actions button{font-size:12px;font-weight:600;color:var(--accent)}.op-sheet-set{color:var(--panel-text)}.op-io-tabs{margin-bottom:12px}.op-io-code{display:flex;flex-direction:column;gap:10px}.op-io-code-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.op-io-code-opts label,.op-io-field{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--panel-text-3)}.op-io-files{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.op-io-files>button{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px;border-radius:6px;font-family:var(--ui-mono);font-size:11px;color:var(--panel-text-2);background:var(--input-bg)}.op-io-files>button[data-active=true]{background:var(--panel-text);color:#fff}.op-io-assets{font-size:11px;color:var(--panel-text-3);margin-left:4px}.op-io-pre{margin:0;height:300px;overflow:auto;padding:10px 12px;border-radius:8px;background:#f4f4f4;box-shadow:inset 0 0 0 1px var(--panel-border);font-family:var(--ui-mono);font-size:11.5px;line-height:1.55;white-space:pre;user-select:text;color:#222}.op-io-actions{display:flex;justify-content:flex-end;gap:6px}.op-io-actions .op-btn{display:inline-flex;align-items:center;gap:6px}.op-io-duration{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--panel-text-3)}.op-io-duration input{width:100%}.op-ov-export-row:has(.op-io-p3){grid-template-columns:90px 1fr 48px 90px 28px}.op-io-p3{height:28px;border:1px solid var(--panel-border);border-radius:6px;background:transparent;color:var(--panel-text-2);font:500 11px var(--ui-font);cursor:pointer}.op-io-p3:hover{color:var(--panel-text)}.op-io-p3[data-on]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.op-io-import{display:flex;flex-direction:column;gap:12px}.op-io-widths{display:flex;gap:4px}.op-io-widths .op-tabs{flex:1}.op-io-note{font-size:11px;line-height:1.5;color:var(--panel-text-3);margin:0}.op-io-progress{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--panel-text-2)}.op-io-spinner{width:14px;height:14px;border-radius:50%;border:2px solid var(--panel-border);border-top-color:var(--accent, #2f4bff);animation:op-io-spin .8s linear infinite}@keyframes op-io-spin{to{transform:rotate(360deg)}}.op-io-warnings{margin:0;padding-left:16px;font-size:11px;line-height:1.5;color:var(--panel-text-2)}.op-imp{display:flex;flex-direction:column;gap:12px}.op-imp-tabs{width:100%}.op-imp-head{display:flex;flex-direction:column;gap:2px}.op-imp-head>span{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:13px;color:var(--panel-text, #1c1c1c)}.op-imp-head small,.op-imp-note{font-size:11px;line-height:1.45;color:var(--panel-text-3, #8a8a8a);margin:0}.op-imp-error{margin:0;font-size:12px;line-height:1.45;color:#d93036}.op-imp-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 12px;text-align:center;color:var(--panel-text-2, #6b6b6b)}.op-imp-empty b{color:var(--panel-text, #1c1c1c)}.op-imp-empty p{margin:0 0 6px;max-width:340px;font-size:12px;line-height:1.5}.op-imp-list{border:1px solid #ececec;border-radius:10px;overflow:hidden}.op-imp-scroll{max-height:260px;overflow:auto}.op-imp-row{display:flex;align-items:center;gap:10px;min-height:34px;padding:0 12px;border-top:1px solid #f2f2f2;font-size:12px;cursor:pointer}.op-imp-row:first-child,.op-imp-scroll .op-imp-row:first-child{border-top:0}.op-imp-row:hover{background:#f8f8f8}.op-imp-row input{margin:0;accent-color:#141414}.op-imp-row span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--panel-text, #1c1c1c)}.op-imp-row small{flex-shrink:0;color:var(--panel-text-3, #8a8a8a);font-size:11px}.op-imp-all{background:#fafafa;border-bottom:1px solid #ececec}.op-imp-all span{font-weight:500}.op-imp-foot{display:flex;align-items:center;justify-content:flex-end;gap:8px}.op-imp-disconnect{font-size:11px}.op-imp-steps{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:12px;line-height:1.5;color:var(--panel-text-2, #4a4a4a)}.op-imp-steps .op-link-btn{display:inline-flex;align-items:center;gap:3px}.op-imp-field{display:flex;gap:8px}.op-imp-field input{flex:1;min-width:0;height:32px;padding:0 10px;border:1px solid #e3e3e3;border-radius:8px;background:#fff;font:12px Inter,sans-serif;color:#1c1c1c;outline:none}.op-imp-field input:focus{border-color:var(--accent)}.op-imp-drop{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:26px 12px;border:1.5px dashed #d8d8d8;border-radius:12px;background:#fafafa;color:var(--panel-text-2, #6b6b6b);font-size:12px;cursor:pointer;transition:border-color .12s,background .12s}.op-imp-drop b{color:var(--panel-text, #1c1c1c);font-size:13px;font-weight:600}.op-imp-drop:hover,.op-imp-drop.is-over{border-color:var(--accent);background:#0d99ff0d}.op-imp-job{display:flex;flex-direction:column;gap:10px}.op-imp-job-head{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--panel-text, #1c1c1c)}.op-imp-step{margin:-4px 0 0;font-size:11px;color:var(--panel-text-3, #8a8a8a);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-imp-warn{display:flex;gap:8px;padding:10px 12px;border-radius:10px;background:#ffaa2824;color:#b7740a;font-size:12px;line-height:1.5}.op-imp-warn svg{flex-shrink:0;margin-top:2px}.op-imp-results{border:1px solid #ececec;border-radius:10px}.op-imp-result{display:flex;align-items:center;gap:10px;min-height:36px;padding:4px 12px;border-top:1px solid #f2f2f2;font-size:12px}.op-imp-result:first-child{border-top:0}.op-imp-result-icon{display:inline-flex;width:14px;justify-content:center;color:var(--panel-text-3, #8a8a8a)}.op-imp-result.is-done .op-imp-result-icon{color:#1a7f37}.op-imp-result.is-failed .op-imp-result-icon{color:#d93036}.op-imp-dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.5}.op-imp-result-name{flex:1;min-width:0;display:flex;flex-direction:column;color:var(--panel-text, #1c1c1c)}.op-imp-result-name small{color:var(--panel-text-3, #8a8a8a);font-size:11px;white-space:normal}.op-imp-result.is-skipped .op-imp-result-name{color:var(--panel-text-3, #8a8a8a)}.op-btn.op-btn-sm{height:24px;padding:0 10px;font-size:11px}.op-infotip{position:relative;display:inline-flex;align-items:center;color:var(--panel-text-3, #8a8a8a);cursor:help;outline:none}.op-infotip:hover,.op-infotip:focus-visible{color:var(--panel-text, #1c1c1c)}.op-infotip-pop{position:fixed;z-index:3000;transform:translate(-50%);width:340px;padding:12px 14px;border-radius:10px;background:#1c1c1c;color:#f2f2f2;font-size:11px;font-weight:400;line-height:1.5;text-align:left;box-shadow:0 0 0 .5px #ffffff14,0 12px 32px #0000003d;pointer-events:none}.op-infotip-pop b{display:block;margin-bottom:4px;font-size:12px;font-weight:600;color:#fff}.op-infotip-pop p{margin:0 0 8px;color:#c8c8c8}.op-infotip-pop p:last-child{margin-bottom:0}.op-infotip-pop table{width:100%;margin:0 0 8px;border-collapse:collapse}.op-infotip-pop th,.op-infotip-pop td{padding:5px 6px;border-top:1px solid rgba(255,255,255,.1);vertical-align:top;text-align:left;font-weight:400}.op-infotip-pop th{border-top:0;color:#9a9a9a;font-size:10px}.op-infotip-pop td:first-child{color:#fff;font-weight:500;white-space:nowrap}.op-infotip-pop td small{display:block;color:#9a9a9a;font-size:10px}.op-imp-sources{display:flex;flex-direction:column}.op-imp-source{display:flex;align-items:center;gap:10px;min-height:44px;border-bottom:1px solid #f2f2f2}.op-imp-source-logo{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;background:#f2f2f2;flex-shrink:0;font-size:11px;font-weight:700;color:#1c1c1c}.op-imp-source-text{flex:1;min-width:0;display:flex;flex-direction:column}.op-imp-source-text span{display:inline-flex;align-items:center;gap:6px;font-weight:500}.op-imp-source-text small{color:var(--panel-text-3, #8a8a8a);font-size:11px}.op-mp-stage{--mp-ease: cubic-bezier(.22, 1.35, .36, 1);position:relative;height:196px;margin:2px 0 12px;border-radius:12px;overflow:hidden;background-color:var(--canvas-bg);background-image:radial-gradient(circle,rgba(14,14,18,.09) 1px,transparent 1.2px);background-size:16px 16px;box-shadow:inset 0 0 0 1px var(--panel-border)}:root[data-theme=dark] .op-mp-stage{background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1.2px)}.op-mp-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.op-mp-wires line{stroke-width:1.5;stroke-dasharray:3 5;vector-effect:non-scaling-stroke;opacity:0;animation:op-mp-wire 2.6s ease-out both}@keyframes op-mp-wire{20%{opacity:.55}60%{opacity:.45}to{opacity:0}}.op-mp-me{position:absolute;left:50%;top:46%;display:grid;justify-items:center;transform:translate(-50%,-50%)}.op-mp-me-nib{position:relative;z-index:1}.op-mp-stage[data-phase=connected] .op-mp-me-nib{animation:op-mp-pop .6s var(--mp-ease) both}@keyframes op-mp-pop{0%{transform:scale(.9)}40%{transform:scale(1.14) rotate(-6deg)}to{transform:scale(1)}}.op-mp-me-tag{position:relative;z-index:1;margin-top:2px;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap;animation:op-mp-fade .4s ease-out .25s both}.op-mp-ring{position:absolute;left:50%;top:30px;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;border:2px solid var(--accent, #2f4bff);opacity:0;animation:op-mp-ring 1.4s ease-out infinite}.op-mp-ring-once{animation-iteration-count:1;animation-duration:.9s}@keyframes op-mp-ring{0%{transform:scale(.7);opacity:.55}to{transform:scale(2.6);opacity:0}}.op-mp-guest{position:absolute;animation:op-mp-in .75s var(--mp-ease) both}.op-mp-stage[data-phase=active] .op-mp-guest{animation:op-mp-fade .4s ease-out both}@keyframes op-mp-in{0%{transform:translate(var(--fx),var(--fy)) rotate(-20deg);opacity:0}30%{opacity:1}to{transform:none}}@keyframes op-mp-fade{0%{opacity:0}}.op-mp-guest-roam{display:flex;align-items:flex-start;animation:op-mp-roam 6s ease-in-out infinite}.op-mp-guest-roam span{margin:13px 0 0 -2px;padding:2px 7px;border-radius:5px;font-size:11px;font-weight:600;white-space:nowrap}@keyframes op-mp-roam{0%,to{transform:translate(0)}30%{transform:translate(14px,6px)}60%{transform:translate(-6px,12px)}80%{transform:translate(8px,-5px)}}.op-mp-caption{position:absolute;left:0;right:0;bottom:12px;text-align:center;font-size:12px;color:var(--panel-text-2)}.op-mp-caption b{color:var(--panel-text);font-size:13px;animation:op-mp-fade .5s ease-out .5s both}.op-mp-stage[data-phase=idle] .op-mp-me{opacity:.85}.op-mp-stage[data-still] *,.op-mp-stage[data-still] *:before{animation:none!important}.op-mp-stage[data-still] .op-mp-wires line{opacity:.3}.op-mp-stage[data-still] .op-mp-ring{display:none}@media(prefers-reduced-motion:reduce){.op-mp-stage *{animation:none!important}.op-mp-stage .op-mp-wires line{opacity:.3}.op-mp-stage .op-mp-ring{display:none}}.op-mp-start{margin-top:4px}.op-mp-form{display:grid;gap:10px;margin-top:4px}.op-mp-code{display:grid;gap:4px;font-size:12px;color:var(--panel-text-2)}.op-mp-code input{height:32px;border:1px solid var(--panel-border);border-radius:6px;padding:0 10px;background:var(--input-bg);color:var(--panel-text);font:13px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.04em;outline:none}.op-mp-code input::placeholder{text-transform:none;letter-spacing:0;color:var(--panel-text-3, var(--panel-text-2))}.op-mp-code input:focus{border-color:var(--accent, #2f4bff)}.op-mp-agree{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;padding:10px 12px;border-radius:8px;background:var(--panel-bg-2);font-size:11.5px;line-height:1.5;color:var(--panel-text-2);cursor:pointer}.op-mp-agree input{margin-top:2px}.op-mp-agree b{color:var(--panel-text)}.op-mp-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.op-mp-actions .op-ov-note{margin:0;flex:1 1 200px}.op-mp-err{margin:0;font-size:12px;color:var(--danger, #d92d20)}.op-mp-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}.op-mp-facts>div{display:grid;gap:2px;padding:8px 10px;border-radius:8px;background:var(--panel-bg-2);min-width:0}.op-mp-facts span{font-size:11px;color:var(--panel-text-2)}.op-mp-facts b{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-mp-record{padding-left:8px;border-left:2px solid var(--panel-border)}.op-mp-link{margin-top:4px;border:0;padding:0;background:none;font:inherit;font-size:12px;color:var(--panel-text-2);text-decoration:underline;cursor:pointer}.op-mp-link:hover{color:var(--danger, #d92d20)}.op-mp-member{display:flex;align-items:center;gap:14px;margin-bottom:12px;padding:12px 16px 12px 12px;border-radius:12px;background:var(--panel-bg-2);box-shadow:inset 0 0 0 1px var(--panel-border);transition:box-shadow .4s ease}.op-mp-member[data-on]{box-shadow:inset 0 0 0 1.5px #ffc94d}.op-mp-member>div{display:grid;gap:3px}.op-mp-member b{font-size:15px}.op-mp-member span{font-size:12.5px;color:var(--panel-text-2)}.op-mp-allowed{margin-top:22px}.op-mp-allowed h5{margin:0 0 8px;font-size:12px;font-weight:600}.op-mp-allowed-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--panel-border)}.op-mp-allowed-row i{width:10px;height:10px;border-radius:50%;flex:none}.op-mp-allowed-row span{flex:1;display:flex;flex-direction:column}.op-mp-allowed-row small{color:var(--panel-text-2)}.op-taste-head{display:flex;align-items:center;gap:6px;margin:12px 0 6px}.op-taste-head>span{flex:1}.op-taste-head code{font-size:11px;color:var(--opp-text-2)}.op-taste-text{box-sizing:border-box;width:100%;max-height:260px;min-height:140px;margin:0;padding:10px 12px;overflow:auto;border-radius:8px;background:var(--opp-field);box-shadow:inset 0 0 0 1px var(--opp-line);font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--opp-text);white-space:pre-wrap;overflow-wrap:anywhere;user-select:text}.op-taste-edit{display:block;resize:vertical;border:0;outline:none;height:260px}.op-taste-edit:focus{box-shadow:inset 0 0 0 1px var(--opp-accent)}.op-pdf{position:fixed;inset:0;z-index:1500;display:flex;flex-direction:column;background:var(--canvas-bg);color:var(--panel-text);font:var(--ui-size) / 1.4 var(--ui-font)}.op-pdf-bar{position:relative;display:flex;align-items:center;gap:12px;height:52px;padding:0 10px 0 16px;background:var(--panel-bg);border-bottom:1px solid var(--panel-border)}.op-pdf-name{display:flex;flex-direction:column;min-width:0;flex:1 1 0}.op-pdf-name b{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600}.op-pdf-name span{color:var(--panel-text-2);font-size:11px}.op-pdf-tools{display:flex;align-items:center;gap:2px;padding:3px;border-radius:10px;background:var(--input-bg)}.op-pdf-tool{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:30px;height:30px;padding:0 7px;border:0;border-radius:7px;background:transparent;color:var(--panel-text);font:inherit;font-weight:500;cursor:pointer}.op-pdf-tool:hover{background:var(--input-bg-hover)}.op-pdf-tool[data-active]{background:var(--accent);color:#fff}.op-pdf-sep{width:1px;height:18px;margin:0 5px;background:var(--panel-border)}.op-pdf-swatch{width:18px;height:18px;margin:0 2px;border:0;border-radius:50%;box-shadow:inset 0 0 0 1px #00000026;cursor:pointer}.op-pdf-swatch[data-active]{box-shadow:0 0 0 2px var(--input-bg),0 0 0 4px var(--accent)}.op-pdf-zoom{min-width:40px;text-align:center;color:var(--panel-text-2);font-variant-numeric:tabular-nums}.op-pdf-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex:1 1 0}.op-pdf-hint{padding:6px 16px;text-align:center;color:var(--panel-text-2);font-size:11px;background:var(--panel-bg);border-bottom:1px solid var(--panel-border)}.op-pdf-scroll{flex:1;overflow:auto;display:flex;flex-direction:column;align-items:center;gap:24px;padding:28px 24px 80px}.op-pdf-empty{margin:auto;display:flex;align-items:center;gap:10px;color:var(--panel-text-2)}.op-pdf-spin{animation:op-pdf-spin .9s linear infinite}@keyframes op-pdf-spin{to{transform:rotate(360deg)}}.op-pdf-page{position:relative;flex:none;background:#fff;box-shadow:0 1px 2px #00000014,0 8px 28px #0000001f}.op-pdf-page canvas{display:block}.op-pdf-pageno{position:absolute;left:100%;bottom:0;margin-left:10px;color:var(--panel-text-3);font-size:11px}.op-pdf-layer{position:absolute;inset:0;overflow:hidden;touch-action:none}.op-pdf-scroll[data-tool=text] .op-pdf-layer{cursor:text}.op-pdf-scroll:is([data-tool=sign],[data-tool=date],[data-tool=check],[data-tool=cross],[data-tool=highlight],[data-tool=pen]) .op-pdf-layer{cursor:crosshair}.op-pdf-marks{position:absolute;left:0;top:0;transform-origin:0 0}.op-pdf-mark{position:absolute;cursor:move}.op-pdf-scroll:is([data-tool=pen],[data-tool=highlight]) .op-pdf-mark{pointer-events:none}.op-pdf-mark[data-selected]{outline:1px solid var(--accent);outline-offset:1px}.op-pdf-mark img{display:block;width:100%;height:100%;pointer-events:none;user-select:none}.op-pdf-hl{position:absolute;inset:0;mix-blend-mode:multiply}.op-pdf-text{min-width:4px;white-space:pre;font-family:Helvetica,Arial,sans-serif;line-height:1.2}.op-pdf-textfield{display:block;min-width:60px;field-sizing:content;margin:0;padding:0;border:0;outline:0;resize:none;overflow:hidden;background:#0d99ff14;color:inherit;font:inherit;line-height:inherit;white-space:pre}.op-pdf-ink{pointer-events:none;cursor:move}.op-pdf-ink polyline{pointer-events:visibleStroke}.op-pdf-handle{position:absolute;right:-5px;bottom:-5px;width:8px;height:8px;border-radius:2px;background:#fff;box-shadow:0 0 0 1px var(--accent);cursor:nwse-resize}.op-pdf-sigmenu{position:absolute;top:48px;left:50%;z-index:2;display:flex;flex-direction:column;gap:4px;width:260px;padding:6px;transform:translate(-50%);border-radius:10px;background:#fff;box-shadow:var(--shadow-pop)}.op-pdf-sigitem{display:flex;align-items:center;gap:4px}.op-pdf-sigitem>button:first-child{flex:1;height:56px;padding:6px;border:0;border-radius:7px;background:#fafafa;cursor:pointer}.op-pdf-sigitem>button:first-child:hover{background:var(--accent-soft)}.op-pdf-sigitem img{max-width:100%;max-height:100%}.op-pdf-signew{height:32px;border:0;border-radius:7px;background:transparent;color:var(--accent-2);font:inherit;font-weight:600;cursor:pointer}.op-pdf-signew:hover{background:var(--accent-soft)}.op-pdf-sigpad-scrim{position:fixed;inset:0;z-index:1600;display:grid;place-items:center;background:var(--op-scrim)}.op-pdf-sigpad{width:560px;max-width:calc(100vw - 32px);border-radius:12px;background:var(--panel-bg);box-shadow:var(--shadow-pop)}.op-pdf-sigpad-head{display:flex;align-items:center;gap:12px;padding:10px 10px 10px 16px}.op-pdf-sigpad-head b{flex:1}.op-pdf-seg{display:flex;padding:2px;border-radius:8px;background:var(--input-bg)}.op-pdf-seg button{height:26px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:var(--panel-text-2);font:inherit;cursor:pointer}.op-pdf-seg button[data-active]{background:var(--panel-bg);color:var(--panel-text);box-shadow:0 1px 2px #0000001f}.op-pdf-sigpad-body{position:relative;margin:0 20px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px var(--panel-border);overflow:hidden}.op-pdf-sigpad-body canvas{display:block;max-width:100%;cursor:crosshair;touch-action:none}.op-pdf-sigpad-line{position:absolute;left:32px;right:32px;bottom:40px;padding-top:4px;border-top:1px solid #d9d6cf;color:#a7a39a;font-size:11px;pointer-events:none}.op-pdf-sigpad-type{display:flex;flex-direction:column;gap:8px;padding:14px}.op-pdf-sigpad-type input{height:32px;padding:0 10px;border:0;border-radius:6px;background:#f2f2f0;color:#1f1d17;font:inherit;outline:0}.op-pdf-sigpad-preview{height:110px;display:flex;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;font-size:52px}.op-pdf-sigpad-upload{display:grid;place-items:center;height:180px;padding:16px;color:#6e6a62;text-align:center;cursor:pointer}.op-pdf-sigpad-upload img{max-width:100%;max-height:148px}.op-pdf-sigpad-upload input{display:none}.op-pdf-sigpad-foot{display:flex;align-items:center;gap:8px;padding:12px 20px 16px}.op-pdf-check{display:inline-flex;align-items:center;gap:6px;color:var(--panel-text-2)}@media(max-width:1080px){.op-pdf-name,.op-pdf-tool>span{display:none}.op-pdf-actions{flex:none}.op-pdf-bar{justify-content:space-between}.op-pdf-tools{overflow-x:auto;min-width:0}}.op-app-page{height:100%;overflow-y:auto;background:#f6f5f2;color:#1c1b18;font-family:var(--ui-font)}.op-app-loading{display:grid;place-items:center;color:#8a877e}.op-app-col{max-width:720px;margin:0 auto;padding:76px 24px 48px;display:flex;flex-direction:column;gap:20px}.op-app-top{display:flex;align-items:center}.op-app-grow{flex:1}.op-app-back{display:inline-flex;align-items:center;gap:5px;color:#6e6b62;font-size:12.5px}.op-app-back:hover{color:#1c1b18}.op-app-head{display:flex;align-items:center;gap:16px;padding-top:12px}.op-app-icon{display:grid;place-items:center;flex-shrink:0;width:60px;height:60px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px #e8e5dc,0 8px 22px #3c321414;font-size:30px}.op-app-head h1{margin:0;font-size:26px;font-weight:700;letter-spacing:-.02em}.op-app-head p{margin:4px 0 0;color:#6e6b62;font-size:14.5px;line-height:1.45}.op-app-form,.op-app-run-view{display:flex;flex-direction:column;gap:16px;padding:20px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px #ebe8df,0 10px 30px #3c32140f}.op-app-field{display:flex;flex-direction:column;gap:7px}.op-app-label{font-size:13.5px;font-weight:600}.op-app-req{color:#c2410c}.op-app-hint{margin-top:2px;font-size:12.5px;font-weight:400;color:#7c796f}.op-app-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #e3e0d6;background:#fbfaf7;color:#1c1b18;font:inherit;font-size:14px;line-height:1.5;resize:vertical}.op-app-input:focus{outline:none;border-color:#7c5cff;box-shadow:0 0 0 3px #7c5cff26;background:#fff}.op-app-drop{display:flex;align-items:center;gap:10px;min-height:64px;padding:12px 14px;border-radius:12px;border:1.5px dashed #d9d5c8;background:#fbfaf7;color:#5e5b52;font-size:13.5px;cursor:pointer}.op-app-drop[data-over],.op-app-drop:hover{border-color:#7c5cff;background:#f7f4ff}.op-app-drop[data-has]{border-style:solid;border-color:#cfc6f7;background:#f7f4ff}.op-app-drop>span{flex:1}.op-app-x{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;color:#6e6b62}.op-app-x:hover{background:#ece8ff}.op-app-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.op-app-run{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 20px;border-radius:11px;background:#7c5cff;color:#fff;font-size:14px;font-weight:600}.op-app-run:hover:not(:disabled){background:#6b4bf0}.op-app-run:disabled{opacity:.5}.op-app-run.secondary{background:#f1efe9;color:#1c1b18}.op-app-run.secondary:hover{background:#e9e6de}.op-app-link{display:inline-flex;align-items:center;gap:4px;color:#5b45c8;font-size:12.5px;font-weight:500;text-decoration:none}.op-app-link:hover{text-decoration:underline}.op-app-muted{color:#8a877e;font-size:12.5px}.op-app-error{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:#fff1ed;color:#b4361a;font-size:13px;line-height:1.4}.op-app-steps{display:flex;flex-direction:column;gap:2px}.op-app-step{display:flex;align-items:center;gap:10px;padding:7px 4px;font-size:13.5px}.op-app-step-name{flex:1;font-weight:500}.op-app-step-dot{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f1efe9;color:#6e6b62;font-size:11px;font-weight:700}.op-app-step[data-status=running] .op-app-step-dot{background:#efeaff;color:#7c5cff}.op-app-step[data-status=done] .op-app-step-dot{background:#e3f6ea;color:#14804a}.op-app-step[data-status=failed] .op-app-step-dot,.op-app-step[data-status=stopped] .op-app-step-dot{background:#fde8e3;color:#b4361a}.op-app-results{display:flex;flex-direction:column;gap:14px}.op-app-results h2,.op-app-runs h2{margin:4px 0 0;font-size:13px;font-weight:600;color:#6e6b62;text-transform:uppercase;letter-spacing:.05em}.op-app-figure{margin:0;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px #ebe8df;background:#fbfaf7}.op-app-figure img{display:block;width:100%;height:auto}.op-app-figure figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;font-size:12.5px;color:#5e5b52}.op-app-text{padding:12px 14px;border-radius:12px;background:#fbfaf7;box-shadow:0 0 0 1px #ebe8df;font-size:14px;line-height:1.55;white-space:pre-wrap}.op-app-text-title{margin-bottom:4px;font-size:12px;font-weight:600;color:#8a877e}.op-app-sent{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:#fff1ed;color:#b4361a;font-size:13px}.op-app-sent[data-ok]{background:#ecf8f0;color:#14804a}.op-app-runs{display:flex;flex-direction:column;gap:6px}.op-app-run-row{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px #ebe8df;font-size:13px;text-align:left}.op-app-run-row:hover{box-shadow:0 0 0 1px #cfc6f7}.op-app-foot{margin-top:8px;text-align:center;color:#b2aea2;font-size:11.5px}.op-spin{animation:op-app-spin .9s linear infinite}@keyframes op-app-spin{to{rotate:360deg}}.op-app-setup{display:flex;flex-direction:column;gap:14px;min-width:0;max-height:calc(100vh - 200px);overflow-y:auto;font-size:12.5px}.op-app-setup .op-input{min-width:0}.op-app-setup-row{display:flex;gap:8px;align-items:flex-start}.op-app-setup-emoji{width:52px!important;text-align:center;font-size:20px!important}.op-app-setup h3{margin:4px 0 0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--panel-text-2)}.op-app-setup-list{display:flex;flex-direction:column;gap:6px}.op-app-setup-item{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:9px;background:var(--panel-bg-2)}.op-app-setup-item-head{display:flex;align-items:center;gap:8px}.op-app-kind{flex-shrink:0;padding:2px 7px;border-radius:999px;background:#e3f6ea;color:#14804a;font-size:10.5px;font-weight:600}.op-app-kind.result{background:#fff3df;color:#a35f00}.op-app-setup-empty{color:var(--panel-text-2);line-height:1.45}.op-app-setup-foot{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding-top:4px;border-top:1px solid var(--panel-border)}.op-mod{display:flex;flex-direction:column;flex:0 1 auto;min-height:72px;max-height:55%;overflow:hidden;color:var(--opp-text);font-size:12px}.op-mod[data-slot=float]{position:absolute;z-index:40;width:300px;max-height:calc(100% - 160px)}.op-mod-head{display:flex;align-items:center;gap:6px;height:36px;flex-shrink:0;padding:0 6px 0 12px}.op-mod-head[data-drag]{cursor:grab;touch-action:none}.op-mod-head[data-drag]:active{cursor:grabbing}.op-mod-name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500}.op-mod-body{flex:0 1 auto;min-height:0}.op-mod-frame{display:block;width:100%;height:100%;border:0;background:transparent}.op-mods-lede{margin:0 0 12px;color:var(--panel-text-2);line-height:1.5}.op-mods-ask{border-radius:12px;background:var(--input-bg);padding:10px 10px 8px 12px}.op-mods-ask[data-busy]{opacity:.75}.op-mods-ask textarea{display:block;width:100%;resize:none;border:0;background:transparent;color:var(--opp-text);font:inherit;font-size:13px;line-height:1.5;outline:none}.op-mods-ask-foot{display:flex;align-items:center;gap:8px;margin-top:6px}.op-mods-hint{flex:1;color:var(--panel-text-3);font-size:11px}.op-mods-editing{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:var(--panel-text-2)}.op-mods-editing .op-link-btn{margin-left:auto}.op-mods-ideas{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.op-mods-idea{height:26px;padding:0 10px;border-radius:13px;border:1px solid var(--panel-border);color:var(--panel-text-2)}.op-mods-idea:hover{color:var(--opp-text);background:var(--island-hover)}.op-mods-error{margin:10px 0 0;color:#d93f3f;line-height:1.5}.op-mods-done{display:flex;align-items:baseline;gap:10px;margin-top:10px;padding:8px 10px;border-radius:10px;background:var(--accent-soft);line-height:1.5}.op-mods-done span{flex:1}.op-mods-section{margin-top:18px}.op-mods-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-weight:600}.op-mods-title .op-link-btn{display:inline-flex;align-items:center;gap:5px;font-weight:400}.op-mods-empty{margin:0;color:var(--panel-text-3)}.op-mods-list{list-style:none;margin:0;padding:0}.op-mods-list li{display:flex;align-items:center;gap:6px;min-height:40px;border-radius:10px;padding:0 4px 0 8px}.op-mods-list li:hover{background:var(--island-hover)}.op-mods-list li[data-off] .op-mods-row{opacity:.55}.op-mods-on{display:grid;place-items:center}.op-mods-row{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:5px 0;text-align:left}.op-mods-name{color:var(--opp-text);font-weight:500}.op-mods-meta{color:var(--panel-text-3);font-size:11px}.op-mods-layout{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:8px 12px}.op-mods-layout>span{color:var(--panel-text-2)}.op-mods-layout .op-seg{height:28px}.op-helper{position:relative;width:46px;height:46px}.op-helper-blot{position:relative;width:46px;height:46px;display:grid;place-items:center;transform:translateY(24px) rotate(8deg);transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.op-helper-blot:hover,.op-helper[data-awake] .op-helper-blot{transform:translateY(-2px) rotate(-4deg)}.op-helper-blot .op-blot{filter:drop-shadow(0 4px 8px rgba(14,14,18,.22))}:root[data-theme=dark] .op-helper-blot .op-blot-body{stroke:#3a3a44;stroke-width:2.5}.op-helper-news{position:absolute;right:3px;top:2px;width:10px;height:10px;border-radius:50%;background:#ff5b3a;box-shadow:0 0 0 2px var(--canvas-bg)}@media(prefers-reduced-motion:reduce){.op-helper-blot{transition:none}}.op-helper-bubble,.op-helper-menu{position:absolute;left:0;bottom:60px;z-index:60;background:var(--island-bg);color:var(--panel-text);box-shadow:0 0 0 1px #0e0e1212,0 16px 40px #0e0e1229;animation:op-helper-in .32s cubic-bezier(.34,1.56,.64,1) both}.op-helper-bubble{width:300px;padding:14px 16px;border-radius:18px 18px 18px 6px;font-size:13px;line-height:1.5}.op-helper-bubble:after{content:"";position:absolute;left:16px;bottom:-7px;width:14px;height:14px;background:var(--island-bg);transform:rotate(45deg);box-shadow:3px 3px 4px #0e0e120d}.op-helper-bubble p{margin:0;color:var(--panel-text-2)}.op-helper-title{margin:0 18px 3px 0;font-weight:600;color:var(--panel-text)}.op-helper-close{position:absolute;right:8px;top:8px;width:22px;height:22px;border-radius:11px;display:grid;place-items:center;color:var(--panel-text-3)}.op-helper-close:hover{background:var(--island-hover);color:var(--panel-text)}.op-helper-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.op-helper-actions button{height:28px;padding:0 12px;border-radius:14px;background:var(--island-hover);font-size:12px;font-weight:600}.op-helper-actions button:hover{background:var(--row-selected)}.op-helper-actions button[data-primary]{background:#2f4bff;color:#fff}.op-helper-actions button[data-primary]:hover{background:#2238d6}.op-helper-menu{width:240px;padding:6px;border-radius:16px 16px 16px 6px}.op-helper-item{display:flex;align-items:center;gap:8px;width:100%;height:34px;padding:0 10px;border-radius:10px;font-size:13px;text-align:left}.op-helper-item span{flex:1}.op-helper-item:hover{background:var(--island-hover)}.op-helper-item[aria-disabled]{color:var(--panel-text-3)}.op-helper-switch{position:relative;width:28px;height:16px;border-radius:8px;background:var(--panel-border)}.op-helper-switch:after{content:"";position:absolute;left:2px;top:2px;width:12px;height:12px;border-radius:6px;background:#fff;transition:transform .15s}.op-helper-switch[data-on]{background:var(--accent)}.op-helper-switch[data-on]:after{transform:translate(12px)}.op-helper-dot{width:8px;height:8px;border-radius:4px;background:#ff5b3a}@keyframes op-helper-in{0%{opacity:0;transform:translateY(8px) scale(.96);transform-origin:20px 100%}}.op-call-btns{display:inline-flex;align-items:center;gap:2px;flex:none;height:28px;padding:0 2px;border-radius:14px;background:var(--opp-field, #f4f4f2);box-shadow:0 0 0 .5px #0000000f}.op-call-cam{display:inline-flex;align-items:center}.op-call-btn,.op-call-chev{display:inline-grid;place-items:center;height:24px;border:0;padding:0;background:transparent;color:var(--opp-text-2, #6d695f);cursor:pointer}.op-call-btn{width:26px;border-radius:12px}.op-call-chev{width:14px;margin-right:2px;border-radius:7px}.op-call-btn:hover:not(:disabled),.op-call-chev:hover:not(:disabled),.op-call-cam[data-open] .op-call-chev{background:var(--island-bg, #fff);color:var(--opp-text, #1d1d1b)}.op-call-btn[data-on]{background:#12a979;color:#fff}.op-call-btn[data-on]:hover{background:#0f9469;color:#fff}.op-call-btn[data-busy]{opacity:.6}.op-call-btn:disabled,.op-call-chev:disabled{opacity:.4;cursor:default}.op-call-bubble{position:absolute;left:0;top:0;z-index:30;cursor:grab;touch-action:none;user-select:none;will-change:transform;transition:width .18s ease,height .18s ease}.op-call-bubble[data-dragging]{cursor:grabbing}.op-call-cursor{position:absolute;left:0;top:0;z-index:29;pointer-events:none;will-change:transform}.op-call-face{position:absolute;inset:0;border-radius:28%;box-shadow:0 6px 18px #0e0e122e,0 18px 40px #0e0e1224;transition:box-shadow .16s ease}.op-call-face[data-round]{border-radius:50%;box-shadow:0 0 0 2.5px var(--who),0 6px 16px #0e0e1238}.op-call-face[data-speaking]{box-shadow:0 0 0 3px var(--who),0 6px 18px #0e0e122e,0 18px 40px #0e0e1224}.op-call-face[data-round][data-speaking]{box-shadow:0 0 0 3.5px var(--who),0 0 0 7px color-mix(in srgb,var(--who) 30%,transparent),0 6px 16px #0e0e1238}.op-call-cut{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:#1b1a17;box-shadow:0 0 0 1px #ffffff24 inset}.op-call-cut video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.op-call-cut video[data-mirror]{transform:scaleX(-1)}.op-call-initial{position:absolute;inset:0;display:grid;place-items:center;background:var(--who);color:#fff;font:600 34cqmin/1 Inter,ui-sans-serif,system-ui,sans-serif}.op-call-cut{container-type:size}.op-call-initial[data-waiting]:after{content:"";position:absolute;inset:10%;border-radius:50%;border:2px solid rgba(255,255,255,.2);border-top-color:#ffffffbf;animation:op-call-spin 1s linear infinite}@keyframes op-call-spin{to{transform:rotate(360deg)}}.op-call-name{position:absolute;left:8px;bottom:8px;max-width:calc(100% - 16px);display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:9px;background:#0e0e128c;color:#fff;font:600 11px/15px Inter,ui-sans-serif,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;backdrop-filter:blur(6px)}.op-call-muted{position:absolute;right:-2px;bottom:-2px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#d92d20;color:#fff;box-shadow:0 0 0 2px var(--island-bg, #fff)}:root[data-theme=dark] .op-call-btns{box-shadow:0 0 0 .5px #00000021}.op-editor{--gap: 12px;--left-w: 264px;--right-w: 300px;--top-band: 58px;--inset-l: calc(var(--gap) + var(--left-w));--inset-r: calc(var(--gap) + var(--right-w));position:relative;height:100%;width:100%;overflow:hidden}.op-editor[data-left-collapsed=true]{--inset-l: 0px}.op-editor[data-ui-hidden=true],.op-editor[data-right-hidden]{--inset-r: 0px}.op-editor[data-ui-hidden=true]{--inset-l: 0px}.op-canvas-area{position:absolute;inset:0;overflow:hidden;min-width:0;background:var(--canvas-bg)}.op-canvas-area[data-recording]{isolation:isolate}.op-island{background:var(--island-bg);border-radius:var(--island-r);box-shadow:var(--island-shadow)}.op-topright{position:absolute;top:var(--gap);right:var(--gap);z-index:45;height:46px;display:flex;align-items:center;gap:6px;padding:0 6px 0 10px;border-radius:23px;-webkit-app-region:drag}.op-topright>*{-webkit-app-region:no-drag}.op-topright{width:auto;min-width:var(--right-w);box-sizing:border-box}.op-topright{justify-content:flex-end}.op-topright .op-present-group{flex:none}.op-topright .op-present-group .op-present-btn{padding:0 9px 0 11px}.op-topright .op-share-btn{flex:none}.op-topright .op-present-label{display:inline}.op-topright>.op-present-group,.op-topright>.op-share-wrap,.op-topright>.op-share-btn,.op-topright>.op-mode-btn{transition:opacity .14s ease}html[data-winctl-show] .op-topright>.op-present-group,html[data-winctl-show] .op-topright>.op-share-wrap,html[data-winctl-show] .op-topright>.op-share-btn,html[data-winctl-show] .op-topright>.op-mode-btn{opacity:0;pointer-events:none}.op-app-shell[data-winctl] .op-topright,html[data-board-tab=islands-winctl] .op-topright{right:calc(var(--gap) + 128px)}html[data-board-tab^=islands] .op-pv-banner{top:calc(var(--top-band) + var(--gap))}.op-leftcol{position:absolute;top:calc(var(--top-band) + var(--gap));left:var(--gap);bottom:calc(var(--gap) * 2 + 40px);width:var(--left-w);z-index:30;display:flex;flex-direction:column;gap:var(--gap);pointer-events:none}.op-leftcol>*{pointer-events:auto}.op-leftcol>.op-lp{flex:1 1 0;height:auto;min-height:160px}.op-show-left{position:absolute;top:calc(var(--top-band) + var(--gap));left:var(--gap);z-index:30;width:40px;height:40px;display:grid;place-items:center;border-radius:14px;color:var(--panel-text)}.op-show-left:hover{background:var(--island-hover)}.op-rightcol{position:absolute;top:calc(var(--top-band) + var(--gap));right:var(--gap);bottom:var(--gap);width:var(--right-w);z-index:30;display:flex;flex-direction:column;gap:var(--gap);pointer-events:none}.op-rightcol>*{pointer-events:auto}.op-rightcol>.op-rp{flex:0 1 auto;height:auto;min-height:120px;max-height:100%}.op-editor[data-chat-open] .op-rightcol>.op-rp{min-height:0}.op-chat-island{flex:0 0 auto;height:min(560px,62%);display:flex;flex-direction:column;min-height:0;overflow:hidden;color:var(--opp-text);font-size:12px}.op-rightcol>.op-rp[data-tab=comments],.op-rightcol>.op-rp[data-tab=history],.op-rightcol>.op-rp[data-tab=plugins]{flex:1 1 auto}.op-corner{position:absolute;left:var(--gap);bottom:var(--gap);z-index:35;display:flex;align-items:flex-end;gap:6px;width:var(--left-w)}.op-zoompill{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 5px;border-radius:20px}.op-zoompill-btn{display:grid;place-items:center;width:28px;height:28px;border-radius:14px;color:var(--panel-text-2)}.op-zoompill-btn:hover{background:var(--island-hover);color:var(--panel-text)}.op-zoompill .op-zoom-btn{height:28px;min-width:50px;justify-content:center;border-radius:14px;font-family:var(--ui-mono);font-size:12px}.op-zoompill-sep{width:1px;height:16px;margin:0 2px;background:var(--panel-border)}.op-editor:not([data-ui-hidden=true]) .op-timeline{left:var(--inset-l);right:var(--inset-r);margin:0 var(--gap);bottom:72px;border:0;border-radius:18px;box-shadow:var(--island-shadow);overflow:hidden}.op-editor:not([data-ui-hidden=true]) .op-deck-strip{left:calc(var(--inset-l) + (100% - var(--inset-l) - var(--inset-r)) / 2);width:min(760px,calc(100% - var(--inset-l) - var(--inset-r) - 2 * var(--gap)));bottom:72px;border-radius:var(--island-r)}.op-editor:not([data-ui-hidden=true]) .op-film-banner,.op-editor:not([data-ui-hidden=true]) .op-follow-banner{top:calc(var(--top-band) + var(--gap))}.op-editor:not([data-ui-hidden=true]) .op-comments-resolved-toggle{right:calc(var(--inset-r) + var(--gap));bottom:76px}.op-editor:not([data-ui-hidden=true]) .op-toasts{bottom:84px}.op-topright .op-presence{flex:none;padding-right:2px}.op-topright .op-avatar{width:28px;height:28px;font-size:12px;box-shadow:0 0 0 2px var(--island-bg)}.op-topright .op-mode-btn{height:34px;border-radius:17px;padding:0 10px}.op-topright .op-present-group{height:34px;border-radius:17px;background:var(--island-hover);box-shadow:none}.op-topright .op-present-btn{display:inline-flex;gap:6px;width:auto;height:34px;padding:0 10px 0 13px;font-size:13px;font-weight:500}.op-topright .op-present-more{width:30px;height:34px;border-left-color:var(--panel-border)}.op-topright .op-present-btn:hover,.op-topright .op-present-more:hover,.op-topright .op-present-more[data-open]{background:var(--row-selected)}.op-topright .op-share-btn{height:34px;padding:0 16px;border-radius:17px;background:#2f4bff;color:#fff;font-size:13px;font-weight:600;box-shadow:none}.op-topright .op-share-btn:hover,.op-topright .op-share-btn[data-open]{background:#2238d6}.op-present-label{display:none}.op-topright .op-avatar-nib{width:26px;height:30px;border-radius:0;background:none;box-shadow:none;overflow:visible;display:grid;place-items:center}.op-topright .op-avatar-nib .op-nib{margin:-2px -4px 0 -2px;filter:drop-shadow(0 1px 1px rgba(14,14,18,.18))}.op-topright .op-presence>*+*{margin-left:-2px}.op-show-all{position:absolute;left:var(--gap);bottom:var(--gap);z-index:30;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px 0 10px;border-radius:12px;font:500 12px/1 Inter,ui-sans-serif,system-ui,sans-serif;color:var(--panel-text);opacity:.55;transition:opacity .14s}.op-show-all:hover,.op-show-all:focus-visible{opacity:1;background:var(--island-hover)}.op-editor .op-topright{gap:5px}.op-editor .op-topright>.op-share-btn{padding:0 14px}.op-tour-scrim{position:fixed;inset:0;z-index:2400;display:grid;place-items:center;background:var(--op-scrim, rgba(0, 0, 0, .32))}.op-tour-welcome{width:min(420px,calc(100vw - 32px));padding:24px 24px 18px;border-radius:14px;background:var(--panel-bg);color:var(--panel-text);border:1px solid var(--panel-border);box-shadow:var(--shadow-pop);font-family:var(--ui-font)}.op-tour-welcome h2{margin:4px 0 8px;font-size:20px;font-weight:600;letter-spacing:-.01em}.op-tour-welcome p{margin:0 0 10px;font-size:13px;line-height:19px;color:var(--panel-text-2)}.op-tour-welcome ol{margin:0 0 18px;padding-left:20px;font-size:13px;line-height:22px}.op-tour-kicker{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.op-tour-foot{margin-top:12px;font-size:11px;color:var(--panel-text-3)}.op-tour-coach{position:fixed;left:12px;bottom:74px;z-index:1800;width:320px;padding:12px 14px;border-radius:18px 18px 18px 6px;background:var(--panel-bg);color:var(--panel-text);border:1px solid var(--panel-border);box-shadow:var(--shadow-pop);font-family:var(--ui-font);font-size:var(--ui-size, 12px);transition:border-color .2s}.op-tour-coach[data-done]{border-color:var(--success, #14ae5c)}.op-tour-coach h3{display:flex;align-items:center;gap:6px;margin:8px 0 4px;font-size:14px;font-weight:600}.op-tour-coach[data-done] h3{color:var(--success, #14ae5c)}.op-tour-coach p{margin:0 0 8px;line-height:18px;color:var(--panel-text)}.op-tour-head{display:flex;align-items:center;gap:10px;color:var(--panel-text-2)}.op-tour-dots{display:flex;gap:4px;flex:1}.op-tour-dots i{width:6px;height:6px;border-radius:50%;background:var(--panel-border)}.op-tour-dots i[data-state=now]{background:var(--accent)}.op-tour-dots i[data-state=done]{background:var(--success, #14ae5c)}.op-tour-link{border:0;padding:0;background:none;font:inherit;color:var(--panel-text-2);cursor:pointer}.op-tour-link:hover{color:var(--panel-text);text-decoration:underline}.op-tour-row{display:flex;align-items:center;gap:8px;margin:0 0 8px}.op-tour-dim{color:var(--panel-text-2)}.op-tour-ok{color:var(--success, #14ae5c)}.op-tour-chip{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:260px;padding:4px 8px;border-radius:6px;border:1px solid var(--panel-border);background:var(--panel-bg-2);color:var(--panel-text);font:12px/16px ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer}.op-tour-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-tour-chip:hover{border-color:var(--accent)}.op-tour-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:4px}.op-tour-more{display:flex;flex-direction:column;gap:2px;margin:6px 0 8px}.op-tour-more button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:6px 8px;border:0;border-radius:6px;background:none;font:inherit;color:var(--panel-text);text-align:left;cursor:pointer}.op-tour-more button:hover{background:var(--panel-bg-2)}.op-tour-more span{color:var(--panel-text-2)}.op-tour-ring{position:fixed;z-index:1790;border-radius:10px;border:2px solid var(--accent);pointer-events:none;transition:left .2s,top .2s,width .2s,height .2s;animation:op-tour-pulse 1.4s ease-out infinite}@keyframes op-tour-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 45%,transparent)}to{box-shadow:0 0 0 10px color-mix(in srgb,var(--accent) 0%,transparent)}}@media(prefers-reduced-motion:reduce){.op-tour-ring{animation:none}}.op-tour-coach:after{content:"";position:absolute;left:16px;bottom:-7px;width:14px;height:14px;background:var(--panel-bg);border-right:1px solid var(--panel-border);border-bottom:1px solid var(--panel-border);transform:rotate(45deg)}.op-tour-blot{display:block;margin:-4px 0 8px}html[data-my-nib],html[data-my-nib] .op-canvas:is(:not([data-cursor]),[data-cursor=move],[data-cursor=point]),html[data-my-nib] .op-canvas:is(:not([data-cursor]),[data-cursor=move],[data-cursor=point])>.op-world,[data-nib-hide]{cursor:none!important}.op-my-nib{position:fixed;z-index:2147483647;left:0;top:0;pointer-events:none;visibility:hidden;will-change:transform}.op-my-nib .op-nib{display:block;filter:drop-shadow(0 1px 1.5px rgba(14,14,18,.28))}.op-pair{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:32px 24px;background:var(--canvas-bg, #f2f1ec);font-family:var(--ui-font);color:var(--panel-text, #16161a)}.op-pair-card{width:min(440px,100%);display:flex;flex-direction:column;gap:16px}.op-pair h1{margin:8px 0 0;font-size:34px;line-height:1.1;letter-spacing:-.02em;font-weight:700}.op-pair-lead{margin:0;font-size:17px;line-height:1.45;color:var(--panel-text-2, #6a6a66)}.op-pair-steps{margin:0;padding:16px 16px 16px 36px;border-radius:16px;background:var(--panel-bg, #fff);border:1px solid var(--panel-border, #e6e4dd);display:flex;flex-direction:column;gap:8px;font-size:16px;line-height:1.45}.op-pair-code{height:64px;border-radius:16px;border:1px solid var(--panel-border, #e6e4dd);background:var(--panel-bg, #fff);color:inherit;text-align:center;font:600 30px/1 var(--ui-mono);letter-spacing:.2em}.op-pair-code:focus{outline:2px solid var(--accent, #2f4bff);outline-offset:1px}.op-pair-error{margin:0;padding:12px 14px;border-radius:12px;background:#f248221a;color:#c62d33;font-size:15px}.op-pair-go{height:56px;border-radius:28px;background:#0e0e12;color:#fff;font:600 17px/1 var(--ui-font)}.op-pair-go:disabled{opacity:.6}.op-agent-asks{position:fixed;top:calc(var(--top-band, 58px) + var(--gap, 12px));right:var(--gap, 12px);z-index:300;width:320px;max-width:calc(100vw - 2 * var(--gap, 12px));display:flex;flex-direction:column;gap:8px}.op-agent-ask{padding:14px 14px 12px;border-radius:16px;background:var(--island-bg, #fff);box-shadow:var(--island-shadow, 0 0 0 1px rgba(14, 14, 18, .06), 0 8px 24px rgba(14, 14, 18, .12));animation:op-agent-ask-in .18s ease-out}@keyframes op-agent-ask-in{0%{opacity:0;transform:translateY(-6px)}}.op-agent-ask-head{display:flex;gap:10px;align-items:flex-start}.op-agent-ask-head p{margin:0;font-size:13px;line-height:18px}.op-agent-ask-head p span{display:block;color:var(--panel-text-2);font-size:12px}.op-agent-ask blockquote{margin:10px 0 0;padding:8px 10px;border-radius:10px;background:var(--panel-bg-2);font-size:12px;line-height:17px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.op-agent-ask-dim{margin:8px 0 0;font-size:11.5px;color:var(--panel-text-2)}.op-agent-ask-actions{display:flex;gap:6px;margin-top:12px}.op-agent-ask-actions>span{flex:1}.op-agent-ask-actions .op-btn{height:30px;font-size:12.5px}.op-agent-ask-more{margin:0;align-self:flex-end;font-size:12px;padding:4px 10px;border-radius:12px;background:var(--island-bg, #fff);box-shadow:var(--island-shadow)}:root{--op-scrim: rgba(0, 0, 0, .14);--op-scrim-soft: rgba(0, 0, 0, .06)}:root[data-theme=dark]{--op-scrim: rgba(0, 0, 0, .3);--op-scrim-soft: rgba(0, 0, 0, .16)}:root{--chip-ink-bg: #0e0e12;--chip-ink-text: #ffffff}:root[data-theme=dark]{--chip-ink-bg: #ecebe6;--chip-ink-text: #0e0e12;--island-shadow: 0 0 0 1px rgba(255, 255, 255, .07), 0 10px 30px rgba(0, 0, 0, .45)}:root{--ui-font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--ui-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--ui-size: 12px;--panel-bg: #ffffff;--panel-bg-2: #f4f3ef;--panel-border: #e6e4dd;--panel-text: #16161a;--panel-text-2: #6a6a66;--panel-text-3: #9a988f;--input-bg: #f2f1ec;--input-bg-hover: #ebe9e3;--input-border-focus: #2f4bff;--row-hover: #f4f3ef;--row-selected: #eceae3;--row-selected-child: #f4f3ef;--accent: #2f4bff;--accent-2: #2238d6;--accent-soft: rgba(47, 75, 255, .12);--danger: #f24822;--success: #14ae5c;--agent: #9747ff;--agent-soft: rgba(151, 71, 255, .12);--canvas-bg: #f2f1ec;--selection: #2f4bff;--shadow-pop: 0 0 0 .5px rgba(14, 14, 18, .1), 0 10px 30px rgba(14, 14, 18, .12), 0 2px 6px rgba(14, 14, 18, .05);--island-bg: #ffffff;--island-hover: #f4f3ef;--island-r: 20px;--island-shadow: 0 0 0 1px rgba(14, 14, 18, .06), 0 10px 30px rgba(14, 14, 18, .08);--radius-sm: 4px;--radius: 6px;--radius-lg: 10px;--left-w: 240px;--rail-w: 42px;--right-w: 280px;--row-h: 28px;color-scheme:light}*{box-sizing:border-box}html,body,#op-app,#root{margin:0;height:100%;overflow:hidden}#op-app[data-recording]{isolation:isolate}#op-app[data-rec-no-panels] .op-tabbar,#op-app[data-rec-no-panels] .op-show-all{visibility:hidden}body{font-family:var(--ui-font);font-size:var(--ui-size);color:var(--panel-text);background:var(--panel-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:default}input,textarea,select{font:inherit;color:inherit}::selection{background:#0d99ff40}.op-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius);color:var(--panel-text);flex-shrink:0}.op-icon-btn:hover{background:var(--row-hover)}.op-icon-btn[data-active=true]{background:var(--input-bg)}.op-icon-btn:disabled{opacity:.35}.op-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:28px;padding:0 10px;border-radius:var(--radius);background:#fff;box-shadow:inset 0 0 0 1px var(--panel-border);font-weight:500;white-space:nowrap}.op-btn:hover{background:#fafafa}.op-btn.primary{background:#111;color:#fff;box-shadow:none}.op-btn.primary:hover{background:#2a2a2a}.op-btn.accent{background:var(--accent);color:#fff;box-shadow:none}.op-btn.danger{color:var(--danger)}.op-input{display:flex;align-items:center;height:28px;min-width:0;border-radius:var(--radius);background:var(--input-bg);padding:0 8px;gap:6px;border:1px solid transparent}.op-input:hover{background:var(--input-bg-hover)}.op-input:focus-within{background:#fff;border-color:var(--input-border-focus)}.op-input input{all:unset;min-width:0;flex:1;font-size:12px;user-select:text;cursor:text}.op-input .op-input-label{color:var(--panel-text-3);cursor:ew-resize;flex-shrink:0;min-width:10px}.op-section{border-bottom:1px solid var(--panel-border);padding:10px 12px 12px}.op-section-head{display:flex;align-items:center;justify-content:space-between;height:24px;font-weight:500;margin-bottom:6px}.op-section-head.empty{margin-bottom:0;color:var(--panel-text-3);font-weight:500}.op-row{display:flex;align-items:center;gap:8px}.op-row+.op-row{margin-top:8px}.op-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.op-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.op-menu{position:fixed;z-index:1000;min-width:200px;padding:4px;background:#1e1e1e;color:#fff;border-radius:8px;box-shadow:var(--shadow-pop);font-size:12px}.op-menu-item{display:flex;align-items:center;justify-content:space-between;gap:24px;height:26px;padding:0 8px;border-radius:4px;white-space:nowrap}.op-menu-item:hover,.op-menu-item[data-active=true]{background:var(--accent)}.op-menu-item[aria-disabled=true]{opacity:.4;pointer-events:none}.op-menu-item .op-kbd{color:#ffffff8c}.op-menu-sep{height:1px;margin:4px 0;background:#ffffff1f}.op-popover{position:fixed;z-index:900;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-pop)}.op-kbd{font-family:var(--ui-font);color:var(--panel-text-3);font-size:11px}.op-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:2000;background:#1e1e1e;color:#fff;padding:10px 14px;border-radius:8px;box-shadow:var(--shadow-pop);font-size:12px}.op-toast[data-kind=error]{background:var(--danger)}.op-scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:#cfcfcf transparent}.op-swatch{width:16px;height:16px;border-radius:3px;flex-shrink:0;box-shadow:inset 0 0 0 1px #0000001a;background-image:conic-gradient(#ddd 25%,#fff 0 50%,#ddd 0 75%,#fff 0);background-size:8px 8px;position:relative;overflow:hidden}.op-swatch>i{position:absolute;inset:0}.op-tabs{display:flex;padding:2px;border-radius:var(--radius);background:var(--input-bg)}.op-tabs>button{flex:1;height:24px;border-radius:5px;color:var(--panel-text-2)}.op-tabs>button[data-active=true]{background:#fff;color:var(--panel-text);box-shadow:0 0 0 .5px #00000014,0 1px 2px #0000000f}.op-checkbox{appearance:none;width:14px;height:14px;border-radius:3px;box-shadow:inset 0 0 0 1px #b8b8b8;background:#fff;display:inline-grid;place-content:center;margin:0}.op-checkbox:checked{background:#111;box-shadow:none}.op-checkbox:checked:after{content:"";width:8px;height:4px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}body:has(.op-dialog-backdrop) #op-layer>[data-op-popover],body:has(.op-dialog-backdrop)>[data-op-popover]{z-index:1600}.op-dialog-backdrop{position:fixed;inset:0;z-index:1500;background:var(--op-scrim);display:grid;place-items:center}.op-dialog{background:#fff;border-radius:12px;box-shadow:var(--shadow-pop);width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 64px);display:flex;flex-direction:column;overflow:hidden}.op-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--panel-border);font-weight:600;font-size:13px}.op-dialog-body{padding:16px;overflow:auto}:root[data-op-tablet]{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overscroll-behavior:none}:root[data-op-tablet] body{overscroll-behavior:none;position:fixed;inset:0;top:env(safe-area-inset-top,0px)}:root[data-op-tablet] .op-app-shell{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}:root[data-op-tablet] [contenteditable=true],:root[data-op-tablet] input,:root[data-op-tablet] textarea{-webkit-user-select:text;user-select:text}:root[data-op-tablet] .op-canvas-area,:root[data-op-tablet] .op-canvas-area *{touch-action:none}:root[data-op-tablet] .op-canvas-area [contenteditable=true],:root[data-op-tablet] .op-canvas-area [contenteditable=true] *{touch-action:manipulation}:root[data-op-tablet] .op-canvas-area [data-op-ui],:root[data-op-tablet] .op-canvas-area [data-op-ui] *,:root[data-op-tablet] .op-canvas-area [data-op-live=on]{touch-action:pan-x pan-y}:root[data-op-tablet] .op-menu-item{height:44px;padding:0 12px;font-size:15px;border-radius:8px}:root[data-op-tablet] .op-menu-sep{margin:6px 0}:root[data-op-tablet] .op-app-shell{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}:root[data-op-tablet] .op-flow-hint,:root[data-op-tablet] .op-css-editor-hints,:root[data-op-tablet] .op-tb-keys,:root[data-op-tablet] .op-kbd{display:none!important}:root[data-op-tablet] .op-tabbar.op-tabbar-left,:root[data-op-tablet] .op-topright{width:auto}@media(min-width:761px){:root[data-op-tablet] .op-app-shell[data-route=dashboard] .op-tabbar.op-tabbar-left{width:232px}}:root[data-op-tablet] .op-tabbar-left .op-tabbar-drag,:root[data-op-tablet] .op-tabbar-left .op-tabbar-btn[aria-label=Search]{display:none}:root[data-op-tablet] .op-record-btn{width:34px;height:34px}:root[data-op-tablet] .op-record-btn i{width:12px;height:12px}:root[data-op-tablet]:not([data-op-record]) [data-op-recorder],:root[data-op-tablet]:not([data-op-record]) .op-record-btn{display:none!important}.op-ink-island{--ink-bg: #0e0e12;--ink-raised: #24242a;--ink-line: #2c2c33;--ink-text: #ffffff;--ink-dim: #8a8984;position:absolute;right:calc(var(--gap, 12px) + env(safe-area-inset-right));top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 6px 6px;border-radius:28px;background:var(--ink-bg);box-shadow:0 0 0 1px var(--ink-line),0 12px 32px #0e0e1247;color:var(--ink-text);max-height:calc(100% - 150px);animation:op-ink-settle .32s cubic-bezier(.2,.9,.25,1.1)}@keyframes op-ink-settle{0%{opacity:0;scale:.94}}.op-editor:not([data-right-hidden]) .op-ink-island[data-at=right]{right:calc(var(--gap, 12px) * 2 + var(--right-w, 300px) + env(safe-area-inset-right))}.op-ink-island[data-at=bottom]{right:auto;left:50%;top:auto;bottom:calc(var(--gap, 12px) + env(safe-area-inset-bottom));transform:translate(-50%);flex-direction:row;padding:6px 6px 6px 4px;max-height:none;max-width:calc(100% - 168px)}.op-ink-island .op-ink-tools{min-height:0;min-width:0;flex:0 1 auto;overflow-y:auto;scrollbar-width:none}.op-ink-island[data-at=bottom] .op-ink-tools{overflow-x:auto;overflow-y:hidden}.op-ink-island>*{flex-shrink:0}.op-ink-island>.op-ink-tools{flex-shrink:1}.op-ink-island[data-at=bottom] .op-ink-tools,.op-ink-island[data-at=bottom] .op-ink-mode{flex-direction:row}.op-ink-island[data-at=bottom] .op-ink-sep{width:1px;height:24px;margin:0 4px}.op-ink-island[data-at=bottom] .op-ink-mode-thumb{inset:2px auto 2px 2px;width:40px;height:auto}.op-ink-island[data-at=bottom][data-mode=nodes] .op-ink-mode-thumb{transform:translate(42px)}.op-ink-island[data-at=bottom] .op-ink-color,.op-ink-island[data-at=bottom] .op-ink-size{width:36px;height:44px}.op-ink-island[data-dragging]{opacity:.85;box-shadow:0 0 0 1px var(--ink-line),0 24px 56px #0e0e1266;transition:none;animation:none}.op-ink-grip{width:44px;height:22px;display:grid;place-items:center;color:var(--ink-dim);background:transparent;touch-action:none;flex:none}.op-ink-island[data-at=bottom] .op-ink-grip{width:22px;height:44px}.op-ink-drop{position:fixed;z-index:39;pointer-events:none;border-radius:24px;background:#2f4bff1f;box-shadow:inset 0 0 0 2px #2f4bff8c;animation:op-ink-drop-in .16s ease-out}.op-ink-drop[data-zone=right]{top:90px;bottom:90px;right:calc(8px + env(safe-area-inset-right));width:68px}.op-ink-drop[data-zone=bottom]{left:90px;right:90px;bottom:calc(8px + env(safe-area-inset-bottom));height:68px}@keyframes op-ink-drop-in{0%{opacity:0}}.op-ink-tool svg{width:20px;height:20px}.op-ink-ask{margin-top:2px;flex:none}.op-ink-island[data-at=bottom] .op-ink-ask{margin:0 0 0 4px}.op-ink-ask .op-dock-ask{width:44px;height:44px;padding:0;justify-content:center;border-radius:22px}.op-ink-btn{position:relative;width:44px;height:44px;border-radius:22px;display:grid;place-items:center;color:var(--ink-text);background:transparent}.op-ink-btn[data-on]{background:#2f4bff}.op-ink-btn:active{background:var(--ink-raised)}.op-ink-sep{width:24px;height:1px;margin:4px 0;background:var(--ink-line)}.op-ink-color{width:44px;height:36px;display:grid;place-items:center;background:transparent}.op-ink-color:before{content:"";width:24px;height:24px;border-radius:12px;background:var(--ink);box-shadow:inset 0 0 0 1px #ffffff2e}.op-ink-color[data-on]:before{box-shadow:0 0 0 2px var(--ink-bg),0 0 0 4px #fff}.op-ink-size{width:44px;height:32px;display:grid;place-items:center;background:transparent}.op-ink-size span{border-radius:50%;background:var(--ink-dim)}.op-ink-size[data-on] span{background:#fff}.op-ink-settings{--ink-bg: #0e0e12;--ink-raised: #24242a;--ink-line: #2c2c33;--ink-text: #ffffff;--ink-dim: #8a8984;z-index:70;position:fixed;right:calc(var(--gap, 12px) * 2 + 60px + env(safe-area-inset-right));top:50%;transform:translateY(-50%);width:300px;max-height:min(80vh,640px);overflow-y:auto;scrollbar-width:none;animation:op-ink-grid-in .24s cubic-bezier(.2,.9,.25,1);padding:14px;border-radius:20px;background:var(--ink-bg);box-shadow:0 0 0 1px var(--ink-line),0 12px 32px #0e0e1247;color:var(--ink-text);display:flex;flex-direction:column;gap:4px;font-size:15px}.op-ink-settings[data-at=bottom],.op-ink-grid[data-at=bottom]{right:auto;left:50%;top:auto;bottom:calc(var(--gap, 12px) * 2 + 58px + env(safe-area-inset-bottom));transform:translate(-50%);transform-origin:bottom center;animation-name:op-ink-up-in}@keyframes op-ink-up-in{0%{opacity:0;transform:translate(-50%) translateY(14px) scale(.96)}}.op-ink-seg{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:2px;border-radius:14px;background:var(--ink-raised)}.op-ink-seg button{height:38px;border-radius:12px;background:transparent;color:var(--ink-dim);font:600 14px/1 var(--ui-font);transition:background .16s ease-out,color .16s ease-out}.op-ink-seg button[data-on]{background:#2f4bff;color:#fff}.op-ink-actions{display:flex;flex-direction:column;gap:2px}.op-ink-actions button{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 10px;border-radius:12px;background:transparent;color:var(--ink-text);font:500 15px/1.2 var(--ui-font);text-align:left}.op-ink-actions button:active{background:var(--ink-raised)}.op-ink-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}.op-ink-row b{display:block;font-weight:600}.op-ink-row small{display:block;color:var(--ink-dim);font-size:13px;line-height:1.35;margin-top:2px}.op-ink-row input{width:22px;height:22px;accent-color:#2f4bff;flex:none}.op-ink-label{margin-top:10px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim)}.op-ink-note{margin:8px 0 0;color:var(--ink-dim);font-size:13px;line-height:1.4}.op-tab-actions{position:absolute;z-index:45;transform:translate(-50%,-100%);display:flex;align-items:center;gap:2px;padding:4px;border-radius:24px;background:#0e0e12;box-shadow:0 0 0 1px #2c2c33,0 12px 32px #0e0e1247;color:#fff;white-space:nowrap;animation:op-tab-in .14s ease-out}.op-tab-actions[data-below]{transform:translate(-50%)}@keyframes op-tab-in{0%{opacity:0}}.op-tab-action{display:flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-radius:20px;background:transparent;color:#fff;font:500 14px/1 var(--ui-font)}.op-tab-action:active{background:#24242a}.op-tab-action[data-on]{background:#2f4bff}.op-tab-action[data-danger]{color:#ff8a80}.op-tab-close{width:40px;height:40px;border-radius:20px;display:grid;place-items:center;color:#8a8984;background:transparent}.op-loop-menu .op-tab-action:first-child{background:#2f4bff}.op-ink-status{position:absolute;left:50%;top:calc(var(--top-band, 64px) + 12px);transform:translate(-50%);z-index:46;padding:10px 16px;border-radius:20px;background:#0e0e12;color:#fff;font:500 14px/1.3 var(--ui-font);box-shadow:0 12px 32px #0e0e1247;max-width:min(520px,calc(100% - 32px));text-align:center}.op-ink-status[data-error]{background:#3a1719;color:#ffd7d2}.op-dock-wrap-tablet{left:0;right:0;bottom:calc(var(--gap, 12px) + env(safe-area-inset-bottom));height:0}:root[data-op-bar=bottom] .op-dock-wrap-tablet{bottom:calc(var(--gap, 12px) + 58px + env(safe-area-inset-bottom))}:root[data-op-tablet][data-op-keyboard="1"] .op-dock-wrap,:root[data-op-tablet][data-op-keyboard="1"] .op-ink-island[data-at=bottom],:root[data-op-tablet][data-op-keyboard="1"] .op-corner{opacity:0;pointer-events:none;transition:opacity .12s ease-out}:root[data-op-tablet][data-op-keyboard="1"] .op-dialog-backdrop{padding-bottom:var(--op-keyboard)}:root[data-op-tablet][data-op-keyboard="1"] .op-dialog{max-height:calc(100vh - var(--op-keyboard) - 24px)}:root[data-op-tablet][data-op-keyboard="1"] .op-dialog-body{min-height:0}@media(max-width:900px){:root[data-op-tablet] .op-app-shell{--bar-left-w: 150px;--bar-right-w: 210px}:root[data-op-tablet] .op-tabbar-left .op-tab-home .op-tab-name,:root[data-op-tablet] .op-present-label{display:none}}.op-tab-actions[data-compact] .op-tab-action{width:44px;padding:0;justify-content:center}.op-tab-actions[data-compact] .op-tab-action span{display:none}.op-ink-tools{display:flex;flex-direction:column;align-items:center;gap:4px;animation:op-ink-tools-in .24s cubic-bezier(.2,.9,.25,1)}@keyframes op-ink-tools-in{0%{opacity:0;transform:translateY(8px) scale(.97)}}.op-ink-swap{display:grid;place-items:center;animation:op-ink-pop .22s cubic-bezier(.3,1.4,.5,1)}@keyframes op-ink-pop{0%{opacity:0;transform:scale(.6) rotate(-20deg)}}.op-ink-btn:disabled{opacity:.35}.op-ink-btn{transition:background .14s ease-out,transform .12s ease-out}.op-ink-btn:active{transform:scale(.92)}.op-ink-mode{position:relative;display:flex;flex-direction:column;gap:2px;padding:2px;border-radius:18px;background:var(--ink-raised)}.op-ink-mode-thumb{position:absolute;left:2px;right:2px;top:2px;height:44px;border-radius:16px;background:#2f4bff;transition:transform .28s cubic-bezier(.3,1.25,.5,1)}.op-ink-island[data-mode=nodes] .op-ink-mode-thumb{transform:translateY(46px)}.op-ink-mode button{position:relative;width:40px;height:44px;border-radius:16px;display:grid;place-items:center;align-content:center;gap:1px;color:var(--ink-dim);background:transparent;font:600 9px/1 var(--ui-font);letter-spacing:.02em;transition:color .2s ease-out}.op-ink-mode button[data-on]{color:#fff}.op-ink-grid{z-index:70;position:fixed;right:calc(var(--gap, 12px) * 2 + 60px + env(safe-area-inset-right));top:50%;width:344px;max-height:min(72vh,620px);overflow-y:auto;padding:14px;border-radius:22px;background:#0e0e12;color:#fff;box-shadow:0 0 0 1px #2c2c33,0 18px 48px #0e0e1259;transform:translateY(-50%);transform-origin:right center;animation:op-ink-grid-in .26s cubic-bezier(.2,.9,.25,1);scrollbar-width:none}@keyframes op-ink-grid-in{0%{opacity:0;transform:translateY(-50%) translate(16px) scale(.94)}}.op-ink-grid-head{display:flex;align-items:center;justify-content:space-between;margin:0 4px 10px;font:600 15px/1 var(--ui-font)}.op-ink-grid-head button{height:32px;padding:0 14px;border-radius:16px;background:#24242a;color:#fff;font:600 13px/1 var(--ui-font)}.op-ink-grid[data-editing] .op-ink-grid-head button{background:#2f4bff}.op-ink-tile{position:relative}.op-ink-grid[data-editing] .op-ink-tile{animation:op-ink-wiggle .32s ease-in-out}@keyframes op-ink-wiggle{30%{rotate:-2deg}70%{rotate:2deg}}.op-ink-grid[data-editing] .op-ink-tile[data-pinned]{box-shadow:inset 0 0 0 2px #2f4bff}.op-ink-pin{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:10px;display:grid;place-items:center;background:#3a3a42;color:#fff}.op-ink-tile[data-pinned] .op-ink-pin{background:#2f4bff}.op-ink-grid section+section{margin-top:12px}.op-ink-grid h3{margin:0 4px 6px;font:600 11px/1 var(--ui-font);letter-spacing:.06em;text-transform:uppercase;color:#8a8984}.op-ink-grid-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.op-ink-tile{height:76px;border-radius:16px;display:grid;place-items:center;align-content:center;gap:6px;padding:6px;background:#1b1b21;color:#fff;font:500 12px/1.15 var(--ui-font);text-align:center;transition:transform .12s ease-out,background .14s ease-out}.op-ink-tile:active{transform:scale(.95);background:#2f4bff}.op-ink-tile:disabled{opacity:.35}.op-ink-grid-hint{margin:12px 4px 0;color:#8a8984;font:400 12px/1.4 var(--ui-font)}:root[data-op-tablet] .op-db-card-more,:root[data-op-tablet] .op-db-list-row .op-icon-btn,:root[data-op-tablet] .op-db-file-actions{opacity:1!important}:root[data-op-tablet] .op-tab-close{opacity:.6!important}:root[data-op-tablet] .op-db-card-more,:root[data-op-tablet] .op-db-list-row .op-icon-btn{width:44px;height:44px;border-radius:22px}:root[data-op-tablet] .op-db-card-more{right:4px;bottom:4px;background:var(--panel-bg);box-shadow:0 0 0 1px #0e0e120f,0 2px 8px #0e0e1224}:root[data-op-tablet] .op-db-card-more svg,:root[data-op-tablet] .op-db-list-row .op-icon-btn svg{width:20px;height:20px}:root[data-op-tablet] .op-db-card-more:after,:root[data-op-tablet] .op-db-list-row .op-icon-btn:after{content:"";position:absolute;inset:-10px}:root[data-op-tablet] .op-db-list-row .op-icon-btn{position:relative}:root[data-op-tablet] .op-db-card-meta{padding-right:52px}:root[data-op-tablet] .op-db-card,:root[data-op-tablet] .op-db-list-row,:root[data-op-tablet] .op-db-card img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.op-rec-pill{position:absolute;left:50%;top:calc(var(--top-band, 64px) + 10px);z-index:60;display:flex;align-items:center;gap:10px;height:40px;padding:0 6px 0 14px;border-radius:20px;background:#0e0e12;color:#fff;font:600 14px/1 var(--ui-font);box-shadow:0 12px 32px #0e0e1247;transform:translate(-50%);animation:op-rec-in .26s cubic-bezier(.2,.9,.25,1)}.op-rec-pill[data-state=starting],.op-rec-pill[data-state=uploading]{padding-right:16px}@keyframes op-rec-in{0%{opacity:0;transform:translate(-50%) translateY(-8px) scale(.96)}}.op-rec-dot{width:10px;height:10px;border-radius:5px;background:#ff453a;animation:op-rec-pulse 1.2s ease-in-out infinite}@keyframes op-rec-pulse{50%{opacity:.35}}.op-rec-time{font-variant-numeric:tabular-nums}.op-rec-pill .op-rec-cam{display:grid;place-items:center;width:30px;padding:0;background:#ffffff24;color:#fff9;transition:background .16s ease,color .16s ease}.op-rec-pill .op-rec-cam[data-on]{color:#fff}.op-rec-pill button{height:30px;padding:0 14px;border-radius:15px;background:#ff453a;color:#fff;font:600 13px/1 var(--ui-font)}.op-rec-setup{--ink-bg: #0e0e12;--ink-raised: #24242a;--ink-line: #2c2c33;--ink-text: #ffffff;--ink-dim: #8a8984;position:absolute;z-index:60;top:calc(var(--top-band, 64px) + 10px);right:calc(var(--gap, 12px) + env(safe-area-inset-right));width:320px;padding:14px;border-radius:22px;background:var(--ink-bg);color:var(--ink-text);box-shadow:0 0 0 1px var(--ink-line),0 18px 48px #0e0e1259;display:flex;flex-direction:column;gap:8px;font-size:15px;transform-origin:top right;animation:op-rec-setup-in .24s cubic-bezier(.2,.9,.25,1)}@keyframes op-rec-setup-in{0%{opacity:0;transform:translateY(-8px) scale(.96)}}.op-rec-setup-head{display:flex;align-items:center;justify-content:space-between;font-size:17px}.op-rec-setup-x{width:36px;height:36px;border-radius:18px;display:grid;place-items:center;background:var(--ink-raised);color:var(--ink-text)}.op-rec-setup-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.op-rec-seg3{grid-template-columns:repeat(3,1fr)}.op-rec-seg3 button{display:grid;place-items:center}.op-rec-setup .op-ink-label{margin-top:6px}.op-rec-setup .op-ink-note{margin:0}.op-rec-setup-go{margin-top:6px;height:48px;border-radius:24px;display:flex;align-items:center;justify-content:center;gap:10px;background:#ff453a;color:#fff;font:600 16px/1 var(--ui-font)}.op-rec-setup-go .op-rec-dot{background:#fff;animation:none}.op-rec-setup-go:active{transform:scale(.98)}.op-rec-pill[data-bare]{top:calc(10px + env(safe-area-inset-top))}:root[data-op-bar=right] .op-rec-setup{right:calc(var(--gap, 12px) * 2 + 60px + env(safe-area-inset-right))}