.pick-shell{--ink:#0b0b0c;--paper:#fcfcfb;--line:#dcdcd8;--muted:#5e5e63;--lime:#c8ff2e;background:var(--paper);height:100dvh;color:var(--ink);font-family:var(--font-pretendard), "Pretendard Variable", sans-serif;padding:0 clamp(16px,3vw,40px) 80px;overflow-y:auto}.pick-shell :is(a,button,input):focus-visible{outline:2px solid var(--ink);outline-offset:3px}.pick-shell ::selection{background:var(--lime);color:var(--ink)}.pick-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;height:64px;display:flex}.pick-brand{color:inherit;font-size:22px;font-weight:800;text-decoration:none}.pick-head nav{align-items:center;gap:18px;font-size:14px;display:flex}.pick-head nav>span{color:var(--muted)}.pick-head nav a{color:inherit;text-underline-offset:4px}.pick-head nav button{min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #a5a5a0;padding:0 12px}.pick-head nav button:hover{background:#f1f1ef}.pick-intro{padding:48px 0 28px}.pick-intro h1{letter-spacing:-.02em;margin:0;font-size:clamp(30px,4vw,44px);font-weight:800;line-height:1.15}.pick-intro p{color:var(--muted);margin:12px 0 0;font-size:15px}.pick-recent{margin-bottom:28px}.pick-recent h2{margin:0 0 10px;font-size:14px;font-weight:700}.pick-recent ul{gap:10px;margin:0;padding:0 0 4px;list-style:none;display:flex;overflow-x:auto}.pick-recent a{border:1px solid var(--ink);min-width:200px;color:inherit;background:#fff;flex-direction:column;gap:4px;padding:14px 16px;text-decoration:none;display:flex}.pick-recent a:hover{background:var(--lime)}.pick-recent strong{font-size:15px}.pick-recent span{color:var(--muted);font-size:13px}.pick-filters{z-index:5;background:var(--paper);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:20px;padding:14px 0;display:flex;position:sticky;top:0}.pick-search{background:#fff;border:1px solid #a5a5a0;align-items:center;gap:8px;width:min(100%,320px);height:44px;padding:0 12px;display:flex}.pick-search svg{width:18px;height:18px;color:var(--muted);flex-shrink:0}.pick-search input{min-width:0;font:inherit;caret-color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:15px}.pick-genres{flex-wrap:wrap;gap:6px;display:flex}.pick-genres button{height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #a5a5a0;align-items:center;gap:6px;padding:0 12px;font-size:14px;display:inline-flex}.pick-genres button span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.pick-genres button:hover{border-color:var(--ink)}.pick-genres button[aria-pressed=true]{background:var(--lime);border-color:var(--ink);font-weight:700}.pick-genres button[aria-pressed=true] span{color:var(--ink)}.pick-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 20px;margin:0;padding:0;list-style:none;display:grid}.pick-card{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.pick-thumb{aspect-ratio:3/4;outline:1px solid var(--line);outline-offset:-1px;background:#efefec;position:relative;overflow:hidden}.pick-thumb>span{color:var(--muted);place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.pick-card:hover .pick-thumb,.pick-card:focus-visible .pick-thumb{outline:2px solid var(--ink);outline-offset:0}.pick-meta{flex-direction:column;gap:4px;padding-top:10px;display:flex}.pick-meta strong{font-size:15px;font-weight:700;line-height:1.35}.pick-meta>span{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.pick-meta em{color:var(--ink);background:var(--lime);padding:1px 6px;font-size:12px;font-style:normal;font-weight:700}.pick-empty{text-align:center;padding:80px 0}.pick-empty p{margin:0 0 16px;font-size:17px}.pick-empty button{border:1px solid var(--ink);min-height:44px;font:inherit;cursor:pointer;background:#fff;padding:0 16px}.pick-preview-layer{z-index:40;background:#0b0b0c52;animation:.18s ease-out pick-fade;position:fixed;inset:0}.pick-preview{background:var(--paper);border-left:1px solid var(--ink);flex-direction:column;width:448px;animation:.24s cubic-bezier(.16,1,.3,1) pick-slide;display:flex;position:absolute;top:0;bottom:0;right:0}.pick-preview header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px;display:flex}.pick-preview header div{flex-direction:column;gap:6px;display:flex}.pick-preview header strong{font-size:18px;font-weight:800}.pick-preview header span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.pick-close{cursor:pointer;background:#fff;border:1px solid #a5a5a0;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.pick-close:hover{background:#f1f1ef}.pick-preview-scroll{overscroll-behavior:contain;flex:1;padding:20px 24px;overflow-y:auto}.pick-preview-page{outline:1px solid var(--line);overflow:hidden}.pick-preview-wait{text-align:center;color:var(--muted);margin:40px 0;font-size:14px}.pick-preview footer{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding:16px 20px 20px;display:flex}.pick-start{background:var(--ink);color:#fff;justify-content:center;align-items:center;gap:10px;height:52px;font-size:16px;font-weight:800;text-decoration:none;display:flex}.pick-start:hover{background:#1d1d20}.pick-start svg{color:var(--lime)}.pick-preview footer span{color:var(--muted);text-align:center;font-size:13px}@keyframes pick-fade{0%{opacity:0}}@keyframes pick-slide{0%{opacity:0;transform:translate(32px)}}@media (max-width:1400px){.pick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1000px){.pick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:680px){.pick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.pick-head nav>span,.pick-head nav a[href=\/manage],.pick-head nav a[href=\/templates]{display:none}.pick-preview{border-left:0;width:100%}.pick-preview-scroll{padding:16px}}@media (prefers-reduced-motion:reduce){.pick-preview-layer,.pick-preview{animation:none}}.pick-meta i.pick-creator{color:var(--ink);border:1px solid var(--ink);padding:0 5px;font-size:12px;font-style:normal;font-weight:700}