body{background:#f8f9f8;color:#292d2b;letter-spacing:0}
.studio-header{height:94px;padding:0 48px;background:#fff;border-color:#e7e9e7}
.brand{font:30px Georgia,'Nanum Myeongjo',serif}.brand span{font-size:11px;color:#7d837e}
.studio{max-width:1440px}.workspace{background:#fff}.steps{margin-bottom:30px}.steps button{font-size:14px}
body[data-step=design] .studio{display:block;max-width:1220px}
body[data-step=design] .workspace{border:0;padding:30px 48px 64px;background:transparent}
body[data-step=design] .preview-workspace{display:none}
body[data-step=design] .steps{max-width:480px;margin:0 auto 46px}
body[data-step=design] #panel>h1{display:none}
.collection-heading{text-align:center;margin-bottom:34px}.collection-label{font-size:11px;color:#78817a}
.collection-heading h1{font:46px Georgia,serif;margin:15px 0 12px}.collection-heading p{font:16px 'Nanum Myeongjo',serif;color:#68736b;margin:0}
.collection-filter{display:flex;justify-content:center;gap:30px;margin-bottom:38px;border-bottom:1px solid #e1e6e2}
.collection-filter button{border:0;background:none;font-size:13px;color:#888f89;padding:14px 0;border-bottom:2px solid transparent}
.collection-filter button[aria-selected=true]{color:#2e493a;border-bottom-color:#2e493a}
body[data-step=design] .design-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 34px}
body[data-step=design] .design-item{background:none;border:0;border-radius:0;overflow:visible;position:relative}
body[data-step=design] .design-item[hidden]{display:none}
body[data-step=design] .design-cover{height:auto;aspect-ratio:3/4.5;background:#fff;transition:transform .2s ease;outline:1px solid #e4e8e4;outline-offset:0}
body[data-step=design] .design-item.selected .design-cover{outline:2px solid #43624b;outline-offset:5px}
body[data-step=design] .design-pick:hover .design-cover{transform:translateY(-3px)}
body[data-step=design] .design-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body[data-step=design] .design-name{text-shadow:none}
body[data-step=design] [data-theme=classic] .design-cover img{inset:18% 9% 14%;width:82%;height:68%}
body[data-step=design] [data-theme=classic] .design-name{top:5%;bottom:auto;color:#39403a;font:22px Georgia,serif}
body[data-step=design] [data-theme=garden] .design-cover{background:#edf3ed}
body[data-step=design] [data-theme=garden] .design-cover img{inset:19% 10% 8%;width:80%;height:73%;border-radius:50% 50% 0 0}
body[data-step=design] [data-theme=garden] .design-name{top:6%;bottom:auto;color:#445b48;font:24px Georgia,serif}
body[data-step=design] [data-theme=romance] .design-cover{background:#fff3f6}
body[data-step=design] [data-theme=romance] .design-cover img{inset:17% 13% 14%;width:74%;height:69%;border-radius:50%}
body[data-step=design] [data-theme=romance] .design-name{top:5%;bottom:auto;color:#905969;font:22px Georgia,serif}
body[data-step=design] [data-theme=editorial] .design-name{font:38px Arial,sans-serif;text-align:left;left:24px;bottom:28px}
body[data-step=design] [data-theme=night] .design-name{font:32px Georgia,serif;bottom:35px}
body[data-step=design] [data-theme=letter] .design-cover{display:flex;align-items:center;justify-content:center;font:38px Georgia,serif;color:#41514c;text-align:center;border-top:6px solid #a6b2a6}
body[data-step=design] .design-caption{padding:20px 0 7px;font:20px 'Nanum Myeongjo',serif}
body[data-step=design] .design-caption small{font:12px Arial,sans-serif;margin-top:9px;color:#89918a}
body[data-step=design] .sample-link{width:auto;padding:9px 0;background:none;border:0;border-bottom:1px solid #a5b4a9;border-radius:0;font-size:12px;color:#3e5b47}
body[data-step=design] .field{max-width:680px;margin:50px auto 20px}
body[data-step=design] #to-info{display:block;width:220px;margin:0 auto}
.primary{background:#3d5747;border-color:#3d5747;border-radius:3px}.secondary{border-radius:3px}
.workspace h1{font-family:'Nanum Myeongjo',serif}.preview-workspace{background:#f1f4f1}
@media(max-width:850px){.studio-header{padding:0 22px;height:84px}.brand{font-size:25px}body[data-step=design] .workspace{padding:24px 24px 48px}body[data-step=design] .design-list{gap:30px 22px}.collection-heading h1{font-size:40px}body[data-step=design] [data-theme=editorial] .design-name{font-size:27px}}
@media(max-width:520px){.studio-header{padding:0 16px}.brand{font-size:23px}body[data-step=design] .workspace{padding:20px 20px 40px}body[data-step=design] .steps{margin-bottom:32px}.collection-heading h1{font-size:36px}.collection-heading p{font-size:14px}.collection-filter{gap:24px;margin-bottom:30px}body[data-step=design] .design-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}body[data-step=design] .design-caption{font-size:16px}body[data-step=design] .design-name{font-size:18px!important}body[data-step=design] [data-theme=letter] .design-cover{font-size:24px}body[data-step=design] .design-caption small{font-size:11px}.header-tools select{max-width:100px}}
@media(prefers-reduced-motion:reduce){.design-cover{transition:none!important}}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;max-width:none!important}
.steps button{min-height:40px;padding:8px 4px;font-size:12px;white-space:normal}
body[data-step=design] .steps{max-width:680px!important}
.pattern-picker{border:0;border-top:1px solid #dde3de;padding:28px 0 0;margin:38px auto 0;max-width:680px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pattern-picker legend{padding:0 12px 0 0;font-size:16px}
.pattern-picker label{display:flex;align-items:flex-start;gap:10px;padding:14px 0;cursor:pointer}
.pattern-picker input{width:16px;height:16px;margin:2px 0 0;accent-color:#3d5747;flex-shrink:0}
.pattern-picker span{font-size:14px;line-height:1.5}.pattern-picker small{display:block;font-size:11px;color:#6b756e;margin-top:5px}
body[data-step=design] .field{margin-top:26px}
#to-share{margin-top:24px}
.mobile-invitation[data-theme=editorial] .section-label{text-align:left;display:block}.mobile-invitation[data-theme=editorial] .invitation-section{text-align:left;border-top:1px solid #ddd}
.mobile-invitation[data-theme=letter] .copy{text-align:left;line-height:2.2}
.mobile-invitation[data-theme=romance] .copy{line-height:2.3}
[hidden]{display:none!important}
.selection-tabs{display:flex;justify-content:center;gap:30px;border-bottom:1px solid #dce3df;margin:20px 0}
.selection-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:14px 18px;font-size:16px;color:#737d77}
.selection-tabs button[aria-selected=true]{border-color:#3d5747;color:#253e2e}
.combination{text-align:center;font-size:14px;margin:24px 0 36px;color:#374c3d}.combination span{margin:0 16px;color:#8a938d}
.structure-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.structure-pick{background:#fff;border:1px solid #dce3df;border-radius:4px;text-align:left;padding:20px;color:#354039}
.structure-pick.selected{outline:2px solid #3d5747;outline-offset:3px}.structure-pick strong{font-size:16px;font-weight:500;display:block;margin-bottom:18px}
.structure-map{display:flex;flex-direction:column;gap:8px}.structure-block{display:flex;align-items:center;gap:12px;font-size:12px;padding:13px;background:#f3f5f4;min-height:44px}
.structure-block span{font-size:11px;color:#77817a}.structure-block[data-kind=invitation]{min-height:70px;background:#f5edf1}.structure-block[data-kind=location]{background:#eef2f8}
.structure-block img{width:38px;height:46px;object-fit:cover}.structure-block[data-kind=gallery]{background:#edf4ef}
@media(max-width:650px){.structure-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.structure-pick{padding:12px}.structure-pick strong{font-size:14px}.structure-block{padding:8px;gap:6px}.combination{line-height:1.8}}
@media(max-width:520px){.pattern-picker{grid-template-columns:1fr}.header-tools{gap:8px}.header-tools select{max-width:96px}.steps button{font-size:11px}}