.pe-page{--gold:#A87A26;--gold-hi:#D8B25C;--gold-dim:rgba(168,122,38,.12);--gold-line:rgba(168,122,38,.34);--gold-text:linear-gradient(176deg,#D8B25C 0%,#A87A26 55%,#6E5019 100%);--pe-card:#FFFFFF;--pe-panel:rgba(255,255,255,.92);--pe-ribbon:#FBFAF6;--pe-ribbon-ink:rgba(35,37,43,.55)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .pe-page{--gold:#D8B25C;--gold-hi:#F0CF7E;--gold-dim:rgba(216,178,92,.12);--gold-line:rgba(216,178,92,.34);--gold-text:linear-gradient(176deg,#FBE6AE 0%,#D8B25C 50%,#94701F 100%);--pe-card:#0C0C0C;--pe-panel:rgba(12,12,12,.92);--pe-ribbon:#151517;--pe-ribbon-ink:rgba(216,178,92,.6)}}:root[data-theme=dark] .pe-page{--gold:#D8B25C;--gold-hi:#F0CF7E;--gold-dim:rgba(216,178,92,.12);--gold-line:rgba(216,178,92,.34);--gold-text:linear-gradient(176deg,#FBE6AE 0%,#D8B25C 50%,#94701F 100%);--pe-card:#0C0C0C;--pe-panel:rgba(12,12,12,.92);--pe-ribbon:#151517;--pe-ribbon-ink:rgba(216,178,92,.6)}.pe-page main{position:relative;z-index:2}.pe-page h2{font-size:clamp(2rem,4.2vw,3.4rem);line-height:1.03;letter-spacing:-.035em;margin:0 0 1rem}.pe-kicker{color:var(--gold);display:inline-block;margin-bottom:1rem}.pe-gold{background:var(--gold-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.pe-note{font-size:.82rem;color:var(--ink-muted);margin:1rem 0 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.pe-hero{position:relative;padding:130px 0 90px;overflow:hidden}.pe-ribbon{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.pe-ribbon__band{fill:none;stroke:var(--pe-ribbon);stroke-width:44;stroke-linecap:round;filter:drop-shadow(0 10px 18px var(--shadow))}.pe-ribbon__text{font-family:var(--font-mono);font-size:15px;letter-spacing:.06em;fill:var(--pe-ribbon-ink);dominant-baseline:middle}.pe-hero__wrap{position:relative;z-index:1;display:grid;justify-items:center;text-align:center}.pe-crumbs{display:flex;gap:.6rem;margin-bottom:1.6rem;letter-spacing:.2em}.pe-crumbs a:hover{color:var(--ink)}.pe-crumbs [aria-current]{color:var(--ink-body)}.pe-title{font-size:clamp(2.6rem,6.2vw,5.6rem);line-height:.95;letter-spacing:-.05em;font-weight:750;margin:0 0 1.3rem}.pe-lede{max-width:40em;font-size:clamp(1.02rem,1.3vw,1.18rem);color:var(--ink-body);margin:0 0 2.4rem}.pe-tool{width:min(920px,100%);text-align:left;padding:clamp(1rem,2.4vw,1.6rem);border-radius:28px;background:var(--surface);border:1px solid var(--edge);box-shadow:0 60px 120px -60px var(--shadow),inset 0 1px 0 var(--edge-hi)}.pe-modes{display:inline-flex;gap:4px;padding:4px;border-radius:14px;background:var(--bg-2);border:1px solid var(--edge);margin-bottom:1rem;flex-wrap:wrap}.pe-modes button{display:inline-flex;align-items:center;gap:.45rem;cursor:pointer;padding:.5rem .95rem;border-radius:10px;border:0;background:none;color:var(--ink-muted);font-weight:600;font-size:.9rem;transition:background var(--normal),color var(--normal)}.pe-modes svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pe-modes button[aria-checked=true]{background:var(--pe-card);color:var(--ink);box-shadow:0 4px 14px -6px var(--shadow)}.pe-modes button[aria-checked=true] svg{stroke:var(--gold)}.pe-input{position:relative;display:block}.pe-input textarea{width:100%;min-height:132px;resize:vertical;padding:1.1rem 1.2rem 2rem;border-radius:18px;border:1px solid var(--edge);background:var(--pe-card);color:var(--ink);font:inherit;font-size:1.08rem;line-height:1.55;outline:none;transition:border-color var(--normal),box-shadow var(--normal)}.pe-input textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px var(--gold-dim)}.pe-count{position:absolute;right:14px;bottom:12px;font-size:.62rem;letter-spacing:.14em}.pe-examples{display:flex;flex-wrap:wrap;gap:.45rem;margin:.9rem 0 1.1rem}.pe-examples button{cursor:pointer;padding:.38rem .8rem;border-radius:999px;border:1px dashed var(--edge-strong);background:none;color:var(--ink-body);font-size:.84rem;transition:border-color var(--normal),color var(--normal)}.pe-examples button:hover{border-color:var(--gold);color:var(--ink)}.pe-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.pe-cost{margin:0;font-size:.88rem;color:var(--ink-body);display:inline-flex;align-items:center;gap:.5rem}.pe-cost:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px var(--gold-dim)}.pe-go[disabled]{opacity:.65;pointer-events:none}.pe-hint{text-align:right;margin:.5rem 0 0;font-size:.58rem;letter-spacing:.2em}.pe-result{margin-top:1.4rem;padding:1.2rem 1.3rem 1.3rem;border-radius:20px;background:var(--pe-card);border:1px solid var(--gold-line)}.pe-result__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem;flex-wrap:wrap}.pe-result__bar .mono{color:var(--gold)}.pe-result__tools{display:flex;gap:.4rem}.pe-chip{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;padding:.38rem .75rem;border-radius:10px;border:1px solid var(--edge);background:var(--bg-2);color:var(--ink-body);font-size:.82rem;font-weight:600;transition:border-color var(--normal),color var(--normal)}.pe-chip svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}.pe-chip:hover{border-color:var(--gold);color:var(--ink)}.pe-chip.is-done{border-color:var(--good);color:var(--good-ink)}.pe-out{margin:0;font-size:1.02rem;line-height:1.7;color:var(--ink);white-space:pre-wrap;min-height:1.7em}.pe-loading{display:flex;align-items:center;gap:.4rem}.pe-loading i{width:7px;height:7px;border-radius:50%;background:var(--gold);animation:pe-dot 1s ease-in-out infinite}.pe-loading i:nth-child(2){animation-delay:.15s}.pe-loading i:nth-child(3){animation-delay:.3s}.pe-loading .mono{margin-left:.5rem}@keyframes pe-dot{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.pe-extra{display:grid;grid-template-columns:auto 1fr;gap:.8rem;margin-top:1rem;align-items:start}.pe-meta{padding:.5rem .8rem;border-radius:12px;border:1px solid var(--edge);font-size:.84rem;color:var(--ink-body);white-space:nowrap}.pe-meta b{color:var(--ink)}.pe-neg{position:relative;padding:.6rem .9rem;border-radius:12px;background:var(--bg-2);border:1px solid var(--edge)}.pe-neg .mono{font-size:.58rem}.pe-neg p{margin:.35rem 0 0;font-size:.86rem;color:var(--ink-body);padding-right:4.5rem}.pe-neg .pe-chip{position:absolute;right:.6rem;top:.5rem}.pe-changes{list-style:none;padding:0;margin:1.1rem 0 0;display:flex;flex-wrap:wrap;gap:.4rem}.pe-changes li{display:inline-flex;align-items:center;gap:.4rem;padding:.32rem .7rem;border-radius:999px;background:var(--gold-dim);color:var(--ink-body);font-size:.8rem}.pe-changes li:before{content:"";width:.55rem;height:.3rem;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg) translateY(-1px)}.pe-error{margin-top:1.2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 1.2rem;border-radius:16px;border:1px solid color-mix(in srgb,var(--warn) 45%,transparent);background:color-mix(in srgb,var(--warn) 8%,transparent)}.pe-error p{margin:0;color:var(--ink);font-size:.94rem}.pe-section{position:relative;padding:clamp(5rem,9vw,8rem) 0}.pe-head{text-align:center;max-width:760px;margin:0 auto 3rem}.pe-head p{color:var(--ink-body);font-size:1.04rem;margin:0}.pe-head--left{text-align:left;margin:0}.pe-head a{color:var(--ink);border-bottom:1px solid var(--gold-line)}.pe-pairs{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.pe-pair{padding:1.4rem;border-radius:22px;background:var(--surface);border:1px solid var(--edge);display:grid;gap:.8rem;align-content:start}.pe-pair__mode{color:var(--gold)}.pe-pair__in{margin:0;padding:.7rem .9rem;border-radius:12px;background:var(--bg-2);border:1px dashed var(--edge-strong);font-family:var(--font-mono);font-size:.84rem;color:var(--ink-body)}.pe-pair__out{margin:0;font-size:.9rem;line-height:1.65;color:var(--ink);position:relative;max-height:15.5em;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 75%,transparent);mask-image:linear-gradient(180deg,#000 75%,transparent)}.pe-how{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,6vw,6rem);align-items:start}.pe-steps{list-style:none;counter-reset:s;padding:0;margin:1.4rem 0 0;display:grid;gap:1.1rem}.pe-steps li{counter-increment:s;position:relative;padding-left:3rem;color:var(--ink-body)}.pe-steps li:before{content:"0" counter(s);position:absolute;left:0;top:-.1rem;font-family:var(--font-mono);font-size:.8rem;color:var(--gold);padding:.25rem .5rem;border:1px solid var(--gold-line);border-radius:8px}.pe-steps b{color:var(--ink)}.pe-works{padding:1.6rem;border-radius:22px;background:var(--surface);border:1px solid var(--edge)}.pe-works ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.pe-works li{padding:.45rem .85rem;border-radius:999px;border:1px solid var(--edge);background:var(--bg-2);font-size:.88rem;font-weight:600;color:var(--ink)}.pe-works li.soon{border-style:dashed;color:var(--ink-muted)}.pe-works li em{font-style:normal;font-size:.62rem;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-left:.3rem}.pe-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.pe-card{padding:clamp(1.6rem,3vw,2.4rem);border-radius:26px;background:linear-gradient(160deg,var(--surface),var(--bg-2));border:1px solid var(--edge)}.pe-card h2{font-size:clamp(1.6rem,2.6vw,2.3rem)}.pe-card p{color:var(--ink-body);margin:0}.pe-card__actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.4rem}.pe-faq__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,6vw,6rem);align-items:start}.pe-faq details{border-bottom:1px solid var(--edge)}.pe-faq summary{list-style:none;cursor:pointer;padding:1.3rem 2.4rem 1.3rem 0;position:relative;font-weight:600;font-size:1.06rem}.pe-faq summary::-webkit-details-marker{display:none}.pe-faq summary:after{content:"";position:absolute;right:.4rem;top:50%;width:12px;height:12px;margin-top:-6px;background:linear-gradient(var(--ink),var(--ink)) center/12px 2px no-repeat,linear-gradient(var(--ink),var(--ink)) center/2px 12px no-repeat;transition:transform var(--normal)}.pe-faq details[open] summary:after{transform:rotate(45deg)}.pe-faq details p{margin:0 0 1.4rem;color:var(--ink-body)}.pe-motion [data-rise],.pe-motion [data-faq]{opacity:0}@media(max-width:900px){.pe-pairs,.pe-how,.pe-cards,.pe-faq__grid,.pe-extra{grid-template-columns:1fr}}@media(max-width:560px){.pe-hero{padding-top:110px}.pe-modes{display:flex}.pe-modes button{flex:1 1 auto;justify-content:center;padding:.5rem .6rem}.pe-actions .pe-go{width:100%;justify-content:center}}