.pg-create .cr{grid-template-columns:minmax(0,1fr) 22rem;align-items:start;gap:2.4rem;max-width:96rem;margin-inline:auto;padding:2.4rem 1.25rem 0;display:grid}.pg-create .cr__main{gap:1.6rem;min-width:0;display:grid}.pg-create .step{gap:1.1rem;animation:.35s both pg-create-stepin;display:grid}.pg-create .step h1{font:400 clamp(2rem, 4vw, 2.8rem)/1.1 var(--display);color:var(--ink-hi)}.pg-create .step__hint{color:var(--muted);margin:-.4rem 0 0}.pg-create .opts{grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));gap:.7rem;display:grid}.pg-create .o{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface-1);text-align:left;cursor:pointer;min-height:5.6rem;color:var(--ink);align-content:start;gap:.3rem;padding:1rem 1.1rem;transition:border-color .2s,background .2s,transform .2s;display:grid;position:relative}.pg-create .o:hover{border-color:var(--line-hover);transform:translateY(-2px)}.pg-create .o__em{margin-bottom:.25rem;font-size:1.5rem;font-style:normal;line-height:1}.pg-create .o--sm .o__em{font-size:1.2rem}.pg-create .o b{font:400 var(--fs-lg)/1.15 var(--display);color:var(--ink-hi);padding-right:1.6rem}.pg-create .o span{font:400 var(--fs-md)/1.35 var(--ui);color:var(--muted)}.pg-create .o[aria-pressed=true]{border-color:var(--candle);background:radial-gradient(120% 120% at 0% 0%, rgb(var(--candle-rgb) / var(--o-10)), var(--surface-1) 60%)}.pg-create .o[aria-pressed=true]:after{content:"✓";background:var(--candle);width:1.4rem;height:1.4rem;color:var(--candle-ink);font:700 var(--fs-sm)/1 var(--ui);border-radius:50%;place-items:center;display:grid;position:absolute;top:.7rem;right:.8rem}.pg-create .o--genre{background:linear-gradient(180deg, color-mix(in srgb, var(--cloth) 55%, var(--surface-1)), var(--surface-1));min-height:6.4rem}.pg-create .own-on{border-style:solid;border-color:var(--candle)}.pg-create .nav2{align-items:center;gap:.7rem;padding-top:.4rem;display:flex}.pg-create .nav2 .sp{font:500 var(--fs-md)/1.3 var(--ui);color:var(--faint);margin-left:auto}.pg-create .o--short{align-content:center;min-height:4.2rem}.pg-create .o--sm{min-height:0;padding:.8rem .95rem}.pg-create .o--sm b{font-size:var(--fs-base)}.pg-create .o--sm span{font-size:var(--fs-sm)}.pg-create .opts--sm{grid-template-columns:repeat(auto-fill,minmax(min(100%,12rem),1fr));gap:.55rem}.pg-create .opts--two{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-create .sec{gap:.6rem;display:grid}.pg-create .sec__label{font:700 var(--fs-xs)/1 var(--ui);letter-spacing:var(--track-2);text-transform:uppercase;color:var(--candle)}.pg-create .sec__label small{letter-spacing:0;text-transform:none;color:var(--faint);margin-left:.4rem;font-weight:500}.pg-create .cr__back{justify-self:start}.pg-create .row{flex-wrap:wrap;gap:.45rem;display:flex}.pg-create .namerow{align-items:end;gap:.6rem;max-width:28rem;display:flex}.pg-create .namerow .ui-field{flex:1}.pg-create .cr--quick,.pg-create .cr--pick{grid-template-columns:minmax(0,46rem);justify-content:center}.pg-create .cr--pick{gap:1.8rem;margin-block:auto;padding-block:2rem;display:grid}.pg-create .ways{gap:.9rem;display:grid}.pg-create .way{border-radius:var(--r-xl);border:1px solid var(--line);background:var(--surface-1);color:var(--ink);text-align:left;cursor:pointer;grid-template-columns:7.5rem minmax(0,1fr);align-items:center;gap:1.3rem;padding:.9rem;transition:border-color .2s,transform .2s,background .2s;display:grid}.pg-create .way:hover{border-color:rgb(var(--candle-rgb) / var(--o-60));background:var(--surface-2);transform:translateY(-2px)}.pg-create .way__art{aspect-ratio:1;border-radius:var(--r-lg);background:50%/cover no-repeat}.pg-create .way__txt{gap:.35rem;display:grid}.pg-create .way__txt b{font:400 var(--fs-2xl)/1.1 var(--display);color:var(--ink-hi)}.pg-create .way__txt span{font:400 var(--fs-md)/1.4 var(--ui);color:var(--muted)}@media (max-width:560px){.pg-create .way{grid-template-columns:5rem minmax(0,1fr);gap:.9rem}.pg-create .way__txt b{font-size:var(--fs-lg)}}.pg-create .leave__text{color:var(--muted);font:400 var(--fs-md)/1.45 var(--ui);margin:.2rem 0 1.2rem}.pg-create .leave__actions{gap:.55rem;display:grid}.pg-create .premise{border-radius:var(--r-lg);border:1px solid rgb(var(--candle-rgb) / var(--o-40));background:var(--surface-1);font:italic 400 var(--fs-lg)/1.55 var(--read);color:var(--ink-hi);padding:1.4rem 1.5rem}.pg-create .recap{flex-wrap:wrap;gap:.4rem;display:flex}.pg-create .recap small{color:var(--faint);margin-right:.35rem;font-weight:600}.pg-create .pv{gap:1rem;display:grid;position:sticky;top:1.5rem}.pg-create .pv__cover{aspect-ratio:3/4;border-radius:var(--r-lg);border:1px solid var(--line);background:radial-gradient(70% 60% at 50% 40%, color-mix(in srgb, var(--cloth,var(--paper-ink)) 70%, var(--candle) 12%), var(--cloth,var(--paper-ink)) 70%, var(--bg-deep));align-content:end;padding:1.2rem;transition:background .4s;display:grid;position:relative;overflow:hidden}.pg-create .pv__cover svg{width:30%;color:var(--candle);opacity:.85;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.pg-create .pv__cover small{font:600 var(--fs-xs)/1 var(--ui);letter-spacing:var(--track-2);text-transform:uppercase;color:var(--paper-2)}.pg-create .pv__cover h3{font:400 var(--fs-2xl)/1.1 var(--display);color:var(--ink-hi);margin-top:.4rem}.pg-create .pv__lines{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface-1);gap:.5rem;margin:0;padding:1rem 1.1rem;display:grid}.pg-create .pv__lines div{font:400 var(--fs-md)/1.35 var(--ui);grid-template-columns:5.4rem minmax(0,1fr);gap:.6rem;display:grid}.pg-create .pv__lines dt{font:600 var(--fs-2xs)/1.6 var(--ui);letter-spacing:var(--track-2);text-transform:uppercase;color:var(--faint)}.pg-create .pv__lines dd{color:var(--ink);margin:0}.pg-create .pv__lines dd.empty{color:var(--faint);font-style:italic}.pg-create .pv small.note{font:500 var(--fs-sm)/1.4 var(--ui);color:var(--faint)}@media (max-width:1000px){.pg-create .cr{grid-template-columns:1fr}.pg-create .pv{grid-template-columns:9rem minmax(0,1fr);align-items:start;position:static}.pg-create .pv__cover h3{font-size:var(--fs-lg)}}@media (max-width:560px){.pg-create .pv{grid-template-columns:1fr}.pg-create .pv__cover{display:none}}@keyframes pg-create-stepin{0%{opacity:0;transform:translateY(8px)}}.pg-create:has(>.cr--pick){padding-bottom:0}