.pm-typography-studio{min-width:0}.pm-typography-studio .field{flex-direction:column;min-width:0;display:flex}.pm-typo-label{flex:1;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.pm-typo-label label{font-size:inherit;margin:0;font-weight:600}.pm-typo-label button,.pm-typo-gallery-heading button{color:var(--accent);white-space:nowrap;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:5px;padding:4px;font-size:12px;display:inline-flex}.pm-typo-gallery{border:1px solid var(--line);background:var(--panel);border-radius:14px;margin:12px 0 16px;padding:14px}.pm-typo-gallery-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.pm-typo-gallery p{color:var(--muted);margin:8px 0 12px;font-size:12px;line-height:1.6}.pm-typo-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.pm-typo-grid>button{border:1px solid var(--line);background:var(--panel);min-width:0;color:var(--text);text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;padding:0;display:flex;overflow:hidden}.pm-typo-grid>button.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.pm-typo-preview{aspect-ratio:16/9;background:#18202c;flex-shrink:0;width:100%;overflow:hidden}.pm-typo-grid .pm-typo-preview img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.pm-typo-grid span{justify-content:space-between;align-items:center;gap:6px;padding:9px;font-size:12px;line-height:1.45;display:flex}.pm-typo-grid span svg{color:var(--accent);flex-shrink:0}.pm-typo-trial-toggle{color:var(--muted);align-items:center;gap:8px;margin:14px 0 10px;font-size:12px;display:flex}.pm-typo-trial-toggle input{width:16px;height:16px;accent-color:var(--accent)}.pm-typo-trial-hint{color:var(--muted);font-size:12px;line-height:1.6}.pm-typo-grid button:focus-visible,.pm-typo-label button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (width<=600px){.pm-typo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pm-typo-gallery{padding:10px}.pm-typo-label{flex-wrap:wrap}}.pm-typography-studio .main-text-controls{align-items:start}.pm-typography-studio .pm-typo-label{flex:none}.pm-typography-studio .pm-typo-gallery{box-sizing:border-box;width:100%}.pm-typography-studio .pm-typo-grid{grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr))}@media (width<=600px){.pm-typography-studio .pm-typo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.pm-typography-studio .main-text-controls{row-gap:0}.pm-typography-studio .main-text-controls>.field{order:1}.pm-typography-studio .main-text-controls>.pm-typo-gallery{order:2;grid-column:1/-1}@media (width<=760px),(width<=1050px) and (orientation:landscape){.pm-typography-studio .main-text-controls{grid-template-columns:minmax(0,1fr)}.pm-typography-studio .main-text-controls>.field[data-sample-type=style]{order:1}.pm-typography-studio .main-text-controls>.pm-typo-gallery[data-sample-type=style]{order:2}.pm-typography-studio .main-text-controls>.field[data-sample-type=effect]{order:3}.pm-typography-studio .main-text-controls>.pm-typo-gallery[data-sample-type=effect]{order:4}}.pm-typography-studio .pm-typo-gallery-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.pm-typography-studio .pm-typo-change{color:var(--accent);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:5px;padding:4px;font-family:inherit;font-size:12px;line-height:1.4;display:inline-flex}.pm-typography-studio .pm-typo-change:hover:not(:disabled){text-decoration:underline}.pm-typography-studio .pm-typo-change:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.pm-typography-studio .pm-typo-change:disabled{opacity:.5;cursor:default}@media (width<=760px),(width<=1050px) and (orientation:landscape){.pm-typography-studio .pm-typo-gallery-footer{display:none}}.pm-typography-studio .pm-typo-gallery{scroll-margin-top:112px}.pm-typography-studio .pm-typo-selected-summary{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;line-height:1.4;overflow:hidden}.pm-typography-studio .pm-typo-change{flex-shrink:0}