.pose-library{max-width:1280px;margin:auto;padding:36px 28px 80px;color:var(--foreground)}.pose-library h1{font-size:30px;font-weight:750;margin-bottom:24px}.pose-library h2{font-size:21px;font-weight:700;margin:24px 0 16px}.pose-library h2 span{color:#687582;font-size:15px;margin-left:8px}.pose-actions,.pose-tabs,.pose-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pose-toolbar{justify-content:space-between;margin-bottom:22px}.pose-tabs{gap:4px;background:#f1f3f5;padding:4px;border-radius:8px}.pose-tabs button{padding:9px 18px;border-radius:5px}.pose-tabs button[aria-pressed=true]{background:#fff;color:#2455d6;box-shadow:0 1px 3px #20283118;font-weight:700}.pose-library label{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px}.pose-library select{padding:9px 12px;border:1px solid #dce1e8;border-radius:6px;background:white;max-width:100%;color:#202831}.pose-library a:focus-visible,.pose-library button:focus-visible,.pose-library select:focus-visible{outline:3px solid #2455d6;outline-offset:3px}.pose-shelf{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.pose-shelf button{border:1px solid #e4e7eb;border-radius:8px;padding:8px;text-align:left;background:white;overflow:hidden}.pose-shelf button[aria-pressed=true]{border:2px solid #2455d6;padding:7px;background:#f4f7ff}.pose-shelf img{width:100%;aspect-ratio:1;object-fit:contain}.pose-shelf span{display:block;padding:8px 3px 3px;font-size:13px;font-weight:600}.pose-workspace{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin:28px 0 40px;padding:24px;border:1px solid #e4e7eb;border-radius:10px;scroll-margin-top:24px}.pose-preview{background:white;align-self:start}.pose-preview img,.pose-preview svg{width:100%;aspect-ratio:1;object-fit:contain;max-height:480px}.pose-controls{display:flex;flex-direction:column;gap:14px;min-width:0}.pose-controls h2{margin:0 0 6px}.pose-controls select{width:65%}.pose-actions{margin-top:10px}.pose-library summary{cursor:pointer;font-size:14px;padding:12px 0}.pose-library textarea{width:100%;min-height:200px;resize:vertical;border:1px solid #dce1e8;border-radius:6px;padding:12px;font:13px/1.65 monospace;margin:8px 0}.pose-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.pose-result{border:1px solid #e4e7eb;border-radius:10px;overflow:hidden}.pose-pair{display:grid;grid-template-columns:1fr 1fr;background:#fff}.pose-pair figure{min-width:0;margin:0}.pose-pair img{width:100%;aspect-ratio:1;object-fit:contain}.pose-pair figcaption{font-size:12px;text-align:center;padding:8px;color:#526171}.pose-result-body{padding:16px}.pose-result-body p{font-size:14px;line-height:1.7;color:#526171}.pose-library>p[role=status]{position:sticky;bottom:12px;width:fit-content;background:#fff;box-shadow:0 2px 12px #20283120;border-radius:6px;padding:8px 14px}.pose-library>p[role=status]:empty{display:none}@media (max-width:800px){.pose-shelf{grid-template-columns:repeat(4,minmax(0,1fr))}.pose-workspace{gap:20px;padding:16px}.pose-results{grid-template-columns:1fr}}@media (max-width:540px){.pose-library{padding:24px 16px 56px}.pose-library h1{font-size:25px}.pose-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}.pose-workspace{grid-template-columns:1fr}.pose-controls select{width:68%}.pose-tabs button{padding:8px 12px}.pose-preview img,.pose-preview svg{max-height:320px}.pose-actions button{flex:1;font-size:13px}.pose-shelf span{font-size:12px}}.pose-discovery{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:0 0 22px}.pose-discovery input{padding:11px 14px;border:1px solid #dce1e8;border-radius:7px;min-width:220px;background:white;color:#202831}.pose-categories{display:flex;gap:6px;flex-wrap:wrap}.pose-categories button{padding:7px 12px;border-radius:20px;border:1px solid #e4e7eb;font-size:13px}.pose-categories button[aria-pressed=true]{background:#2455d6;border-color:#2455d6;color:white}.pose-discovery output{color:#687582;font-size:14px;margin-left:auto}.pose-back{font-size:13px;color:#2455d6;text-align:left;width:fit-content}.pose-empty{padding:24px 0;display:flex;gap:16px;align-items:center}.pose-library input:focus-visible{outline:3px solid #2455d6;outline-offset:3px}#pose-browse{scroll-margin-top:24px}@media (max-width:540px){.pose-discovery input{width:100%}.pose-categories{gap:5px}.pose-categories button{padding:6px 10px}.pose-empty{flex-wrap:wrap}}