@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap";.pm{font-family:Noto Sans KR,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#111827;background:#fff;font-size:1rem;line-height:1.5;max-width:60rem;margin:0 auto;padding:1.5rem 1rem}.pm__header{margin-bottom:1rem}.pm__title{margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.pm__section{margin-bottom:1.5rem}.pm-card{background:#fff;border:.0625rem solid #e5e7eb;border-radius:.5rem;padding:1.25rem;transition:border-color .15s ease,background .15s ease}.pm-card__title{margin:0 0 .75rem;font-size:1.125rem;font-weight:600}.pm-form{display:grid;gap:1rem}.pm-form__row{display:grid;gap:.75rem;grid-auto-flow:column;grid-auto-columns:1fr}.pm-form__actions{display:flex;gap:.75rem;justify-content:flex-end}.pm-field{display:grid;gap:.5rem}.pm-field--inline{grid-template-columns:10rem 1fr;align-items:center}.pm-field__label{font-size:.875rem;color:#6b7280}.pm-field__input{width:100%;padding:.75rem 1rem;border:.0625rem solid #e5e7eb;border-radius:.5rem;background:#fff;color:#111827;transition:border-color .15s ease,box-shadow .15s ease}.pm-field__input:focus{outline:none;border-color:#d1d5db;box-shadow:0 0 0 .125rem #00000005}.pm-field__input::placeholder{color:#6b7280;opacity:.8}.pm-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:.0625rem solid #e5e7eb;background:#f9fafb;color:#111827;border-radius:.5rem;padding:.75rem 1rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.pm-btn:hover{background:#edeff1;border-color:#d1d5db}.pm-btn:disabled{opacity:.6;cursor:not-allowed}.pm-btn--danger{border-color:#dc2626;background:#fee2e2;color:#dc2626}.pm-btn--danger:hover{background:#f7bcbc;border-color:#dc2626;color:#dc2626}.pm-notice{margin:1rem 0;padding:.75rem 1rem;border:.0625rem solid #e5e7eb;border-radius:.5rem;background:#f9fafb;color:#111827}.pm-list{border:.0625rem solid #e5e7eb;border-radius:.5rem;overflow:hidden}.pm-list__head,.pm-list__row{display:grid;grid-template-columns:6rem 1fr 1fr 1fr}.pm-list__head{background:#f9fafb;font-weight:600}.pm-list__row{border-top:.0625rem solid #e5e7eb}.pm-list__row--loading,.pm-list__row--empty{padding:1rem;grid-template-columns:1fr;color:#6b7280}.pm-list__col{padding:.75rem 1rem}.pm-list__col--id{color:#6b7280;width:6rem}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes shimmerWave{0%{background-position:-150% 0}to{background-position:150% 0}}.app{font-family:Noto Sans KR,sans-serif;color:#111827;background:#fff;font-size:clamp(1rem,.5rem + 1.5vw,2rem);line-height:1.5;max-width:60rem;margin:0 auto;padding:1.25rem 1rem}.search{margin-bottom:1.5rem}.search__input{width:100%;padding:.75rem 1rem;border:.0625rem solid #e5e7eb;border-radius:.5rem;font-family:inherit;font-size:clamp(1rem,.5rem + 1.5vw,2rem);color:#111827;background:#fff;transition:border-color .18s ease,box-shadow .18s ease}.search__input:focus{outline:none;border-color:#d1d5db;box-shadow:0 0 0 .125rem #00000005}.product-list{list-style:none;padding:0;margin:0}.product-list--single{display:grid;grid-template-columns:1fr;gap:1rem}.product-list__item{max-height:50rem;transition:opacity .18s ease,transform .18s ease,max-height .2s ease,margin .2s ease}.product-list__item.is-entering{animation:fadeSlideIn .18s ease both}.product-list__item.is-leaving{opacity:0;transform:translateY(.25rem);max-height:0;margin:0;pointer-events:none}.card{display:grid;grid-template-columns:clamp(8rem,24vw,16rem) 1fr;align-items:stretch;text-decoration:none;color:inherit;background:#fff;border:.0625rem solid #e5e7eb;border-radius:.5rem;overflow:hidden;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.card:hover{background:#f9fafb;border-color:#d1d5db}.card__media{aspect-ratio:1/1;width:100%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden}.card__media.shimmer{background:linear-gradient(90deg,#e5e7eb,#d1d5db,#e5e7eb 40%);background-size:200% 100%;animation:shimmerWave 1.1s linear infinite}.card__img{width:100%;height:100%;object-fit:cover;display:block}.card__body{padding:1.5rem;display:flex;flex-direction:column;justify-content:center;gap:.5rem}.card__title{margin:0;font-size:clamp(1.25rem,.75rem + 2vw,2.25rem);font-weight:600;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.card__meta{margin:0;font-size:clamp(.9rem,.7rem + 1vw,1.5rem);color:#6b7280}.card--focus{border-color:#2563eb;background:#2563eb0f;box-shadow:0 0 0 .125rem #2563eb26}.empty{padding:1.5rem 1rem;border:.0625rem dashed #e5e7eb;border-radius:.5rem;background:#f9fafb}.empty__text{margin:0;font-size:clamp(1rem,.6rem + 1.6vw,2rem);color:#6b7280;text-align:center}.placeholder{display:grid;grid-template-columns:clamp(8rem,24vw,16rem) 1fr;border:.0625rem solid #e5e7eb;border-radius:.5rem;overflow:hidden;background:#fff}.placeholder__media{aspect-ratio:1/1;width:100%;background:#f3f4f6}.placeholder__media.shimmer{background:linear-gradient(90deg,#e5e7eb,#d1d5db,#e5e7eb 40%);background-size:200% 100%;animation:shimmerWave 1.1s linear infinite}.placeholder__body{padding:1.5rem;display:grid;gap:.5rem;align-content:center}.placeholder__line{height:clamp(1rem,.6rem + 1.6vw,2rem);border-radius:.25rem;background:linear-gradient(90deg,#e5e7eb,#d1d5db,#e5e7eb 40%);background-size:200% 100%}.placeholder__line--short{width:50%}.shimmer{animation:shimmerWave 1.1s linear infinite}.info-marquee{position:relative;overflow:hidden;background:linear-gradient(145deg,#ebf3ff,#f8fbff);border:1px solid #c7dbff;border-radius:.75rem;box-shadow:0 4px 10px #3b82f614;padding:1rem 0;margin-bottom:2rem}.info-marquee__track{display:flex;width:fit-content;white-space:nowrap;animation:marquee-scroll 20s linear infinite}.info-marquee__content{display:inline-block;padding:0 2rem;font-size:clamp(1rem,.9rem + .4vw,1.2rem);font-weight:600;color:#1d4ed8;letter-spacing:-.01em;text-shadow:0 1px 1px rgba(29,78,216,.1)}.info-marquee:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-left:.25rem solid #3b82f6;border-radius:inherit;pointer-events:none}.info-marquee:hover{border-color:#93c5fd;box-shadow:0 6px 20px #2563eb26}.info-marquee:hover__track{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.main-image{display:flex;justify-content:center;align-items:center;width:clamp(4rem,15vw,8rem);height:clamp(4rem,15vw,8rem);margin:0 auto 1.5rem;border-radius:50%;background-color:#eff6ff;border:.125rem solid #bfdbfe;box-shadow:0 4px 10px #3b82f626;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.main-image img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.main-image:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2563eb40}.main-image:focus-within{outline:2px solid rgba(37,99,235,.25);outline-offset:3px}