/* Fudex AI Startup Studio — تجربة الريادي (تعتمد توكنات styles.css) */

/* ── العلامة ── */
.brand .wm .st{color:#fff}
.studio-tint{ --grad:linear-gradient(135deg,#3FD9D2 0%,#6A5BFF 60%,#FFC861 130%); }

/* ════════════ التأهيل (سعيد) — بطاقة سينمائية ════════════ */
.st-wrap{max-width:760px;margin:0 auto;padding:0 20px}
.st-onb{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:40px 0}
.st-card{width:100%;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);
  overflow:hidden;animation:stIn .5s ease}
@keyframes stIn{from{transform:translateY(18px);opacity:0}to{transform:none;opacity:1}}
.st-host{background:var(--grad);color:#fff;padding:22px 26px;display:flex;align-items:center;gap:16px}
.st-host img,.st-host .ph{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2.5px solid rgba(255,255,255,.55);background:#fff;flex:0 0 auto}
.st-host .ph{display:grid;place-items:center;color:var(--indigo);font-family:'Tajawal';font-weight:900;font-size:1.4rem}
.st-host .nm{font-family:'Tajawal';font-weight:800;font-size:1.15rem;line-height:1.2}
.st-host .nm small{display:block;font-weight:600;font-size:.82rem;color:rgba(255,255,255,.85);margin-top:2px}
.st-host .say{margin-top:4px;font-size:1.02rem;color:rgba(255,255,255,.95)}
.st-body{padding:26px}
.st-foot{display:flex;gap:10px;flex-wrap:wrap;padding:0 26px 26px}
.st-btn{flex:1;min-width:160px;background:var(--grad);color:#fff;border:0;border-radius:14px;padding:15px 22px;
  font-family:'Tajawal';font-weight:800;font-size:1.04rem;cursor:pointer;box-shadow:0 12px 30px -10px rgba(106,91,255,.6);
  transition:transform .16s,box-shadow .22s}
.st-btn:hover{transform:translateY(-2px)}
.st-btn.ghost{background:var(--lav);color:var(--indigo);box-shadow:none}
.st-btn.gold{background:linear-gradient(135deg,#48E39B,#FFD15C);color:#06281f}

/* الإنترو السباعي */
.st-dots{display:flex;gap:7px;justify-content:center;margin-bottom:18px}
.st-dots i{width:8px;height:8px;border-radius:50%;background:var(--line);transition:.3s}
.st-dots i.on{background:var(--purple);width:24px;border-radius:5px}
.st-dots i.done{background:var(--violet)}
.st-stage{text-align:center;min-height:300px}
.st-scene{display:flex;justify-content:center;margin-bottom:8px;min-height:172px}
.st-stage h4{font-size:1.3rem;color:var(--ink);margin-bottom:6px}
.st-stage .meta{color:var(--purple);font-weight:700;font-size:.9rem;margin-bottom:14px}
.st-stage ul{list-style:none;padding:0;margin:0;text-align:start;max-width:440px;margin-inline:auto}
.st-stage li{position:relative;padding-inline-start:26px;margin-bottom:10px;color:var(--text);font-size:.98rem}
.st-stage li::before{content:"✦";position:absolute;inset-inline-start:0;color:var(--cyan)}
.st-fade{animation:stFade .45s ease}
@keyframes stFade{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}

/* بيت تسمية المشروع */
.st-name{max-width:440px;margin:6px auto 0;text-align:center}
.st-name input{width:100%;border:2px solid var(--line);border-radius:16px;padding:16px 18px;font-family:'Tajawal';
  font-weight:700;font-size:1.15rem;text-align:center;outline:none;transition:border .2s}
.st-name input:focus{border-color:var(--purple)}
.st-name .hint{color:var(--muted);font-size:.9rem;margin-top:10px}
.st-namechips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}
.st-nc{border:1.4px solid var(--violet);background:#fff;color:var(--indigo);border-radius:999px;padding:8px 15px;
  font-family:'Tajawal';font-weight:700;font-size:.88rem;cursor:pointer;transition:all .15s}
.st-nc:hover{background:var(--purple);color:#fff;border-color:var(--purple);transform:translateY(-1px)}

/* لحظة «أُنشئ المشروع» */
.st-reveal{text-align:center;padding:10px 0}
.st-reveal .big{font-size:3rem;animation:stPop .6s ease}
@keyframes stPop{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.15)}100%{transform:scale(1);opacity:1}}
.st-reveal h3{font-size:1.5rem;color:var(--ink);margin:10px 0 6px}
.st-reveal p{color:var(--muted)}

/* بطاقة دخول (غير مصادَق) */
.st-gate{text-align:center;padding:30px 10px}
.st-gate .g-ic{font-size:2.6rem;margin-bottom:10px}
.st-gate h3{font-size:1.4rem;color:var(--ink);margin-bottom:8px}
.st-gate p{color:var(--muted);max-width:420px;margin:0 auto 20px}

/* قائمة المشاريع القائمة */
.st-vlist{display:grid;gap:12px;margin-top:8px}
.st-vitem{display:flex;align-items:center;gap:14px;background:var(--lav);border:1px solid var(--line);
  border-radius:16px;padding:16px 18px;cursor:pointer;transition:transform .15s,box-shadow .2s}
.st-vitem:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}
.st-vitem .vic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:1.4rem;
  background:var(--grad);color:#fff;flex:0 0 auto}
.st-vitem b{display:block;font-family:'Tajawal';color:var(--ink);font-size:1.05rem}
.st-vitem span{color:var(--muted);font-size:.88rem}

/* ════════════ لوحة Mission Control ════════════ */
.st-top{position:sticky;top:0;z-index:40;background:rgba(10,14,42,.82);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.08);color:#fff}
.st-top .in{max-width:1280px;margin:0 auto;padding:12px 22px;display:flex;align-items:center;gap:16px}
.st-top .brand{display:flex;align-items:center;gap:10px}
.st-top .brand img{height:30px}
.st-top .brand b{font-family:'Tajawal';font-weight:800;font-size:1.1rem}
.st-top .seal{margin-inline-start:auto;display:flex;align-items:center;gap:7px;font-size:.82rem;
  color:#8DF7C0;background:rgba(72,227,155,.1);border:1px solid rgba(72,227,155,.3);border-radius:999px;padding:5px 13px}
/* مبدّل السياق */
.st-switch{position:relative}
.st-switch .cur{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);
  border-radius:999px;padding:7px 15px;cursor:pointer;font-family:'Tajawal';font-weight:700;font-size:.95rem}
.st-switch .cur .chev{opacity:.7;font-size:.75rem}
.st-switch .menu{position:absolute;inset-block-start:46px;inset-inline-start:0;min-width:260px;background:#fff;color:var(--text);
  border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;z-index:60}
.st-switch.open .menu{display:block;animation:stIn .2s ease}
.st-switch .menu .it{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:11px;cursor:pointer}
.st-switch .menu .it:hover{background:var(--lav)}
.st-switch .menu .it .vic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:1.1rem;background:var(--lav)}
.st-switch .menu .it.startup .vic{background:linear-gradient(135deg,#3FD9D2,#FFC861);color:#06281f}
.st-switch .menu .it.company .vic{background:var(--grad);color:#fff}
.st-switch .menu .it b{display:block;font-family:'Tajawal';font-size:.97rem}
.st-switch .menu .it span{font-size:.8rem;color:var(--muted)}
.st-switch .menu .add{color:var(--purple);font-weight:700;justify-content:center}

/* الشبكة الثلاثية */
.st-cols{max-width:1280px;margin:0 auto;padding:18px 22px;display:grid;grid-template-columns:1.05fr 1.25fr 1fr;gap:18px;
  align-items:start}
.st-col{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);
  display:flex;flex-direction:column;overflow:hidden;min-height:0}
.st-col .ch{padding:14px 18px;border-bottom:1px solid var(--line);font-family:'Tajawal';font-weight:800;color:var(--ink);
  display:flex;align-items:center;gap:8px;font-size:1.02rem}
.st-col .ch small{font-weight:600;color:var(--muted);font-size:.8rem;margin-inline-start:auto}
.st-col .cb{padding:16px 18px;overflow-y:auto;flex:1}

/* ── عمود الخريطة (السكة) ── */
.st-journey-bar{padding:14px 18px;border-bottom:1px solid var(--line)}
.st-jbar{height:10px;border-radius:999px;background:var(--lav);overflow:hidden}
.st-jbar i{display:block;height:100%;background:linear-gradient(90deg,#3FD9D2,#6A5BFF);border-radius:999px;transition:width .8s ease}
.st-jbar-lbl{display:flex;justify-content:space-between;margin-top:8px;font-size:.84rem;color:var(--muted);font-weight:600}
.st-rail{position:relative;padding:6px 4px 6px 0}
.st-node{position:relative;display:flex;gap:14px;padding:0 0 4px 0}
.st-node .rail-line{position:absolute;inset-inline-start:18px;inset-block-start:38px;width:2px;height:calc(100% - 30px);
  background:var(--line)}
.st-node:last-child .rail-line{display:none}
.st-node.completed .rail-line{background:var(--ok)}
.st-dot{width:38px;height:38px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;font-size:1.05rem;
  border:2px solid var(--line);background:#fff;color:var(--muted);position:relative;z-index:1;transition:.3s}
.st-node.completed .st-dot{background:var(--ok);border-color:var(--ok);color:#fff}
.st-node.current .st-dot{background:var(--grad);border-color:transparent;color:#fff;transform:scale(1.12);
  box-shadow:0 0 0 0 rgba(106,91,255,.5);animation:stPulse 2s infinite}
.st-node.review .st-dot{background:var(--gold);border-color:var(--gold);color:#3a2a00}
@keyframes stPulse{0%{box-shadow:0 0 0 0 rgba(106,91,255,.5)}70%{box-shadow:0 0 0 12px rgba(106,91,255,0)}100%{box-shadow:0 0 0 0 rgba(106,91,255,0)}}
.st-ninfo{flex:1;padding-top:6px;min-width:0}
.st-ninfo .nt{font-family:'Tajawal';font-weight:700;color:var(--ink);font-size:.98rem}
.st-node.locked .st-ninfo .nt{color:var(--muted2)}
.st-ninfo .ng{color:var(--muted);font-size:.82rem;margin-top:2px;display:none}
.st-node.current .st-ninfo .ng{display:block}
/* لوحة العقدة الحالية الموسّعة */
.st-cur-panel{margin:8px 0 6px;background:linear-gradient(135deg,rgba(106,91,255,.07),rgba(63,217,210,.06));
  border:1px solid rgba(106,91,255,.2);border-radius:14px;padding:14px}
.st-cur-panel .gate{display:flex;align-items:center;gap:9px;margin-top:6px;font-size:.9rem;color:var(--text)}
.st-cur-panel .gate .mk{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:.7rem;flex:0 0 auto}
.gate .mk.done{background:var(--ok);color:#fff}
.gate .mk.rev{background:var(--gold);color:#3a2a00}
.gate .mk.todo{background:#fff;border:1.5px solid var(--line);color:var(--muted2)}
.st-cur-panel .ring{display:inline-flex;align-items:center;gap:8px;font-family:'Tajawal';font-weight:800;color:var(--indigo);margin-top:4px}
.st-badge{display:inline-block;background:linear-gradient(135deg,#48E39B,#FFD15C);color:#06281f;font-family:'Tajawal';
  font-weight:800;font-size:.78rem;border-radius:999px;padding:3px 11px;margin-top:8px}

/* ── عمود المحادثة ── */
.st-conv{display:flex;flex-direction:column;min-height:440px;max-height:74vh}
.st-conv .cb{display:flex;flex-direction:column;gap:11px}
.st-msg{max-width:86%;padding:11px 15px;border-radius:15px;font-size:.96rem;line-height:1.7;white-space:pre-wrap;
  word-wrap:break-word;animation:stMsg .25s ease}
@keyframes stMsg{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}
.st-msg.me{align-self:flex-end;background:var(--grad);color:#fff;border-end-end-radius:4px}
.st-msg.mentor{align-self:flex-start;background:#fff;border:1px solid var(--line);border-end-start-radius:4px;box-shadow:var(--shadow-soft)}
.st-msg.bd{align-self:flex-start;background:#EAFBF8;border:1px solid #B6ECE5;border-end-start-radius:4px}
.st-msg.sys{align-self:center;background:rgba(106,91,255,.08);color:var(--indigo);border:1px dashed var(--violet);
  font-size:.86rem;font-weight:600;text-align:center;padding:8px 14px}
.st-msg .who{display:block;font-size:.72rem;color:var(--purple);font-weight:800;margin-bottom:3px}
.st-msg.bd .who{color:#1FA9A2}
/* بطاقة بيت المرحلة (داخل المحادثة) */
.st-beat{align-self:stretch;background:linear-gradient(135deg,rgba(106,91,255,.08),rgba(63,217,210,.07));
  border:1px solid rgba(106,91,255,.22);border-radius:16px;padding:15px 16px;animation:stMsg .3s ease}
.st-beat .bh{display:flex;align-items:center;gap:10px;font-family:'Tajawal';font-weight:800;color:var(--ink);margin-bottom:8px}
.st-beat .bh .av{width:34px;height:34px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:900;flex:0 0 auto}
.st-beat .row{font-size:.92rem;margin:5px 0;color:var(--text)}
.st-beat .row b{color:var(--indigo)}
.st-beat .nextbtn{display:inline-flex;align-items:center;gap:8px;background:var(--grad);color:#fff;border:0;border-radius:12px;
  padding:11px 18px;font-family:'Tajawal';font-weight:800;font-size:.96rem;cursor:pointer;margin-top:10px;
  box-shadow:0 10px 24px -10px rgba(106,91,255,.6);transition:transform .15s}
.st-beat .nextbtn:hover{transform:translateY(-2px)}
.st-typing{align-self:flex-start;display:flex;gap:5px;padding:12px 16px;background:#fff;border:1px solid var(--line);border-radius:15px}
.st-typing span{width:8px;height:8px;border-radius:50%;background:var(--muted2);animation:tp 1.2s infinite}
.st-typing span:nth-child(2){animation-delay:.2s}.st-typing span:nth-child(3){animation-delay:.4s}
.st-typing .lbl{font-size:.82rem;color:var(--muted);font-weight:700;align-self:center;margin-inline-end:3px}
@keyframes tp{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-6px);opacity:1}}
/* فاصل المحادثة السابقة + عدّاد خطوات التوليد (مؤشّر تفكير لطيف، عملية كبيرة) */
.st-histsep{align-self:center;font-size:.74rem;color:var(--muted);font-weight:700;margin:6px 0 2px;opacity:.8}
.st-genprog{align-self:flex-start;max-width:88%;background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px 16px;box-shadow:var(--shadow-soft)}
.st-genprog .gph{font-family:'Tajawal';font-weight:800;color:var(--indigo);font-size:.92rem;margin-bottom:9px}
.st-genprog .step{display:flex;align-items:center;gap:8px;font-size:.86rem;color:var(--muted);margin:5px 0;transition:color .3s}
.st-genprog .step .ic{width:18px;text-align:center;flex:0 0 auto}
.st-genprog .step.act{color:var(--ink);font-weight:700}
.st-genprog .step.done{color:#1FA9A2}
.st-genprog .gpok{margin-top:9px;font-size:.86rem;color:#1FA9A2;font-weight:700}
.st-genprog .gpok.err{color:#C2410C}
/* تغذية راجعة الريادي (👍/👎 على المخرجات + سؤال نهاية المرحلة) */
.st-fb{display:flex;align-items:center;gap:7px;margin-top:9px;flex-wrap:wrap}
.st-fb .q{font-size:.8rem;color:var(--muted)}
.st-fb button{cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:999px;padding:3px 12px;font-size:.9rem;font-family:inherit;transition:.15s}
.st-fb button.up:hover{background:#EAFBF8;border-color:#48E39B}
.st-fb button.dn:hover{background:#FFF1F0;border-color:#FF6B6B}
.st-fb.wide{align-self:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 15px;box-shadow:var(--shadow-soft);gap:9px}
.st-fb.wide .q{font-weight:700;color:var(--ink);width:100%;font-size:.9rem}
.st-input{display:flex;gap:9px;padding:13px;border-top:1px solid var(--line)}
.st-input input{flex:1;border:1.5px solid var(--line);border-radius:999px;padding:12px 17px;font-family:inherit;font-size:.97rem;outline:none}
.st-input input:focus{border-color:var(--purple)}
.st-input button{background:var(--grad);border:0;color:#fff;width:46px;height:46px;border-radius:50%;cursor:pointer;font-size:1.15rem;flex:0 0 auto}
.st-tabs{display:flex;gap:6px;padding:10px 13px 0}
.st-tab{flex:1;text-align:center;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px;cursor:pointer;
  font-family:'Tajawal';font-weight:700;font-size:.88rem;color:var(--muted)}
.st-tab.on{background:var(--lav);color:var(--indigo);border-color:var(--violet)}

/* ── عمود المخرجات ── */
.st-stagegrp{margin-bottom:16px}
.st-stagegrp .gh{font-family:'Tajawal';font-weight:800;color:var(--muted);font-size:.85rem;margin-bottom:8px;
  display:flex;align-items:center;gap:7px;border-bottom:1px dashed var(--line);padding-bottom:6px}
.st-out{display:flex;gap:11px;align-items:flex-start;background:var(--lav);border:1px solid var(--line);border-radius:13px;
  padding:12px 13px;margin-bottom:9px;transition:transform .15s}
.st-out:hover{transform:translateY(-2px)}
.st-out .oic{font-size:1.5rem;flex:0 0 auto}
.st-out .ot{font-family:'Tajawal';font-weight:700;color:var(--ink);font-size:.96rem}
.st-out .obadge{display:inline-block;font-size:.74rem;font-weight:700;border-radius:999px;padding:2px 9px;margin-top:4px}
.obadge.done{background:rgba(35,181,116,.13);color:var(--ok)}
.obadge.rev{background:rgba(255,200,97,.18);color:#b8810f}
.obadge.ver{background:rgba(58,38,102,.12);color:#3A2666;margin-inline-start:5px}
.st-out .acts{margin-top:7px;display:flex;gap:8px;flex-wrap:wrap}
.st-out .acts a,.st-out .acts button{font-size:.8rem;color:var(--indigo);background:#fff;border:1px solid var(--line);
  border-radius:8px;padding:5px 10px;cursor:pointer;font-family:'Tajawal';font-weight:700}
.st-gen{display:block;width:100%;background:var(--grad);color:#fff;border:0;border-radius:13px;padding:14px;
  font-family:'Tajawal';font-weight:800;font-size:1rem;cursor:pointer;margin-top:4px;box-shadow:0 10px 24px -10px rgba(106,91,255,.6);
  transition:transform .15s}
.st-gen:hover{transform:translateY(-2px)}
.st-gen.soon{background:var(--lav);color:var(--muted);box-shadow:none;cursor:default}
.st-gen.st-dossier{background:linear-gradient(135deg,#48E39B,#FFD15C);color:#06281f;text-decoration:none;text-align:center;
  box-shadow:0 10px 24px -10px rgba(72,227,155,.55);margin-bottom:12px}
.st-gen.st-session{background:var(--lav);color:var(--indigo);box-shadow:none;margin-top:12px;border:1px solid var(--violet)}
.st-empty{text-align:center;color:var(--muted);padding:24px 10px;font-size:.92rem}
.st-empty .e{font-size:2rem;display:block;margin-bottom:8px}

@media(max-width:1040px){
  .st-cols{grid-template-columns:1fr}
  .st-col.st-conv{order:-1}
}
/* تشديد الجوال */
@media(max-width:600px){
  .st-top .in{padding:10px 13px;gap:9px}
  .st-top .brand b{font-size:1rem} .st-top .brand img{height:26px}
  .st-top .seal{display:none}                 /* الختم زينة — يُخفى لتوفير العرض */
  .st-switch .cur{padding:6px 12px;font-size:.9rem}
  .st-switch .menu{inset-inline-start:auto;inset-inline-end:0;min-width:min(82vw,260px)}
  .st-cols{padding:12px 12px;gap:12px}
  .st-col .cb{padding:14px 14px}
  .st-conv{max-height:none}
  .st-tab{font-size:.82rem;padding:8px 4px}
  .st-fab{inset-block-end:16px;inset-inline-end:16px;padding:11px 16px;font-size:.92rem}
  .st-projo .box{padding:24px 18px} .st-projo .grid{grid-template-columns:1fr}
  .st-onb{min-height:auto;padding:24px 0}
  .st-host{padding:18px}.st-host img,.st-host .ph{width:46px;height:46px}
}
/* مودال عرض الوثيقة */
.st-modal{position:fixed;inset:0;z-index:90;background:rgba(8,10,30,.6);backdrop-filter:blur(4px);display:none;
  align-items:center;justify-content:center;padding:20px}
.st-modal.open{display:flex}
.st-modal .box{background:#fff;border-radius:var(--radius-lg);max-width:760px;width:100%;max-height:88vh;display:flex;flex-direction:column;overflow:hidden}
.st-modal .mh{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}
.st-modal .mh b{font-family:'Tajawal';font-weight:800;font-size:1.1rem;flex:1}
.st-modal .mh .x{background:var(--lav);border:0;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:1.1rem}
.st-modal .mb{padding:24px;overflow-y:auto;line-height:1.9}
.st-modal .mb h1{font-size:1.5rem;color:var(--ink);margin:.4em 0} .st-modal .mb h2{font-size:1.15rem;color:var(--indigo);border-right:4px solid var(--purple);padding-right:10px;margin:1.2em 0 .4em}
.st-modal .mb h3{font-size:1rem;color:var(--indigo);margin:1em 0 .3em} .st-modal .mb ul{padding-inline-start:22px} .st-modal .mb li{margin:.3em 0}
.st-modal .mf{padding:12px 20px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-start}

/* ════════════ لمسات سينمائية ════════════ */
/* تتالي ظهور عقد الخريطة */
.st-node{animation:stNodeIn .4s ease backwards}
.st-node:nth-child(1){animation-delay:.02s}.st-node:nth-child(2){animation-delay:.06s}.st-node:nth-child(3){animation-delay:.10s}
.st-node:nth-child(4){animation-delay:.14s}.st-node:nth-child(5){animation-delay:.18s}.st-node:nth-child(6){animation-delay:.22s}
.st-node:nth-child(7){animation-delay:.26s}.st-node:nth-child(8){animation-delay:.30s}.st-node:nth-child(9){animation-delay:.34s}.st-node:nth-child(10){animation-delay:.38s}
@keyframes stNodeIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
/* شارة المرحلة المكتملة */
.st-node.completed .st-dot::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid rgba(35,181,116,.35);animation:none}

/* انفجار فتح المرحلة */
.st-burst{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;pointer-events:none}
.st-burst .ring{position:absolute;width:60px;height:60px;border-radius:50%;border:4px solid #FFC861;
  animation:stRing 1.1s ease-out forwards}
.st-burst .ring.r2{border-color:#3FD9D2;animation-delay:.12s}
.st-burst .ring.r3{border-color:#6A5BFF;animation-delay:.24s}
@keyframes stRing{0%{transform:scale(.2);opacity:.9}100%{transform:scale(11);opacity:0}}
.st-burst .card{background:#fff;border-radius:22px;box-shadow:var(--shadow);padding:26px 34px;text-align:center;
  animation:stPop .5s ease;max-width:380px}
.st-burst .card .em{font-size:3rem;animation:stSpin .8s ease}
@keyframes stSpin{from{transform:rotate(-25deg) scale(.4)}to{transform:rotate(0) scale(1)}}
.st-burst .card h3{font-size:1.4rem;color:var(--ink);margin:8px 0 4px}
.st-burst .card p{color:var(--muted);margin:0}
.st-conf{position:absolute;top:-10px;width:9px;height:14px;border-radius:2px;animation:stFall linear forwards}
@keyframes stFall{to{transform:translateY(105vh) rotate(540deg);opacity:.2}}

/* FAB إسقاط «إن أكملت رحلتك» */
.st-fab{position:fixed;inset-block-end:24px;inset-inline-end:24px;z-index:80;cursor:pointer;border:0;
  background:linear-gradient(135deg,#48E39B,#FFD15C);color:#06281f;border-radius:999px;padding:13px 22px;
  font-family:'Tajawal';font-weight:800;font-size:1rem;display:flex;align-items:center;gap:9px;
  box-shadow:0 16px 40px -12px rgba(72,227,155,.7);animation:stFabIn .5s ease}
@keyframes stFabIn{from{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}
.st-fab:hover{transform:translateY(-2px)}
.st-fab .pd{width:9px;height:9px;border-radius:50%;background:#06281f;opacity:.5;animation:tp 1.6s infinite}
.st-projo{position:fixed;inset:0;z-index:90;background:rgba(8,10,30,.6);backdrop-filter:blur(4px);display:none;
  align-items:center;justify-content:center;padding:20px}
.st-projo.open{display:flex}
.st-projo .box{background:linear-gradient(180deg,#0B0F2E,#0A0E2A);color:#fff;border-radius:24px;max-width:640px;width:100%;
  padding:32px 30px;position:relative;overflow:hidden;border:1px solid rgba(72,227,155,.25)}
.st-projo .box::before{content:"";position:absolute;inset:-30% auto auto -10%;width:420px;height:420px;border-radius:50%;
  background:radial-gradient(circle,rgba(72,227,155,.16),transparent 62%);filter:blur(14px)}
.st-projo .box>*{position:relative}
.st-projo .x{position:absolute;inset-block-start:14px;inset-inline-start:14px;background:rgba(255,255,255,.12);border:0;color:#fff;
  width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:1.1rem}
.st-projo h3{font-size:1.5rem;margin:0 0 6px}
.st-projo h3 .g{background:linear-gradient(110deg,#8DF7C0,#FFD15C);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.st-projo .sub{color:rgba(255,255,255,.7);font-size:.95rem;margin-bottom:20px}
.st-projo .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(max-width:520px){.st-projo .grid{grid-template-columns:1fr}}
.st-projo .tile{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px}
.st-projo .tile .ic{font-size:1.6rem}
.st-projo .tile .v{font-family:'Tajawal';font-weight:900;font-size:1.25rem;margin:6px 0 2px;
  background:linear-gradient(110deg,#8DF7C0,#FFD15C);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.st-projo .tile .l{font-size:.86rem;color:rgba(255,255,255,.8)}

/* بطاقة أداة تفاعلية داخل المحادثة */
.st-tool{align-self:stretch;background:#fff;border:1px solid var(--violet);border-radius:16px;padding:15px 16px;
  box-shadow:var(--shadow-soft);animation:stMsg .3s ease}
.st-tool .th{font-family:'Tajawal';font-weight:800;color:var(--ink);font-size:1rem;margin-bottom:3px}
.st-tool .ti{color:var(--muted);font-size:.86rem;margin-bottom:12px}
.st-tool .tf{display:flex;flex-direction:column;gap:10px}
.st-tool .tl{display:flex;flex-direction:column;gap:5px;font-family:'Tajawal';font-weight:700;font-size:.88rem;color:var(--text)}
.st-tool .tl input,.st-tool .tl textarea{border:1.5px solid var(--line);border-radius:10px;padding:9px 12px;
  font-family:inherit;font-size:.92rem;font-weight:400;outline:none;resize:vertical}
.st-tool .tl input:focus,.st-tool .tl textarea:focus{border-color:var(--purple)}
.st-tool-go{margin-top:12px;width:100%;background:var(--grad);color:#fff;border:0;border-radius:11px;padding:11px;
  font-family:'Tajawal';font-weight:800;font-size:.95rem;cursor:pointer;transition:transform .15s}
.st-tool-go:hover{transform:translateY(-1px)}

/* ════════════ صفحة /studio التعريفية (Landing) ════════════ */
.st-land{padding:64px 0;background:var(--paper)}
.st-land.alt{background:var(--lav)}
.st-journey-strip{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}
.st-journey-strip .jchip{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);
  border-radius:999px;padding:10px 16px;font-family:'Tajawal';font-weight:700;color:var(--ink);font-size:.95rem;
  box-shadow:var(--shadow-soft);transition:transform .15s}
.st-journey-strip .jchip:hover{transform:translateY(-3px)}
.st-journey-strip .jchip .e{font-size:1.15rem}
.st-journey-strip .jchip.last{background:linear-gradient(135deg,#48E39B,#FFD15C);color:#06281f;border-color:transparent}
.st-journey-strip i{color:var(--violet);font-style:normal;font-weight:800;font-size:1.1rem;opacity:.6}
@media(max-width:600px){.st-land{padding:44px 0}.st-journey-strip .jchip{padding:8px 13px;font-size:.88rem}}