.pfai,.pfai-dialog{--pfai-ink:var(--pfx-ink,#080908);--pfai-lime:var(--pfx-lime,#caff00);--pfai-muted:#4a4b45;--pfai-font:var(--pfx-font,inherit)}.pfai{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;min-width:0;margin:10px 0 0;font-family:var(--pfai-font)}.pfh-action>.pfai{margin:6px 0 4px}.pfai[hidden],.pfai [hidden],.pfai-dialog [hidden]{display:none!important}.pfai-open{justify-self:start;display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:44px;margin:0;padding:0 14px;border:1.5px solid var(--pfai-ink);border-radius:0;background:transparent;color:var(--pfai-ink);font:700 14px/1.2 var(--pfai-font);text-align:start;cursor:pointer;transition:background-color .15s ease}@media(hover:hover){.pfai-open:hover{background:var(--pfai-lime)}}.pfai-open:focus-visible,.pfai-link:focus-visible,.pfai-dialog :is(button,input,textarea):focus-visible{outline:2px solid var(--pfai-ink);outline-offset:2px}.pfai-icon{flex:none}.pfai-note{margin:0;font:600 12.5px/1.35 var(--pfai-font);color:var(--pfai-muted)}.pfai-on{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:2px 10px;min-height:48px;padding:5px;border:1.5px solid var(--pfai-ink);background:#fff}.pfai-on-thumb{grid-row:1/span 2;width:54px;height:36px;object-fit:cover;border-radius:4px;background:#e9e8e2;box-shadow:0 0 0 1px #0809082e}.pfai-on[data-orientation=Vertical] .pfai-on-thumb{justify-self:center;width:24px}.pfai-on-text{min-width:0;margin:0;font:800 14px/1.25 var(--pfai-font);color:var(--pfai-ink)}.pfai-on-note{display:block;margin-top:2px;font:600 12px/1.3 var(--pfai-font);color:var(--pfai-muted)}.pfai-on-actions{display:flex;flex-wrap:wrap;gap:0 4px;min-width:0;margin-inline-start:-6px}.pfai-link{min-width:44px;min-height:44px;margin:0;padding:0 6px;border:0;background:none;color:var(--pfai-ink);font:700 13.5px/1.2 var(--pfai-font);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.pfai-link:disabled{opacity:.5;cursor:default}.pfai-own{display:flex;flex-wrap:wrap;align-items:center;gap:0 6px;margin:0;font:600 12.5px/1.35 var(--pfai-font);color:var(--pfai-muted)}.pfai-own .pfai-link{padding:0;font-size:13px;text-align:start}.pfai-own-status{margin:0;font:600 12.5px/1.35 var(--pfai-font);color:var(--pfai-muted)}.pfai-own-status:empty{display:none}.pfai-own-status.is-error{color:#b3261e}.pfai-own-file,.pfai-file{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;white-space:nowrap}.pfai-top{grid-column:1/-1;display:flex;align-items:center;gap:10px;min-height:44px;margin:2px 0 0;padding:0 4px;border-top:1px solid rgba(8,9,8,.12);font:700 13.5px/1.25 var(--pfai-font);color:var(--pfai-ink);cursor:pointer}.pfai-top input[type=checkbox]{-webkit-appearance:none;appearance:none;display:grid;place-content:center;flex:none;width:22px;height:22px;margin:0;border:1.5px solid var(--pfai-ink);border-radius:0;background:#fff;cursor:pointer}.pfai-top input[type=checkbox]:checked{background:var(--pfai-ink)}.pfai-top input[type=checkbox]:checked:after{content:"";width:6px;height:11px;margin-top:-3px;border:solid var(--pfai-lime);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}.pfai-top input:focus-visible{outline:2px solid var(--pfai-ink);outline-offset:2px}.pfai-top:has(input:disabled){opacity:.5;cursor:default}.pfai-top input:disabled{cursor:default}.pfh-action:has(.pfc) .pfai[data-pfai=hero] :is(.pfai-open,.pfai-note,.pfai-own){display:none!important}.pfh-action:has(.pfc) .pfai[data-pfai=hero]:not(:has(.pfai-on:not([hidden]))){display:none}html.pfai-is-open{overflow:hidden}.pfai-dialog{position:fixed;inset:auto 0 0;box-sizing:border-box;width:100%;max-width:100%;height:auto;max-height:calc(100vh - 12px);max-height:calc(100dvh - 12px);margin:0;padding:0;border:0;border-top:1.5px solid var(--pfai-ink);border-radius:0;background:#fff;color:var(--pfai-ink);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;font-family:var(--pfai-font);box-shadow:0 -18px 40px #08090847}.pfai-dialog:not([open]){display:none}.pfai-dialog::backdrop{background:#0809088c}.pfai-sheet{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;padding:16px 16px calc(20px + env(safe-area-inset-bottom,0px))}@media(min-width:600px){.pfai-dialog{top:0;right:0;bottom:0;left:0;width:min(560px,calc(100vw - 48px));height:fit-content;max-height:min(860px,calc(100vh - 48px));max-height:min(860px,calc(100dvh - 48px));margin:auto;border:1.5px solid var(--pfai-ink);box-shadow:0 30px 70px -20px #08090880}.pfai-sheet{gap:16px;padding:22px 24px 26px}}@media(prefers-reduced-motion:no-preference){.pfai-dialog[open]{animation:pfai-rise .26s cubic-bezier(.16,1,.3,1)}@keyframes pfai-rise{0%{opacity:.4;transform:translateY(18px)}to{opacity:1;transform:none}}}.pfai-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0}.pfai-title{min-width:0;margin:0;padding-top:8px;font:800 21px/1.15 var(--pfai-font);letter-spacing:-.03em;color:var(--pfai-ink);overflow-wrap:anywhere}.pfai-title:focus{outline:none}.pfai-title:focus-visible{outline:2px solid var(--pfai-ink);outline-offset:3px}.pfai-close{flex:none;display:grid;place-items:center;width:44px;height:44px;margin:0;margin-block-start:-2px;margin-inline-end:-8px;padding:0;border:0;background:none;color:var(--pfai-ink);cursor:pointer}.pfai-intro{margin:-6px 0 0;font:500 14.5px/1.45 var(--pfai-font);color:#2e2f2a}.pfai-label{display:block;margin:0 0 6px;padding:0;font:800 14px/1.3 var(--pfai-font);letter-spacing:-.005em;color:var(--pfai-ink)}.pfai-hint{margin:0 0 8px;font:600 12.5px/1.4 var(--pfai-font);color:var(--pfai-muted)}.pfai-modes{min-width:0;margin:0;padding:0;border:0}.pfai-mode-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.pfai-mode{position:relative;display:block;min-width:0;cursor:pointer}.pfai-mode input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.pfai-mode span{display:flex;align-items:center;justify-content:center;min-height:46px;height:100%;padding:6px 10px;border:1.5px solid var(--pfai-ink);background:#fff;font:800 14px/1.15 var(--pfai-font);text-align:center;color:var(--pfai-ink)}.pfai-mode+.pfai-mode span{border-inline-start:0}.pfai-mode input:checked+span{background:var(--pfai-lime)}.pfai-mode input:focus-visible+span{outline:2px solid var(--pfai-ink);outline-offset:2px}.pfai-field{min-width:0}.pfai-pick{display:inline-flex;align-items:center;max-width:100%;min-height:44px;margin:0;padding:0 14px;border:1.5px solid var(--pfai-ink);border-radius:0;background:#fff;color:var(--pfai-ink);font:800 14px/1.2 var(--pfai-font);cursor:pointer}@media(hover:hover){.pfai-pick:hover{background:var(--pfai-lime)}}.pfai-file:focus-visible+.pfai-pick{outline:2px solid var(--pfai-ink);outline-offset:2px}.pfai-mock{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:8px}.pfai-mock-img{flex:none;width:64px;height:64px;object-fit:cover;background:repeating-conic-gradient(#eeede7 0 25%,#fff 0 50%) 0 0/12px 12px;box-shadow:0 0 0 1px #08090833}.pfai-mock-state{flex:1 1 8em;min-width:0;margin:0;font:700 13px/1.35 var(--pfai-font);color:var(--pfai-ink);white-space:pre-line;overflow-wrap:anywhere}.pfai-text{display:block;width:100%;min-height:92px;margin:0;padding:10px 12px;border:1.5px solid var(--pfai-ink);border-radius:0;background:#fff;color:var(--pfai-ink);font:500 16px/1.4 var(--pfai-font);resize:vertical}.pfai-text[aria-invalid=true],.pfai-file[aria-invalid=true]+.pfai-pick{border-color:#b3261e;outline:2px solid #b3261e;outline-offset:0}.pfai-count{margin:4px 0 0;font:600 12px/1.3 var(--pfai-font);color:var(--pfai-muted);text-align:end}.pfai-quota{margin:0;font:700 13px/1.35 var(--pfai-font);color:var(--pfai-ink)}.pfai-generate{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;margin:0;padding:0 18px;border:1.5px solid var(--pfai-ink);border-radius:0;background:var(--pfai-lime);color:var(--pfai-ink);font:800 16px/1 var(--pfai-font);cursor:pointer}.pfai-generate:disabled{opacity:.55;cursor:not-allowed}.pfai-generate--more{background:#fff}.pfai-sheet:has(.pfai-results[aria-busy=true]) .pfai-generate:before{content:"";width:16px;height:16px;border:2px solid rgba(8,9,8,.25);border-top-color:var(--pfai-ink);border-radius:50%;animation:pfai-spin .7s linear infinite}@keyframes pfai-spin{to{transform:rotate(360deg)}}.pfai-status{margin:-4px 0 0;font:700 13.5px/1.4 var(--pfai-font);color:var(--pfai-ink)}.pfai-status:empty,.pfai-alert:empty,.pfai-mock-state:empty{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pfai-alert{font:700 14px/1.45 var(--pfai-font);color:#8c1d18;overflow-wrap:anywhere}.pfai-alert:not(:empty){padding:10px 12px;border:1.5px solid #b3261e;background:#fff5f4}.pfai-alts{display:flex;flex-wrap:wrap;gap:8px;margin-top:-6px}.pfai-alts button{flex:1 1 180px;min-height:46px;margin:0;padding:6px 14px;border:1.5px solid var(--pfai-ink);border-radius:0;background:#fff;color:var(--pfai-ink);font:800 14px/1.2 var(--pfai-font);cursor:pointer}.pfai-alts button:first-child{background:var(--pfai-lime)}.pfai-results{min-width:0;padding-top:14px;border-top:1px solid rgba(8,9,8,.15)}.pfai-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,148px),1fr));gap:14px 12px;margin:0;padding:0;list-style:none}.pfai-item{display:grid;grid-template-rows:auto auto;align-content:start;gap:8px;min-width:0}.pfai-fig{display:grid;gap:6px;min-width:0;margin:0}.pfai-thumb{display:block;width:100%;height:auto;aspect-ratio:1086/713;object-fit:cover;border-radius:5%/8%;background:#e9e8e2;box-shadow:0 0 0 1px #0809082e,0 6px 12px -6px #08090859}.pfai-item[data-orientation=Vertical] .pfai-thumb{justify-self:center;width:63%;aspect-ratio:713/1086;border-radius:8%/5%}.pfai-cap{min-width:0;font:600 12px/1.35 var(--pfai-font);color:var(--pfai-muted);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pfai-use{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:44px;margin:0;padding:0 10px;border:1.5px solid var(--pfai-ink);border-radius:0;background:var(--pfai-lime);color:var(--pfai-ink);font:800 14px/1.15 var(--pfai-font);cursor:pointer}.pfai-use[aria-pressed=true]{background:#fff}.pfai-check{flex:none;display:none}.pfai-use[aria-pressed=true] .pfai-check{display:block}.pfai-results .pfai-link{margin-top:6px}.pfai-wait .pfai-thumb{background:linear-gradient(100deg,#e9e8e2 40%,#f7f6f2,#e9e8e2 60%) 0 0/300% 100%;animation:pfai-shimmer 1.2s linear infinite}@keyframes pfai-shimmer{to{background-position:-300% 0}}@media(prefers-reduced-motion:reduce){.pfai-wait .pfai-thumb,.pfai-sheet .pfai-generate:before{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/pocket-ai-design.css.map */