#previewer{bottom:0;display:grid;grid-auto-columns:50% 1fr;grid-template-rows:88px 40px 40px;left:0;position:fixed;z-index:5;grid-row-gap:12px;grid-column-gap:32px;background:#fafafa;border-radius:28px 28px 0 0;height:288px;padding:48px calc(50% - 476px);transition:.3s ease;width:100%}@media screen and (max-width:1024px){#previewer{padding:48px 24px}}@media screen and (max-width:640px){#previewer{display:grid;grid-auto-columns:100%;grid-template-rows:175px 40px 40px 40px;grid-row-gap:12px;height:379px;padding:24px}}#previewer.active{bottom:0}#previewer img{background:#f1f1f1;border:1px solid #e4e4e4;border-radius:16px;grid-column:1/2;grid-row:1/4;height:100%;margin:0 auto;-o-object-fit:contain;object-fit:contain;padding:36px;pointer-events:none;width:100%}@media screen and (max-width:640px){#previewer img{grid-column:1/2;grid-row:1/2}}#previewer h2{align-items:center;display:flex;font-size:1.25em;font-weight:700;grid-column:2/3;grid-row:1/2;justify-content:center}@media screen and (max-width:640px){#previewer h2{grid-column:1/2;grid-row:2/3}}#previewer .editor{background:#f1f1f1;border:1px solid #e4e4e4;border-radius:20px;display:flex;grid-column:2/3;grid-row:2/3;height:40px;width:100%}@media screen and (max-width:640px){#previewer .editor{grid-column:1/2;grid-row:3/4}}#previewer input{flex:1;font-size:.9em;margin:0;padding:0 0 0 16px}#previewer button{align-items:center;color:#131322;cursor:pointer;display:flex;height:100%;justify-content:center;width:56px}#previewer .links{grid-column:2/3;grid-row:3/4;width:100%}@media screen and (max-width:640px){#previewer .links{grid-column:1/2;grid-row:4/5}}#previewer .links a{align-items:center;background:#131322;border-radius:20px;color:#fff;display:flex;font-size:.9em;gap:8px;height:40px;justify-content:center;text-decoration:none;width:100%}