.home{--ink:#0e6089;--blue:#226c97;--stage-height:calc(100svh - 480px);--stage-width:min(280px,calc(var(--stage-height)*.75));color:var(--ink)}
.home #header{height:116px;padding-top:36px}.home .brand img{top:-43px}.home #content{top:116px}.home .intro{position:absolute;top:6px;left:20px;right:20px;margin:0;font-size:16px;font-weight:600;line-height:26px}.home .modes{position:absolute;top:48px;left:20px;right:20px;height:34px;gap:8px;margin:0}.home .mode{min-height:34px;font-size:15px}.home .mode.selected{background:linear-gradient(110deg,#70a0bd,#3c83ac)}
.home-upload-stage{position:absolute;top:96px;left:50%;transform:translateX(-50%);width:var(--stage-width);height:var(--stage-height)}.home .home-upload-stage .upload-grid{height:100%;margin:0;gap:10px}.home .home-upload-stage .upload-card{height:100%!important;border-radius:16px}.home .home-upload-stage .upload-grid.multiple{grid-template-rows:1fr 1fr}.home .home-upload-stage:has(.add-row) .upload-grid{height:calc(100% - 43px)}.home .home-upload-stage .add-row{margin:8px 0 0;height:35px}.home .add-person{height:35px;min-height:35px;font-size:12px;padding:4px 16px}.home .home-upload-stage .single .photo-symbol{width:66px;height:66px;margin-bottom:10px}.home .home-upload-stage .single .upload-button{gap:10px}.home .home-upload-stage .single .upload-button strong{font-size:23px;font-weight:600}.home .home-upload-stage .single .photo-hint{font-size:12px;font-weight:600}.home .home-upload-stage .two .photo-symbol{width:42px;height:42px}.home .home-upload-stage .two .upload-button strong{font-size:18px;font-weight:600}.home .home-upload-stage .multiple .upload-button strong{font-size:16px;font-weight:600}.home .home-upload-stage .multiple .photo-symbol{width:36px;height:36px}.home .home-upload-stage .multiple .person-label{font-size:13px}.home .home-upload-stage .multiple .photo-hint{font-size:10px}
.home-style-section{position:absolute;left:50%;transform:translateX(-50%);bottom:10px;width:var(--stage-width);height:146px}.home .home-style-section h2{font-size:19px;font-weight:600;line-height:26px;margin:0 0 8px}.home .home-style-section .style-card{height:112px;padding-top:3px;padding-left:5px;padding-right:5px}.home .style-label{font-size:14px;font-weight:600}.home .style-card.selected{border-color:var(--blue)}.home #primary-action{background:linear-gradient(100deg,#2b739c,#1e6794);font-size:22px}
@media(max-height:780px){.home{--stage-height:calc(100svh - 422px)}.home #header{height:90px;padding-top:16px}.home #content{top:90px}.home .intro{top:2px;font-size:15px}.home .modes{top:40px}.home-upload-stage{top:86px}.home-style-section{bottom:8px;height:128px}.home .home-style-section h2{line-height:24px;font-size:17px}.home .home-style-section .style-card{height:96px}.home .home-upload-stage .single .photo-symbol{width:54px;height:54px}.home .home-upload-stage .single .upload-button strong{font-size:21px}.home .home-upload-stage .single .photo-hint{font-size:10px}.home .home-upload-stage .multiple .photo-symbol{width:28px;height:28px}.home .home-upload-stage .multiple .upload-button strong{font-size:15px}.home .home-upload-stage .multiple .upload-button{gap:2px}.home .home-upload-stage .two .upload-button strong{font-size:16px}.home .home-upload-stage .two .photo-hint{font-size:10px}}