@font-face{
  font-family:"OpenAI Sans Widget";
  src:url("fonts/OpenAISans-Regular.woff2") format("woff2");
  font-weight:400;
  font-display:swap;
}
@font-face{
  font-family:"OpenAI Sans Widget";
  src:url("fonts/OpenAISans-Medium.woff2") format("woff2");
  font-weight:500 700;
  font-display:swap;
}

/* Hero: a single, product-neutral Judaro query instead of an app screenshot. */
.judaro-query-widget{width:100%;max-width:390px!important;margin:0!important;color:#1b2733;font-family:"OpenAI Sans Widget","IBM Plex Sans Hebrew",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.jq-card{position:relative;box-sizing:border-box;width:100%;padding:15px;border:1px solid rgba(34,86,79,.14);border-radius:22px;background:rgba(255,255,255,.96);box-shadow:0 18px 48px rgba(27,39,51,.11);overflow:hidden;direction:rtl}
.jq-head{height:34px;display:flex;align-items:center;justify-content:space-between}
.jq-brand{display:flex;align-items:center;gap:9px;direction:ltr}
.jq-brand>img{width:30px;height:30px;padding:5px;box-sizing:border-box;border:1px solid rgba(34,86,79,.12);border-radius:9px;background:#fff;object-fit:contain}
.jq-brand>span{display:grid;gap:1px;text-align:left}
.jq-brand b{font-size:13px;font-weight:600;letter-spacing:-.01em}
.jq-brand small{color:#8a9692;font-size:9px}
.jq-status{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:#eef6f3;color:#22564f;font-size:9px;font-weight:500}
.jq-status i{width:6px;height:6px;border-radius:50%;background:#39a579;box-shadow:0 0 0 3px rgba(57,165,121,.12)}
.jq-composer{margin-top:13px;padding:12px 13px 10px;border:1px solid #d9dfdc;border-radius:17px;background:#fff;box-shadow:0 7px 20px rgba(27,39,51,.05)}
.jq-input{min-height:37px;color:#27322f;text-align:right;font-size:12.5px;line-height:1.45}
.jq-footer{min-height:30px;display:flex;align-items:center;direction:ltr}
.jq-source{height:27px;padding:0 8px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;background:#f5f7f6;color:#66736f;font-size:9.5px}
.jq-source img{width:14px;height:14px;opacity:.72}
.jq-send{margin-left:auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#22564f}
.jq-send img{width:16px;height:16px;filter:invert(1)}
.jq-response{margin-top:10px;padding:10px 11px;border:1px solid rgba(34,86,79,.13);border-radius:13px;background:#f7faf9;text-align:right;opacity:0;transform:translateY(6px);transition:opacity .36s ease,transform .36s ease}
.jq-response.on{opacity:1;transform:none}
.jq-activity{display:flex;align-items:center;justify-content:flex-start;gap:7px;color:#6f7c78;font-size:9.5px}
.jq-activity img{width:16px;height:16px;object-fit:contain}
.jq-response p{margin:7px 0 0;color:#35433f;font-size:10.5px;line-height:1.55}
.jq-response b{font-weight:600;color:#22564f}
.judaro-query-widget .cw-cursor{position:absolute;z-index:20;left:0;top:0;width:15px;height:20px;opacity:0;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.28));transform:translate(var(--sx),var(--sy)) rotate(-13deg)}
.judaro-query-widget .cw-cursor:before{content:"";display:block;width:13px;height:18px;background:#22564f;clip-path:polygon(0 0,0 100%,28% 72%,45% 100%,60% 91%,43% 64%,79% 62%);filter:drop-shadow(0 0 1px #fff)}
.judaro-query-widget .cw-cursor.on{animation:cw-pointer var(--dur,900ms) cubic-bezier(.22,1,.36,1) forwards}
.judaro-query-widget .cw-ripple{position:absolute;z-index:19;left:var(--rx);top:var(--ry);width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid rgba(34,86,79,.45);border-radius:50%;opacity:0;transform:scale(.35);pointer-events:none}
.judaro-query-widget .cw-ripple.on{animation:cw-ripple .42s ease-out forwards}
.judaro-query-widget .cw-press.on{animation:cw-press .32s ease}

/* Hero uses the Codex composer by itself. The transient @ menu is not a frame. */
.jq-hero-composer{position:relative;z-index:2;width:100%;min-height:118px;overflow:visible;direction:ltr}
.jq-hero-composer .cx-composer{position:relative;box-sizing:border-box;width:100%;min-height:118px;padding:15px 16px 12px;border:1px solid #d7d7d4;border-radius:24px;background:#fff;box-shadow:0 10px 26px #0000000d;display:flex;flex-direction:column;direction:ltr}
.jq-hero-composer .cx-composer-input{width:100%;min-height:50px;flex:1;padding:0 2px;color:#25272a;font-size:14px;line-height:1.45;direction:rtl;text-align:right}
.jq-hero-composer .cx-composer-footer{min-height:34px;display:flex;align-items:center;direction:ltr;color:#4f5358;font-size:12px}
.jq-hero-composer .cx-composer-left,.jq-hero-composer .cx-composer-right{display:flex;align-items:center;gap:8px}
.jq-hero-composer .cx-composer-right{margin-left:auto}
.jq-hero-composer .cx-composer-action{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#17191c}
.jq-hero-composer .cx-composer-action img{width:18px;height:18px;filter:invert(1)}
.jq-hero-composer .cx-model-button{height:32px;padding:0 4px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;color:#707378}
.jq-hero-composer .cx-model-button .cx-chevron{width:15px;height:15px}.jq-hero-composer .cx-model-button .cx-sol{width:17px;height:17px}
.jq-hero-composer .cx-access{height:32px;padding:0 5px;border-radius:8px;color:#f05a24;display:inline-flex;align-items:center;gap:6px}
.jq-hero-composer .cx-access img{width:16px;height:16px}.jq-hero-composer .cx-attach{width:32px;height:32px;display:grid;place-items:center}.jq-hero-composer .cx-attach img{width:19px;height:19px}
.jq-mention-draft,.jq-selected-mention{display:inline-block;direction:ltr;unicode-bidi:isolate}.jq-mention-draft{color:#25272a}.jq-selected-mention{color:#2879dc;font-weight:700}
.jq-mention-menu{position:absolute;z-index:50;right:14px;top:45px;width:230px;padding:7px;border:1px solid #d8d8d6;border-radius:14px;background:#fff;box-shadow:0 14px 38px #0002;opacity:0;visibility:hidden;transform:translateY(-5px) scale(.98);transition:opacity 140ms ease,transform 180ms cubic-bezier(.19,1,.22,1),visibility 140ms;direction:ltr}
.jq-mention-menu.on{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.jq-mention-row{height:40px;padding:0 8px;border-radius:9px;display:flex;align-items:center;gap:9px;color:#26282c}
.jq-mention-row.on{background:#edf4ff}
.jq-mention-row>img{width:22px;height:22px;padding:2px;box-sizing:border-box;object-fit:contain;flex:0 0 auto}
.jq-mention-row>span{display:grid;gap:1px}.jq-mention-row b{font-size:12px;font-weight:500}.jq-mention-row small{color:#92959a;font-size:9px}

@media(max-width:620px){
  .judaro-query-widget{width:100%}
  .jq-hero-composer .cx-model-button span{display:none}
  .jq-mention-menu{right:8px;width:215px}
}

/* ChatGPT web: collapsed rail -> pointer opens it -> pointer selects Plugins. */
.widget{margin:18px 0 26px;max-width:min(460px,100%)}
.w-replay{display:flex;margin:10px auto 0;width:26px;height:26px;border:0;background:none;color:#777;opacity:.55;cursor:pointer;padding:0}
.w-replay:hover{opacity:1}.w-replay svg{width:16px;height:16px;margin:auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.w-swap:not(.on){display:none!important}.w-in:not(.on){opacity:0;transform:translateY(8px)}
.gpt-sidebar-widget{max-width:min(540px,100%)}
.gpt-sidebar-stage{position:relative;min-height:278px;overflow:hidden;direction:ltr;background:#fff;border:1px solid #e3e3e3;border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,.08);color:#202020;font-family:"OpenAI Sans Widget",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.gpt-sidebar-collapsed,.gpt-sidebar-open{position:absolute;inset:0;min-height:278px}
.gpt-sidebar-collapsed{display:grid;grid-template-columns:58px 1fr;background:#fff}
.gpt-rail{position:relative;padding:11px 9px;background:#f7f7f7;border-right:1px solid #ececec}
.gpt-rail-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:#303030;font-size:18px}
.gpt-rail-icon svg,.gpt-rail-icon img{width:18px;height:18px}
.gpt-expand-handle{position:absolute;z-index:5;right:-14px;top:112px;width:27px;height:30px;display:grid;place-items:center;border:1px solid #dedede;border-radius:8px;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.1)}
.gpt-expand-handle i,.gpt-expand-handle b{position:absolute;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent}
.gpt-expand-handle i{left:6px;border-right:5px solid #555}.gpt-expand-handle b{right:6px;border-left:5px solid #555}
.gpt-sidebar-open{display:grid;grid-template-columns:178px minmax(0,1fr)}
.gpt-side-menu{padding:9px 7px;background:#f7f7f7;border-right:1px solid #ededed;transition:transform .45s ease}
.gpt-side-brand{height:35px;padding:0 10px;display:flex;align-items:center;gap:9px;color:#202020;font-size:13px}
.gpt-side-brand svg,.gpt-side-brand img{width:16px;height:16px}
.gpt-side-menu .m-list{padding:5px 0}
.gpt-side-menu .m-item{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:8px;color:#343434;font-size:12px;transition:background .2s ease,transform .2s ease}
.gpt-side-menu .m-item svg,.gpt-side-menu .m-item img{width:15px;height:15px;flex:none}
.gpt-side-menu .m-item.w-sel.on{background:#e9e9e9;font-weight:600}
.gpt-main-area{position:relative;min-width:0;overflow:hidden;background:#fff}
.gpt-collapsed-chat,.gpt-chat-pane{position:relative;min-width:0;background:#fff;color:#171717}
.gpt-collapsed-chat{height:100%}.gpt-chat-pane,.gpt-plugin-pane{position:absolute;inset:0}
.gpt-chat-top{padding:16px 18px;font-size:12px;font-weight:600}
.gpt-chat-welcome{position:absolute;top:87px;left:12px;right:12px;text-align:center;font-size:17px;font-weight:600;letter-spacing:-.02em}
.gpt-chat-box{position:absolute;left:9%;right:9%;bottom:27px;height:48px;padding:0 8px;display:grid;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;gap:7px;border:1px solid #dedede;border-radius:999px;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.06);color:#999;font-size:11px}
.gpt-chat-box>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gpt-chat-box img{width:16px;height:16px}
.gpt-chat-box .gpt-mini-plus,.gpt-chat-box .gpt-mini-send{width:30px;height:30px;display:grid;place-items:center;border-radius:50%}
.gpt-chat-box .gpt-mini-plus{background:#f1f1f1}.gpt-chat-box .gpt-mini-send{background:#111}.gpt-chat-box .gpt-mini-send img{filter:invert(1)}
.gpt-plugin-pane{padding:18px 14px;background:#fff}
.gpt-panel-slide{opacity:0;transform:translateX(52px);transition:opacity .4s ease,transform .58s cubic-bezier(.22,1,.36,1)}
.gpt-panel-slide.on{opacity:1;transform:none}
.gpt-plugin-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:8px;direction:ltr}
.gpt-plugin-toolbar .m-field{height:34px;box-sizing:border-box;min-width:0;max-width:190px;flex:1;display:flex;align-items:center;border:1px solid #e0e0e0;border-radius:999px;padding:0 12px;color:#929292;font-size:11px;background:#fff}
.gpt-plugin-toolbar .m-btn{width:34px;height:34px;display:grid;place-items:center;padding:0;flex:none;border:1px solid #e0e0e0;border-radius:50%;background:#fff;color:#202020}
.gpt-plugin-toolbar .m-btn svg{width:14px;height:14px}.gpt-plugin-caption{margin-top:22px;color:#a0a0a0;text-align:center;font-size:11px}
.gpt-demo-cursor{position:absolute;z-index:20;left:0;top:0;width:15px;height:20px;opacity:0;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));transform:translate(var(--sx),var(--sy)) rotate(-13deg)}
.gpt-demo-cursor:before{content:"";display:block;width:13px;height:18px;background:#22564f;clip-path:polygon(0 0,0 100%,28% 72%,45% 100%,60% 91%,43% 64%,79% 62%);filter:drop-shadow(0 0 1px #fff)}
.gpt-demo-cursor.on{animation:gpt-pointer var(--dur,700ms) cubic-bezier(.22,1,.36,1) forwards}
@keyframes gpt-pointer{0%{opacity:0;transform:translate(var(--sx),var(--sy)) rotate(-13deg)}12%{opacity:1}100%{opacity:1;transform:translate(var(--ex),var(--ey)) rotate(-13deg)}}
.gpt-click-ring{position:absolute;z-index:19;left:var(--rx);top:var(--ry);width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid rgba(34,86,79,.5);border-radius:50%;opacity:0;transform:scale(.35);pointer-events:none}
.gpt-click-ring.on{animation:gpt-ring .42s ease-out forwards}@keyframes gpt-ring{0%{opacity:.85;transform:scale(.35)}100%{opacity:0;transform:scale(1.55)}}
.gpt-sidebar-widget .w-press.on{animation:gpt-press .34s ease}@keyframes gpt-press{35%{transform:scale(.96);filter:brightness(.92)}100%{transform:none;filter:none}}

@media(max-width:620px){
  .gpt-sidebar-stage,.gpt-sidebar-collapsed,.gpt-sidebar-open{min-height:258px}
  .gpt-sidebar-open{grid-template-columns:146px minmax(0,1fr)}
  .gpt-side-brand{padding:0 7px}
  .gpt-side-menu .m-item{gap:7px;padding:7px 6px;font-size:11px}
  .gpt-plugin-pane{padding:16px 10px}
  .gpt-chat-welcome{font-size:14px}
  .gpt-chat-box{left:7%;right:7%}
  .gpt-plugin-toolbar .m-field{max-width:150px}
}

.cw-widget{max-width:min(520px,100%);margin:20px 0 28px}
.cw-widget .cw-stage{position:relative;width:100%;aspect-ratio:1.76/1;overflow:hidden;border:1px solid #e5e5e3;border-radius:14px;background:#fff;box-shadow:0 12px 34px rgba(21,24,29,.08);direction:ltr;color:#24262b;font-family:"OpenAI Sans Widget",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.cw-widget .cw-app{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) 29%;background:#fff}
.cw-widget .cw-main{position:relative;min-width:0;overflow:hidden;background:#fff}
.cw-widget .cw-side{position:relative;overflow:hidden;background:#e9edfb;border-left:1px solid #dfe3ef;padding:9px 8px 8px;color:#31343a}
.cw-widget .cw-sidebar-top{display:flex;align-items:center;gap:7px;height:18px;color:#858995;font-size:10px}
.cw-widget .cw-sidebar-top span:first-child{margin-left:auto}
.cw-widget .cw-brand{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin:8px 3px 7px;font-size:11px;font-weight:500}
.cw-widget .cw-brand img{width:13px;height:13px;opacity:.72}
.cw-widget .cw-nav{display:grid;gap:2px}
.cw-widget .cw-navrow{height:22px;border-radius:7px;display:flex;align-items:center;justify-content:flex-end;gap:7px;padding:0 7px;font-size:8.5px;white-space:nowrap;color:#3f4249;transition:background .2s ease,transform .2s ease}
.cw-widget .cw-navrow img{width:11px;height:11px;opacity:.76}
.cw-widget .cw-navrow.on,.cw-widget .cw-navrow.active{background:#dce4f8}
.cw-widget .cw-side-label{margin:9px 7px 3px;text-align:right;color:#9a9eaa;font-size:7.5px}
.cw-widget .cw-recent{padding:2px 7px;text-align:right;color:#8f939f;font-size:7px;white-space:nowrap}
.cw-widget .cw-account{position:absolute;bottom:7px;right:9px;left:9px;display:flex;align-items:center;justify-content:flex-end;gap:5px;font-size:7.5px}
.cw-widget .cw-avatar{width:15px;height:15px;border-radius:50%;display:grid;place-items:center;background:#1677d2;color:#fff;font-size:6px}

.cw-widget .cw-toolbar{height:28px;display:flex;align-items:center;padding:0 10px;border-bottom:1px solid rgba(0,0,0,.025);gap:6px;font-size:8px}
.cw-widget .cw-toolbar .cw-tabs{margin-left:auto;display:flex;align-items:center;gap:3px}
.cw-widget .cw-tab{padding:5px 8px;border-radius:7px;color:#777b83}
.cw-widget .cw-tab.active{background:#f0f0ef;color:#24262b}
.cw-widget .cw-add{height:20px;border-radius:7px;background:#202124;color:#fff;padding:0 9px;display:inline-flex;align-items:center;gap:4px;font-size:8px}
.cw-widget .cw-iconbtn{width:18px;height:18px;display:grid;place-items:center;border-radius:6px;color:#555a62;font-size:12px}
.cw-widget .cw-page{padding:7px 16px 12px}
.cw-widget .cw-page-title{text-align:right;margin:1px 0 0;font-size:15px;font-weight:500;letter-spacing:-.025em}
.cw-widget .cw-page-sub{text-align:right;color:#8b8e95;font-size:7.5px;margin:2px 0 8px}
.cw-widget .cw-search{height:20px;border:1px solid #dfdfdc;border-radius:999px;margin:0 auto 9px;max-width:270px;color:#9a9da2;display:flex;align-items:center;justify-content:flex-end;padding:0 9px;font-size:7.5px}
.cw-widget .cw-section-title{text-align:right;border-bottom:1px solid #e6e6e3;padding:0 0 5px;margin:8px 0 0;font-size:8.5px;font-weight:500}
.cw-widget .cw-catalog{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.cw-widget .cw-plugin-card{height:40px;border-bottom:1px solid #ececea;display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:7.5px}
.cw-widget .cw-plugin-card img{width:19px;height:19px;padding:3px;border:1px solid #e5e5e2;border-radius:6px;background:#fff}
.cw-widget .cw-install{border:1px solid #d9d9d6;border-radius:6px;padding:3px 7px;background:#fff;color:#44484e;font-size:7px;line-height:1;white-space:nowrap}
.cw-widget .cw-install.installed{border-color:#a9ddba;background:#edf9f1;color:#16823a}
.cw-widget .cw-market-row{height:48px;border-bottom:1px solid #e7e7e4;display:flex;align-items:center;gap:7px;direction:rtl;font-size:8px}
.cw-widget .cw-market-logo{width:22px;height:22px;border:1px solid #e3e3df;border-radius:7px;display:grid;place-items:center;background:#fff}
.cw-widget .cw-market-logo img{width:15px;height:15px}
.cw-widget .cw-market-copy{min-width:0;display:grid;gap:2px;text-align:right}
.cw-widget .cw-market-copy small{font-size:6.5px;color:#90949b}
.cw-widget .cw-market-actions{margin-left:auto;direction:ltr;display:flex;align-items:center;gap:6px}

.cw-widget .cw-add-menu{position:absolute;z-index:4;left:8px;top:27px;width:115px;border:1px solid #dadad7;border-radius:9px;background:#fff;box-shadow:0 12px 28px rgba(0,0,0,.13);padding:4px;opacity:0;transform:translateY(-4px);transition:opacity .28s ease,transform .28s ease}
.cw-widget .cw-add-menu.on{opacity:1;transform:none}
.cw-widget .cw-add-item{height:25px;border-radius:6px;display:flex;align-items:center;gap:6px;padding:0 7px;font-size:7.5px}
.cw-widget .cw-add-item img{width:11px;height:11px}
.cw-widget .cw-add-item.on{background:#f1f1ef}
.cw-widget .cw-divider{height:1px;background:#ececea;margin:2px 4px}

.cw-widget .cw-dim{position:absolute;z-index:5;inset:0;background:rgba(23,25,29,.22);backdrop-filter:blur(.7px)}
.cw-widget .cw-modal{position:absolute;z-index:6;left:50%;top:50%;width:71%;transform:translate(-50%,-50%);background:#fff;border:1px solid #e2e2df;border-radius:13px;box-shadow:0 18px 48px rgba(0,0,0,.22);padding:12px 13px 11px;direction:rtl}
.cw-widget .cw-modal h3{margin:0 0 2px;text-align:right;font-size:11px;font-weight:500}
.cw-widget .cw-modal .cw-close{position:absolute;left:10px;top:8px;color:#777b82;font-size:12px}
.cw-widget .cw-modal-note{margin:0 0 8px;text-align:right;color:#8a8e95;font-size:6.5px}
.cw-widget .cw-label{display:block;margin:6px 1px 3px;text-align:right;color:#62666d;font-size:6.5px}
.cw-widget .cw-field{height:25px;border:1px solid #d9d9d7;border-radius:7px;padding:0 8px;display:flex;align-items:center;direction:ltr;text-align:left;font-family:"SFMono-Regular",Consolas,monospace;font-size:7.5px;color:#303238;background:#fff}
.cw-widget .cw-field.focus{border-color:#2d9bf0;box-shadow:0 0 0 1px #2d9bf04d}
.cw-widget .cw-field.muted{color:#8e9299;background:#fafafa}
.cw-widget .cw-modal-actions{display:flex;gap:6px;margin-top:10px;direction:ltr}
.cw-widget .cw-primary,.cw-widget .cw-secondary{height:21px;border-radius:6px;padding:0 9px;font-size:7px;display:inline-flex;align-items:center}
.cw-widget .cw-primary{background:#202124;color:#fff}
.cw-widget .cw-primary.disabled{background:#b7b8b8;color:#f7f7f7}
.cw-widget .cw-secondary{border:1px solid #dededb;background:#fff}
.cw-widget .cw-toast{position:absolute;z-index:8;top:36px;left:50%;transform:translateX(-50%) translateY(-7px);padding:5px 9px;border:1px solid #b9e2c6;border-radius:7px;background:#effaf2;color:#19803b;font-size:7px;opacity:0;transition:opacity .3s,transform .3s;white-space:nowrap}
.cw-widget .cw-toast.on{opacity:1;transform:translateX(-50%)}

.cw-widget .cw-empty{position:absolute;inset:29px 0 0;display:grid;place-items:center;padding-bottom:62px;text-align:center}
.cw-widget .cw-empty img{width:29px;height:29px;opacity:.48;margin-bottom:7px}
.cw-widget .cw-empty h3{margin:0;font-size:13px;font-weight:500;letter-spacing:-.02em}
.cw-widget .cw-suggestions{margin-top:12px;display:grid;gap:5px;color:#95989e;font-size:6.5px}
.cw-widget .cw-composer{position:absolute;left:10px;right:10px;bottom:9px;height:52px;border:1px solid #e3e3e1;border-radius:13px;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.05);padding:8px 10px;direction:rtl}
.cw-widget .cw-prompt{min-height:19px;text-align:right;font-size:8px;color:#2e3034}
.cw-widget .cw-composer-foot{display:flex;align-items:center;direction:ltr;color:#8c9097;font-size:6px}
.cw-widget .cw-send{margin-right:auto;width:18px;height:18px;border-radius:50%;background:#202124;color:#fff;display:grid;place-items:center;font-size:10px}
.cw-widget .cw-response{position:absolute;inset:36px 20px 70px;direction:rtl;text-align:right;font-size:8px;opacity:0;transform:translateY(7px);transition:opacity .4s ease,transform .4s ease}
.cw-widget .cw-response.on{opacity:1;transform:none}
.cw-widget .cw-tool{margin:7px 0;padding:7px 8px;border:1px solid #e7e7e4;border-radius:8px;background:#fafafa;color:#696d74;font-size:7px;display:flex;align-items:center;justify-content:flex-end;gap:5px}
.cw-widget .cw-answer{line-height:1.6;color:#303238}
.cw-widget .cw-answer b{font-weight:500}

.cw-widget .cw-cursor{position:absolute;z-index:20;left:0;top:0;width:15px;height:20px;opacity:0;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.28));transform:translate(var(--sx),var(--sy)) rotate(-13deg)}
.cw-widget .cw-cursor::before{content:"";display:block;width:13px;height:18px;background:#22564f;clip-path:polygon(0 0,0 100%,28% 72%,45% 100%,60% 91%,43% 64%,79% 62%);filter:drop-shadow(0 0 1px #fff)}
.cw-widget .cw-cursor.on{animation:cw-pointer var(--dur,900ms) cubic-bezier(.22,1,.36,1) forwards}
@keyframes cw-pointer{0%{opacity:0;transform:translate(var(--sx),var(--sy)) rotate(-13deg)}12%{opacity:1}100%{opacity:1;transform:translate(var(--ex),var(--ey)) rotate(-13deg)}}
.cw-widget .cw-ripple{position:absolute;z-index:19;left:var(--rx);top:var(--ry);width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid rgba(34,86,79,.45);border-radius:50%;opacity:0;transform:scale(.35);pointer-events:none}
.cw-widget .cw-ripple.on{animation:cw-ripple .42s ease-out forwards}
@keyframes cw-ripple{0%{opacity:.8;transform:scale(.35)}100%{opacity:0;transform:scale(1.45)}}
.cw-widget .cw-press.on{animation:cw-press .32s ease}
@keyframes cw-press{35%{transform:scale(.94);filter:brightness(.9)}100%{transform:none;filter:none}}
.cw-widget .cw-step-in{opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease}
.cw-widget .cw-step-in.on{opacity:1;transform:none}
.cw-widget .cw-swap:not(.on){display:none!important}
.cw-widget .w-replay{margin-top:9px}

.cw-hero-card{width:min(350px,90vw);direction:ltr;border:1px solid #e4e4e1;border-radius:14px;background:#fff;box-shadow:0 15px 40px rgba(21,24,29,.11);padding:12px 14px;color:#24262b;font-family:"OpenAI Sans Widget",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.cw-hero-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#858991}
.cw-hero-card .cw-add{height:24px;border-radius:8px;background:#202124;color:#fff;padding:0 10px;display:inline-flex;align-items:center;font-size:9px}
.cw-hero-card .cw-install{border:1px solid #a9ddba;border-radius:6px;padding:4px 7px;background:#edf9f1;color:#16823a;font-size:7px;white-space:nowrap}
.cw-hero-top b{display:inline-block;padding:5px 8px;border-radius:7px;background:#f0f0ef;color:#24262b;font-weight:500}
.cw-hero-card h3{margin:12px 0 1px;text-align:right;font-size:18px;font-weight:500}
.cw-hero-card>p{margin:0 0 11px;text-align:right;color:#8d9097;font-size:8px}
.cw-hero-row{height:47px;border-top:1px solid #e8e8e5;display:flex;align-items:center;gap:9px;font-size:9px;direction:ltr}
.cw-hero-row>span:nth-child(2){margin-left:auto;display:grid;text-align:right;direction:rtl}
.cw-hero-row small{color:#9699a0;font-size:7px}
.cw-hero-row img{width:25px;height:25px;padding:4px;border:1px solid #e4e4e1;border-radius:8px}

/* Point widgets: cropped Codex components, matching the compact Claude lesson rhythm. */
.cx-widget{max-width:min(460px,100%);margin:18px 0 26px}
.cx-surface{position:relative;overflow:hidden;direction:ltr;border:1px solid #e2e2df;border-radius:13px;background:#fff;box-shadow:0 10px 30px rgba(21,24,29,.07);color:#24262b;font-family:"OpenAI Sans Widget",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.cx-widget .w-replay{margin-top:9px}
.cx-sidebar{width:270px;margin-left:auto;padding:9px;background:#e9edfb}
.cx-brand{display:flex;justify-content:flex-end;align-items:center;gap:7px;padding:2px 7px 8px;font-size:13px;font-weight:500}
.cx-brand img{width:16px;height:16px;opacity:.7}
.cx-navrow{height:34px;border-radius:9px;padding:0 10px;display:flex;align-items:center;justify-content:flex-end;gap:9px;font-size:12px;transition:background .2s ease}
.cx-navrow img{width:15px;height:15px;opacity:.76}
.cx-navrow.on,.cx-navrow.active{background:#dce4f8}
.cx-toolbar{min-height:66px;padding:12px 14px;display:flex;align-items:flex-start;gap:8px}
.cx-menu-stage{min-height:185px}
.cx-add{height:31px;border-radius:9px;background:#202124;color:#fff;padding:0 13px;display:inline-flex;align-items:center;gap:6px;font-size:12px}
.cx-toolbtn{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;color:#555960;font-size:16px}
.cx-tabs{margin-left:auto;display:flex;gap:4px;color:#858991;font-size:11px}
.cx-tabs span{padding:8px 10px;border-radius:9px}
.cx-tabs .active{background:#f0f0ef;color:#24262b}
.cx-menu{position:absolute;left:12px;top:49px;width:184px;border:1px solid #dcdcd9;border-radius:11px;background:#fff;box-shadow:0 14px 34px rgba(0,0,0,.14);padding:5px;opacity:0;transform:translateY(-5px);transition:opacity .28s ease,transform .28s ease}
.cx-menu.on{opacity:1;transform:none}
.cx-menu-row{height:36px;border-radius:7px;padding:0 10px;display:flex;align-items:center;gap:9px;font-size:11.5px}
.cx-menu-row img{width:15px;height:15px}
.cx-menu-row.on{background:#f0f0ee}
.cx-sep{height:1px;margin:2px 6px;background:#ececea}
.cx-modal{padding:16px 17px 14px;direction:rtl}
.cx-modal h3{margin:0 0 3px;text-align:right;font-size:15px;font-weight:500}
.cx-close{position:absolute;left:14px;top:11px;color:#777b82;font-size:15px}
.cx-note{margin:0 0 12px;text-align:right;color:#8a8e95;font-size:9.5px}
.cx-label{display:block;margin:8px 1px 4px;text-align:right;color:#63676e;font-size:10px}
.cx-field{height:38px;border:1px solid #d9d9d6;border-radius:8px;padding:0 11px;display:flex;align-items:center;direction:ltr;text-align:left;background:#fff;color:#303238;font-family:"SFMono-Regular",Consolas,monospace;font-size:11px}
.cx-field.focus{border-color:#2d9bf0;box-shadow:0 0 0 1px #2d9bf04d}
.cx-field.muted{background:#fafafa;color:#8e9299}
.cx-actions{display:flex;gap:8px;margin-top:14px;direction:ltr}
.cx-primary,.cx-secondary{height:31px;border-radius:8px;padding:0 12px;display:inline-flex;align-items:center;font-size:10.5px}
.cx-primary{background:#202124;color:#fff}
.cx-primary.disabled{background:#b8b9b9;color:#f7f7f7}
.cx-secondary{border:1px solid #dededb;background:#fff}
.cx-switch:not(.on){display:none!important}
.cx-strip{padding:12px 15px}
.cx-strip-head{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-bottom:5px;font-size:11px;color:#767a81}
.cx-strip-head .active{padding:7px 10px;border-radius:9px;background:#f0f0ef;color:#24262b}
.cx-section{padding:4px 0 8px;border-bottom:1px solid #e7e7e4;text-align:right;font-size:12px;font-weight:500}
.cx-plugin-row{min-height:66px;display:flex;align-items:center;gap:11px;direction:rtl}
.cx-logo{width:36px;height:36px;border:1px solid #e3e3df;border-radius:10px;display:grid;place-items:center;background:#fff}
.cx-logo img{width:23px;height:23px}
.cx-copy{display:grid;gap:3px;min-width:0;text-align:right;font-size:12px}
.cx-copy small{color:#90949b;font-size:9.5px}
.cx-actions-left{margin-left:auto;direction:ltr;display:flex;align-items:center;gap:8px}
.cx-install{border:1px solid #d9d9d6;border-radius:8px;padding:6px 10px;background:#fff;color:#44484e;font-size:10px;white-space:nowrap}
.cx-install.installed{border-color:#a9ddba;background:#edf9f1;color:#16823a}
.cx-toast{position:absolute;top:8px;left:50%;transform:translateX(-50%) translateY(-5px);padding:6px 10px;border:1px solid #b9e2c6;border-radius:8px;background:#effaf2;color:#19803b;font-size:9.5px;opacity:0;transition:opacity .3s,transform .3s;white-space:nowrap}
.cx-toast.on{opacity:1;transform:translateX(-50%)}
.cx-composer-wrap{padding:16px;background:#fafafa}
.cx-composer{min-height:94px;border:1px solid #e2e2df;border-radius:19px;background:#fff;box-shadow:0 5px 17px rgba(0,0,0,.05);padding:13px 15px;direction:rtl}
.cx-prompt{min-height:37px;text-align:right;font-size:13px}
.cx-composer-foot{display:flex;align-items:center;direction:ltr;color:#8c9097;font-size:9.5px}
.cx-send{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#202124;color:#fff;font-size:15px}
.cx-access{margin-left:auto;color:#f05a24}
.cx-result{margin-top:10px;border:1px solid #e5e5e2;border-radius:11px;background:#fff;padding:10px 12px;direction:rtl;text-align:right;opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s}
.cx-result.on{opacity:1;transform:none}
.cx-tool{display:flex;justify-content:flex-end;align-items:center;gap:7px;color:#777b82;font-size:10px}
.cx-tool img{width:15px;height:15px}
.cx-answer{margin-top:7px;font-size:11px;line-height:1.55}
.cx-widget .cw-cursor{position:absolute;z-index:20;left:0;top:0;width:15px;height:20px;opacity:0;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.28));transform:translate(var(--sx),var(--sy)) rotate(-13deg)}
.cx-widget .cw-cursor::before{content:"";display:block;width:13px;height:18px;background:#22564f;clip-path:polygon(0 0,0 100%,28% 72%,45% 100%,60% 91%,43% 64%,79% 62%);filter:drop-shadow(0 0 1px #fff)}
.cx-widget .cw-cursor.on{animation:cw-pointer var(--dur,900ms) cubic-bezier(.22,1,.36,1) forwards}
.cx-widget .cw-ripple{position:absolute;z-index:19;left:var(--rx);top:var(--ry);width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid rgba(34,86,79,.45);border-radius:50%;opacity:0;transform:scale(.35);pointer-events:none}
.cx-widget .cw-ripple.on{animation:cw-ripple .42s ease-out forwards}
.cx-widget .cw-press.on{animation:cw-press .32s ease}

@media(max-width:620px){
  .cx-sidebar{width:100%}
  .cx-menu{width:172px}
  .cx-modal{padding:14px}
  .cx-plugin-row{min-height:74px}
}

/* Exact isolated Codex components, ported from Codex Tutorial Studio. */
.cx-widget{max-width:min(460px,100%);margin:18px 0 26px;color:#24262b;font-family:"OpenAI Sans Widget",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.cx-widget img{display:block}
.cx-widget .w-replay{margin-top:9px}
.cx-bounded{box-sizing:border-box;width:100%;padding:14px!important;border:1px solid #e2e2df;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(21,24,29,.07);overflow:hidden}
#c6 .cx-bounded{position:relative;z-index:3;overflow:visible}
#c6 .cx-composer-component{z-index:2}

/* Sidebar navigation fragment. */
.cx-widget .cx-sidebar{position:relative;width:280px;margin-left:auto;padding:12px 10px 10px;overflow:hidden;border:0;border-radius:16px;background:#e9edfb;box-shadow:none;direction:rtl}
.cx-brand-line{height:39px;padding:0 7px;display:flex;align-items:center;justify-content:flex-start;gap:8px;color:#353943;font-size:18px;font-weight:600}
.cx-brand-line img{width:15px;height:15px;opacity:.76}
.cx-side-nav{margin-top:8px}
.cx-side-row{width:100%;height:40px;padding:0 10px;border-radius:12px;display:flex;align-items:center;gap:10px;direction:rtl;font-size:14px;white-space:nowrap;transition:background 180ms ease}
.cx-side-row span{flex:1;text-align:right}
.cx-side-row img{width:18px;height:18px;object-fit:contain;flex:0 0 auto}
.cx-side-row.on{background:#dce4f7}

/* Plugins toolbar and Add popover. */
.cx-plugin-toolbar{position:relative;width:100%;min-height:198px;direction:ltr}
.cx-plugin-toolbar:before{content:"";position:absolute;inset:0 0 auto;height:58px;border:1px solid #e4e4e1;border-radius:14px;background:#fff;box-shadow:0 5px 18px #0000000a}
.cx-plugin-toolbar-actions,.cx-product-tabs{position:absolute;z-index:2;top:12px;display:flex;align-items:center;gap:8px}
.cx-plugin-toolbar-actions{left:14px}.cx-product-tabs{right:14px}
.cx-plugin-add{height:34px;padding:0 12px;border-radius:12px;display:inline-flex;align-items:center;gap:7px;background:#18191c;color:#fff;font-size:13px}
.cx-plugin-add>img{width:15px;height:15px;filter:invert(1)}
.cx-icon-control{width:34px;height:34px;border-radius:10px;display:grid;place-items:center}
.cx-icon-control img{width:18px;height:18px;opacity:.67}
.cx-product-tabs span{height:34px;padding:0 10px;border-radius:11px;display:flex;align-items:center;color:#7d8085;font-size:13px}
.cx-product-tabs .active{background:#f0f0ef;color:#17191c}
.cx-plugin-add-menu{position:absolute;z-index:5;left:8px;top:56px;width:190px;padding:7px;border:1px solid #d8d8d6;border-radius:14px;background:#fff;box-shadow:0 14px 38px #0002;opacity:0;visibility:hidden;transform:translateY(-5px) scale(.98);transition:opacity 140ms ease,transform 180ms cubic-bezier(.19,1,.22,1),visibility 140ms}
.cx-plugin-add-menu.on{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.cx-plugin-menu-row{width:100%;height:36px;padding:0 8px;border-radius:8px;display:flex;align-items:center;gap:9px;font-size:13px}
.cx-plugin-menu-row img{width:17px;height:17px;object-fit:contain;flex:0 0 auto}
.cx-plugin-menu-row.on{background:#f2f2f1}
.cx-plugin-menu-separator{height:1px;margin:5px 4px;background:#e7e7e5}

/* Add marketplace dialog, kept as a dialog rather than a screen crop. */
.cx-plugin-modal{position:relative;box-sizing:border-box;width:100%;margin:0;padding:30px 26px 24px;border:1px solid #d4d4d2;border-radius:24px;background:#fff;box-shadow:0 20px 58px #00000024;direction:rtl}
.cx-plugin-modal h3{margin:0;padding-top:14px;text-align:right;font-size:21px;font-weight:600}
.cx-plugin-modal>p{margin:7px 0 20px;color:#7c7f84;text-align:right;font-size:13px}
.cx-plugin-modal a{color:#2f9af3;text-decoration:none}
.cx-plugin-modal-close{position:absolute;right:18px;top:17px;width:28px;height:28px;border-radius:8px;display:grid;place-items:center}
.cx-plugin-modal-close img{width:17px;height:17px}
.cx-plugin-modal label{margin-top:13px;display:grid;gap:6px;color:#777b81;text-align:right;font-size:12px}
.cx-modal-input,.cx-modal-textarea{box-sizing:border-box;width:100%;padding:9px 11px;border:1px solid #d8d8d6;border-radius:10px;background:#fff;color:#24262b;direction:ltr;text-align:right;font-size:12px;font-weight:400}
.cx-modal-input{min-height:36px;display:flex;align-items:center}.cx-modal-textarea{min-height:62px;color:#a0a2a6}
.cx-modal-input.focus{border-color:#2f9df5;box-shadow:0 0 0 1px #2f9df5}
.cx-plugin-modal-actions{margin-top:16px;display:flex;gap:9px;direction:ltr}
.cx-plugin-submit,.cx-plugin-cancel{height:36px;padding:0 14px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.cx-plugin-submit{background:#191a1d;color:#fff}.cx-plugin-submit.disabled{background:#b8b9ba;color:#fff}
.cx-plugin-cancel{border:1px solid #dededb;background:#fff;color:#24262b}
.cx-switch:not(.on){display:none!important}

/* Personal marketplace tab and plugin row. */
.cx-marketplace-transition{position:relative;min-height:144px;padding:10px 0;direction:ltr}
.cx-marketplace-transition>.cx-plugin-modal-actions{margin:0;padding:12px 0}
.cx-personal-component{position:relative;width:100%;padding:4px 0 8px;direction:rtl}
.cx-scope-tabs{margin:0 16px 14px 0;display:flex;justify-content:flex-start;gap:3px;direction:rtl}
.cx-scope-tabs span{height:32px;padding:0 10px;border-radius:10px;display:flex;align-items:center;color:#7b7e83;font-size:13px}
.cx-scope-tabs .active,.cx-scope-tabs span.on{background:#efefee;color:#24262a}
.cx-marketplace-group{margin:0;direction:rtl}
.cx-marketplace-group>h3{margin:0;padding:0 0 13px;border-bottom:1px solid #e6e6e4;color:#24262a;text-align:right;font-size:14px;font-weight:500}
.cx-marketplace-row{position:relative;box-sizing:border-box;width:100%;min-height:62px;padding:13px 52px 13px 105px;border:0;border-radius:11px;display:grid;align-content:center;gap:5px;text-align:right}
.cx-marketplace-row.on{background:#f3f3f2}
.cx-marketplace-name{color:#222428;font-size:15px}
.cx-marketplace-subrow{margin-top:4px;display:inline-flex;align-items:center;color:#7f8287;font-size:12px}
.cx-marketplace-subrow img{width:15px;height:15px;object-fit:contain;opacity:.78}
.cx-marketplace-logo{position:absolute;right:9px;top:13px;width:34px;height:34px;padding:6px;box-sizing:border-box;border:1px solid #e1e1df;border-radius:10px;display:grid;place-items:center;background:#fff;box-shadow:0 4px 12px #0000000c}
.cx-marketplace-logo img{width:100%;height:100%;object-fit:contain}
.cx-marketplace-more{position:absolute;left:9px;top:23px;width:24px;height:18px;display:grid;place-items:center}
.cx-marketplace-more img{width:18px;height:18px;opacity:.64}
.cx-marketplace-install{position:absolute;left:42px;top:17px;min-width:50px;height:28px;padding:0 10px;border:1px solid #dededb;border-radius:9px;color:#282a2e;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:11px;box-sizing:border-box}
.cx-marketplace-install.installing{color:#73767b}
.cx-marketplace-install.installing:before{content:"";width:10px;height:10px;border:1.5px solid #c3c5c7;border-top-color:#44474c;border-radius:50%;animation:spin 700ms linear infinite}
.cx-marketplace-install.installed{border-color:#a8dcb8;background:#effaf3;color:#16843d}
.cx-marketplace-install.installed:before{content:"✓";font-size:12px;font-weight:600}
.cx-toast{position:absolute;z-index:8;top:0;left:50%;padding:7px 11px;border:1px solid #b9e2c6;border-radius:8px;background:#effaf2;color:#19803b;font-size:10px;white-space:nowrap;opacity:0;transform:translateX(-50%) translateY(-7px);transition:opacity .3s,transform .3s}
.cx-toast.on{opacity:1;transform:translateX(-50%)}

/* Composer and skill-use activity. */
.cx-composer-component{position:relative;width:100%;padding:4px 0 0;direction:ltr}
.cx-composer-component .cx-composer{position:relative;box-sizing:border-box;width:100%;min-height:118px;padding:15px 16px 12px;border:1px solid #d7d7d4;border-radius:24px;background:#fff;box-shadow:0 10px 26px #0000000d;display:flex;flex-direction:column;direction:ltr}
.cx-composer-input{width:100%;min-height:50px;flex:1;padding:0 2px;color:#25272a;font-size:14px;line-height:1.45;direction:rtl;text-align:right}
.cx-composer-footer{min-height:34px;display:flex;align-items:center;direction:ltr;color:#4f5358;font-size:12px}
.cx-composer-left,.cx-composer-right{display:flex;align-items:center;gap:8px}.cx-composer-right{margin-left:auto}
.cx-composer-action{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#17191c}
.cx-composer-action img{width:18px;height:18px;filter:invert(1)}
.cx-model-button{height:32px;padding:0 4px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;color:#707378}
.cx-model-button .cx-chevron{width:15px;height:15px}.cx-model-button .cx-sol{width:17px;height:17px}
.cx-access{height:32px;padding:0 5px;border-radius:8px;color:#f05a24;display:inline-flex;align-items:center;gap:6px}
.cx-access img{width:16px;height:16px}.cx-attach{width:32px;height:32px;display:grid;place-items:center}.cx-attach img{width:19px;height:19px}
.cx-result{margin-top:12px;padding:11px 12px;border:1px solid #e5e5e2;border-radius:11px;background:#fff;direction:rtl;text-align:right;opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s}
.cx-result.on{opacity:1;transform:none}
#c6 .cx-result{display:none!important}
.cx-tool{display:flex;justify-content:flex-end;align-items:center;gap:7px;color:#777b82;font-size:11px}
.cx-tool img{width:18px;height:18px}.cx-answer{margin-top:7px;font-size:12px;line-height:1.55}.cx-answer b{font-weight:500}

.cw-hero-card .cw-add{gap:6px}.cw-hero-card .cw-add>img{width:14px;height:14px;filter:invert(1)}

@media(max-width:620px){
  .cx-widget .cx-sidebar{width:100%}
  .cx-plugin-toolbar:before{height:56px}
  .cx-product-tabs{right:8px}.cx-plugin-toolbar-actions{left:8px}
  .cx-product-tabs span{padding:0 7px}.cx-icon-control{display:none}
  .cx-plugin-modal{padding:26px 20px 21px}.cx-plugin-modal h3{font-size:19px}
  .cx-marketplace-row{padding-left:100px}
  .cx-model-button span{display:none}
  .cx-composer-component .cx-composer{padding:13px 12px 10px}
}

html[data-product="chatgpt"] .only-codex{display:none}
html[data-product="codex"] .only-chatgpt{display:none}
html[data-product="chatgpt"] .codex-next{display:none}

.mock.gpt .m-card .tx{display:block;min-width:0}
.mock.gpt .m-card .tx b{display:block;font-size:12px}
.mock.gpt .m-card .tx small{display:block;color:#86868b;font-size:10px;line-height:1.4}

.chatgpt-next,.gpt-usage-prompts{max-width:500px;margin-top:34px}
.chatgpt-next .gpt-prompt-widget,.gpt-usage-prompts .gpt-prompt-widget{margin:0 0 12px}
.gpt-prompt-widget{max-width:500px!important}
.gpt-prompt-composer{box-sizing:border-box;min-height:62px;padding:7px 8px;display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:9px;border:1px solid #dedede;border-radius:999px;background:#fff;box-shadow:0 7px 18px rgba(0,0,0,.055);direction:ltr;color:#202020;font-family:"OpenAI Sans Widget","IBM Plex Sans Hebrew",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.gpt-prompt-input{grid-column:2;min-width:0;padding:0 2px;font-size:14px;line-height:1.45;direction:rtl;text-align:right;overflow:hidden;text-overflow:ellipsis}
.gpt-prompt-footer{display:contents}
.gpt-prompt-plus,.gpt-prompt-send{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;box-sizing:border-box}
.gpt-prompt-plus{grid-column:1;grid-row:1;background:#f1f1f1}
.gpt-prompt-plus img,.gpt-prompt-send img{width:18px;height:18px}
.gpt-prompt-label{display:none}
.gpt-prompt-send{grid-column:3;grid-row:1;background:#111;color:#fff;text-decoration:none;transition:background 140ms ease,transform 140ms ease}
.gpt-prompt-send:hover{background:#303030;transform:translateY(-1px)}
.gpt-prompt-send img{filter:invert(1)}
.gpt-prompt-hero{width:100%;margin:0!important}
html[lang="en"] .gpt-prompt-input{direction:ltr;text-align:left}
html[lang="en"] .tabs{direction:rtl}
html[lang="en"] .tabs button{direction:ltr}

/* Judaro OAuth screen, shared by the Codex and ChatGPT paths. */
.mock.auth{box-sizing:border-box;max-width:390px;padding:24px 22px;border:1px solid #dedede;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(0,0,0,.08);direction:rtl;text-align:right;color:#202020;font-family:"OpenAI Sans Widget","IBM Plex Sans Hebrew",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.mock.auth.en{direction:ltr;text-align:left}
.auth .a-logo{width:42px;height:42px;margin:0 auto 10px;display:grid;place-items:center;border:1px solid #e2e2e2;border-radius:12px}.auth .a-logo svg{width:27px;height:27px}
.auth .a-title{text-align:center;font-size:20px;font-weight:600;margin-bottom:18px}.auth .a-card{display:grid;gap:9px}.auth .a-lab{font-size:12px;font-weight:600}
.auth .a-in{height:40px;box-sizing:border-box;padding:0 12px;display:flex;align-items:center;border:1px solid #ddd;border-radius:9px;color:#999;font-size:12px}
.auth .a-pri{height:40px;display:grid;place-items:center;border-radius:9px;background:#22564f;color:#fff;font-size:12px;font-weight:600}
.auth .a-or{display:flex;align-items:center;gap:9px;color:#aaa;font-size:11px}.auth .a-or:before,.auth .a-or:after{content:"";height:1px;flex:1;background:#e6e6e6}
.auth .a-sso{height:40px;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #ddd;border-radius:9px;font-size:12px}.auth .a-sso svg{width:17px;height:17px;flex:none}
.auth .a-link{text-align:center;color:#777;font-size:11px}.auth .a-link b{color:#22564f}

.codex-next{max-width:460px}
.codex-next .codex-prompt-widget{margin:0 0 12px}
.codex-next .cx-composer-component{padding:0}
.codex-next .cx-composer{min-height:100px;padding:12px 14px 10px;border-radius:20px}
.codex-next .cx-composer-input{min-height:34px;line-height:1.35}
.codex-next .cx-composer-footer{height:34px;min-height:34px;flex:0 0 34px;margin-top:auto}
.codex-next a.cx-composer-action{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;padding:0;line-height:1;cursor:pointer;text-decoration:none;transition:background 140ms ease}
.codex-next .cx-composer-action img{width:17px;height:17px;margin:0!important;transform:none!important}
.codex-next .cx-composer-action:hover{background:#303238}

@media(max-width:620px){
  .cw-widget .cw-stage{aspect-ratio:1.55/1}
  .cw-widget .cw-app{grid-template-columns:minmax(0,1fr) 33%}
  .cw-widget .cw-recent:nth-of-type(n+3){display:none}
  .cw-widget .cw-catalog{grid-template-columns:1fr}
  .cw-widget .cw-plugin-card:nth-child(n+3){display:none}
}

@media(prefers-reduced-motion:reduce){
  .cw-widget .cw-cursor{display:none}
  .cw-widget .cw-ripple{display:none}
  .cw-widget .cw-step-in,.cw-widget .cw-toast{opacity:1;transform:none;transition:none}
}