.header-title-group{display:flex;align-items:center;gap:3px;margin-left:auto;flex:none}.header-title-group .header-title{margin:0}.share-anchor{position:relative}#share-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:11px;border:0;background:transparent;color:#000}#share-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:square;stroke-linejoin:miter}#share-menu{position:absolute;top:calc(100% + 5px);right:0;width:220px;padding:5px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 7px 25px #252b1e20;z-index:60}#share-menu button{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:46px;text-align:left;border:0;background:transparent;font-size:13px}
.postcard-dialog{width:min(420px,calc(100% - 28px));max-height:calc(100dvh - 32px);padding:20px;border:1px solid var(--line);border-radius:14px;background:#fffdf9;color:var(--dark);box-shadow:0 12px 45px #2c352025;overflow:auto}.postcard-dialog::backdrop{background:#1b211e55}.postcard-dialog header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.postcard-dialog h2{margin:0;font-size:16px}.postcard-dialog header button{border:0;background:transparent;font-size:24px;min-width:44px;min-height:44px;padding:4px}.postcard-dialog p{font-size:12px;line-height:1.7;color:#72766b}.postcard-dialog .download-options{display:grid;gap:10px}.postcard-dialog .download-options button{min-height:56px;text-align:left;font-size:13px}.postcard-dialog small{display:block;font-size:11px;color:#777a71;margin-top:5px;line-height:1.6}.postcard-dialog img{display:block;max-width:100%;max-height:40dvh;margin:12px auto;object-fit:contain}.postcard-dialog input{font-size:16px;margin:8px 0}.postcard-dialog .output-action{width:100%;margin-top:10px;min-height:44px}.postcard-dialog a{display:block;min-height:44px;padding:12px;text-align:center;color:inherit;font-size:12px}.postcard-dialog .error{color:#a43f31}.postcard-dialog [role=status]{min-height:20px}.postcard-dialog .kakao-action{background:#fee500;border-color:#fee500;color:#191919}
@media(max-width:900px){.header-title-group{gap:0}.header-title-group .header-title{white-space:nowrap}.orientation{margin-left:auto}.postcard-dialog{padding:16px}}
@media(max-width:375px){.header-title-group .header-title{display:none}}