.phi-collage{position:relative;padding:0 25px 58px 0;min-width:0}.phi-collage-main{display:block;width:100%;height:320px;object-fit:cover;border-radius:8px}.phi-collage-small{position:absolute;right:0;bottom:25px;width:35%;height:auto;aspect-ratio:1;object-fit:cover;border:7px solid #eee;border-radius:8px}.phi-image-label{position:absolute;left:18px;bottom:8px;max-width:65%;padding:16px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 8px 20px #00000008}.phi-image-label code{display:block;font-size:12px;overflow-wrap:anywhere;margin-top:6px}.phi-builder{display:grid;grid-template-columns:320px minmax(0,1fr);gap:28px;margin-top:30px}.phi-settings,.phi-result{background:#fff;border:1px solid #ccc;border-radius:8px;overflow:hidden}.phi-settings{padding:26px;align-self:start}.phi-preview-frame{min-height:220px;background:#eaeaea;display:flex;align-items:center;justify-content:center}.phi-preview-frame img{display:block;width:100%;height:350px;object-fit:contain}.phi-result-code{padding:24px}.phi-result-code .dg-actions{gap:10px;margin-top:18px}.phi-result-code .dg-button{font-size:14px;padding-inline:18px}.phi-examples .dg-card{padding:0;overflow:hidden}.phi-examples .dg-card>a{display:block;width:100%}.phi-examples img{display:block;width:100%;height:220px;object-fit:cover}.phi-examples .dg-card>div{padding:24px}.phi-examples code{font-size:12px;overflow-wrap:anywhere}.phi-syntax{padding:22px 26px;background:#fff;border:1px solid #ddd;border-radius:8px;margin:28px 0;overflow-wrap:anywhere}.phi-table td,.phi-table th{background:transparent;padding:16px 10px;color:var(--text-color,#333333)}.phi-table caption{font-size:14px}.phi-page input:focus,.phi-page select:focus{border-color:#006bc9;box-shadow:0 0 0 3px var(--brand-focus)}.phi-preview-frame.is-loading{opacity:.55}@media(max-width:1000px){.phi-builder{grid-template-columns:270px minmax(0,1fr)}.phi-collage-main{height:280px}}@media(max-width:700px){.phi-builder{grid-template-columns:1fr}.phi-collage{max-width:560px;margin:auto}.phi-collage-main{height:300px}.phi-preview-frame img{height:280px}.phi-table{font-size:14px}.phi-result-code{padding:18px}.phi-settings{padding:22px}}