/* Candidate-only Studio Web composition. All selectors stay on the Web route. */
.atelier-layout:has(.web-w13){grid-template-columns:154px minmax(0,1fr) minmax(280px,300px)}
.atelier-module--web{min-width:0;padding:0!important}
.atelier-module--web [data-module-slot]{min-width:0}
.web-w13{
  --sw-bg:#07111e;--sw-panel:#0a1a2b;--sw-panel-raised:#0d2034;
  --sw-line:#29405b;--sw-muted:#aab8d0;--sw-violet:#ad8bff;
  box-sizing:border-box;min-width:0;min-height:calc(100vh - 132px);
  padding:12px clamp(12px,1.4vw,24px) 26px;
  color:#f0f3fb;background:radial-gradient(680px 260px at 48% 3%,#34204b4d,transparent 75%),var(--sw-bg);
  font:13px/1.5 var(--nos-font-ui);letter-spacing:.005em
}
.web-w13 *{box-sizing:border-box}
.web-w13 [hidden]{display:none!important}
.web-w13 h1,.web-w13 h2,.web-w13 h3,.web-w13 p{margin-top:0}
.web-w13 h1,.web-w13 h2,.web-w13 h3{letter-spacing:-.025em}
.web-w13 h1{font:400 clamp(27px,2.5vw,40px)/1.12 var(--nos-font-display);margin:2px 0 4px}
.web-w13 h2{font-size:15px;line-height:1.25;margin:0}
.web-w13 h3{font-size:15px;line-height:1.3;margin:0}
.web-w13 p{margin-bottom:0}
.web-w13 small,.web-w13__fine,.web-w13__muted{font-size:11px;color:var(--sw-muted)}
.web-w13__eyebrow{margin:0;color:var(--sw-violet);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.web-w13__heading{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:4px 2px 15px}
.web-w13__heading>div>p:last-child{color:#b6c4d9;font-size:12px}
.web-w13__mode{display:grid;gap:1px;flex:none;padding:7px 11px;border:1px solid #385276;border-radius:9px;background:#14243b;color:#c8f5dc;font-size:11px}
.web-w13__mode small{color:#a9b9d1}
.web-w13__layout{display:grid!important;grid-template-columns:minmax(205px,240px) minmax(0,1fr) minmax(220px,260px)!important;align-items:start;gap:10px}
.web-w13__layout>*{min-width:0}
.web-w13__catalogue,.web-w13__work,.web-w13__rail>section{border:1px solid var(--sw-line);border-radius:13px;background:linear-gradient(150deg,#0d1d30,#081725 78%);box-shadow:0 12px 28px #0002}
.web-w13__catalogue{overflow:hidden}
.web-w13__catalogue>summary{display:grid!important;gap:2px;padding:12px 14px!important;border:0!important;border-bottom:1px solid var(--sw-line)!important;border-radius:0!important;color:#eef0fb;cursor:pointer;font-size:13px;font-weight:650;list-style:none}
.web-w13__catalogue>summary::-webkit-details-marker{display:none}
.web-w13__catalogue>summary::before{display:none!important}
.web-w13__catalogue>summary small{margin:0!important;font-weight:400}
.web-w13__library{display:block!important;padding:14px}
.web-w13__row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.web-w13__row>*{min-width:0}
.web-w13__library>.web-w13__row{margin-bottom:8px}
.web-w13__library>.web-w13__muted{margin-bottom:10px}
.web-w13__sites{display:grid;gap:6px;margin:0 0 14px;padding:0;list-style:none;max-height:420px;overflow:auto}
.web-w13__sites li{min-width:0}
.web-w13__sites button{display:grid;width:100%;gap:3px;min-height:60px;padding:10px 12px;text-align:left;border:1px solid #2a415e;border-radius:9px;background:#0a1c2e;color:#edf2fb}
.web-w13__sites button[aria-pressed=true]{border-color:#886bde;background:linear-gradient(105deg,#30244f,#122039 72%);box-shadow:inset 3px 0 #ae8aff}
.web-w13__site-name{font-size:13px;font-weight:600;overflow-wrap:anywhere}
.web-w13__sites small{font-size:10px}
.web-w13__empty{padding:22px 14px;margin:8px 0 14px;border:1px dashed #48617c;border-radius:9px;color:#b9c8dc;line-height:1.55}
.web-w13__new-site{border-top:1px solid var(--sw-line);padding-top:12px}
.web-w13__new-site>summary{color:#c9adff;font-weight:650;cursor:pointer}
.web-w13__new-site form{display:grid!important;gap:10px;margin:12px 0 0!important}
.web-w13 label{display:grid;gap:5px;color:#c7d5e8;font-size:11px;font-weight:600}
.web-w13 input,.web-w13 select,.web-w13 textarea{width:100%;max-width:100%;min-height:38px;padding:8px 10px;border:1px solid #39536e;border-radius:7px;background:#0a1727;color:#f2f5fc;font:12px/1.45 var(--nos-font-ui)}
.web-w13 textarea{min-height:100px;resize:vertical}
.web-w13 button,.web-w13 a.web-w13__primary{min-height:34px;padding:6px 10px;border:1px solid #3d5571;border-radius:7px;background:#14263d;color:#e9eefb;font:600 11px/1.3 var(--nos-font-ui);text-decoration:none;cursor:pointer}
.web-w13 button:hover:not(:disabled),.web-w13 a.web-w13__primary:hover{border-color:#b398fb;background:#263258}
.web-w13 button:disabled{opacity:.53;cursor:not-allowed}
.web-w13 button.web-w13__primary,.web-w13 a.web-w13__primary{border-color:#775ac7;background:linear-gradient(110deg,#6143b4,#3e4ba0);color:#fff}
.web-w13 button:focus-visible,.web-w13 a:focus-visible,.web-w13 summary:focus-visible,.web-w13 input:focus-visible,.web-w13 select:focus-visible,.web-w13 textarea:focus-visible,.web-w13__paper:focus-visible{outline:2px solid #8ce5f2;outline-offset:2px}
.web-w13__work{overflow:hidden;min-height:600px}
.web-w13__feedback{min-height:32px;padding:8px 16px;border-bottom:1px solid #233a55;color:#a8bdd4;font-size:11px}
.web-w13__feedback:has([role=alert]){color:#ffb3c0}
.web-w13__feedback [role=alert]{margin-top:6px;color:#ffb3c0}
.web-w13__feedback:empty{display:none}
.web-w13__toolbar{padding:17px 18px 14px;align-items:start}
.web-w13__toolbar h2{margin:4px 0 3px;font:400 clamp(22px,2vw,31px)/1.14 var(--nos-font-display);overflow-wrap:anywhere}
.web-w13__toolbar [data-revision]{font-size:11px;color:#abd8bc}
.web-w13__toolbar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.web-w13__stage-nav{display:flex;gap:0!important;margin:0!important;padding:0 18px;border-bottom:1px solid var(--sw-line)}
.web-w13__stage-nav button{padding:11px 13px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#aab8d0}
.web-w13__stage-nav button[aria-pressed=true]{border-color:#ac89ff;background:linear-gradient(0deg,#7955d21c,transparent);color:#eee5ff}
.web-w13__editor{display:flex;flex-direction:column;min-height:565px}
.web-w13__inspector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:13px;min-width:0;padding:18px;border-top:1px solid var(--sw-line)}
.web-w13__section-head,.web-w13__inspector>details{grid-column:1/-1}
.web-w13__inspector>label:has(textarea){grid-column:1/-1}
.web-w13__section-head h3{margin-top:4px}
.web-w13__inspector .web-w13__row{flex-wrap:wrap;justify-content:flex-start;gap:5px}
.web-w13__inspector>button{justify-self:start}
.web-w13__inspector details{padding-top:12px;border-top:1px solid var(--sw-line)}
.web-w13__inspector details summary{margin-bottom:12px;color:#cbb8ff;font-weight:600;cursor:pointer}
.web-w13__inspector details label{margin-bottom:10px}
.web-w13__canvas{min-width:0;padding:16px;background:radial-gradient(420px 190px at 50% 24%,#4430523b,transparent),#0b1725}
.web-w13__canvas-head{align-items:start;margin-bottom:12px}
.web-w13__canvas-head h3{margin-top:3px;font-size:15px}
.web-w13__canvas-head small{white-space:nowrap}
.web-w13__paper{padding:12px;border:1px solid #44516a;border-radius:10px;background:linear-gradient(135deg,#292239,#11243c);box-shadow:0 20px 34px #0005}
.web-w13__paper iframe{display:block;width:100%;min-height:500px;border:0;border-radius:4px;background:#f3f5f1;pointer-events:none}
.web-w13__canvas-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:12px;color:#a9b9ce;font-size:11px}
.web-w13__welcome{display:grid;justify-items:center;align-content:center;min-height:570px;padding:35px;text-align:center;background:radial-gradient(420px 240px at 50% 47%,#3c275344,transparent 74%)}
.web-w13__welcome-mark{display:grid;place-items:center;width:70px;height:70px;margin:25px 0 17px;border:1px solid #916fcb;border-radius:18px;background:linear-gradient(135deg,#523b84,#162d4c);color:#e5d2ff;font-size:32px;box-shadow:0 15px 45px #6e4bbe38}
.web-w13__welcome h2{font:400 clamp(25px,2.2vw,37px)/1.15 var(--nos-font-display);max-width:16ch}
.web-w13__welcome p:not(.web-w13__eyebrow){max-width:48ch;margin-top:10px;color:#c0cbdb}
.web-w13__welcome span{margin-top:20px;padding:7px 10px;border:1px solid #38516b;border-radius:20px;color:#afbdd1;font-size:11px}
.web-w13__rail{display:grid;gap:10px}
.web-w13__rail>section{padding:16px}
.web-w13__route h2{margin:5px 0 14px;font:400 20px/1.15 var(--nos-font-display)}
.web-w13__steps{display:grid;gap:0;margin:0;padding:0;list-style:none}
.web-w13__steps li{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;min-height:57px}
.web-w13__steps li:not(:last-child)::before{position:absolute;top:31px;bottom:3px;left:14px;width:1px;background:#44536b;content:""}
.web-w13__steps li>span{display:grid;place-items:center;width:29px;height:29px;border:1px solid #425873;border-radius:50%;background:#132337;color:#9fb0c7;font-size:10px;font-variant-numeric:tabular-nums}
.web-w13__steps .is-done>span{border-color:#558e7e;background:#163c3a;color:#b8f2d7}
.web-w13__steps .is-current>span{border-color:#a77dff;background:#493776;color:#f1e5ff;box-shadow:0 0 14px #9c75fc4d}
.web-w13__steps strong,.web-w13__steps small{display:block}
.web-w13__steps strong{margin-top:1px;font-size:12px;font-weight:600}
.web-w13__steps small{margin-top:1px;font-size:10px;line-height:1.35}
.web-w13__rail-card .web-w13__row{align-items:start}
.web-w13__rail-card p{margin-top:12px;color:#b5c4d8;font-size:11px}
.web-w13__rail-card small{display:block;margin-top:8px}
.web-w13__rail-card button{min-height:26px;padding:3px 7px}
.web-w13__versions{display:grid;gap:0;max-height:220px;overflow:auto;margin:11px 0 0;padding:0;list-style:none}
.web-w13__versions li{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-top:1px solid #27405b;color:#b6c6d9;font-size:10px;overflow-wrap:anywhere}
.web-w13__versions strong{color:#d9c8ff}
.web-w13__boundary{border-style:dashed!important;background:#0a1827!important}
.web-w13__delivery{padding:18px!important}
.web-w13__delivery>.web-w13__row{align-items:start;flex-wrap:wrap}
.web-w13__delivery h3{margin-top:4px;font:400 25px/1.15 var(--nos-font-display)}
.web-w13__delivery a:not(.web-w13__primary){color:#cbb8ff}
.web-w13__delivery .web-quality{margin:18px 0;padding:18px;border:1px solid var(--sw-line);border-radius:9px;background:#0c1d2f}
.web-w13__delivery .web-quality__empty{padding:20px;border:1px dashed #46617b;border-radius:8px;color:#b8c8da}
.web-w13__delivery .web-quality__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
.web-w13__delivery .web-quality__metrics>div{border:1px solid #29415b;border-radius:7px}
.web-w13__export{display:grid;justify-items:start;gap:6px;padding:17px 0;border-top:1px solid var(--sw-line)}
.web-w13__commercial{margin-top:18px!important;border-radius:9px!important;background:#0b1c2e!important}
.web-w13__commercial h3{margin:4px 0}
.web-w13__artifact-proof{font-size:10px;color:#aabbd0}
@media(max-width:1700px){
  .web-w13__layout{grid-template-columns:minmax(0,1fr)!important}
  .web-w13--has-site .web-w13__catalogue>summary{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px!important}
  .web-w13--has-site .web-w13__catalogue>summary small{white-space:nowrap}
  .web-w13--has-site .web-w13__heading{min-height:0;padding:1px 2px 10px}
  .web-w13--has-site .web-w13__heading h1{font-size:28px}
  .web-w13--has-site .web-w13__heading>div>p:last-child{display:none}
  .web-w13--has-site .web-w13__toolbar{padding:11px 17px 9px}
  .web-w13--has-site .web-w13__toolbar h2{font-size:25px}
  .web-w13__rail{grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr))}
  .web-w13__route,.web-w13__boundary{grid-column:1/-1}
  .web-w13__rail>section{min-width:0}
}
@media(max-width:1100px){.atelier-layout:has(.web-w13){grid-template-columns:78px minmax(0,1fr) 300px}}
@media(max-width:960px){
  .web-w13__layout{grid-template-columns:minmax(0,1fr)!important}
  .web-w13__rail{grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr))}
  .web-w13__route{grid-column:1/-1}
  .web-w13__steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .web-w13__steps li{grid-template-columns:30px minmax(0,1fr);min-height:0}
  .web-w13__steps li::before{display:none}
  .web-w13__library{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(200px,35%);gap:0 16px}
  .web-w13__library>.web-w13__row,.web-w13__library>.web-w13__muted,.web-w13__sites,.web-w13__empty{grid-column:1}
  .web-w13__new-site{grid-column:2;grid-row:1/span 4;border-top:0;border-left:1px solid var(--sw-line);padding:0 0 0 16px}
}
@media(max-width:760px){
  .atelier-layout:has(.web-w13){grid-template-columns:minmax(0,1fr)}
  .web-w13{min-height:0;padding:10px 10px 24px}
  .web-w13__heading{align-items:start;gap:9px}
  .web-w13__heading>div>p:last-child{max-width:35ch}
  .web-w13__mode{max-width:125px}
  .web-w13__inspector{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}
  .web-w13__section-head,.web-w13__inspector>details{grid-column:1/-1}
  .web-w13__inspector>button{align-self:end}
  .web-w13__paper iframe{min-height:450px}
}
@media(max-width:560px){
  .web-w13__heading{flex-direction:column}
  .web-w13__mode{display:flex;align-items:center;gap:8px;max-width:none}
  .web-w13__library{display:block!important}
  .web-w13__new-site{border-left:0;border-top:1px solid var(--sw-line);padding:12px 0 0}
  .web-w13__toolbar{flex-direction:column}
  .web-w13__toolbar-actions{justify-content:flex-start}
  .web-w13__inspector{grid-template-columns:minmax(0,1fr)}
  .web-w13__section-head,.web-w13__inspector>details,.web-w13__inspector>label:has(textarea){grid-column:auto}
  .web-w13__canvas{padding:11px}
  .web-w13__canvas-head{align-items:flex-start;flex-direction:column;gap:4px}
  .web-w13__canvas-head small{white-space:normal;overflow-wrap:anywhere}
  .web-w13__paper{padding:6px}
  .web-w13__paper iframe{min-height:420px}
  .web-w13__rail{grid-template-columns:minmax(0,1fr)}
  .web-w13__route{grid-column:auto}
  .web-w13__steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .web-w13__delivery .web-quality__metrics{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){.web-w13 *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}