#pairGuide {
 width:min(92vw,590px);max-width:none;max-height:92dvh;overflow:auto;
 border:2px solid #edba77;border-radius:22px;padding:clamp(13px,3vw,23px);color:#214742;
 background:#fff9eb;box-shadow:0 10px 44px #40291244;
}
#pairGuide::backdrop {background:#32271996}
.guide-heading {display:flex;align-items:center;gap:12px;margin-bottom:16px}
.guide-heading img {width:52px;height:52px;object-fit:contain}
#pairGuide h2 {margin:0;font:800 clamp(20px,5vw,30px)/1.1 system-ui;letter-spacing:-.04em;color:#264943}
.guide-row {position:relative;isolation:isolate;overflow:hidden;border:1px solid #e4d7c5;background:white;border-radius:13px}
.guide-row .guide-example {display:block;width:100%;height:auto}
.guide-row canvas {position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.guide-row .guide-pencil {position:absolute;width:21%;height:auto;transform:translate(-100%,-50%) rotate(137deg);transform-origin:right center;pointer-events:none}
#pairGuide .guide-caption {margin:14px 0;min-height:2.6em;color:#254841;font:700 clamp(16px,3.5vw,20px)/1.3 system-ui}
.guide-actions {display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.guide-actions button {border:1px solid #b5c7bc;background:#fffdf6;color:#22574d;border-radius:12px;font:700 15px system-ui;min-height:44px;padding:6px 13px;cursor:pointer}
.guide-actions .guide-done {background:#245c57;border-color:#245c57;color:white}
#editor #tools.has-guide {grid-template-columns:repeat(6,minmax(0,1fr))}
#tools #pairGuideOpen {background:#f7e7ae}
#tools #pairGuideOpen span {white-space:normal;line-height:1.05}
@container studio (min-aspect-ratio:1/1) {
 #editor #tools.has-guide {grid-template-columns:1fr 1fr}
 #editor #tools.has-guide #print {grid-column:auto}
}
@media print {#pairGuide,#pairGuideOpen{display:none!important}}