.stage{border-right:1px solid var(--line);flex-direction:column;gap:12px;min-width:0;min-height:0;padding:20px 20px 18px;display:flex;overflow-y:auto}.stage__head{flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.stage__heading{min-width:0}.stage__title{font:600 19px/1.2 var(--font-serif)}.stage__address{color:var(--ink-3);font:12.5px/1.4 var(--font-mono);overflow-wrap:anywhere;margin-top:2px}.stage__tools{align-items:center;gap:6px;display:flex}.stage__open{white-space:nowrap;align-items:center;text-decoration:none;display:inline-flex}.stage__notes:empty{display:none}.stage__notes p{color:var(--ink-3);font-size:13.5px}.viewport{border:1px solid var(--line-strong);background:var(--surface);border-radius:10px;padding:2px;display:inline-flex}.viewport__option{cursor:pointer;display:block;position:relative}.viewport__option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.viewport__option span{color:var(--ink-2);border-radius:8px;padding:5px 12px;font-size:13px;font-weight:600;line-height:1.4;transition:background-color .12s,color .12s;display:block}.viewport__option:hover span{color:var(--ink)}.viewport__option input:checked+span{background:var(--sunken);color:var(--ink)}.viewport__option input:focus-visible+span{outline:2px solid var(--ember);outline-offset:1px}.canvas{border:1px solid var(--line);border-radius:var(--radius-m);background:var(--sunken);flex:1;min-height:240px;padding:16px;display:flex}.canvas__fit{flex:1;justify-content:center;min-width:0;min-height:0;display:flex}.frame{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-m);max-width:100%;height:100%;box-shadow:var(--shadow-card);flex-direction:column;transition:width .16s;display:flex;overflow:hidden}.frame__banner{background:var(--warn-soft);border-bottom:1px solid color-mix(in srgb, var(--warn) 28%, transparent);flex:none;align-items:flex-start;gap:10px;padding:9px 14px 10px;display:flex}.frame__flag{background:var(--warn);border-radius:50%;flex:none;width:8px;height:8px;margin-top:7px}.frame__banner-title{color:var(--warn);font-size:13.5px;font-weight:600;line-height:1.4}.frame__banner-detail{color:var(--ink-2);font-size:13px;line-height:1.45}.frame__viewport{flex:1;min-height:0;position:relative;overflow:hidden}.frame__inner{transform-origin:0 0;position:absolute;top:0;left:0}.frame__inner iframe{background:var(--surface);border:0;width:100%;height:100%;position:absolute;inset:0}.skeleton{align-content:start;gap:14px;padding:18px 22px;display:grid;position:absolute;inset:0;overflow:hidden}.skeleton span{background:var(--sunken);border-radius:8px;display:block}.skeleton__bar{width:34%;height:14px}.skeleton__title{width:58%;height:28px;margin-top:18px}.skeleton__line{width:82%;height:11px}.skeleton__line--short{width:52%}.skeleton__cards{background:0 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.skeleton__cards span{border:1px solid var(--line);background:0 0;height:92px}.publish{border-top:1px solid var(--line);flex:none;gap:10px;padding-top:14px;display:grid}.publish__label{color:var(--ink-3);letter-spacing:.07em;text-transform:uppercase;font-size:12px;font-weight:600}.publish__line{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.publish__pill{border-radius:var(--radius-m);align-items:flex-start;max-width:100%;line-height:1.4}.publish__pill:before{flex:none;margin-top:.5em}.publish__detail{color:var(--ink-2);font-size:14px}.publish__failures{border-radius:var(--radius-m);background:var(--bad-soft);gap:6px;padding:10px 12px;font-size:14px;display:grid}.publish__failures li{flex-wrap:wrap;gap:2px 10px;display:flex}.publish__failures strong{color:var(--bad);font-weight:600}.publish__failures span{color:var(--ink-2);overflow-wrap:anywhere}.steps{color:var(--ink-3);flex-wrap:wrap;gap:4px 20px;font-size:13px;display:flex}.steps li{align-items:center;gap:8px;display:inline-flex}.steps li:before{content:"";border:1.5px solid;border-radius:50%;width:9px;height:9px}.steps li[data-status=active]{color:var(--work);font-weight:600}.steps li[data-status=active]:before{background:currentColor;animation:1.6s ease-in-out infinite pulse}.steps li[data-status=done]{color:var(--good)}.steps li[data-status=done]:before{background:currentColor}.steps li[data-status=failed]{color:var(--bad);font-weight:600}.steps li[data-status=failed]:before{background:currentColor}.publish__live{color:var(--ink-2);flex-wrap:wrap;gap:2px 8px;font-size:14px;display:flex}.publish__live a{color:var(--ink);font-family:var(--font-mono);text-underline-offset:3px;font-size:13px}@media (min-width:961px) and (max-width:1199px){.stage{border-right:0;height:max(600px,76dvh);overflow-y:visible}}@media (max-width:960px){.stage{border-right:0;border-top:1px solid var(--line);padding:18px 16px 16px}.canvas{flex:none;height:420px;padding:10px}}