﻿@font-face{font-family:Pretendard;src:url("PretendardVariable.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root{--ink:#4e3c43;--muted:#89757d;--pink:#b85170;--line:#ecdee3}*{box-sizing:border-box}body{margin:0;background:#fffafa;color:var(--ink);font:16px Pretendard,'Malgun Gothic','Apple SD Gothic Neo',sans-serif}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--pink);outline-offset:4px}.wrap{width:min(1120px,calc(100% - 64px));margin:auto}.notice{background:#f4e3e9;color:#7d5664;text-align:center;font-size:12px;padding:9px 16px}header{display:flex;justify-content:space-between;align-items:center;padding:22px 0}header>a:last-child{font-size:14px;color:var(--muted)}.logo{display:flex;gap:10px;align-items:center;font-family:Pretendard,sans-serif;font-size:37px;color:#aa526f}.logo img{width:35px;height:40px;object-fit:contain}.hero{background:#f7e6ec;border-radius:24px;padding:35px 56px;min-height:267px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:bold;color:#976c7c;margin:0 0 18px}h1{font-family:Pretendard,sans-serif;font-size:46px;line-height:1.2;font-weight:400;margin:0}.subtitle{font-size:14px;color:#896b77;margin:17px 0 0}.mascot{text-align:center;width:230px;position:relative}.mascot:before{content:'';position:absolute;width:185px;height:185px;background:#fffbf899;border-radius:50%;left:23px;top:-12px}.mascot img{width:142px;height:150px;object-fit:contain;position:relative}.mascot span{display:block;position:relative;font-family:Pretendard,sans-serif;font-size:22px;color:#aa7185;transform:rotate(-7deg);margin-top:6px}nav{display:flex;gap:32px;border-bottom:1px solid var(--line);margin-top:29px}nav button{border:0;background:none;padding:19px 2px;color:var(--muted);position:relative;white-space:nowrap}nav button[aria-pressed=true]{color:var(--pink);font-weight:bold}nav button[aria-pressed=true]:after{content:'';position:absolute;height:3px;background:var(--pink);bottom:-1px;left:0;right:0;border-radius:3px}.catalog{padding:29px 0 58px}.heading{display:flex;justify-content:space-between;align-items:center;gap:12px}h2{font-size:20px;margin:0}.heading h2 span{font-size:15px;font-weight:400;color:#b48899;margin-left:5px}.heading>span{font-size:12px;color:var(--muted)}#filters{display:flex;gap:8px;margin:19px 0 25px}.filter{border:1px solid var(--line);background:transparent;color:var(--muted);padding:8px 18px;border-radius:22px;font-size:14px;min-height:38px}.filter[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}#grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px}.card{min-width:0}.thumbnail{padding:0;border:0;background:none;display:block;width:100%;border-radius:17px;overflow:hidden;position:relative}.thumbnail:hover .art{transform:scale(1.025)}.sample{position:absolute;left:11px;top:11px;background:#ffffffb8;font-size:9px;letter-spacing:1px;padding:4px 7px;border-radius:4px;color:#71646c}.zoom{position:absolute;right:10px;bottom:10px;background:#ffffffbb;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;color:#776773}.art{aspect-ratio:1/1;background:var(--tone);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .25s}.phone{width:64%;height:84%;border:5px solid #fffcfc;border-radius:22px;background:var(--screen);box-shadow:0 8px 19px #56414815;display:flex;flex-direction:column;align-items:center;padding:10px 8px}.phone-head{font-size:10px;width:100%;display:flex;justify-content:space-between;color:#75636e;padding:3px 1px 10px}.phone img{height:27%;width:50%;object-fit:contain;margin:8px 0;opacity:.85}.bubble{font-size:9px;line-height:1.5;border-radius:9px;background:#fffcfc;padding:6px 9px;align-self:flex-start;margin-bottom:8px;color:#766671}.bubble.sent{align-self:flex-end;background:var(--bubble);color:#655862}.input{margin-top:auto;border-radius:14px;background:#ffffffb5;width:100%;height:17px}.meta{display:flex;gap:6px;align-items:center;margin-top:15px;font-size:11px;color:var(--muted)}.badge{font-size:10px;border-radius:4px;padding:3px 6px;background:#f1e9ee;color:#856170}.badge.free{background:#eaf0eb;color:#697e73}.card h3{font-size:16px;font-weight:600;line-height:1.4;margin:9px 0 6px}.card p{font-size:12px;color:var(--muted);margin:0 0 14px}.cta{border:1px solid var(--line);border-radius:9px;width:100%;padding:11px 8px;font-size:13px;text-align:center}.cta:disabled{cursor:default;color:#95828a;background:#f7f0f3;border-color:#eee3e8}.card .link-note{font-size:11px;text-align:center;margin:7px 0 0;color:#96868d}.desktop{width:80%;height:66%;border:5px solid #fffcfc;border-radius:12px;background:var(--screen);box-shadow:0 8px 19px #56414815;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:17px}.folder{width:46px;height:36px;border-radius:5px;background:var(--bubble);position:relative;box-shadow:0 3px 0 #ffffff70 inset;display:flex;align-items:center;justify-content:center}.folder:before{content:'';width:20px;height:7px;background:var(--bubble);position:absolute;left:0;top:-5px;border-radius:4px 4px 0 0}.folder img{width:27px;height:27px;object-fit:contain}.cursor{width:44px;height:65px;background:var(--bubble);clip-path:polygon(0 0,100% 65%,59% 68%,81% 95%,59% 100%,40% 73%,12% 94%);transform:rotate(-12deg)}.cursor.small{transform:rotate(10deg) scale(.6)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px;padding:26px 0 33px;color:var(--muted);font-size:12px}.footer-logo{font-family:Pretendard,sans-serif;font-size:25px;color:#af7288}dialog{padding:0;border:0;border-radius:22px;width:min(690px,calc(100% - 32px));max-height:90dvh;overflow:auto;color:var(--ink);background:#fffafa}dialog[open]{display:grid;grid-template-columns:1fr 1fr}dialog::backdrop{background:#39283280;backdrop-filter:blur(5px)}#dialog-art .art{height:100%;min-height:390px}.details{padding:55px 27px 32px;align-self:center}.details h2{font-family:Pretendard,sans-serif;font-size:31px;font-weight:400}.details p{font-size:14px;line-height:1.8}.details .eyebrow{font-size:10px}.help{color:var(--muted);margin:24px 0}.close{position:absolute;right:12px;top:12px;z-index:2;width:36px;height:36px;border:0;border-radius:50%;background:#ffffffde;color:var(--ink);font-size:26px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:950px){#grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{padding:32px}.mascot{width:200px}.mascot:before{left:8px}}@media(max-width:620px){.wrap{width:calc(100% - 36px)}.notice{font-size:11px}header{padding:14px 0 15px}.logo{font-size:31px}.logo img{width:29px;height:33px}.hero{min-height:206px;padding:24px 21px;border-radius:18px;gap:5px}h1{font-size:33px}.eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:13px}.subtitle{font-size:12px;max-width:190px;line-height:1.7;margin-top:11px}.mascot{width:90px;flex-shrink:0}.mascot img{width:90px;height:103px}.mascot:before{width:105px;height:105px;left:-8px;top:0}.mascot span{font-size:14px;white-space:nowrap}nav{gap:25px;margin-top:17px}nav button{font-size:14px;padding:17px 0}.catalog{padding-top:23px}.heading h2{font-size:18px}.heading>span{font-size:10px}#filters{margin:16px 0 20px}.filter{font-size:13px;padding:7px 15px}#grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 13px}.thumbnail{border-radius:12px}.phone{border-width:4px;border-radius:17px;padding:7px 5px}.phone-head{font-size:8px;padding-bottom:6px}.bubble{font-size:7px;padding:4px 6px;margin-bottom:6px}.phone img{margin:4px 0}.sample{font-size:8px;padding:3px 5px;left:8px;top:8px}.card h3{font-size:14px}.meta{font-size:10px;gap:4px}.card p{font-size:11px;line-height:1.6;min-height:35px;margin-bottom:9px}.card .link-note{min-height:0}.cta{font-size:12px}.desktop{gap:13px}.folder{width:34px;height:27px}.folder img{width:21px;height:21px}footer{flex-wrap:wrap;gap:10px;font-size:11px}footer>span:last-child{width:100%}dialog[open]{grid-template-columns:1fr}#dialog-art .art{min-height:0;height:330px;aspect-ratio:auto}#dialog-art .phone{max-width:160px}.details{padding:23px}.details .eyebrow{margin-bottom:8px}.help{margin:13px 0}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.logo{font-size:29px;font-weight:700;letter-spacing:-1px}nav{margin-top:4px}.card h3{margin-bottom:15px}.theme-image{width:58%;height:65%;object-fit:contain}.desktop{border:0;background:transparent;box-shadow:none}.footer-logo{font-size:22px;font-weight:600}.details h2{font-size:25px;font-weight:600}@media(max-width:620px){.logo{font-size:25px}header{padding:22px 0 15px}.card h3{margin-bottom:14px}}

.product-actions{display:flex;gap:6px;width:100%}.product-actions .cta{display:flex;justify-content:center;align-items:center;min-width:0;flex:1;padding:11px 3px;font-size:12px;letter-spacing:-.45px;white-space:nowrap;background:#fff}.product-actions .cta:disabled{background:#f7f0f3}.product-actions a:hover{background:#f4e3e9}.product-image{width:100%;height:100%;object-fit:contain}#dialog-art .product-image{max-height:70dvh} @media(max-width:380px){.product-actions{gap:4px}.product-actions.split .cta{font-size:10px;letter-spacing:-.5px}}

#dialog-art .art{aspect-ratio:1/1;height:auto;min-height:0}#dialog-art .product-image{aspect-ratio:1/1;max-height:none;object-fit:contain}

.back-link{display:inline-block;font-size:14px;color:var(--muted);margin:10px 0 25px;text-decoration:underline;text-underline-offset:4px}.download-card{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;max-width:800px;margin:0 auto 50px}.download-art{border-radius:18px;overflow:hidden}.download-info h1{font-family:inherit;font-size:26px;font-weight:700;margin:17px 0;line-height:1.4}.download-info>p{font-size:14px;color:var(--muted);line-height:1.7}.device-actions{display:flex;flex-direction:column;gap:12px;margin-top:25px}.device-actions .cta{display:block;background:#f4e3e9;color:var(--ink);font-weight:600;padding:16px}.device-actions .cta:disabled{color:#95828a;background:#f7f0f3}.download-info .download-note{font-size:12px;margin-top:18px}@media(max-width:620px){.download-card{grid-template-columns:1fr;gap:24px;max-width:380px}.download-info h1{font-size:23px}.download-art{max-width:320px;width:100%;margin:auto}.back-link{font-size:13px}}
.empty-state{grid-column:1/-1;text-align:center;color:var(--muted);padding:50px 0;font-size:14px}
dialog{width:min(430px,calc(100% - 32px));padding:48px 20px 24px;max-height:90dvh}dialog[open]{display:block}#dialog-art{border-radius:16px;overflow:hidden}#dialog-art .art{width:100%;height:auto;min-height:0;aspect-ratio:1}.details{padding:22px 0 0}.details h2{font-family:inherit;font-size:20px;font-weight:700;line-height:1.45;margin:0 0 22px}.details .product-actions{flex-direction:column;gap:12px}.details .cta{font-size:14px;min-height:48px;background:#f4e3e9;border-color:#ecdee3;border-radius:9px}.details .cta:hover{background:#edd5df}.close{top:9px;right:10px;width:34px;height:34px}body:has(dialog[open]){overflow:hidden}@media(max-width:620px){dialog{padding:46px 17px 22px}.details{padding:22px 0 0}.details h2{font-size:20px}}
nav{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#e1c9d2 transparent;gap:26px}nav button{flex-shrink:0}.heading h2{overflow-wrap:anywhere}@media(max-width:620px){nav{gap:23px}nav button{min-height:48px}.heading h2{font-size:17px}}

.download-format-note{color:var(--muted);font-size:12px;line-height:1.55;text-align:center;margin:14px 0 -2px;padding:0 4px}@media(max-width:620px){.download-format-note{font-size:11px;margin-top:12px}}

html,body{overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar,nav::-webkit-scrollbar,dialog::-webkit-scrollbar{display:none}nav,dialog{scrollbar-width:none}.featured-theme{width:min(100%,360px);margin:3px auto 17px}.featured-slide{position:relative;display:block;width:100%;aspect-ratio:1;border:0;border-radius:18px;padding:0;overflow:hidden;background:#f4e3e9;box-shadow:0 8px 22px #56414812}.featured-slide img{display:block;width:100%;height:100%;object-fit:contain}.featured-copy{position:absolute;inset:auto 0 0;padding:34px 18px 16px;background:linear-gradient(transparent,#392832a8);color:#fff;text-align:left}.featured-copy>span{display:block;font-size:10px;letter-spacing:1px;margin-bottom:4px}.featured-copy strong{font-size:19px}.card h3{display:flex;align-items:center;gap:6px;margin-top:9px}.card h3 .badge{flex:0 0 auto}.meta span:empty{display:none}@media(max-width:620px){.featured-theme{width:min(100%,310px);margin:0 auto 14px}.featured-copy strong{font-size:17px}.card h3{gap:5px}}

.search-toggle{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--ink);padding:7px}.search-toggle:hover{background:#f4e3e9}.search-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.search-panel{display:flex;align-items:center;gap:9px;margin:0 0 16px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:8px 9px 8px 14px}.search-panel[hidden],#filters[hidden]{display:none}.search-panel input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:14px}.search-panel input::placeholder{color:#aa979f}.search-panel button{width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:23px;line-height:1}.search-panel button:hover{background:#f4e3e9}@media(max-width:620px){.featured-theme{width:100%;max-width:none;margin:0 auto 14px}.search-toggle{width:34px;height:34px}.search-panel{margin-bottom:14px}}

.logo{font-size:22px}.featured-slide{box-shadow:0 4px 12px #5641480b;touch-action:pan-y}.featured-copy{background:linear-gradient(transparent,#39283265)}.search-panel{gap:8px;border:0;border-radius:0;background:transparent;padding:0}.search-field{display:flex;align-items:center;gap:8px;min-width:0;flex:1;border:1px solid var(--line);border-radius:12px;background:#fff;padding:8px 10px 8px 14px}.search-field input{min-width:0;flex:1}.search-panel #search-clear{display:grid;place-items:center;flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:#f0e3e8;color:#9b6276;font-size:16px}.search-panel #search-clear[hidden]{display:none}.search-panel .search-close{flex:0 0 auto;width:28px;height:28px;color:#947f88;font-size:22px}.catalog.is-searching #grid{margin-top:28px}@media(max-width:620px){.logo{font-size:20px}.catalog.is-searching #grid{margin-top:24px}}
