/* Existing Studio important rules live in the first named layer. Keep the scoped repair in that same layer. */
@layer studio-editorial {
/* Workflows-only studies. Shared rooms, chrome, private corpus and controllers keep their owners. */
#panel-workflows#panel-workflows#panel-workflows.sw-redesign {
  --wf-base:#090d14;--wf-raised:#1c2523;--wf-tone:#34d399;--wf-edge:rgba(148,163,184,.32);
  --aku-text:#f8fafc;--aku-copy:#cbd5e1;--aku-line:rgba(148,163,184,.32);
  --aku-paper:#122922;--aku-ink:#ecfdf5;--aku-ink-2:#a7f3d0;--aku-paper-line:rgba(52,211,153,.42);
  --aku-accent:#34d399;--aku-primary-ink:#04130e;
  display:block!important;position:relative;isolation:isolate;overflow:clip;border:1px solid var(--wf-edge)!important;border-top:3px solid var(--aku-primary)!important;border-radius:18px!important;width:100%!important;max-width:none!important;box-sizing:border-box;
  padding:28px clamp(20px,3vw,44px) 48px!important;
  background:radial-gradient(ellipse at 92% 0%,rgba(52,211,153,.14),transparent 58%),linear-gradient(160deg,#080b10 0%,#0c1118 55%,#091114 100%)!important;color:var(--aku-text)!important;
  font:400 1rem/1.7 var(--aku-font-body)!important;
}
html[data-theme=light] #panel-workflows#panel-workflows#panel-workflows.sw-redesign {
  --wf-base:#eef6fe;--wf-raised:#ffffff;--wf-tone:#047857;--wf-edge:rgba(100,116,139,.28);
  --aku-text:#0f172a;--aku-copy:#334155;--aku-line:rgba(100,116,139,.28);
  --aku-paper:#ecfdf5;--aku-ink:#052e16;--aku-ink-2:#065f46;--aku-paper-line:rgba(5,150,105,.40);
  --aku-accent:#047857;--aku-primary-ink:#ffffff;
  background:linear-gradient(135deg,#e4f0fc 0%,#eef6fe 52%,#e2f7ef 100%)!important;
}

#panel-workflows#panel-workflows#panel-workflows.sw-redesign::before {
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at 88% 4%,color-mix(in srgb,var(--aku-r4) 16%,transparent),transparent 30%),radial-gradient(ellipse at 4% 30%,color-mix(in srgb,var(--aku-accent) 7%,transparent),transparent 35%);
}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign::after {
  content:"✦　 ·　✧　　　　 ·　　 ✦";position:absolute;right:4%;top:34px;width:32%;
  color:var(--aku-primary);font-size:1.3rem;letter-spacing:1rem;opacity:.65;pointer-events:none;
  animation:wf-stars 5s ease-in-out infinite;
}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign :is(h1,h2,h3,h4,h5){font-family:var(--aku-font-head)!important;color:var(--aku-text)!important;letter-spacing:0!important;text-wrap:pretty}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign :is(button,input,select,textarea){font-family:var(--aku-font-body)!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign :is(button,a,summary):focus-visible{outline:3px solid var(--aku-primary)!important;outline-offset:4px}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign :is(button,summary){touch-action:manipulation}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-opening{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 0 16px!important;min-height:0!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-opening::before,#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-opening::after{display:none!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-opening h1{font-size:1.6rem!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-opening-meta{margin-left:auto;max-width:100%}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-store-status{min-height:24px!important;margin:0!important;color:var(--aku-copy)!important;font-size:.875rem!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-store-status{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-store-status button{background:none!important;border:0!important;box-shadow:none!important;color:var(--aku-copy)!important;text-decoration:underline;text-underline-offset:4px}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-store-status button{min-height:36px;color:var(--aku-text);background:var(--wf-raised);border-color:var(--aku-line)}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-tabs{display:flex!important;align-items:center;gap:10px!important;background:none!important;border:0!important;padding:0 0 24px!important;margin:0!important;flex-wrap:wrap}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-tabs button{display:inline-flex!important;align-items:center;gap:8px!important;min-height:40px!important;padding:8px 15px!important;border:1px solid var(--aku-line)!important;border-radius:999px!important;background:var(--wf-base)!important;color:var(--aku-copy)!important;font-size:1rem!important;font-weight:500!important;box-shadow:none!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-tabs button[aria-selected=true]{background:var(--aku-accent)!important;color:var(--aku-primary-ink)!important;border-color:var(--aku-accent)!important;font-weight:700!important;box-shadow:0 0 22px -10px var(--aku-accent)!important}
html[data-theme=light] #panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-tabs button[aria-selected=true]{color:var(--aku-paper)!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-tabs button:hover{translate:0 -2px;color:var(--aku-text)!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-tabs button[aria-selected=true]:hover{color:var(--aku-primary-ink)!important}
html[data-theme=light] #panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-tabs button[aria-selected=true]:hover{color:var(--aku-paper)!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-tabs button::before,#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-tabs button::after{display:none!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-study-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 20px;font-size:.875rem;color:var(--aku-copy)}
.wf-study-controls a{padding:5px 10px;color:var(--aku-copy);text-decoration:none;border-bottom:2px solid transparent}
.wf-study-controls a[aria-current=page]{color:var(--aku-accent);border-bottom-color:var(--aku-accent)}
.wf-study-controls a:hover{color:var(--aku-text)}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-workbench{display:flex!important;flex-direction:column!important;gap:20px!important;overflow:visible!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector{position:relative!important;inset:auto!important;max-height:none!important;overflow:visible!important;width:100%!important;min-width:0!important;padding:0!important;margin:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector>summary{display:flex!important;align-items:center;gap:12px;list-style:none!important;width:fit-content;max-width:100%;padding:9px 16px!important;border:1px solid var(--aku-line)!important;border-radius:12px!important;background:var(--wf-raised)!important;color:var(--aku-text)!important;font-size:1rem!important;font-weight:600!important;cursor:pointer;box-shadow:0 3px 0 color-mix(in srgb,var(--aku-line) 65%,transparent)!important;transition:translate 180ms var(--aku-ease)}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector>summary::before{content:"↗"!important;display:inline!important;position:static!important;background:none!important;box-shadow:none!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector>summary::after{content:"เปิด ▾"!important;position:static!important;color:var(--aku-accent)!important;background:none!important;font-size:.875rem!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector[open]>summary::after{content:"ปิด ▴"!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector>summary:hover{translate:0 -2px}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-tools{padding:20px 0 12px!important;margin:0!important;gap:16px!important;background:none!important;border:0!important;align-items:center!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-tools .sw-category-label{display:none!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-search{padding:6px 12px!important;border:1px solid var(--aku-line)!important;border-radius:10px!important;background:var(--wf-raised)!important;color:var(--aku-text)!important;max-width:100%;width:340px}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-search input{background:none!important;color:var(--aku-text)!important;min-height:32px!important;box-shadow:none!important;border:0!important;padding:0!important;font-size:1rem!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-search input::placeholder{color:var(--aku-copy)!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-soft{color:var(--aku-copy)!important;font-size:.875rem!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-categories{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0 28px}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-categories .aku-ftab{padding:7px 10px 10px!important;min-height:40px!important;border:0!important;font-size:.875rem!important;background-color:transparent!important;box-shadow:none!important;color:var(--g)!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-categories .aku-ftab[aria-pressed=true]{color:var(--aku-text)!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-workflow-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:30px!important;padding:0 0 32px!important;border:0!important;background:none!important}
.wf-job-group{min-width:0}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-job-group h2{display:flex;gap:9px;align-items:center;font-size:1.2rem!important;margin:0 0 4px;line-height:1.5!important}
.wf-job-group>p{font-size:.875rem;color:var(--aku-copy);margin:0 0 14px}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-job-choice{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:76px;padding:12px 0!important;text-align:left;border:0!important;background:none!important;color:var(--aku-text)!important;box-shadow:none!important}
.wf-job-choice strong{display:block;font-size:1rem;line-height:1.5;font-weight:600}
.wf-job-choice small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.875rem;line-height:1.6;color:var(--aku-copy);margin-top:3px}
.wf-choice-arrow{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;color:var(--wf-tone);background:color-mix(in srgb,var(--wf-tone) 15%,var(--wf-base));transition:rotate 180ms,translate 180ms}
.wf-job-choice[aria-pressed=true] strong{color:var(--wf-tone)}
.wf-job-choice:hover .wf-choice-arrow{rotate:45deg;translate:2px -2px}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-workflow-detail{padding:0!important;background:none!important;border:0!important;box-shadow:none!important;outline-offset:8px;min-width:0}
.wf-work{min-width:0}
.wf-job-head{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:32px;align-items:center;padding:12px 0 36px}
.wf-eyebrow{display:flex;gap:8px;align-items:center;color:var(--aku-copy);font-size:.875rem;line-height:1.5;font-weight:500}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-job-head h2{font-size:2.2rem!important;line-height:1.35!important;margin:10px 0 12px!important;max-width:24ch;font-weight:700!important}
.wf-job-head p{margin:0;max-width:65ch;color:var(--aku-copy);font-size:1rem;line-height:1.8}
.wf-main-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:24px 0 10px}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-main-actions .aku-cta{min-height:40px!important;height:40px!important;border-radius:999px!important;font-size:.95rem!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-text-action{display:inline-flex;align-items:center;gap:10px;background:none!important;color:var(--aku-accent)!important;border:0!important;padding:7px 0!important;text-decoration:underline;text-underline-offset:5px;min-height:40px!important;box-shadow:none!important;font-size:.95rem!important}
.wf-brief-note{font-size:.875rem;color:var(--aku-copy)}
.wf-guides-art{display:flex;align-items:flex-end;justify-content:center;position:relative;gap:0;min-height:170px;padding:20px 0;isolation:isolate}
.wf-guides-art::before{content:"";position:absolute;bottom:16px;left:7%;right:7%;height:22px;border-radius:50%;background:color-mix(in srgb,var(--wf-tone) 18%,transparent);box-shadow:0 0 35px 8px color-mix(in srgb,var(--wf-tone) 12%,transparent);z-index:-1}
.wf-guides-art img{width:50%;max-width:150px;height:150px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 8px 6px color-mix(in srgb,var(--aku-night) 40%,transparent));transition:translate 250ms var(--aku-ease)}
.wf-guides-art img+img{height:140px;transform:translateY(2px)}
.wf-guides-art:hover img:first-of-type{translate:-4px -5px}
.wf-guides-art:hover img:last-of-type{translate:4px -3px}
.wf-art-star{position:absolute;top:0;right:18%;color:var(--aku-primary);font-size:1.5rem;animation:wf-stars 4s ease-in-out infinite}
.wf-body-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:36px}
.wf-route-section{min-width:0}
.wf-zone-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-zone-heading h3{font-size:1.6rem!important;line-height:1.5!important;margin:4px 0 0!important}
.wf-zone-heading>span{color:var(--aku-copy);font-size:.875rem}
.wf-route{list-style:none;margin:0!important;padding:24px 0 32px!important;display:grid;grid-template-columns:repeat(var(--wf-step-count),minmax(100px,1fr));gap:8px;position:relative;overflow-x:auto;scroll-padding:10px}
.wf-route::before{content:"";position:absolute;top:53px;left:7%;right:7%;height:60px;border-top:2px dashed color-mix(in srgb,var(--wf-tone) 55%,transparent);border-radius:50%;pointer-events:none}
.wf-route li{position:relative;min-width:0;display:block!important;padding:0!important}
.wf-route li::before{display:none!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-route button{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;width:100%;padding:12px 6px!important;min-height:160px;text-align:center;background:none!important;color:var(--aku-text)!important;border:0!important;box-shadow:none!important;border-radius:0!important;transition:translate 180ms var(--aku-ease)}
.wf-route li:nth-child(2n){padding-top:22px!important}
.wf-route strong{font-size:1rem;font-weight:500;line-height:1.5;text-wrap:pretty}
.wf-route small{font-size:.8rem;line-height:1.5;color:var(--aku-copy)}
.wf-step-number{font:500 .8rem/1 var(--aku-font-mono);color:var(--aku-copy)}
.wf-route button[aria-pressed=true] .wf-step-number{color:var(--wf-tone)}
.wf-route button[aria-pressed=true]::after{content:"กำลังอ่าน";font-size:.75rem;font-weight:500;color:var(--wf-tone);line-height:1.2}
.wf-route button[aria-pressed=true] strong{color:var(--wf-tone);font-weight:700}
.wf-route button:hover{translate:0 -4px}
.wf-route [data-ak-px]{position:relative;filter:drop-shadow(0 0 9px color-mix(in srgb,var(--wf-tone) 60%,transparent))}
.wf-current-step{position:relative;padding:26px 0 18px;background:none;border:0;scroll-margin-top:180px}
.wf-current-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 20px;margin-bottom:28px}
.wf-reading-position{color:var(--wf-tone);font-size:.875rem}
.wf-role{color:var(--aku-accent);font:600 .875rem/1.5 var(--aku-font-body)}
.wf-role.is-audi{color:var(--aku-primary)}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-current-head h3{grid-column:1/-1;font-size:1.75rem!important;margin:0!important;line-height:1.5!important;font-weight:700!important}
.wf-current-head p{grid-column:1/-1;margin:0;max-width:70ch;font-size:1rem;color:var(--aku-copy);line-height:1.8}
.wf-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 42px}
.wf-guide-section{min-width:0}
.wf-guide-section.wf-guide-actions{grid-column:1/-1}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-guide-section h4{display:flex;align-items:center;gap:8px;font-size:1.125rem!important;margin:0 0 12px!important;line-height:1.5!important;font-weight:650!important}
.wf-guide-section ul,.wf-output-rail ul,.wf-disclosure-body>ul{margin:0;padding:0;list-style:none}
.wf-guide-section li,.wf-output-rail li,.wf-disclosure-body>ul li{position:relative;margin:0 0 10px;padding-left:18px;font-size:1rem;line-height:1.8;color:var(--aku-copy)}
.wf-guide-section li::before,.wf-output-rail li::before,.wf-disclosure-body>ul li::before{content:"·";position:absolute;left:1px;top:0;color:var(--wf-tone);font-weight:700}
.wf-guide-actions ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;counter-reset:actions}
.wf-guide-actions li{padding-left:30px;counter-increment:actions}
.wf-guide-actions li::before{content:counter(actions,decimal-leading-zero);font:500 .8rem/2.25 var(--aku-font-mono);color:var(--wf-tone)}
.wf-guide-avoid li::before{color:var(--aku-warn)}
.wf-step-skills{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;color:var(--aku-copy);font-size:.875rem;margin:28px 0 0}
.wf-step-skills>span{display:flex;gap:14px;flex-wrap:wrap}
.wf-step-skills code{font:400 .8rem var(--aku-font-mono);color:var(--aku-copy)}
.wf-step-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:10px 0 0}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-step-controls button{display:inline-flex;align-items:center;background:none!important;border:0!important;color:var(--aku-accent)!important;padding:8px 0!important;box-shadow:none!important;min-height:40px!important;font-size:.95rem!important}
.wf-step-controls button:disabled{opacity:.4!important;cursor:default!important}
.wf-step-controls>span{font-size:.875rem;color:var(--aku-copy)}
.wf-output-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px;padding:26px 0 0;border:0}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-output-rail h3{display:flex;gap:10px;align-items:center;font-size:1.4rem!important;line-height:1.5!important;margin:0 0 16px!important}
.wf-output-rail p{font-size:.875rem;color:var(--aku-copy);margin:-10px 0 20px}
.wf-support{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:44px;padding-top:0}
.wf-disclosure{min-width:0;border:0;background:none}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-disclosure>summary{list-style:none;display:flex;align-items:center;gap:14px;min-height:90px;padding:20px!important;color:var(--aku-text)!important;background:var(--wf-raised)!important;border:1px solid var(--aku-line)!important;border-radius:14px!important;box-shadow:0 4px 0 color-mix(in srgb,var(--aku-line) 55%,var(--wf-base))!important;cursor:pointer;transition:translate 180ms var(--aku-ease),border-color 180ms}
.wf-disclosure>summary::-webkit-details-marker,.wf-outline>summary::-webkit-details-marker{display:none}
.wf-disclosure>summary>span:nth-child(2){min-width:0;flex:1}
.wf-disclosure strong{display:block;font-size:1.125rem;line-height:1.5;font-weight:600}
.wf-disclosure small{display:block;font-size:.875rem;line-height:1.5;color:var(--aku-copy);margin-top:4px}
.wf-fold-cue{display:flex;align-items:center;gap:9px;flex:0 0 auto;color:var(--aku-accent);font-size:.8rem}
.wf-fold-cue b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--aku-accent);color:var(--aku-primary-ink);font-size:1.15rem;font-weight:500;transition:rotate 200ms}
html[data-theme=light] .wf-fold-cue b{color:var(--aku-paper)}
.wf-opened{display:none}
.wf-disclosure[open]{grid-column:1/-1}
.wf-disclosure[open] .wf-closed{display:none}
.wf-disclosure[open] .wf-opened{display:inline}
.wf-disclosure[open]>summary{border-color:var(--aku-accent)!important}
.wf-disclosure>summary:hover{translate:0 -3px}
.wf-disclosure>summary:hover .wf-fold-cue b{rotate:90deg}
.wf-disclosure-body{padding:30px 12px 14px;max-width:100%;color:var(--aku-copy)}
.wf-sample{margin:0}
.wf-sample figcaption{font-size:.875rem;color:var(--aku-copy)}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-sample h4{font-size:1.25rem!important;margin:18px 0!important}
.wf-sample pre{white-space:pre-wrap;overflow-wrap:anywhere;font:400 1rem/1.9 var(--aku-font-body);max-width:75ch;margin:0}
.wf-sample a{display:inline-block;margin-top:20px;color:var(--aku-accent)}
.wf-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
.wf-source-grid h4{font-size:1.25rem!important;margin:0 0 24px}
.wf-source-grid article{margin-bottom:24px}
.wf-source-grid h5{font-size:1rem!important;margin:0 0 8px!important;line-height:1.7!important}
.wf-source-grid h5 small{display:block;font-size:.875rem;font-weight:400;color:var(--aku-copy)}
.wf-source-grid p{font-size:.95rem;color:var(--aku-copy);line-height:1.7;margin:0}
.wf-source-grid code{font:400 .8rem/1.8 var(--aku-font-mono);overflow-wrap:anywhere;color:var(--aku-copy)}
.wf-library-empty{display:flex;align-items:center;gap:24px;max-width:70ch}
.wf-library-empty h4{font-size:1.25rem!important;margin:0 0 8px}
.wf-library-empty p{color:var(--aku-copy);margin:0 0 18px}
.wf-reference-options{border:0;padding:0;margin:0}
.wf-reference-options legend{margin-bottom:20px;color:var(--aku-copy)}
.wf-reference-options label{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px;cursor:pointer}
.wf-reference-options input{width:20px;height:20px;accent-color:var(--aku-accent);flex:0 0 20px}
.wf-reference-options small{display:block;color:var(--aku-copy);margin-top:4px}
.wf-outline{border:0;margin:0 0 24px}
.wf-outline>summary{display:flex;gap:10px;align-items:center;list-style:none;width:fit-content;padding:8px 0;color:var(--aku-accent);cursor:pointer}
/* B: a film strip is a scrubber; detail and delivery occupy different areas. */
#panel-workflows#panel-workflows#panel-workflows.sw-redesign[data-wf-design=film] .wf-job-head{padding-bottom:40px;grid-template-columns:minmax(0,1fr) 230px}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign[data-wf-design=film] .wf-body-grid{grid-template-columns:minmax(0,1fr) 260px;gap:38px}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign[data-wf-design=film] .wf-output-rail{display:flex;flex-direction:column;gap:34px;padding-top:0}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign[data-wf-design=film] .wf-route{display:flex;gap:0;padding:24px 0!important;background:var(--wf-raised);border-radius:0;border-block:7px dotted color-mix(in srgb,var(--aku-line) 70%,var(--wf-base));scroll-snap-type:x mandatory}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign[data-wf-design=film] .wf-route::before{display:none}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign[data-wf-design=film] .wf-route li{flex:1 0 125px;scroll-snap-align:start;padding:0!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign[data-wf-design=film] .wf-route button{min-height:150px;padding:8px 12px!important;border-inline-end:1px solid var(--aku-line)!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign[data-wf-design=film] .wf-route button[aria-pressed=true]{background:color-mix(in srgb,var(--wf-tone) 7%,var(--wf-raised))!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign[data-wf-design=film] .wf-guide-grid{gap:26px}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign[data-wf-design=film] .wf-guide-actions ul{grid-template-columns:1fr}
/* C: one reading task at a time; Next/Previous lead and the outline is optional. */
#panel-workflows#panel-workflows#panel-workflows.sw-redesign[data-wf-design=guide] .wf-work{max-width:920px;margin-inline:auto}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign[data-wf-design=guide] .wf-job-head{grid-template-columns:minmax(0,1fr) 230px}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign[data-wf-design=guide] .wf-current-step{padding:8px 0 16px;border:0}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign[data-wf-design=guide] .wf-body-grid{display:flex;flex-direction:column;gap:24px}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign[data-wf-design=guide] .wf-zone-heading{margin-bottom:16px}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign[data-wf-design=guide] .wf-step-controls{padding:12px 0 20px;margin-top:16px}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign[data-wf-design=guide] .wf-output-rail{gap:40px}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign[data-wf-design=guide] .wf-current-head{border-left:3px solid var(--wf-tone);padding-left:20px}
/* The three library views share the reading plane and retain their existing owner editor. */
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-library{background:none!important;border:0!important;box-shadow:none!important;padding:10px 0!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-library-head{background:none!important;border:0!important;padding:10px 0 24px!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-library-head h2{font-size:1.75rem!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-library-head p{color:var(--aku-copy)!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-example-card{background:var(--wf-raised)!important;color:var(--aku-text)!important;border-color:var(--aku-line)!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-form{background:var(--aku-paper)!important;color:var(--aku-ink)!important;border:0!important;border-top:5px solid var(--aku-primary)!important;border-radius:5px!important;padding:28px!important;box-shadow:0 15px 30px -22px var(--aku-night)!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-form :is(h3,h4,label,legend){color:var(--aku-ink)!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-form :is(input,textarea,select){background:var(--aku-paper-2)!important;color:var(--aku-ink)!important;border-color:var(--aku-paper-line)!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-form :is(p,small){color:var(--aku-ink-2)!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-form .sw-btn:not(.is-primary){background:var(--aku-paper-2)!important;color:var(--aku-ink)!important;border-color:var(--aku-ink-2)!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-skill-table{background:none!important;display:table!important;width:100%;color:var(--aku-text)!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-skill-table :is(th,td){border-color:var(--aku-line)!important;background:none!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-skill-table :is(th,small){color:var(--aku-copy)!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-skill-links button{color:var(--aku-accent)!important}
@keyframes wf-stars{50%{opacity:.3;transform:scale(.95)}}
@media(min-width:1500px){#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-workflow-list{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:1100px){#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-workflow-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.wf-job-head{grid-template-columns:minmax(0,1fr) 210px;gap:24px}#panel-workflows#panel-workflows#panel-workflows.sw-redesign[data-wf-design=film] .wf-body-grid{grid-template-columns:minmax(0,1fr)}#panel-workflows#panel-workflows#panel-workflows.sw-redesign[data-wf-design=film] .wf-output-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.wf-guides-art img{height:130px;max-width:120px}.wf-guides-art img+img{height:120px}.wf-route{grid-template-columns:repeat(var(--wf-step-count),minmax(120px,1fr))}.wf-guides-art{min-height:150px}}
@media(max-width:720px){#panel-workflows#panel-workflows#panel-workflows.sw-redesign{padding:22px 18px 34px!important}#panel-workflows#panel-workflows#panel-workflows.sw-redesign::after{width:55%;top:26px;font-size:.9rem}.wf-study-controls{gap:6px!important}.wf-study-controls>span{width:100%}.wf-study-controls a{padding:5px 7px}#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-tabs{gap:8px!important;padding-bottom:20px!important}#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-tabs button{padding:7px 12px!important;font-size:.875rem!important;min-height:38px!important}.wf-job-head,#panel-workflows#panel-workflows#panel-workflows.sw-redesign[data-wf-design=film] .wf-job-head,#panel-workflows#panel-workflows#panel-workflows.sw-redesign[data-wf-design=guide] .wf-job-head{grid-template-columns:minmax(0,1fr);gap:8px;padding:8px 0 28px}.wf-guides-art{justify-self:center;width:230px;min-height:135px;padding:6px 0}.wf-guides-art img{height:125px}.wf-guides-art img+img{height:115px}.wf-art-star{top:-6px}.wf-job-head h2{font-size:1.8rem!important}.wf-main-actions{gap:16px;margin-top:20px}.wf-job-head p{line-height:1.8}.wf-body-grid{gap:24px}.wf-zone-heading{display:block;margin-bottom:16px}.wf-zone-heading>span{display:block;margin-top:8px}.wf-route{padding:12px 0 20px!important;grid-template-columns:repeat(var(--wf-step-count),125px);gap:0}.wf-route::before{top:44px}.wf-route button{min-height:140px!important}.wf-current-head h3{font-size:1.5rem!important}.wf-current-head{margin-bottom:24px}.wf-guide-grid{grid-template-columns:minmax(0,1fr);gap:24px}.wf-guide-section.wf-guide-actions{grid-column:auto}.wf-guide-actions ul{grid-template-columns:1fr}.wf-output-rail,#panel-workflows#panel-workflows#panel-workflows.sw-redesign[data-wf-design=film] .wf-output-rail{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:12px}.wf-support{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:32px}.wf-disclosure[open]{grid-column:auto}#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-disclosure>summary{gap:10px;padding:16px!important;min-height:86px}.wf-disclosure strong{font-size:1rem}.wf-disclosure small{font-size:.875rem}.wf-fold-cue{gap:6px}.wf-source-grid{grid-template-columns:minmax(0,1fr);gap:24px}.wf-disclosure-body{padding:24px 0 8px}.wf-library-empty{align-items:flex-start;gap:16px}#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-search{width:100%}#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-workflow-list{grid-template-columns:minmax(0,1fr)!important;gap:24px!important}.wf-categories{margin-bottom:20px!important;gap:4px!important}.wf-job-group h2{font-size:1.25rem!important}.wf-job-choice{min-height:84px!important}.wf-job-group>p{margin-bottom:8px}.wf-step-controls{gap:10px}.wf-step-controls>span{white-space:nowrap}.wf-step-controls button{font-size:.875rem!important}#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-skill-table thead{display:none}#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-skill-table :is(tbody,tr,td){display:block!important}#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-skill-table tr{padding:14px 0;border-bottom:1px solid var(--aku-line)}#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-skill-table td{padding:8px 0!important;border:0!important}.wf-role{font-size:.8rem}#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-opening-meta{margin-left:0}#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-opening{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){#panel-workflows#panel-workflows#panel-workflows.sw-redesign *,#panel-workflows#panel-workflows#panel-workflows.sw-redesign::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html[data-motion=paused] #panel-workflows#panel-workflows#panel-workflows.sw-redesign *,html[data-motion=paused] #panel-workflows#panel-workflows#panel-workflows.sw-redesign::after{animation-play-state:paused!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign[hidden],#panel-workflows#panel-workflows#panel-workflows.sw-redesign [hidden]{display:none!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign:not([data-wf-hero-visible=true])::after,
#panel-workflows#panel-workflows#panel-workflows.sw-redesign:not([data-wf-hero-visible=true]) .wf-art-star{animation-play-state:paused!important}

/* Explicit legacy reset: old workshop styles use double-ID important selectors. */
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-workflow-detail{width:100%!important;margin:0!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector{display:block!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector:not([open])>:not(summary){display:none!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign[hidden]{display:none!important}


  #panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-opening{margin-bottom:14px!important;align-items:center!important;min-height:32px!important}
  #panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-opening h1{font-size:1.35rem!important;margin:0!important;line-height:1.5!important}
  #panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector:not([open]){display:none!important}
  #panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-job-head{padding-top:0}
  #panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-library-head button:disabled{display:none!important}

#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-guide-section li,
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-output-rail li,
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-disclosure-body>ul li{position:relative!important;padding:0 0 0 18px!important;margin:0 0 10px!important;line-height:1.8!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-guide-actions li{padding-left:34px!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign::after{content:"";background:radial-gradient(circle at 10% 15%,var(--aku-primary) 1px,transparent 2px),radial-gradient(circle at 45% 36%,var(--aku-primary) 1px,transparent 2px),radial-gradient(circle at 80% 8%,var(--aku-primary) 2px,transparent 3px);height:80px}

.wf-work,.wf-job-group{--wf-tone:var(--wf-category,var(--aku-accent))}
html[data-theme=light] #panel-workflows#panel-workflows#panel-workflows.sw-redesign{--wf-edge:color-mix(in srgb,var(--aku-line) 55%,var(--aku-text))}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign :is(.wf-disclosure>summary,.wf-outline>summary,.sw-tabs button,.sw-search,.sw-selector>summary){border-color:var(--wf-edge)!important}
.wf-step-example{margin:0 0 30px;padding:0 0 0 20px;border-inline-start:3px solid var(--wf-tone);max-width:72ch}
.wf-step-example figcaption{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--aku-copy);margin-bottom:8px}
.wf-step-example p{font-size:1rem;line-height:1.8;color:var(--aku-text);margin:0}
html[data-theme=light] :is(.wf-work,.wf-job-group){--wf-tone:color-mix(in srgb,var(--wf-category,var(--aku-accent)) 55%,var(--aku-text))}
html[data-theme=light] #panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-text-action{color:color-mix(in srgb,var(--aku-accent) 55%,var(--aku-text))!important}
html[data-theme=light] .wf-role.is-audi{color:color-mix(in srgb,var(--aku-r1) 55%,var(--aku-text))}
html[data-theme=light] #panel-workflows#panel-workflows#panel-workflows.sw-redesign :is(.wf-role:not(.is-audi),.wf-step-controls button,.wf-fold-cue,.wf-sample a,.wf-outline>summary){color:color-mix(in srgb,var(--aku-accent) 55%,var(--aku-text))!important}
html[data-theme=light] #panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-categories .aku-ftab{color:color-mix(in srgb,var(--g) 55%,var(--aku-text))!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign :is(.wf-route small,.wf-step-number,.wf-step-skills code,.wf-fold-cue,.wf-source-grid code,.wf-role){font-size:.875rem!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign :is(.wf-step-controls button,.wf-source-grid p,.wf-text-action,.wf-main-actions .aku-cta){font-size:1rem!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-main-actions .wf-catalog-action.aku-cta{background:var(--aku-paper)!important;color:var(--aku-primary-ink)!important;border:1px solid var(--aku-copy)!important;box-shadow:0 3px 0 color-mix(in srgb,var(--aku-copy) 45%,transparent)!important}
.wf-mobile-cue{display:none}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-outline>summary{display:flex;align-items:center;gap:14px;width:100%;box-sizing:border-box;padding:14px 18px!important;border:1px solid var(--aku-line)!important;border-radius:12px;background:var(--wf-raised)!important;color:var(--aku-text)!important;box-shadow:0 3px 0 color-mix(in srgb,var(--aku-line) 55%,var(--wf-base));transition:translate 180ms}
.wf-outline>summary>span:nth-child(2){flex:1;min-width:0}
.wf-outline>summary small{display:block;font-size:.875rem;color:var(--aku-copy)}
.wf-outline>summary strong{display:block;font-size:1rem;font-weight:600}
.wf-outline>summary b{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border-radius:50%;background:var(--aku-accent);color:var(--aku-primary-ink);font-weight:500}
html[data-theme=light] .wf-outline>summary b{color:var(--aku-paper)}
.wf-outline>summary:hover{translate:0 -2px}
@media(max-width:720px){
  .wf-mobile-cue{display:inline}.wf-desktop-cue{display:none}
  #panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-opening{display:none!important}
  #panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-study-controls{margin-bottom:10px!important}
  #panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-tabs{padding-bottom:12px!important}
  #panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-job-head{position:relative;display:block;padding:6px 0 22px!important;min-height:0!important}
  .wf-job-head .wf-title-copy{position:relative;z-index:1}
  .wf-job-head h2{max-width:calc(100% - 64px)}
  .wf-job-head .wf-guides-art{position:absolute;right:0;top:0;width:62px;min-height:62px;height:62px;display:flex;padding:0;opacity:.85;overflow:visible}
  .wf-job-head .wf-guides-art img{width:38px;height:55px;max-width:38px;object-fit:contain}
  .wf-job-head .wf-guides-art img+img{width:32px;height:49px;margin-left:-8px}
  .wf-job-head .wf-art-star{display:none}
  .wf-main-actions{gap:10px;flex-wrap:wrap;margin-top:14px}
  .wf-brief-note{display:none}
}

/* 2026-10-25 scope correction: only the film step selector is approved.
   Persistent catalogue + a script desk: instructions and an example of the hand-off. */
body.pixel-workshop:has(#panel-workflows.sw-redesign:not([hidden])){overflow-x:clip!important;overflow-y:visible!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-workbench{display:grid!important;grid-template-columns:260px minmax(0,1fr)!important;gap:36px!important;align-items:start}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector{display:block!important;position:sticky!important;top:150px!important;max-height:calc(100dvh - 175px)!important;overflow-y:auto!important;scrollbar-width:thin;scrollbar-color:var(--aku-line) transparent;padding-right:14px!important;overscroll-behavior-y:contain;scroll-margin-top:150px}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector:not([open]){display:block!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector>summary{display:block!important;pointer-events:none;background:none!important;border:0!important;box-shadow:none!important;color:var(--aku-text)!important;padding:0!important;font-size:1.3rem!important;font-weight:700!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector>summary::before,#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector>summary::after{display:none!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector .sw-tools{display:flex!important;flex-direction:column;align-items:stretch!important;gap:8px!important;padding:14px 0 8px!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-search{width:100%;box-sizing:border-box;border-radius:8px!important;background:var(--wf-base)!important;gap:8px}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-search input{width:100%;min-width:0}
.wf-category-picker{border:0;background:none;margin:4px 0 18px;position:relative}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-category-picker>summary{display:flex!important;gap:8px;align-items:center;list-style:none;padding:8px 0!important;cursor:pointer;font-size:.875rem;color:var(--aku-copy);border:0!important;background:none!important}
.wf-category-picker>summary span{color:var(--aku-text);font-weight:600;margin-left:auto}.wf-category-picker>summary b{font-weight:400}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-categories{display:flex;flex-direction:column;align-items:stretch;gap:4px;margin:4px 0 8px!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-categories .aku-ftab{text-align:left;justify-content:flex-start;width:fit-content;max-width:100%;min-height:36px!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-workflow-list{display:flex!important;flex-direction:column;gap:24px!important;padding:0 0 16px!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-job-group h2{font-size:1.25rem!important;gap:8px;margin:0 0 8px!important}
.wf-job-group h2 small{font:400 .875rem var(--aku-font-mono);color:var(--aku-copy);margin-left:auto}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-job-choice{padding:9px 10px!important;min-height:42px;gap:8px;position:relative;border-inline-start:3px solid transparent!important;border-radius:0 8px 8px 0!important;transition:background 180ms,translate 180ms}
.wf-job-choice strong{font-size:1rem;font-weight:400;line-height:1.65}
.wf-job-choice .wf-choice-arrow{background:none;width:18px;height:24px;flex-basis:18px;color:var(--aku-copy)}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-job-choice[aria-pressed=true]{border-inline-start-color:var(--wf-tone)!important;background:color-mix(in srgb,var(--wf-tone) 11%,var(--wf-base))!important}
.wf-job-choice[aria-pressed=true] strong{font-weight:600;color:var(--wf-tone)}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-job-choice:hover{background:var(--wf-raised)!important;translate:2px 0}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-job-head{grid-template-columns:minmax(0,1fr) 150px!important;gap:20px;padding:0 0 26px!important;min-height:0}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-job-head h2{font-size:2rem!important;margin:8px 0!important;max-width:none}
.wf-job-head p{font-size:1rem;line-height:1.7}.wf-main-actions{margin:18px 0 0;gap:10px}.wf-brief-note{display:none}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-copy-brief{display:inline-flex!important;gap:9px!important;align-items:center;background:none!important;color:var(--wf-tone)!important;border:0!important;box-shadow:none!important;padding:8px 0!important;min-height:40px!important;border-radius:0!important;font-size:1rem!important;font-weight:600!important;transition:translate 180ms}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-copy-brief:hover{translate:0 -2px;text-decoration:underline;text-underline-offset:6px}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-copy-brief:before,#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-copy-brief:after{display:none!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-catalog-action{display:none!important}
.wf-guides-art{width:150px;min-height:120px;padding:0;align-self:center}.wf-guides-art img{width:80px;height:120px;max-width:80px}.wf-guides-art img+img{width:70px;height:110px}.wf-art-star{right:8%;top:-4px}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-body-grid{display:block!important}
.wf-zone-heading{margin-bottom:14px;gap:12px}.wf-zone-heading .wf-eyebrow{display:none}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-zone-heading h3{font-size:1.35rem!important;margin:0!important}
.wf-current-step{padding-top:28px}.wf-current-head{margin-bottom:28px;gap:8px 20px}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-current-head h3{font-size:1.6rem!important}
.wf-step-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 32px}
.wf-instruction-column,.wf-handoff-column{display:flex;flex-direction:column;gap:28px;min-width:0}
.wf-guide-actions ul{display:block!important}.wf-guide-section ul{padding:0;margin:0;list-style:none}
.wf-check-column{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:32px}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-guide-section h4{font-size:1.25rem!important;margin-bottom:12px!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-guide-section li{color:var(--aku-copy)!important;font-size:1rem!important;line-height:1.8!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-step-example{position:relative;margin:0!important;padding:22px 24px 26px!important;border:0!important;color:var(--aku-ink)!important;background:var(--aku-paper)!important;box-shadow:5px 6px 0 color-mix(in srgb,var(--aku-line) 50%,transparent)!important;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%);transform:rotate(.4deg)}
.wf-step-example::after{content:"";position:absolute;top:0;right:0;border-left:20px solid var(--aku-paper-line);border-top:20px solid var(--wf-base)}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-step-example figcaption{color:var(--aku-ink-2)!important;font-size:.875rem;gap:8px;margin-bottom:18px}
.wf-step-example :is(.wf-example-input,.wf-example-output)>span{font-size:.875rem;font-weight:700;color:var(--aku-ink)}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-step-example p{color:var(--aku-ink)!important;font-size:1rem!important;line-height:1.8;margin:5px 0 0}
.wf-example-input{padding-bottom:16px}.wf-example-output{padding-top:16px;border-top:1px solid var(--aku-paper-line)}
.wf-step-skills{margin-top:26px}.wf-step-controls{margin-top:12px;padding-top:8px}
.wf-support{gap:14px;margin-top:32px}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-disclosure{--wf-control:var(--aku-paper);--wf-control-ink:var(--aku-ink);--wf-control-copy:var(--aku-ink-2)}
html[data-theme=light] #panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-disclosure{--wf-control:#f1f5f9;--wf-control-ink:#0f172a;--wf-control-copy:#1e3a8a}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-disclosure>summary{padding:14px 16px!important;min-height:74px;border-radius:4px 14px 14px 4px!important;background:var(--wf-control)!important;color:var(--wf-control-ink)!important;border:0!important;border-inline-start:4px solid var(--wf-tone)!important;box-shadow:0 3px 0 color-mix(in srgb,var(--wf-control-ink) 30%,var(--wf-control))!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-disclosure>summary strong{color:var(--wf-control-ink)!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-disclosure>summary small{color:var(--wf-control-copy)!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-disclosure .wf-fold-cue{color:var(--wf-control-ink)!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-disclosure .wf-fold-cue :is(.wf-closed,.wf-opened){color:var(--wf-control-ink)!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-disclosure .wf-fold-cue b{background:var(--wf-control-ink)!important;color:var(--wf-control)!important}
.wf-disclosure strong{font-size:1rem}.wf-disclosure small{font-size:.875rem}.wf-disclosure-body{padding:24px 0 12px}
.wf-overview{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px}.wf-overview h4{margin:0 0 12px;font-size:1.125rem}.wf-overview ul{padding-left:18px;line-height:1.8}
.wf-focus-detail,.wf-example-flip{background:none;border:0}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign :is(.wf-focus-detail,.wf-example-flip)>summary{display:flex;align-items:center;gap:9px;cursor:pointer;padding:12px 0!important;list-style:none;border:0!important;border-bottom:1px solid var(--aku-line)!important;color:var(--aku-text)!important;background:none!important}
.wf-focus-detail>summary span,.wf-example-flip>summary span{margin-left:auto;font-size:.875rem;color:var(--aku-copy)}.wf-focus-detail>.wf-guide-section{padding:18px 0}.wf-focus-detail>.wf-guide-section>h4{display:none!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign[data-wf-composition=spread] .wf-current-step{padding:28px!important;margin-top:24px;background:var(--aku-paper)!important;border-radius:3px 20px 20px 3px;box-shadow:7px 8px 0 var(--aku-paper-line)}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign[data-wf-composition=spread] .wf-current-step :is(h3,h4,li,p,.wf-reading-position,.wf-role,code,.wf-step-skills){color:var(--aku-ink)!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign[data-wf-composition=spread] .wf-step-workspace{gap:30px 48px;background:linear-gradient(90deg,transparent calc(50% - 1px),var(--aku-paper-line) 50%,transparent calc(50% + 1px));padding:18px 0}
[data-wf-composition=spread] .wf-example-flip .wf-step-example{margin-top:20px;transform:rotate(-1deg)}
[data-wf-composition=spread] .wf-check-column{background:var(--aku-paper);padding-top:12px}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign[data-wf-composition=spread] .wf-example-flip>summary{color:var(--aku-ink)!important;border-color:var(--aku-paper-line)!important}
[data-wf-composition=spread] .wf-example-flip>summary span{color:var(--aku-ink-2)}
[data-wf-composition=focus] .wf-step-workspace{display:flex;flex-direction:column;gap:20px;max-width:68ch;margin-inline:auto}
[data-wf-composition=focus] .wf-instruction-column,[data-wf-composition=focus] .wf-handoff-column{gap:12px}
[data-wf-composition=focus] .wf-check-column{display:flex;flex-direction:column;gap:12px}
[data-wf-composition=focus] .wf-step-example{margin-top:12px}
@media(max-width:1100px){
 #panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-workbench{grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
 #panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector{position:relative!important;top:auto!important;max-height:none!important;overflow:visible!important;padding:0!important}
 #panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector>summary{pointer-events:auto;display:flex!important;justify-content:space-between;width:100%;box-sizing:border-box;border:0!important;border-radius:4px 10px 10px 4px!important;background:var(--aku-paper)!important;color:var(--aku-ink)!important;padding:8px 14px!important;min-height:40px!important;height:40px!important;line-height:1.5!important;font-size:1rem!important;font-weight:600!important;box-shadow:0 3px 0 var(--wf-edge)!important}
 #panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector>summary::after{display:inline!important;content:"เปิด ▾"!important;color:var(--aku-ink)!important}
 html[data-theme=light] #panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector>summary{background:#f1f5f9!important;color:#0f172a!important}
 html[data-theme=light] #panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector>summary::after{color:#047857!important}
 #panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector[open]>summary::after{content:"ปิด ▴"!important}
 #panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector:not([open]){display:block!important}
 #panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-workflow-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}
 #panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector .sw-tools{flex-direction:row;align-items:center!important;flex-wrap:wrap}
 #panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-search{width:320px;max-width:100%}
 #panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-categories{flex-direction:row;flex-wrap:wrap}
 .wf-category-picker{margin-bottom:12px}.wf-category-picker>summary{max-width:340px}
}
@media(max-width:720px){
 #panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-job-head{display:grid!important;grid-template-columns:minmax(0,1fr) 70px!important;gap:8px!important;padding-bottom:22px!important}
 #panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-job-head h2{font-size:1.8rem!important;max-width:none}
 .wf-title-copy{display:contents}.wf-title-copy>:not(h2){grid-column:1/-1}.wf-title-copy h2{grid-column:1;grid-row:2}.wf-job-head .wf-guides-art{position:relative;inset:auto;width:70px;min-height:70px;height:70px;grid-column:2;grid-row:2;opacity:1}
 .wf-job-head .wf-guides-art img{width:40px;height:65px;max-width:40px}.wf-job-head .wf-guides-art img+img{width:35px;height:60px;margin-left:-5px}
 .wf-job-head .wf-main-actions{margin:10px 0 0}.wf-step-workspace,.wf-check-column{grid-template-columns:1fr;gap:26px}
 .wf-check-column{grid-column:auto}.wf-current-head{margin-bottom:24px}.wf-step-example{transform:none;max-width:100%;padding:20px}
 #panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-workflow-list{grid-template-columns:1fr!important}
 #panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-search{width:100%}
 .wf-overview{grid-template-columns:1fr}.wf-support{grid-template-columns:1fr;gap:16px}
 #panel-workflows#panel-workflows#panel-workflows.sw-redesign[data-wf-composition=spread] .wf-step-workspace{background:none;padding:0;gap:26px}
 .wf-zone-heading{display:block}.wf-zone-heading>span{margin-top:6px}
}

/* Audi 2026-10-25: the opened chooser is a paper index, distinct from the reading plane. */
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector {
 --wf-menu:#1f1632;--wf-menu-ink:#faf5ff;--wf-menu-copy:#e9d5ff;--wf-menu-line:rgba(192,132,252,.42);--wf-menu-active:#352154;--wf-menu-active-ink:#faf5ff;
 background:var(--wf-menu)!important;color:var(--wf-menu-ink)!important;padding:20px 16px!important;border:1px solid var(--wf-menu-line)!important;border-radius:4px 14px 14px 4px!important;box-shadow:4px 4px 0 var(--wf-edge)!important;
}
html[data-theme=light] #panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector {--wf-menu:#f3e8ff;--wf-menu-ink:#2e1065;--wf-menu-copy:#5b21b6;--wf-menu-line:rgba(124,58,237,.36);--wf-menu-active:#e9d5ff;--wf-menu-active-ink:#2e1065}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector :is(h2,h3,strong,summary,.sw-soft,.wf-category-picker>summary span,.wf-choice-arrow){color:var(--wf-menu-ink)!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector :is(small,.sw-soft){color:var(--wf-menu-copy)!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector>summary {color:var(--wf-menu-ink)!important;background:none!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector .sw-search {background:none!important;color:var(--wf-menu-ink)!important;border-color:var(--wf-menu-copy)!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector .sw-search input {color:var(--wf-menu-ink)!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector .sw-search input::placeholder {color:var(--wf-menu-copy)!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector .wf-categories {padding:8px 0 12px!important;border-bottom:1px solid var(--wf-menu-line)!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector .wf-categories .aku-ftab[aria-pressed] {color:var(--wf-menu-ink)!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector .wf-job-choice {color:var(--wf-menu-ink)!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector .wf-job-choice:hover {background:color-mix(in srgb,var(--wf-menu-ink) 10%,var(--wf-menu))!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector .wf-job-choice[aria-pressed=true] {background:var(--wf-menu-active)!important;border-inline-start-color:var(--aku-primary)!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector .wf-job-choice[aria-pressed=true] :is(strong,.wf-choice-arrow) {color:var(--wf-menu-active-ink)!important}
@media(max-width:1100px){
 #panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector {padding:0!important;box-shadow:none!important}
 #panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector[open] {padding:0 16px 20px!important;box-shadow:0 4px 0 var(--wf-edge)!important}
 #panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector>summary {background:var(--wf-menu)!important;color:var(--wf-menu-ink)!important}
 #panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector>summary::after {color:var(--wf-menu-ink)!important}
 #panel-workflows#panel-workflows#panel-workflows.sw-redesign .sw-selector[open]>summary {margin:0 -16px 8px;width:calc(100% + 32px)}
}

#panel-workflows#panel-workflows#panel-workflows.sw-redesign .wf-work>:is(.wf-body-grid,.wf-support)[hidden] {display:none!important}
.hook-library {--hook-paper:#291b0a;--hook-ink:#fffbeb;--hook-copy:#fde68a;--hook-line:rgba(251,191,36,.42);min-width:0}
html[data-theme=light] .hook-library {--hook-paper:#fef3c7;--hook-ink:#451a03;--hook-copy:#78350f;--hook-line:rgba(217,119,6,.38)}
.hook-library-head {display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px}
.hook-library-head h3 {display:flex;align-items:center;gap:10px;font-size:1.5rem;margin:0 0 6px}.hook-library-head p{margin:0;color:var(--aku-copy)}
.hook-tools {display:grid;grid-template-columns:minmax(0,1fr) 185px 160px;gap:16px;align-items:end;margin-bottom:14px}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .hook-tools .sw-search {width:100%;height:40px;box-sizing:border-box;margin:0}
.hook-filter {display:flex;flex-direction:column;gap:6px;font-size:.875rem;color:var(--aku-copy)}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .hook-filter select {width:100%;box-sizing:border-box;padding:7px 9px;height:40px;border:1px solid var(--aku-copy);border-radius:6px;background:var(--wf-base);color:var(--aku-text);font:400 .95rem var(--aku-font-body)}
.hook-count {font-size:.875rem;color:var(--aku-copy);margin:0 0 8px}.hook-source {font-size:.875rem;line-height:1.7;overflow-wrap:anywhere}
.hook-library>.hook-source {color:var(--aku-copy);margin:0 0 24px}
.hook-list {background:var(--hook-paper);color:var(--hook-ink);padding:10px 22px;border-radius:3px 14px 14px 3px;box-shadow:4px 5px 0 var(--wf-edge)}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .hook-item {border:0;border-bottom:1px solid var(--hook-line);background:none;box-shadow:none;margin:0;padding:0}
.hook-item:last-child {border-bottom:0!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .hook-item>summary {display:flex;align-items:center;gap:12px;list-style:none;padding:17px 0!important;background:none!important;color:var(--hook-ink)!important;border:0!important;cursor:pointer;transition:translate 160ms}
.hook-item>summary::-webkit-details-marker{display:none}.hook-item>summary:hover {translate:2px 0}
.hook-item-title {flex:1;min-width:0}.hook-item-title strong{display:block;font-size:1rem;line-height:1.6;font-weight:600;color:var(--hook-ink)!important}
.hook-item-title small,.hook-open-cue {display:block;font-size:.875rem;line-height:1.6;color:var(--hook-copy)!important}.hook-open-cue{white-space:nowrap}
.hook-usage {font-size:.875rem;line-height:1.6;color:var(--hook-copy);max-width:130px;text-align:right}
.hook-usage[data-usage=effective]{font-weight:700;color:var(--hook-ink)}
.hook-item-body {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;padding:4px 0 24px}
.hook-item:not([open])>.hook-item-body {display:none!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .hook-item-body :is(h4,p,pre,label,a){color:var(--hook-ink)!important}
.hook-item-body h4 {font-size:1.1rem;margin:0 0 10px}.hook-item-body p{font-size:1rem;line-height:1.7;margin:0 0 12px}
.hook-item-body pre{font:400 1rem/1.8 var(--aku-font-body);white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 14px}
.hook-item-body .hook-source {font-size:.875rem!important;color:var(--hook-copy)!important;line-height:1.7}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .hook-edit {display:inline-flex;align-items:center;gap:8px;background:none!important;border:0!important;box-shadow:none!important;color:var(--hook-ink)!important;padding:8px 0!important;min-height:40px;cursor:pointer}
.hook-edit:hover {text-decoration:underline;text-underline-offset:5px}.hook-edit [data-ak-px]{animation:wf-guide-bob 4s ease-in-out infinite}
.hook-reference {display:flex;gap:8px;margin-top:16px;font-size:1rem;line-height:1.6}.hook-reference input{width:18px;height:18px;flex:none;margin-top:4px}
.hook-editor-fields {border:0;padding:0;margin:24px 0}.hook-editor-fields legend {font-size:1.1rem;font-weight:600;margin-bottom:16px}.hook-editor-fields>p{font-size:.875rem;line-height:1.7}
.hook-locked,.hook-empty {padding:24px 0;line-height:1.7}
@media(max-width:1100px){.hook-tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hook-tools>.sw-search{grid-column:1/-1}}
@media(max-width:720px){.hook-library-head{display:block}.hook-library-head>button{margin-top:16px}.hook-tools{gap:12px}.hook-list{padding:6px 14px}.hook-item>summary{gap:8px!important;flex-wrap:wrap}.hook-item-title{flex-basis:calc(100% - 50px)}.hook-usage{max-width:none;flex:1;text-align:left;margin-left:34px}.hook-item-body{grid-template-columns:1fr;gap:24px}}
html[data-motion=paused] .hook-edit [data-ak-px]{animation:none!important}
@media(prefers-reduced-motion:reduce){.hook-item>summary{transition:none}.hook-edit [data-ak-px]{animation:none!important}}

#panel-workflows#panel-workflows#panel-workflows.sw-redesign .hook-library-head{margin-bottom:24px!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .hook-list{padding:10px 22px!important}
#panel-workflows#panel-workflows#panel-workflows.sw-redesign .hook-item-body{padding:8px 0 24px!important}
@media(max-width:720px){#panel-workflows#panel-workflows#panel-workflows.sw-redesign .hook-list{padding:6px 14px!important}}
}