.expression-library{width:min(100% - 48px,1340px);margin:32px auto 64px;color:#202831}.expression-library h1{margin:0 0 22px;font-size:28px}.expression-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:24px}.expression-tabs{display:flex;gap:6px;padding:0;border:0;margin:0 auto 0 0}.expression-library button,.expression-mobile-dialog button{cursor:pointer}.expression-tabs button,.expression-toolbar input,.expression-toolbar select{padding:10px 12px;background:white;border:1px solid #dce1e8;border-radius:6px;color:inherit;font:inherit;font-size:13px;min-width:0}.expression-tabs button[aria-pressed=true]{background:#edf3ff;border-color:#2455d6;color:#2455d6;font-weight:600}.expression-tabs span{margin-left:6px;font-size:12px}.expression-library-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:32px;align-items:start}.expression-samples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 12px}.expression-sample{min-width:0;padding:0;border:2px solid transparent;border-radius:8px;background:white;text-align:left;color:inherit}.expression-sample img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:6px;background:#f6f6f3}.expression-sample span{display:block;padding:9px 8px;font-size:13px}.expression-sample[aria-pressed=true]{border-color:#2455d6;color:#2455d6;font-weight:600}.expression-selected{position:sticky;top:18px;min-width:0;max-height:calc(100vh - 36px);overflow:auto;padding-bottom:10px}.expression-image img{width:100%;height:auto;display:block;border-radius:8px;background:#f6f6f3}.expression-selected-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0}.expression-selected h2{font-size:20px;margin:0}.expression-selected-heading button{background:white;border:1px solid #dce1e8;border-radius:5px;padding:6px 9px;font-size:12px;white-space:nowrap}.expression-selected-heading button[aria-pressed=true]{border-color:#2455d6;color:#2455d6}.expression-copy-actions{display:flex;flex-wrap:wrap;gap:8px}.expression-selected output{display:block;min-height:24px;padding-top:6px;font-size:12px;color:#2455d6}.expression-selected details{border-top:1px solid #dce1e8;padding:13px 0}.expression-selected summary{cursor:pointer;font-weight:600;font-size:13px}.expression-selected details button{margin-top:12px}.expression-selected pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.65;max-height:360px;overflow:auto}.expression-download{display:inline-block;font-size:13px;color:#2455d6;margin-top:8px}.expression-variants h3{font-size:14px;margin:24px 0 12px}.expression-variants>div{display:flex;gap:12px;flex-wrap:wrap}.expression-variants button{border:0;padding:0;background:white;text-align:left;width:110px;font-size:12px;color:inherit}.expression-variants img{width:100%;height:auto;border-radius:5px;display:block;margin-bottom:6px}.expression-library button:focus-visible,.expression-library input:focus-visible,.expression-library select:focus-visible,.expression-library summary:focus-visible,.expression-mobile-dialog button:focus-visible,.expression-mobile-dialog summary:focus-visible{outline:2px solid #2455d6;outline-offset:3px}.expression-mobile-dialog{display:block;width:min(420px,calc(100vw - 24px));max-width:420px;max-height:calc(100dvh - 24px);padding:0;overflow-y:auto;overscroll-behavior:contain;background:white;color:#202831}.expression-mobile-dialog-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px 8px 16px;background:white}.expression-mobile-dialog-header [data-slot=dialog-title]{margin:0;font-size:18px}.expression-mobile-dialog-header button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:5px;background:white;color:inherit}.expression-mobile-selected{position:static;max-height:none;overflow:visible;padding:0 16px 16px}.expression-mobile-selected .expression-selected-heading{justify-content:flex-end}@media (max-width:1050px){.expression-library-layout{grid-template-columns:minmax(0,1fr) 300px;gap:20px}.expression-samples{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.expression-library{width:calc(100% - 32px);margin-top:24px}.expression-library-layout{display:flex;flex-direction:column}.expression-samples{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}aside.expression-selected{display:none}.expression-toolbar input{flex:1;width:120px}.expression-tabs{width:100%}.expression-sample span{padding:7px 4px;font-size:12px}}