.graphics-entry{position:fixed;inset:52px 0 0;z-index:2;display:flex;overflow:auto;padding:24px;background:#000;color:#cfcec7}
.graphics-entry[hidden]{display:none}
.graphics-card{flex-shrink:0;width:min(100%,600px);margin:auto;padding:28px;border:1px solid #30302d;border-radius:24px;background:#0b0b0a}
.graphics-card h1{margin:0 0 28px;font:inherit;font-size:14px;font-weight:normal;line-height:1.5;text-align:center;color:#cfcec7}
.graphics-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.graphics-options button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:160px;min-width:0;width:100%;padding:20px 12px;border:1px solid #363633;border-radius:12px;color:#cfcec7;background:#141413;font:inherit;font-size:13px;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent}
.graphics-icon{display:block;width:56px;height:56px;flex-shrink:0}
.graphics-options button span{text-transform:uppercase;letter-spacing:.06em}
.graphics-options button:hover{background:#222220;border-color:#6d6d65;color:#f1f0eb}
.graphics-options button:focus-visible{outline:2px solid #cfcec7;outline-offset:3px}
.graphics-mobile-note{margin:20px 0 0;color:#94948e;font-size:12px;line-height:1.6;text-align:center}
.graphics-mobile-note[hidden]{display:none}
body.is-choosing-graphics .labs-bar{visibility:visible}
body.is-choosing-graphics .labs-controls-toggle{display:none}
@media(max-width:480px){.graphics-entry{padding:16px}.graphics-card{padding:24px 16px}.graphics-card h1{margin-bottom:24px;font-size:13px}.graphics-options{gap:8px}.graphics-options button{gap:16px;min-height:132px;padding:16px 4px;font-size:11px}.graphics-icon{width:44px;height:44px}}