.yooan-opening-card{color:#0e1733;width:100%;min-width:0}.yooan-opening-art{background:#fbf7e9;display:flex;align-items:flex-end;justify-content:center;aspect-ratio:3/4;padding:12px;box-sizing:border-box}.yooan-opening-art .yooan-opening-svg{width:100%;height:100%;max-height:none;overflow:visible}.yooan-opening-custom{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.yooan-opening-measurements{font-size:12px;line-height:1.7;margin-top:10px;overflow-wrap:anywhere}.yooan-opening-measurements>div{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.yooan-opening-measurements b{font-family:monospace;font-weight:500}.yooan-opening-measurements small{display:inline-block;margin-right:8px;color:#4c5676}.yooan-opening-note{font-size:11px!important;line-height:1.5!important;color:#4c5676;margin:8px 0!important}.yps-drawings:has(.yooan-opening-card){grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));align-items:start;gap:24px}.yps-drawing:has(.yooan-opening-card){min-width:0;margin:0}.yps-drawings:has(.yooan-opening-card) .yps-drawing figcaption{overflow-wrap:anywhere}.yps-drawings--single:has(.yooan-opening-card){grid-template-columns:minmax(0,300px)}
.yo-editor{max-width:100%}.yo-editor-row{padding:16px;border:1px solid #c8d0e0;border-radius:10px;margin:16px 0;background:#fff;min-width:0}.yo-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}.yo-toolbar strong{margin-right:auto}.yo-editor-columns{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(170px,.7fr);gap:20px;align-items:start}.yo-fields{min-width:0}.yo-fields label{display:block!important;margin-bottom:12px!important}.yo-fields input:not([type=hidden]),.yo-fields select{width:100%;max-width:100%;box-sizing:border-box}.yo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.yo-preview-pane{min-width:0;padding:12px;background:#fbf7e9;border:1px solid #e9e0be;border-radius:8px}.yo-preview-pane [data-yo-preview-label]{overflow-wrap:anywhere;font-weight:600}.yo-preview-pane .yooan-opening-art{max-height:300px}.yo-preview-pane [data-yo-preview]>img,.yo-preview-pane [data-yo-preview]>svg{display:block;max-width:100%;max-height:300px;width:100%;object-fit:contain}.yo-preview-error{color:#b32d2e}.yo-editor [hidden]{display:none!important}.yo-editor .yzb-stack .yzb-zh::before{display:none}.yo-editor .yzb-stack .yzb-zh{display:block}.yo-editor .yzb-stack .yzb-tag{display:flex}.yo-editor .yzb-stack .yzb-zh input{min-height:34px;font-size:14px;padding:4px 8px}.yo-editor [data-yo-media-status]{display:block;margin:8px 0;overflow-wrap:anywhere}
@media(max-width:1000px){.yo-editor-columns{grid-template-columns:minmax(0,1fr)}.yo-preview-pane .yooan-opening-art{max-height:260px}.yo-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:520px){.yps-drawings:has(.yooan-opening-card){grid-template-columns:minmax(0,1fr)}.yps-drawings .yooan-opening-art{max-height:320px}.yo-editor-row{padding:10px}.yo-toolbar button{font-size:12px}}
/* Compact, complete diagrams: dimensions/captions remain independently readable. */
.yooan-opening-art{height:220px;aspect-ratio:auto}
.yo-preview-pane .yooan-opening-art{height:200px}
.yps-drawings:has(.yooan-opening-card)>.yps-drawing>svg,.yps-drawings:has(.yooan-opening-card)>.yps-drawing>img{height:220px;max-height:220px;width:100%;object-fit:contain}
@media(max-width:520px){.yps-drawings .yooan-opening-art{height:180px;max-height:180px}.yo-preview-pane .yooan-opening-art{height:180px}}
@media(max-width:520px){.yps-drawings:has(.yooan-opening-card)>.yps-drawing>svg,.yps-drawings:has(.yooan-opening-card)>.yps-drawing>img{height:180px;max-height:180px}}