#p2s [hidden]{display:none!important} .p2s-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start} .p2s-controls,.p2s-preview{min-width:0} .p2s-controls label{display:block;margin:12px 0} .p2s-controls select,.p2s-controls input:not([type=checkbox]),.p2s-controls textarea{width:100%;max-width:100%;box-sizing:border-box;min-height:42px} #p2s canvas,#p2s img,#p2s video{display:block;max-width:100%;height:auto;margin:8px auto} #p2s .btn{white-space:normal;margin:4px 2px;max-width:100%} #p2s p{overflow-wrap:anywhere} .p2s-preview{position:sticky;top:8px} .p2s-preview canvas,.p2s-preview img{max-height:55vh;width:auto} @media(max-width:800px){.p2s-layout{display:flex;flex-direction:column} .p2s-controls,.p2s-preview{width:100%} .p2s-preview{order:-1;position:static} .p2s-preview canvas,.p2s-preview img{max-height:35vh}} @media(max-width:800px){.p2s-preview{position:sticky;top:0;z-index:2;background:var(--card,#fff);padding:6px 0;max-height:35vh;box-sizing:border-box} .p2s-preview p{font-size:12px;line-height:16px;margin:4px 0} .p2s-preview canvas,.p2s-preview img,.p2s-preview video{max-height:calc(35vh - 85px);width:auto}} .p2s-preview .it-compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px} .p2s-preview figure{min-width:0;margin:0} .p2s-preview figcaption{font-size:12px}