.pose-reference-trigger{min-height:30px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 9px;border:1px solid #d9d9d9;border-radius:8px;background:#fff;color:#282828;font:600 12px/1.2 Inter,"PingFang SC","Microsoft YaHei",sans-serif;white-space:nowrap}
.pose-reference-trigger:hover{border-color:#e5484d;color:#d63c43;background:#fff8f8}
.pose-reference-trigger .mdi{width:15px;height:15px;display:block;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-1.2 5.2L8 10l-3.2.8.5 1.9 3.9-1 1.5-1.5v3.1l-2.8 2.8-1 5.4 2 .4.8-4.6 2.3-2.3 2.1 2.3 1 4.6 2-.4-1.2-5.3-2.6-3v-2.8l1.5 1.4 3.8 1 .5-1.9-3.1-.8-2.7-2.8c-.7-.7-1.7-1-2.6-.1Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-1.2 5.2L8 10l-3.2.8.5 1.9 3.9-1 1.5-1.5v3.1l-2.8 2.8-1 5.4 2 .4.8-4.6 2.3-2.3 2.1 2.3 1 4.6 2-.4-1.2-5.3-2.6-3v-2.8l1.5 1.4 3.8 1 .5-1.9-3.1-.8-2.7-2.8c-.7-.7-1.7-1-2.6-.1Z'/%3E%3C/svg%3E") center/contain no-repeat}
.pose-reference-backdrop{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:rgba(18,18,18,.66);backdrop-filter:blur(5px)}
.pose-reference-backdrop[hidden],.pose-reference-panel[hidden]{display:none!important}
.pose-reference-dialog{width:min(760px,100%);max-height:min(92vh,920px);display:flex;flex-direction:column;overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 28px 90px rgba(0,0,0,.28)}
.pose-reference-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:22px 24px 14px}
.pose-reference-head h2{margin:0;font-size:21px;line-height:1.25;letter-spacing:-.02em}
.pose-reference-head p{margin:7px 0 0;color:#727272;font-size:12px;line-height:1.55}
.pose-reference-close{flex:none;width:36px;height:36px;display:grid;place-items:center;border:1px solid #e6e6e6;border-radius:10px;background:#fff;color:#333;font-size:22px;line-height:1}
.pose-reference-close:hover{background:#f5f5f5}
.pose-reference-tabs{display:flex;gap:7px;padding:0 24px 15px;border-bottom:1px solid #ededed}
.pose-reference-tab{min-height:37px;padding:0 14px;border:1px solid #e5e5e5;border-radius:9px;background:#f7f7f7;color:#555;font-size:13px;font-weight:650}
.pose-reference-tab[aria-selected="true"]{border-color:#191919;background:#191919;color:#fff}
.pose-reference-scroll{overflow:auto;padding:18px 24px 24px;overscroll-behavior:contain}
.pose-reference-tip{margin:0 0 14px;color:#666;font-size:12px;line-height:1.6}
.pose-reference-grid{position:relative;width:100%;overflow:hidden;background:#fafafa}
.pose-reference-grid img{display:block;width:100%;height:100%;object-fit:fill}
.pose-reference-grid.general{aspect-ratio:1/1}
.pose-reference-grid.general-extra{aspect-ratio:3/2;margin-top:0}
.pose-reference-grid.selfie{aspect-ratio:1122/1402;margin-top:12px}
.pose-reference-grid.selfie:first-of-type{margin-top:0}
.pose-reference-cells{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr))}
.pose-reference-cells.general-aligned{grid-template-columns:254fr 248fr 251fr 248fr 253fr;grid-template-rows:274fr 245fr 239fr 242fr 254fr}
.pose-reference-cells.general-extra{grid-template-rows:repeat(3,minmax(0,1fr));margin:0}
.pose-reference-cells.selfie{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr))}
.pose-reference-cell{position:relative;min-width:0;min-height:0;border:1px solid rgba(255,255,255,.55);background:transparent;text-align:left;cursor:pointer}
.pose-reference-cell:hover,.pose-reference-cell:focus-visible{z-index:1;background:rgba(229,72,77,.08);box-shadow:inset 0 0 0 2px #e5484d;outline:0}
.pose-reference-cell span{position:absolute;top:5px;left:5px;min-width:23px;height:23px;padding:0 3px;display:grid;place-items:center;border-radius:50%;background:#191919;color:#fff;font-size:10px;font-weight:750;box-shadow:0 1px 5px #0003}
.pose-reference-cell.is-restricted span{background:#c65357}
.pose-reference-cell em{position:absolute;right:4px;bottom:4px;border-radius:5px;padding:2px 4px;background:rgba(255,255,255,.93);color:#a23b40;font-size:9px;font-style:normal}
.pose-reference-cell.is-selected{z-index:1;background:rgba(229,72,77,.08);box-shadow:inset 0 0 0 3px #e5484d}
.pose-reference-selection{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px 14px;flex:none;padding:14px 24px 18px;border-top:1px solid #eee;background:#fafafa}
.pose-reference-selection[hidden],.pose-active-card[hidden]{display:none!important}
.pose-selected-preview{width:76px;height:96px;object-fit:contain;border:1px solid #e6e6e6;border-radius:10px;background:#fff}
.pose-selected-copy h3{margin:0 0 7px;font-size:14px;color:#222}
#posePromptPreview{width:100%;max-height:78px;overflow:auto;overscroll-behavior:contain;margin:0;padding:8px 10px;border:1px solid #e1e1e1;border-radius:8px;background:#fff;font-family:inherit;font-size:12px;line-height:1.6;color:#555}
.pose-selection-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px}
.pose-selection-actions button{min-height:42px;min-width:114px;padding:9px 16px;border:1px solid #ddd;border-radius:10px;background:#fff;font-family:inherit;font-weight:600;font-size:13px;color:#333}
.pose-selection-actions button.pose-apply{background:#e5484d;border-color:#e5484d;color:#fff}
.pose-selection-actions button:disabled{opacity:.5;cursor:wait}
.pose-reference-dialog>#poseReferenceStatus{flex:none;margin:0;padding:8px 24px;background:#fff5f5;color:#a33f43;font-size:12px;line-height:1.5}
.pose-active-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto auto;align-items:center;gap:8px;margin:0 0 12px;padding:10px;border:1px solid #ead6d7;border-radius:12px;background:#fff9f9}
.pose-active-card>img{width:52px;height:62px;object-fit:contain;background:#fff;border:1px solid #eee;border-radius:7px}
.pose-active-card b{font-size:12px;color:#333}
.pose-active-card p{margin:4px 0 0;color:#777;font-size:11px;line-height:1.5}
.pose-active-card button{min-height:36px;padding:5px 8px;border:1px solid #e1d9d9;border-radius:8px;background:#fff;color:#555;font-size:12px}
.pose-active-card.is-text-only{border-color:#dfd6bb;background:#fffdf5}
@media(max-width:680px){.pose-reference-selection{padding:12px 16px max(14px,env(safe-area-inset-bottom,0px))}.pose-selected-preview{height:92px}.pose-selection-actions button{flex:1}.pose-active-card{grid-template-columns:46px minmax(0,1fr) auto}.pose-active-card>img{grid-row:span 2;width:46px}.pose-active-card>div{grid-row:span 2}.pose-active-card button{min-height:30px}.pose-reference-dialog>#poseReferenceStatus{padding:7px 16px}}
@media(max-width:680px){.prompt-label-row{align-items:flex-start;flex-direction:column}.prompt-label-actions{width:100%;margin-left:0;flex-wrap:wrap;justify-content:flex-start}.pose-reference-backdrop{padding:0;place-items:stretch}.pose-reference-dialog{width:100%;max-height:100dvh;height:100dvh;border-radius:0}.pose-reference-head{padding:18px 16px 12px}.pose-reference-tabs{padding:0 16px 12px}.pose-reference-scroll{padding:14px 12px 80px}.pose-reference-cell span{top:2px;left:2px;min-width:19px;height:19px;font-size:9px}.pose-reference-cell em{right:2px;bottom:2px;padding:1px 2px;font-size:8px}}

.pose-reference-scroll{min-height:0;flex:1 1 auto}
.pose-reference-grid{background:#fff;outline:1px solid #ececec;outline-offset:-1px}
.pose-reference-grid img{filter:grayscale(1)}
.pose-selected-preview{grid-column:1;grid-row:1}
.pose-selected-copy{grid-column:2;grid-row:1;min-width:0}
#poseReferenceGeneralGrids{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
.pose-reference-grid.pose-cropped-grid,.pose-cropped-grid>.pose-reference-cells{display:contents}
.pose-cropped-grid>img{display:none!important}
.pose-cropped-grid .pose-reference-cell{display:block;aspect-ratio:1;overflow:hidden;padding:0;background:#fff}
.pose-lineart-crop{position:absolute;inset:2px;overflow:hidden;pointer-events:none}
.pose-lineart-crop>img{position:absolute;max-width:none;object-fit:fill;display:block}
.pose-library-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
.pose-library-grid .pose-reference-cell{aspect-ratio:1;padding:3px;background:#fff;overflow:hidden}
.pose-library-grid img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}
.pose-library-grid .pose-reference-cell em{bottom:4px}
.pose-reference-cell{border:1px solid #ececec}
.pose-reference-cell:hover,.pose-reference-cell.is-selected{border-color:#e5484d}
.pose-diagram-grid{background:transparent;overflow:visible}
.pose-diagram-cells{position:static;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:none;gap:8px}
.pose-diagram-cells .pose-reference-cell{display:flex;flex-direction:column;align-items:stretch;padding:4px 4px 8px;border:1px solid #e6e8e9;border-radius:10px;background:#fff;overflow:hidden}
.pose-diagram-cells img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:7px}
.pose-diagram-cells strong{display:block;min-height:28px;padding:3px 0 0;text-align:center;font-size:11px;font-weight:500;line-height:1.35;color:#46525a}
.pose-diagram-cells .pose-reference-cell:hover,.pose-diagram-cells .pose-reference-cell.is-selected{border-color:#e5484d;background:#fff8f8;box-shadow:inset 0 0 0 1px #e5484d}
.pose-diagram-cells .pose-reference-cell em{bottom:37px;background:#fff9ef;color:#93642e}
.pose-attach-option{grid-column:1/-1;display:flex;align-items:flex-start;gap:9px;cursor:pointer;font-size:12px;color:#333;line-height:1.5}
.pose-attach-option input{width:17px;height:17px;margin:1px 0 0;flex:none;accent-color:#e5484d}
.pose-attach-option small{display:block;margin-top:2px;color:#788187;font-size:11px;line-height:1.5}
.pose-content-note{grid-column:1/-1;margin:0;color:#788187;font-size:11px;line-height:1.5}
@media(max-width:680px){.pose-diagram-cells{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.pose-diagram-cells strong{font-size:10px}.pose-reference-scroll{padding-bottom:18px}.pose-reference-selection{gap:8px 10px}.pose-selected-preview{height:76px}#posePromptPreview{height:68px}.pose-attach-option{font-size:12px}}
@media(max-height:620px){.pose-reference-dialog{overflow-y:auto;overscroll-behavior:contain}.pose-reference-head,.pose-reference-tabs,.pose-reference-selection{flex:none}.pose-reference-scroll{flex:none;overflow:auto;max-height:35dvh}.pose-reference-selection{position:static}.pose-reference-dialog>#poseReferenceStatus{flex:none}}