#pick input{-webkit-user-select:text;user-select:text}#pick .tools{top:calc(max(16px, env(safe-area-inset-top)) + 7px);right:max(10px, env(safe-area-inset-right));gap:2px;display:flex;position:absolute}#pick .icon{color:#e8dcc8;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}#pick .icon:not(:disabled):hover{color:#f3e7d3;background:#f3e7d31a}#pick svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}#pick .foot .name{overflow-wrap:anywhere;min-width:0;max-width:100%}#pick .foot .row{gap:10px}#pick .foot .dots{justify-content:center;gap:7px;width:150px}#pick .row .arrow{place-items:center;display:grid}#pick .row .arrow svg{width:18px;height:18px}#pick.browsing>:not(.browse),#pick.creating>.foot,#pick.creating>.tools,#pick.creating>.head{display:none}#pick .browse{z-index:2;padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));background:#0b0706f0;flex-direction:column;display:none;position:absolute;inset:0}#pick.browsing .browse{opacity:0;animation:.3s forwards ld-in;display:flex}#pick .browse .top{align-items:center;gap:8px;width:100%;max-width:980px;margin:0 auto;padding:4px 0 6px;display:flex}#pick .browse .top svg.lens{opacity:.6;flex:none}#pick .field{color:#f3e7d3;min-width:0;font:inherit;letter-spacing:.04em;appearance:none;background:0 0;border:0;border-bottom:1px solid #f0d9ae66;border-radius:0;outline:none;flex:1;padding:10px 4px;font-size:16px;transition:border-color .2s}#pick .field::placeholder{color:#e8dcc873;letter-spacing:.22em;text-transform:uppercase;font-size:11px}#pick .field:focus{border-bottom-color:#f0d9ae}#pick .field::-webkit-search-cancel-button{-webkit-appearance:none}#pick .list{overscroll-behavior:contain;touch-action:pan-y;min-height:0;padding-bottom:max(28px, env(safe-area-inset-bottom));flex:1;overflow-y:auto}#pick .list>*{max-width:980px;margin-left:auto;margin-right:auto}#pick .list h3{color:#e8dcc8;opacity:.6;margin:18px 0 8px;font-weight:400}#pick .grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}#pick .none{text-align:center;color:var(--dim);margin-top:48px}#pick .tile{color:#e8dcc8;text-align:center;background:radial-gradient(at 50% 88%,#f0d9ae17,#0000 68%);border:1px solid #0000;border-radius:12px;gap:4px;padding:6px 4px 8px;display:grid}#pick .tile:not(:disabled):hover{color:#f3e7d3;background-color:#f3e7d30f;border-color:#f0d9ae4d}#pick .tile.on{border-color:#f0d9aebf}#pick .tile .nm{letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}#pick .pic{aspect-ratio:3/4;isolation:isolate;display:block;position:relative}#pick .pic img{object-fit:contain;width:100%;height:100%;display:block}#pick .pic.clay img{filter:grayscale()sepia(.3)brightness(1.2)contrast(.85)}#pick .pic.wash img{filter:grayscale()brightness(1.25)contrast(.9)}#pick .pic.wash:after{content:"";background:var(--wash);mix-blend-mode:multiply;-webkit-mask:var(--src) center / contain no-repeat;-webkit-mask:var(--src) center / contain no-repeat;mask:var(--src) center / contain no-repeat;position:absolute;inset:0}#pick .create{z-index:2;color:#e8dcc8;padding:20px max(16px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:#0b0706e6;flex-direction:column;gap:14px;display:none;position:absolute}#pick.creating .create{opacity:0;animation:.3s forwards ld-in;display:flex}#pick .create .title{text-align:center;opacity:.7;margin:0}#pick .bodies{overscroll-behavior:contain;touch-action:pan-x;scrollbar-width:thin;gap:6px;padding:2px 0 4px;display:flex;overflow-x:auto}#pick .bodies button{border:1px solid #0000;border-radius:10px;flex:0 0 62px;padding:3px}#pick .bodies button:not(:disabled):hover{color:inherit;background:#f3e7d30f;border-color:#f0d9ae4d}#pick .bodies button.on{border-color:#f0d9aecc}#pick .create .field{text-align:center;flex:none}#pick .looks{flex-wrap:wrap;justify-content:center;gap:2px;display:flex}#pick .looks button{place-items:center;width:40px;height:44px;display:grid}#pick .looks button:not(:disabled):hover{color:inherit;background:0 0}#pick .looks i{background:var(--c);border-radius:50%;width:26px;height:26px;transition:transform .15s;box-shadow:inset 0 0 0 1px #f3e7d340}#pick .looks button:hover i{transform:scale(1.12)}#pick .looks button.on i{outline-offset:3px;outline:1.5px solid #f0d9ae}#pick .create .look{text-align:center;opacity:.6;min-height:1.5em;margin:-6px 0 0}#pick .create .btns{justify-content:center;gap:10px;display:flex}@media (min-aspect-ratio:1){#pick .create{width:min(400px,46vw);padding-top:max(26px, env(safe-area-inset-top));border-left:1px solid var(--line);top:0;bottom:0;right:0;overflow-y:auto}#pick .bodies{touch-action:pan-y;flex:1;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));align-content:start;min-height:140px;display:grid;overflow:hidden auto}}@media (max-aspect-ratio:1){#pick .create{border-top:1px solid var(--line);border-radius:18px 18px 0 0;max-height:64%;bottom:0;left:0;right:0}}