/* TAMIYOUZ Agentic Story Studio V2 — actual independent theme surfaces.
 * All selectors scoped to this one interactive article. No global text color or body overrides.
 */
#tyz-premium-article .tyz-aw-v2{
 --av-ink:#162f47;--av-copy:#35536b;--av-gold:#80511f;
 --av-panel:#fffefa;--av-soft:#eef4f9;--av-line:#c4d1dd;
 --av-glow:rgba(28,61,91,.1);--av-selected:#153b59;
 --av-selected-ink:#ffffff;
 position:relative;isolation:isolate;overflow:hidden;
 margin:29px 0 35px!important;padding:clamp(21px,3.2vw,36px)!important;
 background:linear-gradient(136deg,#fafcff 0%,#f1f6fa 100%)!important;
 border:1px solid var(--av-line)!important;border-radius:26px!important;
 box-shadow:0 22px 60px rgba(9,32,56,.10)!important;
 color:var(--av-ink)!important;
}
html[data-tyz-theme="dark"] #tyz-premium-article .tyz-aw-v2{
 --av-ink:#f1f7ff;--av-copy:#cfdfef;--av-gold:#f1ca91;
 --av-panel:#152a42;--av-soft:#1c3953;--av-line:#52708a;
 --av-glow:rgba(0,0,0,.27);--av-selected:#eac58a;
 --av-selected-ink:#122a40;
 background:linear-gradient(145deg,#10263e 0%,#182e47 100%)!important;
 box-shadow:0 23px 64px rgba(0,0,0,.29)!important;
}
#tyz-premium-article .tyz-aw-v2::before{
 content:"";position:absolute;width:270px;height:270px;top:-140px;inset-inline-end:-110px;
 border:1px solid rgba(184,135,74,.22);border-radius:50%;box-shadow:
  0 0 0 44px rgba(184,135,74,.035),0 0 0 94px rgba(184,135,74,.022);
 pointer-events:none;
}
#tyz-premium-article .tyz-aw-v2__header{position:relative;z-index:1;max-width:710px;margin-bottom:24px}
#tyz-premium-article .tyz-aw-v2__eyebrow{
 display:inline-flex;align-items:center;gap:8px;
 color:var(--av-gold)!important;font-family:inherit;font-size:12px;font-weight:850;line-height:1.5;
 letter-spacing:.11em;margin-bottom:9px;
}
#tyz-premium-article .tyz-aw-v2__eyebrow::before{content:"";width:21px;height:2px;background:currentColor}
#tyz-premium-article .tyz-aw-v2__header>strong{
 display:block;color:var(--av-ink)!important;
 font-size:clamp(20px,2.35vw,28px)!important;font-weight:900!important;
 line-height:1.55!important;margin:0 0 8px;
}
#tyz-premium-article .tyz-aw-v2__header>p{
 font-size:14px!important;line-height:1.95!important;
 color:var(--av-copy)!important;margin:0!important;
}
#tyz-premium-article .tyz-aw-steps{
 display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
 gap:9px;position:relative;z-index:1;margin-bottom:16px;
}
#tyz-premium-article .tyz-aw-step{
 min-width:0;min-height:100px;display:flex;flex-direction:column;align-items:flex-start;
 justify-content:space-between;text-align:start;gap:10px;
 padding:16px 12px;border-radius:15px;border:1px solid var(--av-line)!important;
 background:var(--av-panel)!important;color:var(--av-ink)!important;
 font-family:inherit;font-size:12px;font-weight:800;line-height:1.65;cursor:pointer;
 transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
#tyz-premium-article .tyz-aw-step__number{
 font-size:21px;line-height:1.2;font-weight:950;font-variant-numeric:tabular-nums;
 color:var(--av-gold)!important;
}
#tyz-premium-article .tyz-aw-step__name{font-size:clamp(11px,.95vw,13px);line-height:1.55}
#tyz-premium-article .tyz-aw-step:hover{
 transform:translateY(-2px);border-color:var(--av-gold)!important;
}
#tyz-premium-article .tyz-aw-step.is-active,
#tyz-premium-article .tyz-aw-step[aria-pressed="true"]{
 background:var(--av-selected)!important;
 color:var(--av-selected-ink)!important;
 border-color:var(--av-selected)!important;
 box-shadow:0 11px 28px var(--av-glow)!important;
}
#tyz-premium-article .tyz-aw-step.is-active .tyz-aw-step__number,
#tyz-premium-article .tyz-aw-step[aria-pressed="true"] .tyz-aw-step__number{
 color:var(--av-selected-ink)!important;
}
#tyz-premium-article .tyz-aw-stage-viewport{
 position:relative;padding:clamp(19px,2.5vw,27px)!important;
 border:1px solid var(--av-line)!important;border-radius:18px;
 background:var(--av-panel)!important;
}
#tyz-premium-article .tyz-aw-stage[hidden],
#tyz-premium-article .tyz-aw-advice>[hidden]{display:none!important}
#tyz-premium-article .tyz-aw-stage__number,
#tyz-premium-article .tyz-aw-advice__eyebrow{
 display:block;color:var(--av-gold)!important;
 font-size:12px;font-weight:950;letter-spacing:.08em;
 margin-bottom:8px;
}
#tyz-premium-article .tyz-aw-stage__heading{display:flex;align-items:center;gap:12px}
#tyz-premium-article .tyz-aw-stage__symbol{
 flex:none;width:42px;height:42px;
 display:grid;place-items:center;background:var(--av-soft);color:var(--av-gold);
 border:1px solid var(--av-line);border-radius:13px;font-size:23px;
}
#tyz-premium-article .tyz-aw-stage__heading h3{
 margin:0!important;padding:0!important;border:0!important;
 font-size:clamp(19px,2vw,24px)!important;line-height:1.5!important;
 color:var(--av-ink)!important;
}
#tyz-premium-article .tyz-aw-stage>p{
 margin:13px 0 0!important;color:var(--av-copy)!important;
 font-size:clamp(14px,1.2vw,16px)!important;line-height:1.95!important;
}
#tyz-premium-article .tyz-aw-stage-footer{
 display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px;
}
#tyz-premium-article .tyz-aw-stage-track{
 flex:1 1 130px;height:7px;background:var(--av-line);
 overflow:hidden;border-radius:99px;
}
#tyz-premium-article .tyz-aw-stage-track>span{
 display:block;height:100%;border-radius:99px;width:20%;
 background:linear-gradient(90deg,#b58345,#eac38b);
 transition:width .22s ease;
}
#tyz-premium-article .tyz-aw-stage-footer>[data-tyz-stage-count]{
 font-size:12px;font-weight:800;color:var(--av-copy)!important;
 white-space:nowrap;
}
#tyz-premium-article .tyz-aw-next{
 min-height:42px;padding:9px 16px;display:inline-flex;align-items:center;gap:9px;
 background:var(--av-selected)!important;color:var(--av-selected-ink)!important;
 border:1px solid var(--av-selected)!important;border-radius:11px;
 cursor:pointer;font-family:inherit;font-size:13px;font-weight:850;line-height:1.4;
}
#tyz-premium-article .tyz-aw-next:hover{filter:brightness(1.08)}
/* Decision chooser is a scenario picker, not a true automation tool. */
#tyz-premium-article .tyz-aw-usecases{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:15px;
}
#tyz-premium-article .tyz-aw-usecase{
 display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;
 gap:8px;text-align:start;min-height:107px;padding:16px;
 border-radius:15px;border:1px solid var(--av-line)!important;
 background:var(--av-panel)!important;color:var(--av-ink)!important;
 cursor:pointer;font-family:inherit;transition:transform .2s ease,border-color .2s ease;
}
#tyz-premium-article .tyz-aw-usecase>strong{
 color:inherit!important;font-size:14px!important;font-weight:900!important;line-height:1.5;
}
#tyz-premium-article .tyz-aw-usecase>small{
 color:var(--av-copy)!important;font-size:12px!important;line-height:1.7;
}
#tyz-premium-article .tyz-aw-usecase:hover{border-color:var(--av-gold)!important;transform:translateY(-2px)}
#tyz-premium-article .tyz-aw-usecase.is-active,
#tyz-premium-article .tyz-aw-usecase[aria-pressed="true"]{
 background:var(--av-selected)!important;border-color:var(--av-selected)!important;
 color:var(--av-selected-ink)!important;
}
#tyz-premium-article .tyz-aw-usecase.is-active>small,
#tyz-premium-article .tyz-aw-usecase[aria-pressed="true"]>small{
 color:var(--av-selected-ink)!important;
}
#tyz-premium-article .tyz-aw-advice{
 border:1px solid var(--av-line);border-radius:18px;background:var(--av-panel);
 padding:clamp(18px,2.5vw,26px);min-height:157px;
}
#tyz-premium-article .tyz-aw-advice strong{
 display:block;font-size:clamp(20px,2vw,25px)!important;
 line-height:1.55!important;color:var(--av-ink)!important;font-weight:950!important;
}
#tyz-premium-article .tyz-aw-advice p{
 font-size:14px!important;line-height:1.9!important;
 color:var(--av-copy)!important;margin:10px 0 0!important;
}
#tyz-premium-article .tyz-aw-comparison{
 margin-top:13px;background:var(--av-panel)!important;
 border:1px solid var(--av-line)!important;border-radius:14px;
}
#tyz-premium-article .tyz-aw-comparison>summary{
 cursor:pointer;padding:15px 17px;color:var(--av-ink)!important;
 font-size:13px;font-weight:900;line-height:1.7;
}
#tyz-premium-article .tyz-aw-comparison[open]>summary{
 border-bottom:1px solid var(--av-line);
}
#tyz-premium-article .tyz-aw-comparison__scroll{overflow-x:auto;padding:12px}
#tyz-premium-article .tyz-aw-comparison table{
 width:100%;border-collapse:separate;border-spacing:0;font-size:13px;
}
#tyz-premium-article .tyz-aw-comparison :is(th,td){
 border:1px solid var(--av-line)!important;padding:12px;text-align:start;
 color:var(--av-ink)!important;background:var(--av-panel)!important;
}
#tyz-premium-article .tyz-aw-comparison th{
 background:var(--av-soft)!important;font-weight:900;
}
#tyz-premium-article .tyz-aw-v2 :is(button,summary):focus-visible{
 outline:3px solid var(--av-gold)!important;outline-offset:3px!important;
}
#tyz-premium-article .tyz-aw-journey noscript ol{color:var(--av-copy)!important}
/* The existing real screenshot gallery now reads like a technical illustration gallery. */
#tyz-premium-article .tyz-n8n-gallery-label{
 border-inline-start:3px solid var(--v6-accent,#80511f);
 border-radius:10px;padding:11px 15px!important;
 background:var(--v7-tint,#eff4f8);color:var(--v7-text,#324e65)!important;
 font-size:14px!important;line-height:1.85!important;
}
#tyz-premium-article .tyz-n8n-real-media .tyz-n8n-real-shot{
 border-radius:20px;box-shadow:0 21px 50px rgba(16,42,67,.12)!important;
}
#tyz-premium-article .tyz-n8n-image-link{
 position:relative;
}
#tyz-premium-article .tyz-n8n-image-link::after{
 content:"اضغط للتكبير ↗";position:absolute;inset:auto 12px 12px auto;
 background:#10283f;color:#fff4e3;border:1px solid #b6956c;
 padding:7px 12px;border-radius:9px;
 font:800 11px/1.4 Arial,sans-serif;
 opacity:0;transition:opacity .2s;pointer-events:none;
}
#tyz-premium-article .tyz-n8n-image-link:hover::after,
#tyz-premium-article .tyz-n8n-image-link:focus-visible::after{opacity:1}
.tyz-aw-zoom-dialog{
 border:1px solid #c2a070;border-radius:17px;
 padding:12px 12px 17px;background:#10243a;
 color:#f7f9ff;box-shadow:0 34px 100px rgba(0,0,0,.50);
 max-width:min(96vw,1200px);max-height:92vh;
}
.tyz-aw-zoom-dialog::backdrop{background:rgba(3,12,23,.85);backdrop-filter:blur(8px)}
.tyz-aw-zoom-dialog img{
 display:block;max-width:100%;max-height:75vh;object-fit:contain;margin:0 auto;
}
.tyz-aw-zoom-dialog__bar{
 display:flex;align-items:center;justify-content:space-between;
 gap:20px;margin-bottom:9px;
 color:#eef6ff;font:700 13px/1.8 Arial,sans-serif;
}
.tyz-aw-zoom-dialog__close{
 flex:none;min-width:44px;min-height:44px;
 background:#f2cf94!important;color:#10243a!important;
 border:1px solid #f2cf94!important;border-radius:12px;
 font:900 18px/1 Arial,sans-serif;cursor:pointer;
}
.tyz-aw-zoom-dialog__close:focus-visible{outline:3px solid #fff!important;outline-offset:3px}
/* Refine existing scenario switcher without changing its state machine. */
#tyz-premium-article .tyz-aw-lab{
 border-width:1px!important;border-radius:25px!important;
 box-shadow:0 22px 58px rgba(11,34,58,.10)!important;
}
#tyz-premium-article .tyz-aw-path span{min-height:46px}
#tyz-premium-article .tyz-aw-result{
 box-shadow:0 8px 26px rgba(10,33,58,.055)!important;
}
/* No theme crossover and no false low-contrast light result in dark mode. */
@media(max-width:850px){
 #tyz-premium-article .tyz-aw-steps{grid-template-columns:repeat(5,minmax(125px,1fr));overflow-x:auto;padding-bottom:7px;scrollbar-width:thin}
}
@media(max-width:650px){
 #tyz-premium-article .tyz-aw-v2{padding:18px!important;border-radius:18px!important}
 #tyz-premium-article .tyz-aw-steps{gap:7px;grid-template-columns:repeat(5,minmax(108px,1fr))}
 #tyz-premium-article .tyz-aw-step{min-height:87px;padding:11px;gap:4px}
 #tyz-premium-article .tyz-aw-step__number{font-size:19px}
 #tyz-premium-article .tyz-aw-step__name{font-size:11px}
 #tyz-premium-article .tyz-aw-usecases{grid-template-columns:1fr;gap:8px}
 #tyz-premium-article .tyz-aw-usecase{min-height:0;padding:12px 15px;gap:4px}
 #tyz-premium-article .tyz-aw-stage-footer{gap:10px}
 #tyz-premium-article .tyz-aw-next{min-height:44px}
 #tyz-premium-article .tyz-n8n-image-link::after{opacity:1;inset:auto 7px 7px auto;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 #tyz-premium-article .tyz-aw-v2 :is(button,.tyz-aw-stage-track>span),
 #tyz-premium-article .tyz-n8n-image-link::after{transition:none!important;transform:none!important}
}