@layer reset,tokens,base,layout;@layer components{.pe{gap:clamp(1.5rem,4vw,2.5rem);max-width:58rem;display:grid}.pe-form{gap:var(--tt-space-5)}.pe-closed{border-left:3px solid var(--tt-down);background:color-mix(in oklch, var(--tt-down) 9%, transparent);padding:.75rem 1rem}.pe-grid{gap:var(--tt-space-3);display:grid}.pe-grid--cover{grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr))}.pe-grid--avatar{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr))}.pe-tile{background:color-mix(in oklch, var(--tt-text) 5%, transparent);clip-path:var(--tt-cut-path-sm);cursor:pointer;align-content:start;gap:.45rem;padding:.55rem;display:grid;position:relative}.pe-tile input{z-index:1;width:1.15rem;height:1.15rem;accent-color:var(--tt-accent);margin:0;position:absolute;top:.75rem;right:.75rem}.pe-tile img{background:oklch(16% .03 280);width:100%;height:auto;display:block}.pe-grid--cover .pe-tile img{aspect-ratio:3;object-fit:cover}.pe-grid--avatar .pe-tile img{aspect-ratio:1;object-fit:cover}.pe-tile:has(input:checked){background:color-mix(in oklch, var(--tt-accent) 18%, transparent);box-shadow:inset 0 0 0 2px var(--tt-accent)}.pe-tile:has(input:focus-visible),.pe-swatch-choice:has(input:focus-visible){outline:2px solid var(--tt-accent-2);outline-offset:-2px}.pe-tile:has(input:disabled),.pe-swatch-choice:has(input:disabled){cursor:not-allowed;opacity:.55}.pe-tile-name{font:650 .86rem / 1.3 var(--tt-font-ui)}.pe-tile-tags{flex-wrap:wrap;gap:.35rem;display:flex}.pe-tile-tags:empty{display:none}.pe-tag{font:700 .6rem / 1.2 var(--tt-font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--tt-text);background:color-mix(in oklch, var(--tt-text) 9%, transparent);clip-path:var(--tt-cut-path-sm);padding:.22rem .45rem}.pe-tag--plus{background:color-mix(in oklch, var(--tt-accent) 22%, transparent)}.pe-tag--pending{background:color-mix(in oklch, var(--tt-down) 24%, transparent)}.pe-tag--approved{background:color-mix(in oklch, var(--tt-up) 24%, transparent)}.pe-tag--refused{background:color-mix(in oklch, var(--tt-error) 22%, transparent)}.pe-swatches{gap:var(--tt-space-2);grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));display:grid}.pe-swatch-choice{background:color-mix(in oklch, var(--tt-text) 5%, transparent);min-height:2.75rem;clip-path:var(--tt-cut-path-sm);cursor:pointer;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem .65rem;display:flex}.pe-swatch-choice:has(input:checked){background:color-mix(in oklch, var(--tt-accent) 18%, transparent);box-shadow:inset 0 0 0 2px var(--tt-accent)}.pe-swatch-choice input{width:1.05rem;height:1.05rem;accent-color:var(--tt-accent);margin:0}.pe-swatch{width:1.1rem;height:1.1rem;box-shadow:0 0 0 1px var(--tt-hairline);border-radius:50%}.pe-swatch-name{font:600 .88rem / 1.2 var(--tt-font-ui)}.pe-swatch--violet{background:oklch(70% .19 295)}.pe-swatch--cyan{background:oklch(82% .13 210)}.pe-swatch--lime{background:oklch(86% .18 128)}.pe-swatch--amber{background:oklch(82% .15 75)}.pe-swatch--magenta{background:oklch(72% .22 340)}.pe-swatch--gold{background:oklch(86% .14 92)}.pe-swatch--ice{background:oklch(90% .06 230)}.pe-swatch--ember{background:oklch(70% .19 35)}.pe-head{justify-content:space-between;align-items:center;gap:var(--tt-space-2) var(--tt-space-4);flex-wrap:wrap;display:flex}.pe-upload{gap:var(--tt-space-4);max-width:34rem;display:grid}.pe-kinds{grid-template-columns:repeat(2,minmax(0,1fr))}.pe-kinds>legend{grid-column:1/-1}.pe-crop{gap:var(--tt-space-3);display:grid}.pe-frame{width:100%;box-shadow:inset 0 0 0 1px var(--tt-hairline);background:oklch(16% .03 280);position:relative;overflow:hidden}.pe-frame[data-kind=avatar]{aspect-ratio:1;clip-path:polygon(18% 0,100% 0,100% 82%,82% 100%,0 100%,0 18%);width:min(100%,14rem)}.pe-frame[data-kind=cover]{aspect-ratio:3}.pe-frame-img{object-fit:cover;width:100%;height:100%;display:block}.bl-field .pe-range{min-height:2.75rem;box-shadow:none;clip-path:none;accent-color:var(--tt-accent);background:0 0;padding:0}.bl-field .pe-range:focus-visible{outline:2px solid var(--tt-accent-2);outline-offset:2px;box-shadow:none}.pe-select{width:min(100%,24rem);min-height:2.9rem;font:600 1rem / 1.4 var(--tt-font-ui);color:var(--tt-text);background:color-mix(in oklch, var(--tt-bg) 65%, transparent);box-shadow:inset 0 0 0 1px var(--tt-border);clip-path:var(--tt-cut-path-sm);border:0;padding:.6rem .9rem}.pe-select:focus-visible{box-shadow:inset 0 0 0 2px var(--tt-accent-2);outline:none}.pe-list{gap:var(--tt-space-2);margin:0;padding:0;list-style:none;display:grid}.pe-list:empty{display:none}.pe-item{align-items:center;gap:var(--tt-space-3);background:color-mix(in oklch, var(--tt-text) 4%, transparent);clip-path:var(--tt-cut-path-sm);grid-template-columns:4.5rem minmax(0,1fr) auto;padding:.6rem;display:grid}.pe-item-img{object-fit:cover;background:oklch(16% .03 280);width:4.5rem;height:4.5rem;display:block}.pe-item-text{gap:.3rem;min-width:0;display:grid}.pe-item-title{font:650 .92rem / 1.3 var(--tt-font-ui);flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.pe-item-reason{font:500 .84rem / 1.45 var(--tt-font-ui);color:var(--tt-text-dim);overflow-wrap:anywhere;margin:0}.pe-dialog{width:min(100% - 2rem,30rem);color:var(--tt-text);background:var(--tt-surface);clip-path:var(--tt-cut-path);border:0;padding:0;box-shadow:0 24px 64px -24px oklch(0% 0 0/.6)}.pe-dialog::backdrop{background:color-mix(in oklch, var(--tt-bg) 72%, transparent)}.pe-dialog-body{gap:var(--tt-space-4);padding:clamp(1.1rem,3vw,1.6rem);display:grid}@media (width<=30rem){.pe-item{grid-template-columns:3.5rem minmax(0,1fr)}.pe-item-img{width:3.5rem;height:3.5rem}.pe-item .bl-btn{grid-column:1/-1}}@media (forced-colors:active){.pe-tile,.pe-swatch-choice,.pe-item,.pe-select,.pe-dialog{border:1px solid canvastext}}}@layer utilities;