@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";@import"https://cdn.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.3/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css";:root{--paper:#f4f6f8;--line:#8d8d8d;--ink:#14171a;--meta:#717982;--meta-size:11px;font-family:Wanted Sans Variable,Wanted Sans,Arial,sans-serif;font-weight:500;color:var(--ink);background:var(--paper)}*,:before,:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--paper);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.page{width:100%;max-width:1080px;margin:0 auto}.eyebrow{width:100%;height:42px;background:#9d9d9d;display:flex;align-items:center;justify-content:center;color:#000;font-family:Pretendard,Arial,sans-serif;font-size:10px;font-weight:400;letter-spacing:-.5px;text-align:center}.hero{padding:40px 0;line-height:0;text-align:center}.item-logo{display:block;width:calc(100% - 12px);max-width:1067px;height:auto;margin:0 auto}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0;border-top:1px solid var(--line)}.card{min-width:0;aspect-ratio:1/1;position:relative;background:var(--paper)}.card:not(:nth-child(3n)){border-right:1px solid var(--line)}.card:nth-child(n+4){border-top:1px solid var(--line)}.number,.card-name{position:absolute;font-family:Wanted Sans Variable,Wanted Sans,Arial,sans-serif;font-weight:500;font-size:var(--meta-size);line-height:1.2;letter-spacing:0;color:var(--meta)}.number{top:clamp(7px,1.3vw,16px);left:clamp(7px,1.3vw,16px)}.card-name{bottom:clamp(7px,1.3vw,16px);left:clamp(7px,1.3vw,16px);right:clamp(7px,1.3vw,16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-frame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(200px,calc(100% - 56px));height:min(200px,calc(100% - 56px));display:flex;align-items:center;justify-content:center}.product-frame img{width:100%;height:100%;object-fit:contain;display:block}.product-frame.demo-blend{mix-blend-mode:multiply}.connection-note{font-size:11px;padding:14px;color:#61666b;text-align:center}@media(max-width:700px){:root{--meta-size:clamp(7px,1.5vw,10px)}.product-frame{width:min(200px,calc(100% - 26px));height:min(200px,calc(100% - 26px))}.eyebrow{padding-inline:10px;font-size:clamp(8px,2.3vw,10px)}}.admin-page{max-width:760px;margin:0 auto;padding:64px 28px 100px;background:var(--paper);min-height:100vh}.admin-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:1px solid #bfc4c8;padding-bottom:19px}.admin-head h1,.admin-page>h1{margin:0;font-size:30px;font-weight:700;letter-spacing:-.055em}.admin-head a,.admin-links,.text-button{font-size:11px;text-decoration:none;font-weight:500}.admin-links{display:flex;gap:20px;align-items:center}.text-button{border:0;background:transparent;padding:0}.admin-sub{font-size:12px;color:#60666d;margin:27px 0}.admin-form{max-width:430px;display:grid;gap:22px;margin:34px 0 35px}.admin-form label{display:grid;gap:10px;font-size:11px;font-weight:600;letter-spacing:.035em}.admin-form label small{font-size:10px;color:#6a7077;font-weight:400;letter-spacing:0}.admin-form input{width:100%;min-height:44px;background:#fff;border:1px solid #b9c0c7;border-radius:0;padding:11px 12px;font-size:13px;outline-offset:2px}.admin-form input[type=file]{font-size:11px;line-height:19px}.admin-form button,.admin-page>button{min-height:44px;background:#22272b;color:#fff;border:0;padding:11px 16px;font-size:12px}.admin-form button:disabled,.admin-list-row button:disabled{opacity:.4;cursor:not-allowed}.admin-preview{width:200px;height:200px;border:1px solid #c8cdd2;display:grid;place-items:center;background:#fff}.admin-preview img{display:block;max-width:100%;max-height:100%;object-fit:contain}.admin-error{font-size:12px;color:#b31f1f;line-height:1.6}.admin-notice{font-size:12px;color:#28614c}.admin-list-head{margin-top:60px;border-bottom:1px solid #bfc4c8;padding-bottom:12px;display:flex;justify-content:space-between;align-items:end}.admin-list-head h2{font-size:14px;margin:0;font-weight:600}.admin-list-head span{font-size:10px;color:#737981}.admin-list-row{display:grid;grid-template-columns:30px 56px 1fr auto;align-items:center;gap:15px;min-height:84px;border-bottom:1px solid #d3d6d9;font-size:12px}.admin-row-index{font-size:11px;color:#717982}.admin-list-row img{width:56px;height:56px;object-fit:contain}.admin-row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-list-row button{border:1px solid #bfc5ca;background:transparent;padding:8px 14px;font-size:11px}.admin-empty{font-size:12px;color:#737981;padding:20px 0}@media(max-width:560px){.admin-page{padding:38px 18px 80px}.admin-head h1{font-size:25px}.admin-links{gap:10px}.admin-list-row{grid-template-columns:22px 40px 1fr auto;gap:9px}.admin-list-row img{width:40px;height:40px}}