#pc .pc-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:18px 0}#pc .pc-options label{display:flex;flex-direction:column;gap:8px;min-width:0}#pc select{width:100%;min-width:0}#pc-layouts{display:flex;gap:10px;flex-wrap:wrap}#pc .pc-layout{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;border:2px solid #cbd5e1;border-radius:8px;background:#fff;color:#172554;cursor:pointer}#pc .pc-layout[aria-pressed=true]{border-color:#2563eb;background:#eff6ff}#pc .pc-icon{position:relative;display:block;width:64px;height:54px}#pc .pc-icon i{position:absolute;box-sizing:border-box;border:2px solid #fff;background:#93c5fd}#pc-canvas{display:block;max-width:100%;height:auto;margin:auto;touch-action:none;background:repeating-conic-gradient(#e5e7eb 0% 25%,#fff 0% 50%) 0/16px 16px;cursor:move}#pc .pc-preview{max-width:680px;margin:16px auto}#pc .pc-check{display:flex;gap:8px;align-items:center}#pc .pc-check input{width:auto}#pc-zoom-wrap{margin:16px 0}#pc-zoom{width:100%}#pc .it-actions{flex-wrap:wrap}#pc button:focus-visible,#pc-canvas:focus-visible{outline:3px solid #1d4ed8;outline-offset:3px}
