.pe{border:0;padding:0;margin:auto;width:min(960px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border-radius:28px;background:var(--paper);color:var(--ink);box-shadow:0 60px 120px -50px rgba(12,13,16,.55);overflow:hidden}.pe::-webkit-backdrop{background:rgba(12,13,16,.42);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pe::backdrop{background:rgba(12,13,16,.42);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pe[open]{display:grid;grid-template-rows:auto 1fr}.pe-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 0}.pe-x{width:40px;height:40px;border-radius:50%;font-size:24px;line-height:1;display:grid;place-items:center;color:var(--ink-dim);transition:.15s}.pe-x:hover{background:var(--stage);color:var(--ink)}.pe-body{display:grid;grid-template-columns:minmax(280px,420px) 1fr;grid-gap:28px;gap:28px;padding:14px 22px 22px;overflow:auto}.pe-visual{display:grid;grid-gap:8px;gap:8px;align-content:start}.pe-cmp{position:relative;aspect-ratio:1;border-radius:22px;overflow:hidden;background:var(--stage);isolation:isolate;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pe-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.pe-after{-webkit-clip-path:inset(0 0 0 var(--pos));clip-path:inset(0 0 0 var(--pos))}.pe-handle{top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;box-shadow:0 0 0 1px rgba(12,13,16,.15);pointer-events:none}.pe-handle,.pe-handle span{position:absolute;background:var(--paper)}.pe-handle span{top:50%;left:50%;width:40px;height:40px;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px -8px rgba(12,13,16,.6);display:grid;place-items:center}.pe-handle span:before{content:"‹ ›";font:700 15px var(--mono);color:var(--ink);letter-spacing:-.1em}.pe-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pe-range:focus-visible+.pe-tag-b{outline:3px solid var(--ink)}.pe-tag{position:absolute;bottom:12px;padding:5px 10px;border-radius:999px;font:700 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.pe-tag[lang=ja],.pe-tag[lang=ko]{letter-spacing:0;text-transform:none;font-family:var(--sans);font-size:12px}.pe-tag-b{left:12px;background:rgba(255,255,255,.85);color:var(--ink)}.pe-tag-a{right:12px;background:var(--ink);color:var(--paper)}.pe-cmp-hint{text-align:center;min-height:16px}.pe-run{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;grid-gap:6px;gap:6px;text-align:center;color:var(--paper);background:rgba(12,13,16,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pe-run:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);background-size:250% 100%;animation:pe-sweep 1.6s ease-in-out infinite}@keyframes pe-sweep{0%{background-position:120% 0}to{background-position:-120% 0}}.pe-spin{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.35);border-top:3px solid var(--honey);animation:pe-spin .9s linear infinite;margin-bottom:6px}@keyframes pe-spin{to{transform:rotate(1turn)}}.pe-run b{font-size:16px}.pe-run small{font-size:12px;opacity:.85}.pe-side{display:grid;grid-gap:12px;gap:12px;align-content:start;min-width:0}.pe-title{font-weight:800;letter-spacing:-.03em;font-size:clamp(22px,2.2vw,28px);line-height:1.12}.pe-title:lang(ko){word-break:keep-all;letter-spacing:-.02em}.pe-lead{color:var(--ink-dim);font-size:14px;line-height:1.55}.pe-lead:lang(ko){word-break:keep-all}.pe-chips{display:flex;flex-wrap:wrap;gap:8px}.pe-chip{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 13px 0 9px;border-radius:999px;border:1.5px solid var(--line);background:var(--paper);font-size:13px;font-weight:700;color:var(--ink);transition:transform .15s,background .15s,border-color .15s}.pe-chip:hover{border-color:var(--ink);transform:translateY(-1px)}.pe-chip:active{transform:translateY(0) scale(.98)}.pe-chip[aria-pressed=true]{background:var(--honey);border-color:var(--honey)}.pe-chip-plus{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--stage);font:700 13px/1 var(--mono);color:var(--ink-dim)}.pe-chip[aria-pressed=true] .pe-chip-plus{background:var(--ink);color:var(--honey)}.pe-chip:disabled{opacity:.5}.pe-label{font-size:13px;font-weight:800;margin-top:2px}.pe-prompt{font:inherit;font-size:15px;line-height:1.5;color:var(--ink);background:var(--stage);border:1.5px solid var(--line);border-radius:16px;padding:12px 14px;resize:vertical;min-height:92px;width:100%;transition:border-color .15s,background .15s}.pe-prompt:focus{outline:none;border-color:var(--ink);background:var(--paper)}.pe-prompt::placeholder{color:var(--ink-mute)}.pe-err{color:#b3261e;font-size:13px;font-weight:700;background:#fde8e6;border-radius:12px;padding:10px 12px}.pe-fine{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--ink-dim)}.pe-face{font-weight:700;color:var(--ink)}.pe-actions .btn{white-space:normal}.pe-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:4px}.pe-run-btn{min-width:150px}.pe-spark{font-size:16px}.pe-privacy{font-size:11.5px;line-height:1.5;color:var(--ink-mute)}.pe-privacy:lang(ko){word-break:keep-all}.pe-fly{position:fixed;z-index:1000;pointer-events:none;display:inline-flex;align-items:center;padding:0 12px;border-radius:999px;background:var(--honey);color:var(--ink);font:700 13px var(--sans);white-space:nowrap;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .45s}@media (max-width:760px){.pe{width:100vw;max-width:none;max-height:100dvh;height:100dvh;margin:0;border-radius:0}.pe-body{grid-template-columns:1fr;gap:16px;padding:10px 16px calc(16px + env(safe-area-inset-bottom))}.pe-visual{width:min(100%,360px);margin:0 auto}.pe-cmp{border-radius:18px}.pe-actions{position:-webkit-sticky;position:sticky;bottom:0;background:var(--paper);border-top:1px solid var(--line);padding:12px 0 4px;margin-top:2px}.pe-actions .btn{flex:1 1}}@media (prefers-reduced-motion:reduce){.pe-run:before{animation:none}.pe-fly{display:none}}