@keyframes pulse{50%{transform:scale(.97)rotate(-.6deg)}}.pg-create{--cw:1180px;--fh:44px;--gx:clamp(14px, 1.6vw, 20px)}.pg-create .cw{max-width:calc(var(--cw) + 2 * var(--side));margin-inline:auto}.pg-create main>.crumb-row{max-width:calc(var(--cw) + 2 * var(--side));margin:-6px auto 6px}.pg-create .page{padding-bottom:64px}.pg-create .pencil-t{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='6' viewBox='0 0 400 6'%3E%3Cpath d='M0 3.2 C40 2.1 70 4.3 110 3 S190 2 230 3.6 S320 4.4 360 2.8 S395 3 400 3.2' fill='none' stroke='%23111' stroke-opacity='.55' stroke-width='1.1'/%3E%3C/svg%3E") 0 0/400px 6px repeat-x}.pg-create .ttl{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:10px 20px;margin-bottom:14px;display:flex}.pg-create .ttl h1{font-size:clamp(44px,4.4vw,64px)}.pg-create .ttl .row{gap:10px 14px;padding-bottom:6px}.pg-create .cf{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:0 clamp(28px,3.4vw,48px);display:grid}.pg-create .blk{padding:14px 0 22px}.pg-create .blk-h{font:400 20px/1 var(--f-display);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:10px;margin-bottom:12px;display:flex}.pg-create .blk-h:before{content:"";background:var(--acc);filter:url(#rough);width:10px;height:10px;transform:rotate(-6deg)}.pg-create .fg{gap:16px var(--gx);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.pg-create .w3{grid-column:span 3}.pg-create .w4{grid-column:span 4}.pg-create .w6{grid-column:span 6}.pg-create .w9{grid-column:span 9}.pg-create .w12{grid-column:1/-1}.pg-create .cell{align-content:start;gap:6px;min-width:0;display:grid}.pg-create .lbl{font:600 13px/1 var(--f-body);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-2)}.pg-create .lrow{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.pg-create .lrow .sub{font:500 13px/1 var(--f-mono);color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pg-create .input{min-height:var(--fh);padding:9px 0;font-size:16px}.pg-create .input::placeholder{font-size:18px}.pg-create .in-xl{text-transform:uppercase;letter-spacing:.01em;font:400 28px/1 var(--f-display)!important;padding:8px 0 7px!important}.pg-create .pre{align-items:end;gap:4px;display:flex}.pg-create .pre>span{font:400 28px/1 var(--f-display);color:var(--ink-3);padding-bottom:8px}.pg-create textarea.input{resize:none;height:auto;padding:7px 0 9px;line-height:1.35}.pg-create .tok{gap:var(--gx);grid-template-columns:152px minmax(0,1fr);align-items:start;margin-bottom:16px;display:grid}.pg-create .tok-f{gap:14px;min-width:0;display:grid}.pg-create .two{gap:var(--gx);grid-template-columns:minmax(0,3fr) minmax(0,2fr);display:grid}.pg-create .drop{aspect-ratio:1;cursor:pointer;isolation:isolate;place-items:center;width:152px;padding:10px 10px 28px;display:grid;position:relative}.pg-create .drop:before{content:"";z-index:-1;border:2px dashed var(--ink);filter:url(#rough);transition:border-color .2s,background .2s;position:absolute;inset:0}.pg-create .drop:hover:before,.pg-create .drop.over:before{border-color:var(--acc);background:color-mix(in srgb, var(--acc) 6%, transparent)}.pg-create .drop img{object-fit:contain;width:100%;height:100%}.pg-create .drop .dz-word{text-align:center;font:400 15px/1 var(--f-display);text-transform:uppercase;letter-spacing:.04em;position:absolute;bottom:8px;left:0;right:0}.pg-create .drop input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.pg-create .drop .stamp{padding:3px 5px 2px;font-size:12px;position:absolute;top:6px;right:6px}.pg-create .chips{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px;display:grid}.pg-create .chip{isolation:isolate;height:var(--fh);cursor:pointer;font:400 19px/1 var(--f-display);text-transform:uppercase;letter-spacing:.03em;color:var(--ink-2);white-space:nowrap;justify-content:center;align-items:center;transition:color .2s;display:flex;position:relative}.pg-create .chip:before{content:"";z-index:-1;border:1.6px solid var(--ink-3);filter:url(#rough);transition:border-color .2s,background .2s;position:absolute;inset:0}.pg-create .chip:hover{color:var(--ink)}.pg-create .chip:hover:before{border-color:var(--ink)}.pg-create .chip input{opacity:0;pointer-events:none;position:absolute}.pg-create .chip:has(input:checked){color:var(--ink)}.pg-create .chip:has(input:checked):before{border:2.6px solid var(--ink);background:color-mix(in srgb, var(--acc) 14%, var(--paper))}.pg-create .chip:has(input:focus-visible){outline:2px dashed var(--acc);outline-offset:3px}.pg-create .stepper{grid-template-columns:var(--fh) minmax(0, 1fr) var(--fh);height:var(--fh);align-items:center;gap:8px;display:grid}.pg-create .stepper button{all:unset;box-sizing:border-box;isolation:isolate;cursor:pointer;width:var(--fh);height:var(--fh);font:600 26px/1 var(--f-body);place-items:center;display:grid;position:relative}.pg-create .stepper button:before{content:"";z-index:-1;border:1.6px solid var(--ink);filter:url(#rough);position:absolute;inset:0}.pg-create .stepper button:hover{color:var(--acc)}.pg-create .stepper button:focus-visible{outline:2px dashed var(--acc);outline-offset:3px}.pg-create .stepper .v{isolation:isolate;height:var(--fh);font:400 30px/1 var(--f-display);place-items:center;display:grid;position:relative}.pg-create .stepper .v:before{content:"";z-index:-1;border:1.6px solid var(--ink-3);filter:url(#rough);position:absolute;inset:0}.pg-create .slide{height:var(--fh);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.pg-create .slide .v{font:400 34px/1 var(--f-display);white-space:nowrap;text-align:right;min-width:3.1ch}.pg-create .slide .v .u,.pg-create .fx .v .u,.pg-create .split2 .v .u,.pg-create .cost .v .u{margin-left:.08em;font-size:.5em}.pg-create .picks{gap:var(--gx);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pg-create .pick{cursor:pointer;isolation:isolate;gap:4px;padding:10px 12px 11px;display:grid;position:relative}.pg-create .pick:before{content:"";z-index:-1;border:1.6px solid var(--ink-3);filter:url(#rough);transition:border-color .2s,background .2s;position:absolute;inset:0}.pg-create .pick:hover:before{border-color:var(--ink)}.pg-create .pick:has(input:checked):before{border:2.6px solid var(--ink);background:color-mix(in srgb, var(--acc) 9%, var(--paper))}.pg-create .pick input{opacity:0;pointer-events:none;position:absolute}.pg-create .pick:has(input:focus-visible){outline:2px dashed var(--acc);outline-offset:4px}.pg-create .pick .hd{justify-content:space-between;align-items:center;gap:6px;display:flex}.pg-create .pick .t{font:400 22px/1 var(--f-display);text-transform:uppercase;letter-spacing:.02em}.pg-create .pick svg{width:100%;height:46px}.pg-create .pick .mini{stroke:var(--ink);stroke-width:2px;fill:none;stroke-linecap:round;filter:url(#boil);vector-effect:non-scaling-stroke}.pg-create .pick .mini.a{stroke:var(--acc);stroke-width:3.6px}.pg-create .pick .sm{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.pg-create .pick .sm span{font:600 12px/1 var(--f-body);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-2);white-space:nowrap}.pg-create .pick .sm b{font:500 16px/1 var(--f-mono);white-space:nowrap}.pg-create .pick .stamp{opacity:0;padding:3px 5px 2px;font-size:12px;transition:opacity .2s}.pg-create .pick:has(input:checked) .stamp{opacity:1}.pg-create .fx .vr{flex-wrap:wrap;align-items:center;gap:8px;min-height:34px;display:flex}.pg-create .fx .v{font:400 30px/1 var(--f-display);text-transform:uppercase;white-space:nowrap}.pg-create .fx .v.dim{color:var(--ink-3)}.pg-create .fx .stamp{padding:4px 6px 3px;font-size:13px}.pg-create .ends{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.pg-create .ends .e{font:500 15px/1 var(--f-mono)}.pg-create .ends .stamp{padding:4px 6px 3px;font-size:13px}.pg-create .split2{height:var(--fh);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.pg-create .split2 .v{font:400 34px/1 var(--f-display);white-space:nowrap}.pg-create .bar{height:34px;display:flex;position:relative}.pg-create .bar:before{content:"";border:2px solid var(--ink);filter:url(#rough);z-index:1;pointer-events:none;position:absolute;inset:0}.pg-create .bar .a{width:calc(10px + (100% - 20px) * var(--bb) / 100);background:repeating-linear-gradient(-55deg, var(--acc) 0 2.6px, transparent 2.6px 6px);filter:url(#boil)}.pg-create .bar .b{background:repeating-linear-gradient(40deg, var(--ink) 0 1.4px, transparent 1.4px 6px);opacity:.55;filter:url(#boil);flex:1}.pg-create .bar .range{z-index:2;cursor:ew-resize;height:100%;margin:0;position:absolute;inset:0}.pg-create .bar .range::-webkit-slider-runnable-track{background:0 0;height:100%}.pg-create .bar .range::-moz-range-track{background:0 0}.pg-create .bar .range::-webkit-slider-thumb{border-radius:3px;width:20px;height:40px;margin-top:0;transform:translateY(-3px)}.pg-create .bar .range::-moz-range-thumb{border-radius:3px;width:18px;height:38px}.pg-create .rights{gap:12px var(--gx);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pg-create .rights .stamp{justify-content:center;padding:7px 8px 6px;font-size:16px;transform:rotate(-.8deg)}.pg-create .rights .stamp.r{transform:rotate(.8deg)}.pg-create .cf>aside{align-self:stretch}.pg-create .side-c{top:calc(var(--header-h) + 14px + env(safe-area-inset-top,0px));gap:12px;margin-top:12px;display:grid;position:sticky}.pg-create .pv{grid-template-columns:84px minmax(0,1fr);align-items:start;gap:5px 14px;display:grid}.pg-create .pv .pic{object-fit:contain;grid-row:1/6;width:84px;height:84px}.pg-create .pv .nm{font:400 28px/.92 var(--f-display);text-transform:uppercase;overflow-wrap:anywhere}.pg-create .pv .tk{font:600 15px/1 var(--f-body);text-transform:uppercase;align-items:baseline;gap:8px;display:flex}.pg-create .pv .tk .by{font:500 13px/1 var(--f-mono);text-transform:none;color:var(--ink-2)}.pg-create .pv .mcr{align-items:baseline;gap:8px;display:flex}.pg-create .pv .mcr .k{font:600 12px/1 var(--f-body);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-2)}.pg-create .pv .mcr .mc{font:500 19px/1 var(--f-mono)}.pg-create .pv .stamp{justify-self:start;margin-top:4px;padding:4px 6px 3px;font-size:13px}.pg-create .pv-kv{grid-template-columns:auto minmax(0,1fr);gap:0 14px;margin:0;display:grid}.pg-create .pv-kv dt{font:600 12px/1 var(--f-body);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-2);align-self:stretch;align-items:center;padding:8px 0 6px;display:flex}.pg-create .pv-kv dd{text-align:right;font:500 15px/1.2 var(--f-mono);overflow-wrap:anywhere;min-width:0;margin:0;padding:6px 0;transition:background-color .4s}.pg-create .pv-kv dt,.pg-create .pv-kv dd{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='4' viewBox='0 0 400 4'%3E%3Cpath d='M0 2.2 C60 1.2 120 3 200 2 S330 1.4 400 2.4' fill='none' stroke='%23111' stroke-opacity='.25' stroke-width='1'/%3E%3C/svg%3E");background-position:0 100%;background-repeat:repeat-x;background-size:400px 4px}.pg-create .pv-kv dd.flash{background-color:color-mix(in srgb, var(--acc) 30%, transparent)}.pg-create .cost{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.pg-create .cost .v{font:400 44px/1 var(--f-display)}.pg-create .go-btn{padding:17px 24px 15px;font-size:32px}.pg-create .go-btn.busy:before,.pg-create .dock .btn.busy:before{animation:1s ease-in-out infinite pulse}.pg-create .dock{display:none}@media (max-width:1100px){.pg-create .cf{grid-template-columns:minmax(0,1fr) 320px}.pg-create .pick .sm span{display:none}}@media (max-width:860px){.pg-create .cf{grid-template-columns:minmax(0,1fr)}.pg-create .side-c{margin-top:6px;position:relative;top:auto}.pg-create .side-c .cost,.pg-create .side-c .go-btn{display:none}.pg-create .pick .sm span{display:inline}.pg-create .dock{z-index:40;padding:10px max(16px, env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));background:var(--paper);box-shadow:0 -1px 0 var(--ink-4);justify-content:space-between;align-items:center;gap:14px;display:flex;position:fixed;bottom:0;left:0;right:0}.pg-create .dock .cost{align-items:baseline;gap:10px}.pg-create .dock .cost .v{font-size:34px}.pg-create .dock .btn{padding:14px 30px 12px;font-size:24px}.pg-create{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}}@media (max-width:600px){.pg-create{--gx:12px}.pg-create .ttl h1{font-size:44px}.pg-create .ttl .stamp{padding:4px 6px 3px;font-size:13px}.pg-create .fg{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.pg-create .w4,.pg-create .w6,.pg-create .w9,.pg-create .w12{grid-column:1/-1}.pg-create .w3{grid-column:span 1}.pg-create .tok{grid-template-columns:112px minmax(0,1fr);gap:14px;margin-bottom:14px}.pg-create .drop{width:112px;padding-bottom:24px}.pg-create .drop .dz-word{font-size:13px;bottom:6px}.pg-create .tok-f{display:contents}.pg-create .two{grid-template-columns:minmax(0,1fr);gap:8px}.pg-create .tok .desc{grid-column:1/-1}.pg-create .in-xl,.pg-create .pre>span{font-size:24px!important}.pg-create .links .cell{grid-template-columns:82px minmax(0,1fr);align-items:center;gap:10px}.pg-create .links{gap:2px}.pg-create .picks{gap:8px}.pg-create .pick{padding:8px 8px 9px}.pg-create .pick .hd .stamp{display:none}.pg-create .pick .t{font-size:18px}.pg-create .pick svg{height:34px}.pg-create .pick .sm span{display:none}.pg-create .pick .sm b{font-size:14px}.pg-create .rights{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}.pg-create .rights .stamp{padding:5px 7px 4px;font-size:14px}.pg-create .chip{font-size:17px}}
