.sj-studio{color:#344b3e}.sj-heading,.sj-detail-head,.sj-selection-top{justify-content:space-between;align-items:center;gap:24px;display:flex}.sj-list-actions{justify-content:flex-end;margin-bottom:24px;display:flex}.sj-heading h2,.sj-create h2{font-family:Songti SC,STSong,serif;font-size:30px;font-weight:400}.sj-heading p,.sj-settings p{color:#808879;line-height:1.8}.sj-albums{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.sj-album{text-align:left;color:#344b3e;background:#eeeee5;border:1px solid #dfe3d7;min-height:230px;padding:30px}.sj-album h3{margin:28px 0 12px;font-family:Songti SC,serif;font-size:24px;font-weight:400}.sj-album footer{border-top:1px solid #d5dacd;justify-content:space-between;margin-top:25px;padding-top:22px;display:flex}.sj-album:hover{background:#e5e8dd}.sj-create,.sj-settings,.sj-publish{padding:32px}.sj-create{max-width:900px}.sj-create .eyebrow{margin-top:40px}.sj-create .form-grid{margin:30px 0}.sj-detail-head{margin:10px 0 24px}.sj-heading{padding:16px 0 26px}.sj-heading h2{margin:12px 0}.sj-tabs{margin-bottom:28px}.sj-steps{border-bottom:1px solid #dce1d6;gap:20px;margin-bottom:30px;display:flex}.sj-steps button{color:#93998d;background:0 0;border:0;padding:18px 12px}.sj-steps button span{margin-right:10px;font:italic 22px Georgia,serif}.sj-steps .active{color:#344b3e;border-bottom:2px solid #344b3e}.sj-workspace{grid-template-columns:minmax(0,1fr) 260px;gap:24px;display:grid}.sj-side{align-self:start;padding:26px;position:sticky;top:20px}.sj-side h3{margin:24px 0;font:25px/1.6 Songti SC,serif}.sj-side p{color:#8b9383;line-height:1.8}.sj-side dl{border-top:1px solid #e5e8e0;grid-template-columns:1fr auto;gap:16px;margin-top:24px;padding:24px 0;display:grid}.sj-side dd{margin:0}.sj-side .button{width:100%;font-size:12px}.sj-drop{text-align:center;background:#f0f1e9;border:1px dashed #abb6a3;padding:48px 20px}.sj-drop h3{font:24px Songti SC,serif}.sj-drop p{color:#89917f;font-size:12px}.sj-drop .actions{justify-content:center;margin:24px 0 0}.sj-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0;display:grid}.sj-photo-grid article{background:#fff;border:1px solid #e0e3db;overflow:hidden}.sj-photo-grid article.cover{outline:2px solid #758367}.sj-photo-grid article>img{object-fit:cover;width:100%;height:210px;display:block}.sj-photo-meta{align-items:center;gap:10px;padding:12px;font-size:11px;display:flex}.sj-photo-meta b{font:17px Georgia,serif}.sj-photo-meta span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sj-photo-actions{flex-wrap:wrap;gap:8px;padding:0 10px 12px;display:flex}.sj-photo-actions button{color:#67785c;background:0 0;border:0;font-size:11px}.sj-photo-actions input{border:1px solid #e4e8df;width:calc(50% - 4px);min-width:0;padding:5px;font-size:11px}.sj-processing{color:#9b9e92;background:#eeeee8;place-items:center;height:210px;display:grid}.sj-progress{background:#f0f2eb;max-height:300px;margin:18px 0;padding:18px;overflow:auto}.sj-progress>div{grid-template-columns:1fr 100px 1fr;gap:12px;padding:8px 0;font-size:12px;display:grid}.sj-progress span,.sj-progress small{overflow-wrap:anywhere}.sj-progress progress{accent-color:#344b3e;width:100%}.sj-invitation-layout{grid-template-columns:minmax(320px,.85fr) 1fr;align-items:start;gap:40px;display:grid}.sj-invitation{text-align:center;background:#f9f8f4;border:1px solid #e0e0d4;max-width:500px;padding:35px 28px;box-shadow:0 10px 35px #2633260a}.sj-invitation>.eyebrow{letter-spacing:2px;font-size:9px}.sj-invitation>img:not(.sj-qr){object-fit:cover;width:100%;height:370px;margin:28px 0}.sj-invitation h3{margin:10px 0 12px;font:400 27px/1.5 Songti SC,serif}.sj-invitation small{color:#939789;letter-spacing:2px;font-size:10px;display:block}.sj-invitation p{white-space:pre-line;margin:24px 0;font:15px/1.9 Songti SC,serif}.sj-invitation .sj-qr{width:110px;height:110px;margin:0 auto 20px}.sj-qr-pending{color:#929987;margin:30px;font-size:11px;display:block}.sj-text-cover{border:1px solid #d7dbcf;place-content:center;height:370px;margin:28px 0;font:38px/1.8 Songti SC,serif;display:grid}.sj-settings .field{margin-bottom:20px}.sj-settings hr{border:0;border-top:1px solid #e3e6dd;margin:30px 0}.sj-settings h3{font:24px/1.5 Songti SC,serif}.sj-share-row{align-items:center;gap:16px;margin:20px 0;font-size:12px;display:flex}.sj-share-row button,.sj-payment button{color:#526a45;cursor:pointer;background:0 0;border:0;text-decoration:underline}.sj-code{background:#eff2e8;margin:18px 0;padding:20px}.sj-code code{letter-spacing:3px;-webkit-user-select:all;user-select:all;margin:12px 0;font-size:22px;display:block}.sj-publish{padding:64px}.sj-publish h3{font:30px/1.7 Songti SC,serif}.sj-publish-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin:40px 0;display:grid}.sj-publish-grid small{color:#969d8d;margin-bottom:12px;display:block}.sj-publish-grid strong{font-weight:500}.sj-note{white-space:pre-wrap;padding:0 12px;font-size:12px;line-height:1.6}.sj-payment{border-top:1px solid #e1e6da;justify-content:space-between;gap:15px;padding:20px 0;display:flex}.sj-payment b{font:24px Georgia,serif}.sj-payment small{color:#959b8d;margin-top:8px;display:block}.sj-map{grid-template-columns:1fr 1fr;gap:20px;margin:15px 0;display:grid}.sj-map span{overflow-wrap:anywhere}.sj-studio .actions{flex-wrap:wrap}.sj-settings>.button{margin:16px 0}.sj-publish p{color:#8c9482;line-height:1.8}@media (width>=1500px){.sj-photo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1100px){.sj-workspace{grid-template-columns:1fr}.sj-side{position:static}.sj-albums{grid-template-columns:repeat(2,minmax(0,1fr))}.sj-invitation-layout{grid-template-columns:1fr 1fr;gap:20px}.sj-invitation>img:not(.sj-qr){height:260px}}@media (width<=700px){.sj-selection-top{flex-direction:column;align-items:flex-start}.sj-albums,.sj-invitation-layout{grid-template-columns:1fr}.sj-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sj-photo-grid article>img{height:160px}.sj-settings,.sj-create,.sj-publish{padding:22px}.sj-heading h2{font-size:26px}.sj-steps{gap:0}.sj-steps button{padding:14px 6px;font-size:11px}.sj-steps button span{margin-right:5px;font-size:15px}.sj-publish-grid{grid-template-columns:1fr 1fr}.sj-progress>div{grid-template-columns:1fr 65px}.sj-progress small{grid-column:1/-1}.sj-share-row{flex-wrap:wrap}.sj-map{grid-template-columns:1fr}.sj-invitation{max-width:none}.sj-invitation>img:not(.sj-qr){height:350px}}.sj-invitation{position:relative}.sj-invitation.text-top h3{background:#f9f8f4ed;padding:18px;font-size:22px;position:absolute;top:105px;left:28px;right:28px}.sj-invitation.text-top>p{background:#f9f8f4ed;margin:0;padding:12px;font-size:13px;position:absolute;top:180px;left:28px;right:28px}.sj-invitation input[type=range]{accent-color:#344b3e}