.s2-wrap .df-scene{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:16px;padding:20px}.s2-wrap .df-panel{padding:0}.s2-wrap .df-panel.s2-step{grid-area:1/1}.s2-wrap .df-panel.s2-plan-panel{grid-area:1/2}@media (max-width:900px){.s2-wrap .df-scene{grid-template-columns:minmax(0,1fr)}.s2-wrap .df-panel.s2-plan-panel{grid-area:1/1}.s2-wrap .df-panel.s2-step{grid-area:2/1}}@media (max-width:768px){.s2-wrap .df-scene{padding:14px}}.s2-wrap .svg-frame{position:relative}.pl-sit{stroke:#fff;fill:none;stroke-width:1.5px}.pl-rel{stroke:#9aa3b5;fill:none;stroke-width:1px}.pl-kan{stroke:var(--accent);fill:none;stroke-width:1.5px}.pl-lbl{fill:var(--grey);font-size:12px}.pl-lbl--rel{fill:#9aa3b5;font-size:12px}.pl-stamp{stroke:var(--gray-line);fill:#0009;stroke-width:1px}.pl-stamp-lbl{fill:var(--gray-line);font-size:12px}.pl-mark{cursor:default;opacity:0;transition:opacity .3s}.pl-mark.is-on{opacity:1}.pl-mark circle.ring{fill:#ffc24d1f;stroke:var(--warn);stroke-width:1.5px}.pl-mark--err circle.ring{fill:#ff7b7b24;stroke:var(--err)}.pl-mark text{fill:var(--warn);font-size:12px}.pl-mark--err text{fill:var(--err)}.pl-mark.is-active circle.ring{stroke:var(--cyan);fill:#6effff38;stroke-width:3px;transform-box:fill-box;transform-origin:50%;animation:1.8s ease-in-out 3 ui-pulse}.pl-mark.is-active text{fill:var(--cyan)}.pl-mark.is-done circle.ring{stroke:var(--success);fill:#3fe09b1f}.pl-mark.is-done text{fill:var(--success)}.ck-list{gap:4px;list-style:none;display:grid}.ck{min-height:36px;color:var(--gray-line);border-radius:8px;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;padding:4px 8px;font-size:13px;display:grid}.ck .st{border:1px solid var(--line-strong);color:#0000;border-radius:50%;place-items:center;width:18px;height:18px;font-size:12px;transition:border-color .2s;display:grid}.ck .t{color:var(--gray-line);transition:color .2s}.ck .r{font-family:var(--mono);letter-spacing:.04em;color:var(--gray-line);white-space:nowrap;font-size:12px}.ck.is-run .st{border-color:var(--cyan);border-style:dashed;animation:1s linear infinite ck-spin}@keyframes ck-spin{to{transform:rotate(360deg)}}.ck.is-ok .st{border-color:var(--success);color:var(--success)}.ck.is-ok .t{color:var(--grey)}.ck.is-ok .r{color:var(--success)}.ck.is-warn .st{border-color:var(--warn);color:var(--warn)}.ck.is-warn .t{color:var(--white)}.ck.is-warn .r{color:var(--warn)}.ck.is-err .st{border-color:var(--err);color:var(--err)}.ck.is-err .t{color:var(--white)}.ck.is-err .r{color:var(--err)}.ck.is-fixed .st,.ck.is-accepted .st{border-color:var(--success);color:var(--success)}.ck.is-fixed .r,.ck.is-accepted .r{color:var(--success)}.ck--btn{padding:0;display:block}.ck-list .ck-btn{font:inherit;color:inherit;text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:0;border-radius:8px;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;width:100%;min-height:44px;padding:4px 8px;text-decoration:none;display:grid}.ck-list .ck-btn:hover{background:#6effff0f}.ck-list .ck-btn:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.ck-list .ck-btn[aria-expanded=true]{box-shadow:inset 0 0 0 1px var(--cyan);background:#6effff14}.ck-summary{min-height:32px;color:var(--grey);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.ck-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ck-detail[hidden]{display:none}.ck-detail:focus{outline:none}.ck-detail:focus-visible{outline:2px solid var(--white);outline-offset:3px}.s2-sections{gap:6px;list-style:none;display:grid}.s2-sections li{border:1px solid var(--line);color:var(--grey);border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:8px 12px;min-height:44px;padding:8px 10px;font-size:13px;display:grid}.s2-sections li .sub{color:var(--gray-line);grid-column:1/-1;font-size:12px}.s2-qa{gap:10px;display:grid}.s2-qa .s2-ask{white-space:normal;text-align:left;justify-content:flex-start;line-height:1.35}.s2-qa-log{gap:10px;display:grid}.s2-goto{color:var(--gray-line);flex-wrap:wrap;align-items:center;gap:10px 14px;font-size:13px;display:flex}.s2-goto[hidden]{display:none}@media (prefers-reduced-motion:reduce){.ck.is-run .st,.pl-mark.is-active circle.ring{animation:none}.pl-mark{transition:none}}
