html body dialog.pg138-samples{position:fixed!important;inset:0!important;margin:auto!important;transform:none!important;width:min(980px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;height:min(740px,calc(100dvh - 32px))!important;max-height:calc(100dvh - 32px)!important;padding:0!important;border:1px solid var(--ui-line,#dce4ee)!important;border-radius:20px!important;box-sizing:border-box;background:var(--ui-panel,#fff)!important;color:var(--ui-text,#17233d)!important;overflow:hidden!important;font-family:Outfit,system-ui,sans-serif}
.pg138-samples[open]{display:flex!important;flex-direction:column}
.pg138-samples::backdrop{background:#02061799;backdrop-filter:blur(4px)}
.pg138-samples header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:22px 24px 12px;flex:none}
.pg138-samples h2{font:650 23px/1.25 Outfit,system-ui;margin:0 0 6px;color:inherit}
.pg138-samples header p{margin:0;color:var(--ui-muted,#64748b);font-size:14px}
.pg138-samples button{font-family:inherit;color:inherit;cursor:pointer}
.pg138-samples .pg138-close{width:34px;height:34px;border:0;border-radius:9px;background:var(--ui-panel2,#f1f5f9);font-size:24px;flex:none}
.pg138-search{display:flex;align-items:center;gap:12px;padding:0 24px 14px;flex:none}
.pg138-search input{width:100%;min-width:0;height:42px;box-sizing:border-box;border:1px solid var(--ui-line,#dce4ee);border-radius:11px;padding:9px 12px;background:var(--ui-panel2,#f8fafc);color:inherit;font:16px Outfit,system-ui}
.pg138-search>span{font-size:12px;min-width:45px;max-width:45%;overflow-wrap:anywhere;color:var(--ui-muted,#64748b)}
.pg138-content{display:grid;grid-template-columns:1.25fr 1fr;min-height:0;overflow:hidden;flex:1;border-block:1px solid var(--ui-line,#dce4ee)}
.pg138-jobs{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:8px;padding:18px 20px;overflow-y:auto;min-width:0}
.pg138-jobs>button{display:flex;align-items:center;gap:9px;text-align:start;min-width:0;min-height:62px;padding:10px;border:1px solid var(--ui-line,#dce4ee);border-radius:11px;background:var(--ui-panel,#fff);font-size:13px;line-height:1.4;overflow-wrap:anywhere}
.pg138-jobs>button[aria-pressed=true]{border-color:#2874ee;background:color-mix(in srgb,#2874ee 10%,var(--ui-panel,#fff));box-shadow:inset 0 0 0 1px #2874ee}
.pg138-job-icon{display:grid;place-items:center;width:30px;height:30px;background:#2874ee12;color:#2874ee;border-radius:8px;flex:none}
.pg138-job-icon svg{width:20px;height:20px}
.pg138-preview{padding:20px;overflow-y:auto;min-width:0;background:var(--ui-panel2,#f8fafc);border-inline-start:1px solid var(--ui-line,#dce4ee)}
.pg138-preview h3{font-size:18px;line-height:1.4;margin:0 0 12px;color:inherit}
.pg138-preview h4{font-size:13px;margin:18px 0 6px;color:inherit}
.pg138-preview :is(p,li){font-size:13px;line-height:1.7;color:var(--ui-muted,#52627c)}
.pg138-preview ul{padding-inline-start:18px}
.pg138-samples footer{padding:14px 24px;display:flex;gap:16px;align-items:center;justify-content:space-between;flex:none}
.pg138-note{font-size:12px;line-height:1.5;margin:0;color:var(--ui-muted,#64748b);max-width:55%}
.pg138-samples footer>div{display:flex;gap:8px;flex:none}
.pg138-samples footer button{min-height:42px;padding:9px 16px;border:1px solid var(--ui-line,#dce4ee);border-radius:10px;background:var(--ui-panel2,#f1f5f9);font-size:14px;font-weight:600}
.pg138-samples footer .pg138-primary{background:#2563eb;color:#fff;border-color:#2563eb}
.pg138-samples button:focus-visible{outline:3px solid #60a5fa;outline-offset:2px}
.pg138-samples button:disabled{opacity:.5;cursor:wait}
@media(max-width:600px){html body dialog.pg138-samples{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important;border-radius:15px!important}.pg138-samples header{padding:16px 16px 12px}.pg138-samples h2{font-size:20px}.pg138-search{padding:0 16px 12px}.pg138-content{display:flex;flex-direction:column;overflow-y:auto}.pg138-jobs{flex:none;max-height:190px;padding:12px;overflow-y:auto;grid-template-columns:1fr 1fr}.pg138-jobs>button{min-height:52px;font-size:12px;padding:7px;gap:7px}.pg138-job-icon{width:25px;height:25px}.pg138-preview{overflow:visible;flex:none;border-inline-start:0;border-top:1px solid var(--ui-line,#dce4ee);padding:16px}.pg138-samples footer{display:block;padding:12px 16px}.pg138-note{max-width:none;margin-bottom:10px}.pg138-samples footer>div{display:flex}.pg138-samples footer button{flex:1;min-width:0}}
