.atelier .at-cn-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.atelier .at-cn{transition:border-color .3s var(--ease);flex-direction:column;padding:20px;display:flex}.atelier .at-cn-h{justify-content:space-between;align-items:center;gap:12px;display:flex}.atelier .at-cn-logo{object-fit:contain;width:32px;height:32px;transition:filter .3s var(--ease)}.atelier .at-cn:hover .at-cn-logo{filter:none}.atelier .at-cn .at-pill{transition:opacity .2s var(--ease)}.atelier .at-cn-name{font-family:var(--f-display);letter-spacing:-.02em;margin-top:20px;font-size:20px;font-weight:600;display:block}.atelier .at-cn-role{font:400 11px/1.4 var(--f-mono);color:var(--dim);letter-spacing:.04em;margin-top:4px;display:block}.atelier .at-cn .at-ticks{height:18px;margin-top:18px}.atelier .at-cn-m{border-top:1px dashed var(--line);gap:10px;margin:18px 0 0;padding-top:16px;display:grid}.atelier .at-cn-m div{justify-content:space-between;gap:12px;display:flex}.atelier .at-cn-m dt{font:500 10.5px/1.6 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.atelier .at-cn-m dd{font:400 12px/1.6 var(--f-mono);color:var(--ink2);text-align:right;margin:0}.atelier .at-cn-f{min-height:40px;font:400 12px/1.5 var(--f-mono);color:var(--mute);align-items:center;margin-top:auto;padding-top:16px;display:flex}.atelier .at-cn-f .at-btn{width:100%}.atelier .at-cn[data-state=review]{border-color:var(--line3)}.atelier .at-cn-chain{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:12px;padding:16px 20px;display:flex}.atelier .at-cn-chain ol{font:500 12px var(--f-mono);flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.atelier .at-cn-chain li{color:var(--ink2);transition:opacity .3s var(--ease);align-items:center;gap:8px;display:inline-flex}.atelier .at-cn-chain li+li:before{content:"→";color:var(--dim)}.atelier .at-cn-chain li[data-state=out] span{opacity:.32;text-decoration:line-through;-webkit-text-decoration-color:var(--dim);text-decoration-color:var(--dim)}.atelier .at-cn-chain .at-lbl{margin-right:8px}.atelier .at-cn-chain small{font:400 12px var(--f-mono);color:var(--mute)}.atelier .at-mlist .at-v img,.atelier .at-mlist .at-k img{object-fit:contain;width:16px;height:16px}.atelier .at-env{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 8px;display:flex}.atelier .at-env .at-lbl{margin:0}.atelier .at-sw{background:var(--bg);border:1px solid var(--line);font:500 12px var(--f-mono);border-radius:999px;grid-template-columns:1fr 1fr;padding:3px;display:inline-grid;position:relative}.atelier .at-sw span{z-index:1;text-align:center;color:var(--mute);transition:color .25s var(--ease);padding:5px 12px;position:relative}.atelier .at-sw:before{content:"";background:var(--ink);width:calc(50% - 3px);transform:translateX(var(--sw,100%));transition:transform .35s var(--ease);border-radius:999px;position:absolute;top:3px;bottom:3px;left:3px}.atelier .at-sw[data-on=test]{--sw:0%}.atelier .at-sw[data-on=test] span:first-child,.atelier .at-sw[data-on=live] span:last-child{color:var(--bg)}@media (width<=1180px){.atelier .at-cn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.atelier .at-cn-grid{grid-template-columns:minmax(0,1fr);gap:8px}.atelier .at-cn{grid-template-columns:26px minmax(0,1fr) auto;align-items:center;column-gap:12px;padding:16px;display:grid}.atelier .at-cn-h{display:contents}.atelier .at-cn-logo{grid-area:1/1/3;width:26px;height:26px}.atelier .at-cn .at-pill{grid-area:1/3}.atelier .at-cn-name{grid-area:1/2;margin-top:0;font-size:17px}.atelier .at-cn-role{grid-area:2/2/auto/-1}.atelier .at-cn-m{display:none}.atelier .at-cn .at-ticks{grid-column:1/-1;margin-top:14px}.atelier .at-cn-f{grid-column:1/-1;min-height:0;padding-top:12px}.atelier .at-cn-chain{padding:14px 16px}}