:root{--op-import-color-1: #f6f6f8;--op-import-color-2: #111827;--op-import-color-3: rgba(255,255,255,.14);--op-import-color-4: rgba(20,8,40,.08);--op-import-color-5: rgba(38,12,84,.3);--op-import-color-6: rgba(38,12,84,.45);--op-import-color-7: #f6f3fb;--op-import-color-8: #e9e3f3;--op-import-color-9: #6b7280;--op-import-color-10: #374151;--op-import-color-11: #fff;--op-import-color-12: #ececf1;--op-import-color-13: #1f2937;--op-import-color-14: #4b5563;--op-import-color-15: #e5e7eb;--op-import-color-16: #fecaca;--op-import-color-17: #d97706;--op-import-color-18: #faf5ff;--op-import-color-19: #22c55e;--op-import-color-20: #fafafb;--op-import-color-21: #9ca3af;--op-import-color-22: #f1f1f4;--op-import-color-23: rgba(147,51,234,.14);--op-import-color-24: #fcfffd;--op-import-color-25: #bbf7d0;--op-import-color-26: #15803d;--op-import-color-27: rgba(20,8,40,.3);--op-import-color-28: rgba(147,51,234,.8);--op-import-color-29: rgba(147,51,234,.1);--op-import-color-30: rgba(0,0,0,.45);--op-import-color-31: #4ade80;--op-import-color-32: #c4b5fd;--op-import-color-33: rgba(255,255,255,.72);--op-import-color-34: rgba(15,13,21,.04);--op-import-color-35: rgba(46,16,101,.3);--op-import-color-36: rgba(255,255,255,.75);--op-import-color-37: #a855f7;--op-import-color-38: rgba(255,255,255,.28);--op-import-color-39: rgba(126,34,206,.6);--op-import-color-40: rgba(15,13,21,.16);--op-import-color-41: rgba(168,85,247,.07);--op-import-color-42: rgba(147,51,234,.38);--op-import-color-43: rgba(168,85,247,.08);--op-import-color-44: rgba(168,85,247,.1);--op-import-color-45: rgba(147,51,234,.6);--op-import-color-46: rgba(168,85,247,.12);--op-import-color-47: rgba(147,51,234,0);--op-import-color-48: rgba(147,51,234,.1);--op-import-color-49: rgba(147,51,234,.35);--op-import-color-50: #e9d5ff;--op-import-color-51: #ece7f5;--op-import-color-52: #efedf3;--op-import-color-53: #fdfaff;--op-import-color-54: #f0fdf4;--op-import-color-55: #14532d;--op-import-color-56: #166534;--op-import-color-57: rgba(46,16,101,.38);--op-import-color-58: rgba(15,13,21,.18);--op-import-color-59: rgba(124,58,237,.38);--op-import-color-60: rgba(196,167,255,.16);--op-import-color-61: rgba(255,255,255,.55);--op-import-color-62: rgba(20,8,40,.28);--op-import-color-63: rgba(167,139,250,.14);--op-import-color-64: #d9ccef;--op-import-color-65: #b995f5;--op-import-color-66: rgba(147,51,234,.7);--op-import-color-67: rgba(147,51,234,.22);--op-import-color-68: rgba(147,51,234,.06);--op-import-color-69: #a78bda;--op-import-color-70: rgba(124,58,237,.28);--op-import-color-71: rgba(147,51,234,.04);--op-import-color-72: rgba(255,255,255,.86);--op-import-color-73: rgba(91,33,182,.35);--op-import-color-74: #c4a8f2;--op-import-color-75: #efe9f8;--op-home-stage: #07060b;--op-home-font-text: "Inter Chrome", Inter, system-ui, sans-serif;--op-home-font-display: "Geist Variable", Geist, system-ui, sans-serif;--op-demo-px-1200: 1200px;--op-demo-px-760: 760px;--op-demo-px-14: 14px;--op-demo-px-13: 13px;--op-demo-px-1: 1px;--op-demo-px-2: 2px;--op-demo-px-4: 4px;--op-demo-px-24: 24px;--op-demo-px-48: 48px;--op-demo-px-neg-12: -12px;--op-demo-px-70: 70px;--op-demo-px-120: 120px;--op-demo-px-neg-30: -30px;--op-demo-px-16: 16px;--op-demo-px-52: 52px;--op-demo-px-200: 200px;--op-demo-px-22: 22px;--op-demo-px-21: 21px;--op-demo-px-20: 20px;--op-demo-px-5: 5px;--op-demo-px-10: 10px;--op-demo-px-999: 999px;--op-demo-px-12: 12px;--op-demo-px-8: 8px;--op-demo-px-28: 28px;--op-demo-px-34: 34px;--op-demo-px-6: 6px;--op-demo-px-30: 30px;--op-demo-px-11: 11px;--op-demo-px-7: 7px;--op-demo-px-12-5: 12.5px;--op-demo-px-11-5: 11.5px;--op-demo-px-18: 18px;--op-demo-px-17: 17px;--op-demo-px-32: 32px;--op-demo-px-9: 9px;--op-demo-px-150: 150px;--op-demo-px-170: 170px;--op-demo-px-90: 90px;--op-demo-px-3: 3px;--op-demo-s--4: .4s;--op-demo-s--35: .35s;--op-demo-s--25: .25s;--op-demo-px-neg-4: -4px;--op-demo-px-1100: 1100px;--op-demo-px-700: 700px;--op-demo-s-1-1: 1.1s;--op-demo-s--5: .5s;--op-demo-px-neg-17: -17px;--op-demo-s--7: .7s;--op-demo-px-neg-8: -8px;--op-demo-px-128: 128px;--op-demo-px-56: 56px;--op-demo-px-104: 104px;--op-demo-s--3: .3s;--op-demo-px-36: 36px;--op-demo-px-460: 460px;--op-demo-px-15: 15px;--op-demo-px-318: 318px;--op-demo-s-1: 1s;--op-demo-s-1-3: 1.3s;--op-demo-px-neg-16: -16px;--op-demo-s--45: .45s;--op-demo-deg-180: 180deg;--op-demo-px-neg-6: -6px;--op-demo-px-96: 96px;--op-demo-px-40: 40px;--op-demo-px-680: 680px;--op-demo-px-560: 560px;--op-demo-px-neg-24: -24px;--op-demo-px-44: 44px;--op-demo-s--75: .75s;--op-demo-s--14: .14s;--op-demo-s-0: 0s;--op-demo-px-330: 330px;--op-demo-px-440: 440px;--op-demo-s--6: .6s;--op-demo-px-80: 80px;--op-demo-px-neg-80: -80px;--op-demo-s-2-4: 2.4s;--op-demo-s-1-2: 1.2s;--op-demo-px-132: 132px;--op-demo-px-100: 100px;--op-demo-px-10-5: 10.5px;--op-demo-s--15: .15s;--op-demo-px-64: 64px;--op-demo-px-1700: 1700px;--op-demo-s-1-5: 1.5s;--op-demo-px-neg-36: -36px;--op-demo-s--8: .8s;--op-demo-px-neg-2: -2px;--op-demo-px-1-5: 1.5px;--op-demo-deg-90: 90deg;--op-demo-px-neg-3: -3px;--op-demo-deg-105: 105deg;--op-demo-px-480: 480px;--op-demo-px-neg-18: -18px;--op-demo-px-1040: 1040px;--op-demo-px-1000: 1000px;--op-demo-px-88: 88px;--op-demo-px-60: 60px;--op-demo-px-112: 112px;--op-demo-px-neg-34: -34px;--op-demo-px-neg-60: -60px;--op-demo-px-110: 110px;--op-demo-px-19: 19px;--op-demo-px-29: 29px;--op-demo-px-26: 26px;--op-demo-px-50: 50px;--op-demo-px-neg-46: -46px;--op-demo-px-210: 210px;--op-home-wrap:1200px;--op-space-32:32px;--op-home-mobile-wordmark:105px;--op-home-hero-padding:168px;--op-home-aurora-height:1000px;--op-home-heading-width:1100px;--op-home-sub-width:600px;--op-home-app-height:760px;--op-home-arch-head-width:1040px;--op-home-space-26:26px;--op-home-space-28:28px;--op-home-space-32:32px;--op-home-space-72:72px;--op-home-space-80:80px;--op-home-space-88:88px;--op-home-space-96:96px;--op-home-space-112:112px;--op-home-space-128:128px;--op-home-space-152:152px;--op-home-size-20:20px;--op-home-size-27:27px;--op-home-perspective:1800px;--op-home-split-height:260px;--op-home-rollout-heading-size:clamp(28px,2.8vw,36px);--op-home-aurora-mask:linear-gradient(180deg,#000 0%,#000 55%,transparent 100%);--op-home-aurora-overlay:linear-gradient(90deg,rgba(18,9,36,.78) 0%,rgba(18,9,36,.45) 45%,rgba(18,9,36,.18) 75%),rgba(18,9,36,.12);--op-home-film-line:rgba(181,132,255,.32);--op-home-film-bg:rgba(147,51,234,.14);--op-home-film-ink:#d8c2ff;--op-home-film-play:rgba(216,194,255,.18);--op-home-film-separator:rgba(216,194,255,.45);--op-home-film-hover:rgba(147,51,234,.22);--op-home-film-line-hover:rgba(181,132,255,.5);--op-home-film-ink-hover:#efe6ff;--op-home-infoshare:#f43578;--op-home-logo-muted:#5f5b68;--op-home-integrations-bg:radial-gradient(60% 50% at 50% 62%,var(--op-import-color-63),transparent 70%),linear-gradient(180deg,var(--op-bg) 0%,#f8f5fd 100%);--op-home-inspire:#6428b4;--op-home-weight-section:540;--op-home-cta-padding-end:184px;--op-home-film-heading-gap:var(--op-space-40);--op-home-hero-product-gap:var(--op-home-space-128);--op-home-integrations-lead-width:930px;--op-home-rollout-cta-gap:var(--op-space-40)}@media(max-width:720px){:root{--op-home-film-heading-gap:var(--op-space-32);--op-home-hero-product-gap:var(--op-home-space-96)}}:root{--op-import-extra-306:#111;--op-av-object-w: 686px;--op-av-object-h: 600px;--op-av-hero-gap: 24px;--op-av-spot: radial-gradient(50% 50% at 50% 55%, rgba(196, 160, 255, .22), rgba(124, 58, 237, .1) 45%, transparent 72%);--op-av-floor: radial-gradient(50% 40% at 50% 30%, rgba(0, 0, 0, .45), transparent 70%);--op-av-product-shadow: drop-shadow(0 30px 40px rgba(6, 2, 18, .55));--op-av-float: -6px;--op-av-float-dur: 7s;--op-av-lead: rgba(233, 213, 255, .55);--op-av-anchor: #e9d5ff;--op-av-anchor-dot: #f5edff;--op-av-lead-under: 8px;--op-av-lead-dur: 1s;--op-av-lead-step: .7s;--op-av-hero-start: .5s;--op-av-card-at: 3.3s;--op-av-callout-bg: rgba(255, 255, 255, .98);--op-av-callout-shadow: 0 0 0 1px rgba(255, 255, 255, .4), 0 26px 50px -22px rgba(4, 1, 14, .85), 0 8px 16px -10px rgba(4, 1, 14, .5);--op-av-callout-min: 210px;--op-av-callout-h: 65px;--op-av-callout-pad: 12px 15px 13px;--op-av-callout-row: 17px;--op-av-callout-value-lh: 20px;--op-av-size-callout-label: 11.5px;--op-av-size-callout-chip: 10.5px;--op-av-size-callout-value: 17px;--op-av-card-w: 340px;--op-av-card-bottom: 8px;--op-av-card-shadow: 0 0 0 1px rgba(255, 255, 255, .5), 0 1px 0 rgba(255, 255, 255, .9) inset, 0 40px 70px -28px rgba(4, 1, 14, .9), 0 12px 24px -14px rgba(4, 1, 14, .55);--op-av-card-shadow-light: 0 0 0 1px rgba(20, 10, 40, .07), 0 40px 70px -32px rgba(46, 16, 101, .4), 0 12px 24px -16px rgba(15, 13, 21, .16);--op-av-thumb: 64px;--op-av-thumb-img: 58px;--op-av-thumb-tilt: -8deg;--op-av-thumb-bg: radial-gradient(80% 80% at 50% 30%, #ffffff, #eef0f4);--op-av-thumb-line: #e9e7ef;--op-av-code-bg: #f4f4f6;--op-av-card-rule: #f1eff5;--op-av-card-row: #f4f3f7;--op-av-saved-bg: linear-gradient(180deg, #f3fbf5, #ecf8f0);--op-av-saved-line: #dcf1e3;--op-av-saved-ring: rgba(34, 197, 94, .14);--op-av-size-card-name: 15.5px;--op-av-size-card-row: 12.5px;--op-av-size-card-value: 13.5px;--op-av-scene-w: 1200px;--op-av-scene-gap: 64px;--op-av-mosaic-gap: 40px;--op-av-scene-pool: radial-gradient(45% 50% at 50% 45%, rgba(147, 51, 234, .1), rgba(147, 51, 234, .04) 45%, transparent 72%);--op-av-back-veil: linear-gradient(180deg, rgba(248, 246, 253, .62), rgba(248, 246, 253, .5));--op-av-back-mask: linear-gradient(180deg, #000 62%, transparent 100%);--op-av-back-shadow: 0 0 0 1px rgba(20, 10, 40, .06), 0 20px 40px -30px rgba(40, 20, 80, .3);--op-av-front-shadow: 0 0 0 1px rgba(20, 10, 40, .07), 0 2px 4px rgba(20, 10, 40, .04), 0 50px 90px -40px rgba(76, 29, 149, .45), 0 22px 40px -28px rgba(20, 10, 40, .25);--op-av-aside-shadow: 0 0 0 1px rgba(20, 10, 40, .07), 0 30px 50px -26px rgba(76, 29, 149, .45);--op-av-link: #c4a3f7;--op-av-link-end: 3px;--op-av-cursor: 20px;--op-av-cursor-move: 1.2s;--op-av-cursor-shadow: drop-shadow(0 4px 6px rgba(20, 8, 40, .3));--op-av-ripple: rgba(147, 51, 234, .7);--op-av-ripple-size: 30px;--op-av-hot-ring: 0 0 0 3px rgba(147, 51, 234, .1);--op-av-sel-ring: 0 0 0 3px rgba(147, 51, 234, .07);--op-av-sel-bg: #fcf9ff;--op-av-row-on: #faf6ff;--op-av-radio-line: #d1d5db;--op-av-control-line: 1.5px;--op-av-front-zoom-compact: 1.15;--op-av-front-max-compact: 792px;--op-av-rail-w: 54px;--op-av-back-min-h: 470px;--op-av-row-cols: 1fr 90px 110px 78px;--op-av-rail-cell: #f3f2f6;--op-av-rail-on: #e4d4fb;--op-av-hairline: #f0eef4;--op-av-hairline-soft: #f3f2f6;--op-av-size-ui-2xs: 10px;--op-av-size-ui-xs: 10.5px;--op-av-size-ui-sm: 11.5px;--op-av-size-ui: 12.5px;--op-av-size-ui-title: 16px;--op-av-size-ui-screen: 17px;--op-av-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--op-av-cap-w: 380px;--op-av-size-cap-title: 15px;--op-av-size-cap-text: 14.5px;--op-av-cell-h: 290px;--op-av-cell-ui-top: 38px;--op-av-cell-ui-h: 130px;--op-av-cell-title-top: 193px;--op-av-micro-shadow: 0 0 0 1px rgba(20, 10, 40, .07), 0 18px 36px -22px rgba(76, 29, 149, .5);--op-av-micro-shadow-hover: 0 0 0 1px rgba(20, 10, 40, .07), 0 26px 44px -22px rgba(76, 29, 149, .6);--op-av-micro-lift: -4px;--op-av-size-micro: 16px;--op-av-size-micro-sm: 14px;--op-av-size-cell-title: 15.5px;--op-av-size-cell-text: 14.5px;--op-int-hero-w: 600px;--op-int-tile: 104px;--op-int-tile-radius: 26px;--op-int-tile-mark: 46px;--op-int-tile-set: 24px;--op-int-tile-shadow: 0 0 0 1px rgba(255, 255, 255, .55), 0 1px 0 rgba(255, 255, 255, .9) inset, 0 30px 60px -26px rgba(4, 1, 14, .9), 0 10px 20px -12px rgba(4, 1, 14, .55);--op-int-link-w: 132px;--op-int-link-line: rgba(233, 213, 255, .45);--op-int-link-dot: #f5edff;--op-int-link-halo: rgba(233, 213, 255, .14);--op-int-link-dur: 2.6s;--op-int-card-w: 520px;--op-int-card-gap: 44px;--op-int-spot: radial-gradient(50% 50% at 50% 46%, rgba(196, 160, 255, .2), rgba(124, 58, 237, .08) 48%, transparent 74%);--op-int-panel-w: 560px;--op-int-job-status: 78px;--op-int-search-min: 180px;--op-int-flow-gap: 56px;--op-int-flow-line: #d9c6f7;--op-int-flow-card-pad: 18px;--op-int-size-flow-cap: 12px;--op-int-dcard-min-h: 300px;--op-int-node: 52px;--op-int-node-img: 24px;--op-int-node-shadow: 0 0 0 1px var(--op-line-violet), 0 6px 18px -6px rgba(124, 58, 237, .28), 0 0 0 6px rgba(147, 51, 234, .04);--op-int-node-ink: #8b3fe0;--op-int-strip-node: 56px;--op-int-strip-bg: rgba(255, 255, 255, .96);--op-int-wall-w: 460px;--op-int-wall-tile: 88px;--op-int-wall-mark: 38px;--op-faq-row-pad: 24px;--op-faq-icon: 28px;--op-size-faq-q: 17px;--op-size-faq-a: 15.5px;--op-faq-answer-w: 640px;--op-mcp-card-w: 470px;--op-mcp-bubble-max: 88%;--op-mcp-code-bg: #f7f6fa;--op-mcp-code-line: #ecebf1;--op-mcp-size-code: 11.5px;--op-int-audit-cols: 1.15fr 1.1fr .8fr .6fr .9fr 1fr;--op-mcp-hero-q: .7s;--op-mcp-hero-step: .52s}@media(max-width:720px){:root{--op-int-tile: 80px;--op-int-tile-mark: 36px;--op-int-tile-set: 19px;--op-int-tile-radius: 20px;--op-int-link-w: 88px;--op-int-card-gap: 36px;--op-int-wall-tile: 72px;--op-int-wall-mark: 32px}}:root{--op-pa-family-w: 234px;--op-pa-family-lift: 185px;--op-pa-ah-page-x: 20px;--op-pa-ah-page-y: 92px;--op-pa-ah-page-w: 230px;--op-pa-ah-win-x: 236px;--op-pa-ah-win-y: 170px;--op-pa-ah-win-w: 450px;--op-pa-fo-tree-w: 300px;--op-pa-ch-tree-x: 0px;--op-pa-ch-tree-y: 150px;--op-pa-ch-tree-w: 290px;--op-pa-ch-tree-head: 58px;--op-pa-ch-panel-x: 326px;--op-pa-ch-panel-y: 190px;--op-pa-ch-panel-w: 360px}.op-section:has(.op-scene){overflow-x:clip}.op-sui{font-family:var(--op-font-text);font-size:var(--op-av-size-ui);line-height:1.4;color:var(--op-import-color-2);text-align:left}.op-sui *{font-family:inherit;box-sizing:border-box}.op-sui b{font-weight:600}.op-sui p{margin:0}.op-sui small{font-size:inherit}.op-sui-muted{color:var(--op-import-color-9)}.op-sui-faint{color:var(--op-import-color-21)}.op-sui-mono{font-family:var(--op-av-font-mono)}.op-sui-hd{height:var(--op-space-40);display:flex;align-items:center;gap:var(--op-space-8);padding:0 var(--op-space-14);border-bottom:var(--op-space-1) solid var(--op-av-hairline);font-size:var(--op-av-size-ui-sm);color:var(--op-import-color-9);white-space:nowrap;overflow:hidden}.op-sui-hd img{height:var(--op-space-12);width:auto;flex:none}.op-sui-hd b{color:var(--op-import-color-2);font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis}.op-sui-hd__sep{width:var(--op-space-1);height:var(--op-demo-px-13);background:var(--op-import-color-12);flex:none}.op-sui-hd__ic--ok{color:var(--op-ok)}.op-sui-hd__ic--accent{color:var(--op-accent)}.op-sui-hd__ic--muted{color:var(--op-import-color-9)}.op-sui-app{display:grid;grid-template-columns:var(--op-av-rail-w) minmax(0,1fr);min-height:var(--op-av-back-min-h)}.op-sui-rail{border-right:var(--op-space-1) solid var(--op-av-hairline);padding:var(--op-space-14) var(--op-space-12);display:grid;gap:var(--op-space-10);align-content:start}.op-sui-rail i{width:var(--op-demo-px-28);height:var(--op-demo-px-28);border-radius:var(--op-radius-sm);background:var(--op-av-rail-cell)}.op-sui-rail i.on{background:var(--op-accent-soft);box-shadow:inset 0 0 0 var(--op-space-1) var(--op-av-rail-on)}.op-sui-main{padding:var(--op-space-16) var(--op-space-18);min-width:0}.op-sui-title{display:flex;align-items:center;gap:var(--op-space-8);font-size:var(--op-av-size-ui-screen);font-weight:700;letter-spacing:-.01em;margin-bottom:var(--op-space-12)}.op-sui-title .op-icon{color:var(--op-accent)}.op-sui-sum{border:var(--op-space-1) solid var(--op-import-color-12);border-radius:var(--op-space-10);padding:var(--op-space-10) var(--op-space-12);margin-bottom:var(--op-space-12);font-size:var(--op-demo-px-12);display:grid;gap:var(--op-space-4)}.op-sui-sum span{color:var(--op-import-color-14)}.op-sui-row{display:grid;grid-template-columns:var(--op-av-row-cols);align-items:center;gap:var(--op-space-6);padding:var(--op-space-10) var(--op-space-14);border-top:var(--op-space-1) solid var(--op-av-hairline-soft);font-size:var(--op-demo-px-12);color:var(--op-import-color-2)}.op-sui-row small{display:block;font-size:var(--op-av-size-ui-2xs);color:var(--op-import-color-9)}.op-sui-row .op-sui-bt{justify-self:end;height:var(--op-space-24);display:inline-flex;align-items:center;gap:var(--op-space-4);padding:0 var(--op-space-8);border-radius:var(--op-space-6);border:var(--op-space-1) solid var(--op-import-color-15);font-size:var(--op-demo-px-11);font-weight:500}.op-sui-row.cur{background:var(--op-av-row-on)}.op-sui-row.cur .op-sui-bt{border-color:var(--op-footer-link);color:var(--op-accent-strong)}.op-sui-meta{display:flex;flex-wrap:wrap;gap:var(--op-space-6);margin:calc(var(--op-space-8) * -1) 0 var(--op-space-12)}.op-sui-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:var(--op-space-1) solid var(--op-import-color-12);border-radius:var(--op-space-10);overflow:hidden;margin-bottom:var(--op-space-12)}.op-sui-steps>div{display:flex;align-items:center;gap:var(--op-space-8);padding:var(--op-space-8) var(--op-space-10);border-left:var(--op-space-1) solid var(--op-import-color-12);font-size:var(--op-demo-px-11);min-width:0}.op-sui-steps>div:first-child{border-left:0}.op-sui-steps>div.on{background:var(--op-import-color-18);box-shadow:inset 0 calc(var(--op-space-2) * -1) 0 var(--op-accent)}.op-sui-steps b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-sui-steps small{display:block;font-size:var(--op-av-size-ui-2xs);color:var(--op-import-color-9)}.op-sui-steps i{width:var(--op-space-18);height:var(--op-space-18);border-radius:50%;border:var(--op-space-1) solid var(--op-import-color-15);flex:none}.op-sui-steps i.ok{border-color:var(--op-import-color-25);background:var(--op-import-color-54)}.op-sui-steps i.on{border-color:var(--op-accent)}.op-sui-panel{border:var(--op-space-1) solid var(--op-import-color-12);border-radius:var(--op-space-10);padding:var(--op-space-12) var(--op-space-14)}.op-sui-panel__hd{display:flex;align-items:center;gap:var(--op-space-8);margin-bottom:var(--op-space-10)}.op-sui-panel__hd>b{font-size:var(--op-demo-px-14)}.op-sui-panel__hd .op-sui-acts{margin-left:auto}.op-sui-dlg{padding:var(--op-space-16) var(--op-space-18) var(--op-space-18);font-size:var(--op-av-size-ui)}.op-sui-k{font-size:var(--op-av-size-ui-xs);font-weight:600;letter-spacing:.08em;color:var(--op-accent);text-transform:uppercase}.op-sui-dtop{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--op-space-8)}.op-sui-dtitle{display:flex;flex-wrap:wrap;align-items:center;gap:var(--op-space-8);margin-top:var(--op-space-2)}.op-sui-dtitle>b{font-size:var(--op-av-size-ui-title)}.op-sui-acts{margin-left:auto;display:flex;gap:var(--op-space-6)}.op-sui-chipbtn{display:inline-flex;align-items:center;gap:var(--op-space-5);height:var(--op-space-24);padding:0 var(--op-space-9);border-radius:var(--op-demo-px-7);border:var(--op-space-1) solid var(--op-import-color-15);font-size:var(--op-av-size-ui-sm);background:var(--op-import-color-11);white-space:nowrap}.op-sui-chipbtn--hot{border-color:var(--op-footer-link);color:var(--op-accent-strong);box-shadow:var(--op-av-hot-ring)}.op-sui-btn{height:var(--op-demo-px-28);display:inline-flex;align-items:center;gap:var(--op-space-6);padding:0 var(--op-space-11);border-radius:var(--op-demo-px-7);border:var(--op-space-1) solid var(--op-import-color-15);font-weight:500;font-size:var(--op-demo-px-12);background:var(--op-import-color-11);color:var(--op-import-color-2);white-space:nowrap;flex:none}.op-sui-btn--pri{background:var(--op-accent);border-color:var(--op-accent);color:var(--op-import-color-11)}.op-sui-btn--off{background:var(--op-import-color-20);color:var(--op-import-color-21)}.op-sui-btn--sm{height:var(--op-space-24);padding:0 var(--op-space-8);font-size:var(--op-av-size-ui-sm)}.op-sui-opt{border:var(--op-space-1) solid var(--op-import-color-12);border-radius:var(--op-space-9);padding:var(--op-space-10) var(--op-space-12);display:flex;gap:var(--op-space-9);margin-top:var(--op-space-8);transition:border-color var(--op-duration-300) var(--op-ease),background var(--op-duration-300) var(--op-ease),box-shadow var(--op-duration-300) var(--op-ease)}.op-sui-opt small{display:block;color:var(--op-import-color-9);margin-top:var(--op-space-2);font-size:var(--op-demo-px-11)}.op-sui-opt.sel{border-color:var(--op-footer-link);background:var(--op-av-sel-bg);box-shadow:var(--op-av-sel-ring)}.op-sui-rad{width:var(--op-space-14);height:var(--op-space-14);border-radius:50%;border:var(--op-av-control-line) solid var(--op-av-radio-line);flex:none;margin-top:var(--op-space-1);display:grid;place-items:center}.op-sui-rad:after{content:"";width:var(--op-demo-px-7);height:var(--op-demo-px-7);border-radius:50%;background:var(--op-accent);transform:scale(0);transition:transform var(--op-duration-300) var(--op-ease-expo)}.op-sui-opt.sel .op-sui-rad{border-color:var(--op-accent)}.op-sui-opt.sel .op-sui-rad:after{transform:none}.op-sui-check{display:flex;align-items:center;gap:var(--op-space-8)}.op-sui-box{width:var(--op-space-14);height:var(--op-space-14);border-radius:var(--op-space-4);border:var(--op-av-control-line) solid var(--op-av-radio-line);flex:none;display:grid;place-items:center;transition:background var(--op-duration-300) var(--op-ease),border-color var(--op-duration-300) var(--op-ease)}.op-sui-box svg{width:var(--op-space-10);height:var(--op-space-10);fill:none;stroke:var(--op-import-color-11);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:0}.op-sui-check.on .op-sui-box{background:var(--op-accent);border-color:var(--op-accent)}.op-sui-check.on .op-sui-box svg{opacity:1}.op-sui-goes{margin-top:var(--op-space-14);border:var(--op-space-1) solid var(--op-import-color-12);border-radius:var(--op-space-9);overflow:hidden}.op-sui-goes>div{display:grid;grid-template-columns:var(--op-sui-cols,1.2fr 1fr .8fr .6fr);gap:var(--op-space-6);padding:var(--op-space-9) var(--op-space-10);border-top:var(--op-space-1) solid var(--op-import-color-22);align-items:center}.op-sui-goes>div:first-child{border-top:0;background:var(--op-import-color-20);font-size:var(--op-av-size-ui-xs);color:var(--op-import-color-9);padding-block:var(--op-demo-px-7)}.op-sui-to{color:var(--op-accent);font-weight:700}.op-sui-csv{font-size:var(--op-av-size-ui-sm)}.op-sui-csv>div{display:grid;grid-template-columns:var(--op-space-24) 1fr 1fr;padding:var(--op-space-8) var(--op-space-10);border-top:var(--op-space-1) solid var(--op-import-color-22);font-family:var(--op-av-font-mono);color:var(--op-import-color-10)}.op-sui-csv>div:first-child{background:var(--op-import-color-20);color:var(--op-import-color-9);font-size:var(--op-av-size-ui-2xs);padding-block:var(--op-space-6);border-top:0}.op-sui-csv .n{color:var(--op-import-color-21)}.op-sui-csv .hi{background:var(--op-import-color-18);box-shadow:inset var(--op-space-2) 0 0 var(--op-accent)}.op-sui-csv .hi span:last-child{color:var(--op-accent-strong);font-weight:600}.op-sui-tag{display:inline-flex;align-items:center;gap:var(--op-space-4);height:var(--op-space-18);padding:0 var(--op-space-6);border-radius:var(--op-space-5);font-size:var(--op-av-size-ui-xs);font-weight:500;background:var(--op-import-color-22);color:var(--op-import-color-14);white-space:nowrap}.op-sui-tag--ok{background:var(--op-ok-soft);color:var(--op-import-color-26)}.op-sui-tag--warn{background:var(--op-warn-soft);color:var(--op-warn)}.op-sui-tag--accent{background:var(--op-accent-soft);color:var(--op-accent-strong)}.op-sui-tag--line{background:var(--op-import-color-11);border:var(--op-space-1) solid var(--op-import-color-15);color:var(--op-import-color-9)}.op-sui-credit{display:inline-flex;align-items:center;gap:var(--op-space-4);height:var(--op-space-20);padding:0 var(--op-space-8);border-radius:var(--op-radius-pill);border:var(--op-space-1) solid var(--op-import-color-50);background:var(--op-import-color-18);color:var(--op-accent-strong);font-weight:600;font-size:var(--op-av-size-ui-sm)}@media(max-width:1023px){.op-sui-acts{margin-left:0}.op-sui-dtop>:first-child{flex:1 1 auto}}@media(max-width:560px){.op-sui-goes>div{grid-template-columns:var(--op-sui-cols-compact,minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.6fr))}.op-sui-goes--nowrap>div>:first-child{white-space:nowrap}}.op-micro{display:inline-flex;align-items:center;gap:var(--op-space-10);max-width:100%;padding:var(--op-space-12) var(--op-space-16);border-radius:var(--op-radius-md);background:var(--op-import-color-11);font-family:var(--op-font-text);font-size:var(--op-av-size-micro);line-height:1.3;color:var(--op-import-color-2);white-space:nowrap;box-shadow:var(--op-av-micro-shadow);transition:transform var(--op-duration-600) var(--op-ease-expo),box-shadow var(--op-duration-600) var(--op-ease-expo)}.op-micro *{font-family:inherit}.op-micro b{font-weight:600}.op-micro .op-icon{color:var(--op-accent);flex:none}.op-micro__muted{color:var(--op-import-color-21)}.op-micro__arr{color:var(--op-import-color-32)}.op-micro__to{color:var(--op-accent);font-weight:700}.op-micro__mono{font-family:var(--op-av-font-mono);font-size:var(--op-av-size-micro-sm)}.op-micro__tick{width:var(--op-space-20);height:var(--op-space-20);border-radius:50%;background:var(--op-import-color-19);display:grid;place-items:center;flex:none}.op-micro__tick svg{width:var(--op-space-11);height:var(--op-space-11);stroke:var(--op-import-color-11);fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.op-micro__chip{font-size:var(--op-demo-px-11);font-weight:600;color:var(--op-import-color-9);background:var(--op-av-code-bg);border-radius:var(--op-radius-pill);padding:var(--op-space-2) var(--op-space-9)}.op-micro__chip--ok{background:var(--op-ok-soft);color:var(--op-import-color-26)}.op-micro__chip--warn{background:var(--op-warn-soft);color:var(--op-warn)}.op-micro--btn{background:var(--op-accent);color:var(--op-import-color-11);font-weight:500;font-size:var(--op-av-size-micro-sm)}.op-micro--btn .op-icon{color:currentColor}.op-micro__seg{display:inline-flex;gap:var(--op-space-4);padding:var(--op-space-4);border-radius:var(--op-radius-sm);background:var(--op-import-color-22);font-size:var(--op-av-size-micro-sm)}.op-micro__seg span{display:inline-flex;align-items:center;gap:var(--op-space-6);padding:var(--op-space-5) var(--op-space-10);border-radius:var(--op-space-6);color:var(--op-import-color-10)}.op-micro__seg span.on{background:var(--op-import-color-11);color:var(--op-import-color-2);font-weight:500;box-shadow:0 var(--op-space-1) var(--op-space-2) var(--op-import-color-34)}.op-micro__bar{width:var(--op-demo-px-48);height:var(--op-space-5);border-radius:var(--op-radius-pill);background:var(--op-import-color-19);flex:none}.op-micro--seg{padding:var(--op-space-6)}.op-micro__box{width:var(--op-space-18);height:var(--op-space-18);border-radius:var(--op-space-5);background:var(--op-accent);display:grid;place-items:center;flex:none}.op-micro__box svg{width:var(--op-space-12);height:var(--op-space-12);stroke:var(--op-import-color-11);fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.op-micro__credit{display:inline-flex;align-items:center;gap:var(--op-space-5);height:var(--op-space-24);padding:0 var(--op-space-10);border-radius:var(--op-radius-pill);border:var(--op-space-1) solid var(--op-import-color-50);background:var(--op-import-color-18);color:var(--op-accent-strong);font-weight:600;font-size:var(--op-av-size-micro-sm)}.op-micro__credit .op-icon{color:currentColor}@media(prefers-reduced-motion:reduce){.op-micro,.op-sui *,.op-sui-rad:after{transition:none!important}}.op-pa-head{display:flex;align-items:flex-start;gap:var(--op-space-10);margin-bottom:var(--op-space-12)}.op-pa-head .op-sui-title{margin-bottom:0}.op-pa-head .op-sui-acts{flex-wrap:wrap;justify-content:flex-end}.op-pa-sub{margin-top:var(--op-space-2)!important;font-size:var(--op-av-size-ui-sm);color:var(--op-import-color-9)}.op-pa-tools{display:flex;flex-wrap:wrap;gap:var(--op-space-6);margin-bottom:var(--op-space-10)}.op-pa-field{display:flex;align-items:center;gap:var(--op-space-6);height:var(--op-demo-px-26);min-width:0;padding:0 var(--op-space-8);border:var(--op-space-1) solid var(--op-import-color-15);border-radius:var(--op-space-6);background:var(--op-import-color-11);font-size:var(--op-av-size-ui-sm);color:var(--op-import-color-2);white-space:nowrap;overflow:hidden}.op-pa-field--ph{color:var(--op-import-color-21)}.op-pa-field .op-icon{color:var(--op-import-color-21);flex:none}.op-pa-field--sel{justify-content:space-between}.op-pa-grow{flex:1 1 auto}.op-pa-table{border:var(--op-space-1) solid var(--op-import-color-12);border-radius:var(--op-space-10);overflow:hidden;background:var(--op-import-color-11)}.op-pa-table>div{display:grid;grid-template-columns:var(--op-pa-cols,minmax(0,2fr) minmax(0,1fr) minmax(0,1fr));align-items:center;gap:var(--op-space-10);min-height:var(--op-demo-px-44);padding:0 var(--op-space-12);border-top:var(--op-space-1) solid var(--op-import-color-22)}.op-pa-table>div:first-child{min-height:var(--op-demo-px-30);border-top:0;background:var(--op-import-color-20);font-size:var(--op-av-size-ui-xs);font-weight:600;color:var(--op-import-color-10)}.op-pa-table>div>*{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-pa-table .is-sub{background:var(--op-import-color-20);box-shadow:inset var(--op-space-2) 0 0 var(--op-import-color-50)}.op-pa-table .is-on{background:var(--op-av-row-on)}.op-pa-num{font-variant-numeric:tabular-nums}.op-pa-mono{font-family:var(--op-av-font-mono);font-size:var(--op-av-size-ui-xs)}.op-pa-code{display:inline-block;padding:0 var(--op-space-5);border:var(--op-space-1) solid var(--op-import-color-15);border-radius:var(--op-space-4);background:var(--op-import-color-20);font-family:var(--op-av-font-mono);font-size:var(--op-av-size-ui-xs);color:var(--op-import-color-10);line-height:1.5}.op-pa-name{display:flex;align-items:center;gap:var(--op-space-10);min-width:0}.op-pa-name>span:last-child{min-width:0}.op-pa-name b,.op-pa-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-pa-name b{font-weight:500}.op-pa-name small{margin-top:var(--op-space-2);font-size:var(--op-av-size-ui-xs);color:var(--op-import-color-9)}.op-pa-thumb{width:var(--op-pa-thumb,var(--op-demo-px-28));height:var(--op-pa-thumb,var(--op-demo-px-28));flex:none;display:block;overflow:hidden;border-radius:var(--op-space-6);background:var(--op-import-color-1);box-shadow:inset 0 0 0 var(--op-space-1) var(--op-av-thumb-line)}.op-pa-thumb img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.op-pa-caret{display:inline-grid;place-items:center;width:var(--op-space-18);height:var(--op-space-18);flex:none;border-radius:50%;border:var(--op-space-1) solid var(--op-import-color-15);color:var(--op-import-color-9)}.op-pa-caret--open .op-icon{transform:rotate(180deg)}.op-pa-indent{width:var(--op-space-18);flex:none}.op-pa-chip{display:inline-flex;align-items:center;height:var(--op-space-18);padding:0 var(--op-space-6);border:var(--op-space-1) solid var(--op-import-color-50);border-radius:var(--op-space-5);background:var(--op-import-color-18);font-size:var(--op-av-size-ui-xs);font-weight:500;color:var(--op-accent-strong);white-space:nowrap}.op-pa-count{display:inline-flex;align-items:center;justify-content:center;min-width:var(--op-demo-px-22);height:var(--op-space-18);padding:0 var(--op-space-6);border-radius:var(--op-radius-pill);background:var(--op-av-code-bg);font-size:var(--op-av-size-ui-xs);font-weight:600;color:var(--op-import-color-14);font-variant-numeric:tabular-nums}.op-pa-tabs{display:flex;gap:var(--op-space-18);border-bottom:var(--op-space-1) solid var(--op-import-color-12);font-size:var(--op-av-size-ui);white-space:nowrap;overflow:hidden}.op-pa-tabs>span{padding:var(--op-space-9) 0;color:var(--op-import-color-10)}.op-pa-tabs>span.on{color:var(--op-accent);font-weight:500;box-shadow:inset 0 calc(var(--op-space-2) * -1) 0 var(--op-accent)}.op-pa-dashed{border-style:dashed}.op-pa-iconbtn{display:inline-grid;place-items:center;width:var(--op-demo-px-26);height:var(--op-demo-px-26);flex:none;border:var(--op-space-1) solid var(--op-import-color-15);border-radius:var(--op-space-6);color:var(--op-import-color-10);background:var(--op-import-color-11)}.op-pa-phead{display:flex;align-items:flex-start;gap:var(--op-space-10);padding:var(--op-space-14) var(--op-space-18) var(--op-space-10)}.op-pa-phead__id{flex:1 1 auto;min-width:0}.op-pa-phead__id b{display:block;font-size:var(--op-av-size-ui-title);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-pa-phead__id span{display:flex;flex-wrap:wrap;align-items:center;gap:var(--op-space-8);margin-top:var(--op-space-4);font-size:var(--op-av-size-ui-sm);color:var(--op-import-color-9)}.op-pa-phead .op-sui-acts{flex:none}.op-pa-fam{font-style:normal;padding:var(--op-space-1) var(--op-space-6);border-radius:var(--op-space-4);background:var(--op-import-color-22);color:var(--op-import-color-10);font-size:var(--op-av-size-ui-xs)}.op-pa-group{border:var(--op-space-1) solid var(--op-import-color-12);border-radius:var(--op-space-10);background:var(--op-import-color-11)}.op-pa-group__hd{display:flex;align-items:center;gap:var(--op-space-8);padding:var(--op-space-10) var(--op-space-12);border-bottom:var(--op-space-1) solid var(--op-import-color-22)}.op-pa-group__hd b{font-size:var(--op-demo-px-13)}.op-pa-group__hd .op-pa-count{margin-left:auto}.op-pa-group__hd .op-icon{color:var(--op-import-color-9)}.op-pa-attr{padding:var(--op-space-10) var(--op-space-12);border-top:var(--op-space-1) solid var(--op-import-color-22)}.op-pa-attr:first-of-type{border-top:0}.op-pa-attr__label{display:flex;flex-wrap:wrap;align-items:center;gap:var(--op-space-6);margin-bottom:var(--op-space-6);font-weight:600}.op-pa-attr__label .op-icon{color:var(--op-import-color-21)}.op-pa-input{display:flex;align-items:center;min-height:var(--op-demo-px-28);padding:0 var(--op-space-10);border:var(--op-space-1) solid var(--op-import-color-15);border-radius:var(--op-space-6);background:var(--op-import-color-11);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.op-pa-input--unit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);padding:0}.op-pa-input--unit>span{display:flex;align-items:center;justify-content:space-between;padding:0 var(--op-space-10);min-width:0}.op-pa-input--unit>span+span{border-left:var(--op-space-1) solid var(--op-import-color-15);color:var(--op-import-color-10)}.op-pa-input .op-icon{color:var(--op-import-color-21)}.op-pa-tag-loc{display:inline-flex;align-items:center;height:var(--op-space-18);padding:0 var(--op-space-6);border:var(--op-space-1) solid var(--op-import-color-50);border-radius:var(--op-space-4);background:var(--op-import-color-18);font-size:var(--op-av-size-ui-xs);font-weight:500;color:var(--op-accent-strong)}.op-pa-tree{display:grid;gap:var(--op-space-1)}.op-pa-node{display:flex;align-items:center;gap:var(--op-space-6);height:var(--op-demo-px-28);padding:0 var(--op-space-8) 0 calc(var(--op-space-6) + var(--lvl, 0) * var(--op-space-16));border-radius:var(--op-space-6);white-space:nowrap;min-width:0;transition:background var(--op-duration-300) var(--op-ease),color var(--op-duration-300) var(--op-ease)}.op-pa-node>b,.op-pa-node>span:not(.op-pa-tw):not(.op-pa-count):not(.op-pa-muted){min-width:0;overflow:hidden;text-overflow:ellipsis}.op-pa-node>b{font-weight:500}.op-pa-node .op-pa-muted{color:var(--op-import-color-21);flex:none}.op-pa-node .op-pa-count{margin-left:auto}.op-pa-node.on{background:var(--op-accent-soft);color:var(--op-accent-strong)}.op-pa-node.on .op-pa-muted{color:var(--op-accent-muted)}.op-pa-tw{display:inline-grid;place-items:center;width:var(--op-space-14);height:var(--op-space-14);flex:none;color:var(--op-import-color-21)}.op-pa-tw--closed .op-icon{transform:rotate(-90deg)}.op-pa-tw--leaf{visibility:hidden}.op-pa-switch{position:relative;display:inline-block;width:var(--op-demo-px-28);height:var(--op-space-16);flex:none;border-radius:var(--op-radius-pill);background:var(--op-import-color-15);transition:background var(--op-duration-300) var(--op-ease)}.op-pa-switch:after{content:"";position:absolute;left:var(--op-space-2);top:var(--op-space-2);width:var(--op-space-12);height:var(--op-space-12);border-radius:50%;background:var(--op-import-color-11);box-shadow:0 var(--op-space-1) var(--op-space-2) var(--op-import-color-40);transition:transform var(--op-duration-300) var(--op-ease-expo)}.op-pa-switch.on{background:var(--op-accent)}.op-pa-switch.on:after{transform:translate(var(--op-space-12))}.op-pa-seg{display:inline-flex;gap:var(--op-space-2);padding:var(--op-space-2);border:var(--op-space-1) solid var(--op-import-color-12);border-radius:var(--op-space-8);background:var(--op-import-color-11);font-size:var(--op-av-size-ui-sm);white-space:nowrap}.op-pa-seg>span{display:inline-flex;align-items:center;gap:var(--op-space-5);height:var(--op-space-22);padding:0 var(--op-space-9);border-radius:var(--op-space-6);color:var(--op-import-color-10);transition:background var(--op-duration-300) var(--op-ease),color var(--op-duration-300) var(--op-ease)}.op-pa-seg>span.on{background:var(--op-import-color-22);color:var(--op-import-color-2);font-weight:500}.op-pa-seg .op-icon{color:var(--op-import-color-9)}@media(prefers-reduced-motion:reduce){.op-pa-node,.op-pa-switch,.op-pa-switch:after,.op-pa-seg>span{transition:none!important}}.op-pa-pub,.op-pa-priv,.op-pa-inh{display:inline-flex;align-items:center;height:var(--op-space-18);padding:0 var(--op-space-6);border-radius:var(--op-space-4);font-size:var(--op-av-size-ui-xs);font-weight:500;white-space:nowrap}.op-pa-pub{background:var(--op-import-color-54);box-shadow:inset 0 0 0 var(--op-space-1) var(--op-import-color-25);color:var(--op-import-color-26)}.op-pa-priv{background:var(--op-import-color-11);box-shadow:inset 0 0 0 var(--op-space-1) var(--op-import-color-16);color:var(--op-danger)}.op-pa-inh{background:var(--op-import-color-22);color:var(--op-import-color-14)}.op-pa-state{display:inline-flex;align-items:center;gap:var(--op-space-8)}.op-pa-fileic{display:inline-flex;flex:none;color:var(--op-accent)}.op-pa-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--op-space-2) var(--op-space-6);font-size:var(--op-av-size-ui-sm);color:var(--op-import-color-9)}.op-pa-crumb>i{font-style:normal;color:var(--op-import-color-21)}.op-pa-crumb>b{color:var(--op-import-color-2);font-weight:600}.op-iui-card{border-radius:var(--op-radius-lg);background:var(--op-import-color-11);box-shadow:var(--op-av-card-shadow);overflow:hidden}.op-iui-body{padding:var(--op-space-16) var(--op-space-18) var(--op-space-18)}.op-iui-title{display:flex;align-items:flex-start;gap:var(--op-space-10)}.op-iui-title>span:first-child{display:grid;place-items:center;width:var(--op-demo-px-30);height:var(--op-demo-px-30);flex:none;border-radius:var(--op-space-8);background:var(--op-import-color-18);color:var(--op-accent)}.op-iui-title b{display:block;font-size:var(--op-av-size-ui-title);letter-spacing:-.01em}.op-iui-title small{display:block;margin-top:var(--op-space-2);font-size:var(--op-av-size-ui-sm);color:var(--op-import-color-9)}.op-iui-acts{display:flex;flex-wrap:wrap;gap:var(--op-space-6);margin-top:var(--op-space-14)}.op-iui-acts .op-sui-btn .op-icon{color:var(--op-import-color-10)}.op-iui-acts .op-sui-btn--pri .op-icon{color:currentColor}.op-iui-banner{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--op-space-4) var(--op-space-10);align-items:start;margin-top:var(--op-space-14);padding:var(--op-space-12) var(--op-space-14);border-radius:var(--op-space-10);border:var(--op-space-1) solid var(--op-import-color-12);background:var(--op-import-color-20)}.op-iui-banner p{grid-column:2;font-weight:500}.op-iui-banner small{grid-column:2;color:var(--op-import-color-9);font-size:var(--op-av-size-ui-sm)}.op-iui-banner>.op-sui-tag{grid-row:1 / span 2;margin-top:var(--op-space-1)}.op-iui-banner--ok{border-color:var(--op-import-color-25);background:var(--op-import-color-54)}.op-iui-banner--info{border-color:var(--op-import-color-50);background:var(--op-import-color-18)}.op-iui-job{display:flex;align-items:center;gap:var(--op-space-8);margin-top:var(--op-space-16);padding-top:var(--op-space-14);border-top:var(--op-space-1) solid var(--op-av-hairline)}.op-iui-job b{font-size:var(--op-demo-px-13)}.op-iui-job .op-icon{color:var(--op-accent)}.op-iui-goes{display:grid;gap:var(--op-space-2);padding:var(--op-space-12) var(--op-space-14);border-radius:var(--op-space-10);background:var(--op-import-color-18);box-shadow:inset 0 0 0 var(--op-space-1) var(--op-import-color-50)}.op-iui-goes b{font-size:var(--op-demo-px-14)}.op-iui-goes>span:last-child{color:var(--op-import-color-9);font-size:var(--op-av-size-ui-sm)}.op-iui-list{margin-top:var(--op-space-12);border:var(--op-space-1) solid var(--op-import-color-12);border-radius:var(--op-space-10);overflow:hidden}.op-iui-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--op-space-10);padding:var(--op-space-10) var(--op-space-12);border-top:var(--op-space-1) solid var(--op-import-color-22)}.op-iui-list>div:first-child{border-top:0}.op-iui-list b,.op-iui-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-iui-list b{font-weight:600}.op-iui-list small{margin-top:var(--op-space-2);font-size:var(--op-av-size-ui-xs);color:var(--op-import-color-9)}.op-iui-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--op-space-6);margin-top:var(--op-space-14)}.op-iui-foot .op-sui-btn .op-icon{color:var(--op-import-color-10)}.op-iui-foot .op-sui-btn--pri .op-icon{color:currentColor}.op-iui-modal{padding:var(--op-space-16) var(--op-space-18) var(--op-space-18)}.op-iui-modal__hd{display:flex;align-items:center;gap:var(--op-space-8);margin-bottom:var(--op-space-14)}.op-iui-modal__hd b{font-size:var(--op-av-size-ui-title);letter-spacing:-.01em}.op-iui-modal__hd .op-icon{margin-left:auto;color:var(--op-import-color-21)}.op-iui-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--op-space-8)}.op-iui-stats>div{padding:var(--op-space-8) var(--op-space-10);border:var(--op-space-1) solid var(--op-import-color-12);border-radius:var(--op-space-8)}.op-iui-stats small{display:block;font-size:var(--op-av-size-ui-xs);color:var(--op-import-color-9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-iui-stats b{display:block;margin-top:var(--op-space-2);font-size:var(--op-av-size-ui-title);font-weight:500;font-variant-numeric:tabular-nums}.op-iui-filters{display:flex;flex-wrap:wrap;gap:var(--op-space-6);margin:var(--op-space-12) 0 var(--op-space-10)}.op-iui-filters .op-pa-field--ph{flex:1 1 var(--op-int-search-min)}.op-iui-table{border:var(--op-space-1) solid var(--op-import-color-12);border-radius:var(--op-space-10);overflow:hidden}.op-iui-table>div{display:grid;grid-template-columns:var(--op-space-18) minmax(0,1.5fr) minmax(0,1fr) minmax(0,1.25fr);align-items:center;gap:var(--op-space-10);padding:var(--op-space-9) var(--op-space-12);border-top:var(--op-space-1) solid var(--op-import-color-22)}.op-iui-table>div:first-child{border-top:0;padding-block:var(--op-demo-px-7);background:var(--op-import-color-20);font-size:var(--op-av-size-ui-xs);font-weight:600;color:var(--op-import-color-10)}.op-iui-table>div>*{min-width:0}.op-iui-table b,.op-iui-table small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-iui-table b{font-weight:500}.op-iui-table small{margin-top:var(--op-space-2);font-size:var(--op-av-size-ui-xs);color:var(--op-import-color-9)}.op-iui-table .is-sel{background:var(--op-av-row-on)}.op-iui-state{display:grid;justify-items:start;gap:var(--op-space-4)}.op-iui-reason{font-size:var(--op-av-size-ui-xs);line-height:1.35;color:var(--op-warn)}.op-iui-box-off{opacity:.45}.op-iui-tpl{display:grid;gap:var(--op-space-2);padding:var(--op-space-11) var(--op-space-12);margin-top:var(--op-space-8);border:var(--op-space-1) solid var(--op-import-color-15);border-radius:var(--op-space-8);transition:border-color var(--op-duration-300) var(--op-ease),background var(--op-duration-300) var(--op-ease),box-shadow var(--op-duration-300) var(--op-ease)}.op-iui-tpl b{font-weight:600}.op-iui-tpl small{font-size:var(--op-av-size-ui-sm);color:var(--op-import-color-9)}.op-iui-tpl.is-hot,.op-iui-tpl.is-clicked{border-color:var(--op-footer-link);background:var(--op-av-sel-bg);box-shadow:var(--op-av-sel-ring)}.op-iui-jobs>div{display:grid;grid-template-columns:minmax(0,1fr) var(--op-int-job-status) auto;align-items:center;gap:var(--op-space-10);padding:var(--op-space-10) var(--op-space-14);border-top:var(--op-space-1) solid var(--op-import-color-22)}.op-iui-jobs>.op-iui-jobs__th{padding-block:var(--op-demo-px-7);background:var(--op-import-color-20);font-size:var(--op-av-size-ui-xs);font-weight:600;color:var(--op-import-color-10)}.op-iui-jobs>div:first-child{border-top:0}.op-iui-jobs b,.op-iui-jobs small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-iui-jobs b{font-weight:600}.op-iui-jobs small{margin-top:var(--op-space-2);font-size:var(--op-av-size-ui-xs);color:var(--op-import-color-9)}.op-iui-jobs .is-on{background:var(--op-av-row-on)}.op-iui-chat{padding:var(--op-space-14) var(--op-space-16) var(--op-space-16);display:grid;gap:var(--op-space-10)}.op-iui-chat__hd{display:flex;align-items:center;gap:var(--op-space-8);height:var(--op-space-40);padding:0 var(--op-space-14);border-bottom:var(--op-space-1) solid var(--op-av-hairline);font-size:var(--op-av-size-ui-sm);color:var(--op-import-color-9);white-space:nowrap}.op-iui-chat__hd>b{color:var(--op-import-color-2);font-weight:600}.op-iui-chat__hd .op-icon{color:var(--op-import-color-10)}.op-iui-server{display:inline-flex;align-items:center;gap:var(--op-space-6);height:var(--op-space-20);margin-left:auto;padding:0 var(--op-space-8);border-radius:var(--op-radius-pill);border:var(--op-space-1) solid var(--op-import-color-15);font-family:var(--op-av-font-mono);font-size:var(--op-av-size-ui-xs);color:var(--op-import-color-10)}.op-iui-server i{width:var(--op-space-6);height:var(--op-space-6);border-radius:50%;background:var(--op-import-color-19)}.op-iui-q{justify-self:end;max-width:var(--op-mcp-bubble-max);padding:var(--op-space-8) var(--op-space-12);border-radius:var(--op-space-12) var(--op-space-12) var(--op-space-4) var(--op-space-12);background:var(--op-import-color-22);color:var(--op-import-color-2)}.op-iui-a{max-width:100%;line-height:1.5}.op-iui-a ul{margin:var(--op-space-4) 0 0;padding-left:var(--op-space-18);list-style:disc}.op-iui-a li::marker{color:var(--op-import-color-21)}.op-iui-a li{margin-top:var(--op-space-2)}.op-iui-tool{border:var(--op-space-1) solid var(--op-mcp-code-line);border-radius:var(--op-space-8);background:var(--op-import-color-11);overflow:hidden}.op-iui-tool__hd{display:flex;align-items:center;gap:var(--op-space-8);min-height:var(--op-demo-px-30);padding:0 var(--op-space-10);font-size:var(--op-av-size-ui-sm);white-space:nowrap}.op-iui-tool__hd code{font-family:var(--op-av-font-mono);font-size:var(--op-mcp-size-code);font-weight:600;color:var(--op-import-color-2)}.op-iui-tool__hd>span:not(.op-iui-tick){min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--op-import-color-9)}.op-iui-tool__hd>.op-icon:last-child{margin-left:auto;flex:none;color:var(--op-import-color-21)}.op-iui-tick{display:grid;place-items:center;width:var(--op-space-16);height:var(--op-space-16);flex:none;border-radius:50%;background:var(--op-import-color-19);color:var(--op-import-color-11)}.op-iui-tool__body{display:grid;gap:var(--op-space-2);padding:var(--op-space-8) var(--op-space-10) var(--op-space-10);border-top:var(--op-space-1) solid var(--op-mcp-code-line);background:var(--op-mcp-code-bg);font-family:var(--op-av-font-mono);font-size:var(--op-mcp-size-code);line-height:1.55;color:var(--op-import-color-10)}.op-iui-tool__body small{font-family:var(--op-font-text);font-size:var(--op-av-size-ui-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--op-import-color-21);margin-top:var(--op-space-4)}.op-iui-tool__body small:first-child{margin-top:0}.op-iui-kv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--op-space-10)}.op-iui-kv>span:first-child{color:var(--op-import-color-9);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-iui-kv>span:last-child{color:var(--op-import-color-2);overflow-wrap:anywhere}.op-iui-kv.hi{margin:0 calc(var(--op-space-6) * -1);padding:0 var(--op-space-6);border-radius:var(--op-space-4);background:var(--op-accent-soft)}.op-iui-kv.hi>span:last-child{color:var(--op-accent-strong);font-weight:600}.op-iui-composer{display:flex;align-items:center;gap:var(--op-space-8);height:var(--op-demo-px-34);padding:0 var(--op-space-6) 0 var(--op-space-12);border:var(--op-space-1) solid var(--op-import-color-15);border-radius:var(--op-space-10);color:var(--op-import-color-21)}.op-iui-composer>span:last-child{display:grid;place-items:center;width:var(--op-demo-px-22);height:var(--op-demo-px-22);margin-left:auto;border-radius:var(--op-space-6);background:var(--op-import-color-22);color:var(--op-import-color-10)}.op-iui-audit>div{display:grid;grid-template-columns:var(--op-int-audit-cols);align-items:center;gap:var(--op-space-10);padding:var(--op-space-9) var(--op-space-12);border-top:var(--op-space-1) solid var(--op-import-color-22);white-space:nowrap}.op-iui-audit>div>*{min-width:0;overflow:hidden;text-overflow:ellipsis}.op-iui-audit>div:first-child{border-top:0;padding-block:var(--op-demo-px-7);background:var(--op-import-color-20);font-size:var(--op-av-size-ui-xs);font-weight:600;color:var(--op-import-color-10)}.op-iui-audit .is-on{background:var(--op-av-row-on)}.op-iui-diff{display:grid;gap:var(--op-space-8);margin-top:var(--op-space-12)}.op-iui-diff>div{padding:var(--op-space-10) var(--op-space-12);border-radius:var(--op-space-8);border:var(--op-space-1) solid var(--op-import-color-12)}.op-iui-diff small{display:block;margin-bottom:var(--op-space-4);font-size:var(--op-av-size-ui-xs);color:var(--op-import-color-9)}.op-iui-diff .before p{color:var(--op-import-color-9);text-decoration:line-through;text-decoration-color:var(--op-import-color-21)}.op-iui-diff .after{border-color:var(--op-import-color-50);background:var(--op-import-color-18);box-shadow:inset var(--op-space-2) 0 0 var(--op-accent)}.op-iui-meta{display:flex;flex-wrap:wrap;gap:var(--op-space-6)}@media(max-width:560px){.op-iui-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.op-iui-table>div{grid-template-columns:var(--op-space-18) minmax(0,1fr) minmax(0,1fr)}.op-iui-table>div>:nth-child(3){display:none}}@media(prefers-reduced-motion:reduce){.op-iui-tpl{transition:none!important}}