:root{font-family:Noto Sans KR,Pretendard,sans-serif;color:#1f2937;--brand-gradient: linear-gradient(157.67deg, #5d8bff 5.32%, #d4e4fe 94.68%);--brand-blue: #487aff}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:var(--brand-gradient)}a{color:inherit;text-decoration:none}main{width:100%;height:100%}.app-shell{height:100svh;overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) clamp(16px,4vw,24px) max(16px,env(safe-area-inset-bottom));background:var(--brand-gradient)}.page{background:#fff;border-radius:16px;padding:clamp(18px,3vw,24px);box-shadow:0 8px 24px #1f293714;width:min(100%,920px);font-size:clamp(14px,1.8vw,16px)}.page h1{margin-top:0;font-size:clamp(20px,3vw,28px)}.page p,.info-list{margin:0}.info-list{padding-left:20px;display:grid;gap:6px;line-height:1.45}.path-chip{display:inline-block;padding:4px 10px;border-radius:9999px;background:#e5edff;color:#1d4ed8;font-size:12px;margin-bottom:12px}.nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:20px}.nav-card{border:1px solid #dbe7ff;border-radius:12px;padding:14px;background:#f7faff}.nav-card strong{display:block;margin-bottom:6px}.download-actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.download-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff;color:#1e3a8a;padding:10px 14px;font-weight:600}.qr-page-shell{min-height:100svh;overflow-y:auto;display:flex;justify-content:center;align-items:stretch;background:#e4ebff}.qr-page{position:relative;width:min(100%,393px);min-height:100svh;background:#e4ebff}.qr-page-notch-highlight{position:absolute;top:max(28px,env(safe-area-inset-top));left:50%;width:108px;height:20px;transform:translate(-50%);background:#e4ebff}.qr-page-frame{min-height:100svh;padding:clamp(44px,8svh,68px) clamp(24px,12.72vw,50px) clamp(20px,4svh,24px);display:flex;justify-content:center}.qr-page-content{width:min(100%,293px);display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2vh,16px)}.qr-page-header{width:100%;display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.6vh,10px)}.qr-brand-block{width:min(100%,194px);display:flex;flex-direction:column;align-items:center;gap:clamp(16px,3vh,24px)}.qr-brand-stack{display:flex;flex-direction:column;align-items:center;gap:4px}.qr-brand-logo{width:min(168.509px,43vw);height:auto}.qr-brand-cross{margin:0;color:#000;font-family:ABeeZee,Noto Sans KR,sans-serif;font-size:clamp(18px,2.8vh,20px);line-height:1}.qr-brand-wordmark{width:min(144.817px,37vw);height:auto}.qr-page-note{margin:0;color:#000;font-size:clamp(12px,1.9vh,14px);line-height:1.43;text-align:center}.qr-preview{width:min(100%,293px);aspect-ratio:447 / 678;overflow:hidden;background:#bebebe}.qr-preview-photo{position:relative;width:100%;height:100%}.qr-preview-image{width:100%;height:100%;display:block;object-fit:cover}.qr-preview-sticker{position:absolute;right:12px;bottom:12px;font-size:clamp(20px,3.2vh,28px);line-height:1;filter:drop-shadow(0 3px 8px rgba(0,0,0,.32))}.qr-download-button{min-width:115px;min-height:32.612px;padding:6.803px 28px 6.494px;border:none;border-radius:24.739px;background:#fff;color:#000;box-shadow:0 4px 5.8px #3f53876b;display:inline-flex;align-items:center;justify-content:center;font-size:14.411px;line-height:1.19;text-decoration:none}.qr-download-button.is-disabled{opacity:.45;pointer-events:none}@media (max-height: 760px){.qr-page-notch-highlight{top:max(16px,env(safe-area-inset-top))}.qr-page-frame{padding-top:clamp(28px,5svh,44px);padding-bottom:clamp(16px,3svh,20px)}.qr-page-content{gap:12px}.qr-brand-block{gap:14px}.qr-preview{width:min(100%,250px)}}@media (min-width: 720px) and (max-height: 760px),(min-width: 980px){.qr-page-shell{padding:max(16px,env(safe-area-inset-top)) clamp(20px,4vw,36px) max(16px,env(safe-area-inset-bottom));align-items:center}.qr-page{width:min(100%,1080px);min-height:auto;border-radius:32px;overflow:hidden;box-shadow:0 24px 64px #3f53872e}.qr-page-notch-highlight{display:none}.qr-page-frame{min-height:auto;padding:clamp(28px,4vw,56px) clamp(28px,5vw,64px) clamp(28px,4vw,48px);align-items:center}.qr-page-content{width:min(100%,920px);gap:clamp(20px,3vh,28px)}.qr-page-header{flex-direction:row;align-items:center;justify-content:center;gap:clamp(32px,5vw,88px)}.qr-brand-block{width:clamp(220px,26vw,300px);flex-shrink:0}.qr-brand-logo{width:min(100%,240px)}.qr-brand-wordmark{width:min(100%,184px)}.qr-page-note{font-size:15px}.qr-preview{width:min(100%,384px);max-width:384px;flex-shrink:0}.qr-download-button{min-width:164px;min-height:44px;padding:10px 40px;font-size:16px}}.home-figma-page,.frame-select-page,.frame-design-page,.quantity-page,.camera-page,.select-page,.edit-page,.print-preparing-page,.print-page{height:100svh;overflow:hidden;display:flex;justify-content:center;align-items:stretch;background:var(--brand-gradient)}.home-figma-frame,.frame-select-frame,.frame-design-frame,.quantity-frame,.camera-frame,.select-frame,.edit-frame,.print-preparing-frame,.print-frame{width:100%;max-width:1024px;height:100%;overflow:hidden}.select-done,.edit-submit,.quantity-start,.camera-next,.frame-design-confirm,.frame-select-confirm,.home-figma-start-button,.print-home-button{border:none;border-radius:999px;background:#fff;color:var(--brand-blue);font-family:inherit;font-weight:600;cursor:pointer;flex-shrink:0}.frame-design-back,.quantity-back{border:none;border-radius:48px;background:#fff;color:var(--brand-blue);font-family:inherit;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:clamp(8px,1.4vw,16px);flex-shrink:0}.frame-design-back .back-arrow,.quantity-back .back-arrow{width:clamp(12px,2.2vw,24px);height:clamp(12px,2.2vw,24px);border-left:clamp(2px,.28vw,3px) solid #000;border-bottom:clamp(2px,.28vw,3px) solid #000;transform:rotate(45deg);flex-shrink:0}.home-figma-frame{position:relative;display:flex;flex-direction:column;align-items:center;padding:max(40px,env(safe-area-inset-top)) clamp(20px,5vw,48px) max(32px,env(safe-area-inset-bottom))}.home-figma-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(336.52deg,#ffa484 5.16%,#5d8bff 94.84%);z-index:0}.home-figma-brand{position:relative;z-index:1;width:min(572px,100%);display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2.5svh,33px);margin-top:clamp(40px,28svh,410px)}.home-figma-logo{width:min(488px,100%);height:auto;object-fit:contain}.home-figma-cross{margin:0;color:#fff;font-family:ABeeZee,sans-serif;font-size:clamp(28px,5.2svh,60px);line-height:1.1}.home-figma-subtitle{margin:0;color:#fff;font-family:Cherry Cream Soda,serif;font-size:clamp(28px,5.4svh,61px);line-height:1.1}.home-figma-start-button{position:relative;z-index:1;width:min(540px,100%);height:clamp(52px,9svh,121px);font-size:clamp(20px,3.8svh,46px);line-height:1.5;margin-top:auto;margin-bottom:max(24px,env(safe-area-inset-bottom))}.frame-select-frame{display:grid;grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;gap:clamp(10px,2svh,28px);padding:max(16px,env(safe-area-inset-top)) clamp(16px,4vw,48px) max(16px,env(safe-area-inset-bottom))}.frame-select-title{margin:0;text-align:center;color:#fff;font-size:clamp(20px,3.6svh,50px);line-height:1.2;font-weight:500}.frame-select-grid{align-self:stretch;width:min(100%,760px);min-height:0;overflow:hidden;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(8px,1.5vw,22px)}.frame-select-item{width:100%;height:100%;max-height:100%;aspect-ratio:368 / 352;border:none;border-radius:20px;background:#fff;cursor:pointer;padding:0;overflow:hidden}.frame-select-item.is-selected{border:4px solid #ff6936}.frame-select-confirm{width:min(359px,100%);height:clamp(48px,7.5svh,96px);font-size:clamp(16px,2.8svh,36px);line-height:1}.frame-design-frame{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(8px,1.6svh,24px) clamp(10px,1.8vw,20px);padding:max(16px,env(safe-area-inset-top)) clamp(16px,4vw,48px) max(16px,env(safe-area-inset-bottom));align-items:center}.frame-design-back{grid-row:1;grid-column:1;width:clamp(120px,20vw,217px);height:clamp(38px,5.5svh,67px);padding:0 clamp(10px,2vw,30px);font-size:clamp(13px,2vw,28px)}.frame-design-timer{grid-row:1;grid-column:2;justify-self:end;margin:0;padding:clamp(6px,1svh,10px) clamp(8px,1.4vw,14px);border-radius:42px;background:#636363;display:flex;align-items:center;justify-content:center;color:#fff;font-size:clamp(22px,3.6svh,50px);line-height:1;font-weight:500;min-width:52px}.frame-design-options{grid-row:2;grid-column:1 / -1;align-self:stretch;justify-self:center;width:min(100%,824px);min-height:0;overflow:hidden;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(10px,1.6vw,22px)}.frame-option{flex:1 1 0;min-width:0;min-height:0;aspect-ratio:401 / 714.405;max-height:56svh;max-width:100%;border-radius:clamp(14px,3vw,34px);border:2px solid #e4ebff;background:#c9c9c9;box-shadow:6px 6px 7.8px #0000006e;position:relative;overflow:hidden;cursor:pointer;padding:0}.frame-option.is-selected{border-color:#ff6936;background:#ffe9e1}.frame-option-check{position:absolute;top:8.12%;left:50%;transform:translate(-50%);width:clamp(32px,8%,58px);height:auto;aspect-ratio:1;border-radius:999px;border:none;background:url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20width='100%25'%20height='100%25'%20overflow='visible'%20style='display:%20block;'%20viewBox='0%200%2058%2058'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='Vector'%20d='M29%200C12.9838%200%200%2012.9838%200%2029C0%2045.0171%2012.9838%2058%2029%2058C45.0171%2058%2058%2045.0171%2058%2029C58%2012.9838%2045.0171%200%2029%200ZM29%2054.4321C15.0084%2054.4321%203.625%2042.9916%203.625%2028.9999C3.625%2015.0083%2015.0084%203.62489%2029%203.62489C42.9916%203.62489%2054.375%2015.0083%2054.375%2028.9999C54.375%2042.9914%2042.9916%2054.4321%2029%2054.4321ZM40.5737%2018.3887L23.5588%2035.5105L15.8965%2027.8482C15.1887%2027.1404%2014.0414%2027.1404%2013.3327%2027.8482C12.6249%2028.5559%2012.6249%2029.7032%2013.3327%2030.411L22.3037%2039.3829C23.0114%2040.0898%2024.1588%2040.0898%2024.8674%2039.3829C24.949%2039.3013%2025.0188%2039.2125%2025.0823%2039.1201L43.1384%2020.9524C43.8453%2020.2447%2043.8453%2019.0973%2043.1384%2018.3887C42.4297%2017.6809%2041.2824%2017.6809%2040.5737%2018.3887Z'%20fill='var(--fill-0,%20%23487AFF)'/%3e%3c/svg%3e") center / contain no-repeat;color:transparent;z-index:2}.frame-option.is-selected .frame-option-check{background-image:url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20width='100%25'%20height='100%25'%20overflow='visible'%20style='display:%20block;'%20viewBox='0%200%2058%2058'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='Vector'%20d='M29%200C12.9838%200%200%2012.9838%200%2029C0%2045.0171%2012.9838%2058%2029%2058C45.0171%2058%2058%2045.0171%2058%2029C58%2012.9838%2045.0171%200%2029%200ZM29%2054.4321C15.0084%2054.4321%203.625%2042.9916%203.625%2028.9999C3.625%2015.0083%2015.0084%203.62489%2029%203.62489C42.9916%203.62489%2054.375%2015.0083%2054.375%2028.9999C54.375%2042.9914%2042.9916%2054.4321%2029%2054.4321ZM40.5737%2018.3887L23.5588%2035.5105L15.8965%2027.8482C15.1887%2027.1404%2014.0414%2027.1404%2013.3327%2027.8482C12.6249%2028.5559%2012.6249%2029.7032%2013.3327%2030.411L22.3037%2039.3829C23.0114%2040.0898%2024.1588%2040.0898%2024.8674%2039.3829C24.949%2039.3013%2025.0188%2039.2125%2025.0823%2039.1201L43.1384%2020.9524C43.8453%2020.2447%2043.8453%2019.0973%2043.1384%2018.3887C42.4297%2017.6809%2041.2824%2017.6809%2040.5737%2018.3887Z'%20fill='var(--fill-0,%20white)'/%3e%3c/svg%3e")}.frame-option>img{position:absolute;left:24px;top:28.275%;width:calc(100% - 48px);height:58.369%;object-fit:cover}.frame-option-stack{position:absolute;left:19.2%;top:30.23%;width:65.65%;height:50.67%}.frame-option-stack img{position:absolute;width:80.6%;height:85.24%;object-fit:cover}.frame-option-stack img:first-child{left:19.4%;top:0}.frame-option-stack img:last-child{left:0;top:14.75%}.frame-design-confirm{grid-row:3;grid-column:1 / -1;width:min(359px,100%);height:clamp(48px,7.5svh,96px);margin:0 auto;font-size:clamp(16px,2.8svh,36px);line-height:1}.quantity-frame{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(8px,1.6svh,24px) clamp(10px,1.8vw,20px);padding:max(16px,env(safe-area-inset-top)) clamp(16px,4vw,48px) max(16px,env(safe-area-inset-bottom));align-items:center}.quantity-back{grid-row:1;grid-column:1;width:clamp(120px,20vw,217px);height:clamp(38px,5.5svh,67px);padding:0 clamp(10px,2vw,30px);font-size:clamp(13px,2vw,28px)}.quantity-timer{grid-row:1;grid-column:2;justify-self:end;margin:0;color:#fff;font-size:clamp(22px,3.6svh,50px);line-height:1;font-weight:500}.quantity-content{grid-row:2;grid-column:1 / -1;min-height:0;width:min(100%,797px);justify-self:center;align-self:center;display:flex;flex-direction:column;align-items:center;gap:clamp(16px,2.4svh,40px)}.quantity-title{width:100%;margin:0;text-align:center;color:#fff;font-size:clamp(32px,3.6svh,50px);line-height:1.2;font-weight:500}.quantity-preview-stack{position:relative;flex-shrink:0;aspect-ratio:295.272 / 405.997;width:clamp(220px,24svh,295px);max-height:40svh}.quantity-preview-stack img{position:absolute;width:80.6%;height:auto;aspect-ratio:238 / 346;object-fit:cover}.quantity-preview-stack img:first-child{right:0;top:0}.quantity-preview-stack img:last-child{left:0;bottom:0}.quantity-control-panel{width:min(100%,797px);min-height:135px;border-radius:20px;background:#e4ebff;padding:26px 62px;display:flex;align-items:center}.quantity-stepper-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.quantity-stepper-row p{margin:0;color:#000;font-size:clamp(28px,3.2svh,44px);font-weight:700;line-height:1.2}.quantity-stepper{width:clamp(260px,31vw,308px);height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0}.quantity-stepper-icon{width:60.714px;height:60.714px;border:none;border-radius:999px;background:#e2e2e2;color:#636363;font-size:52px;font-weight:500;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding-bottom:6px}.quantity-stepper-value{width:116px;height:82px;border-radius:21.857px;background:#fff;display:flex;align-items:center;justify-content:center}.quantity-stepper-value strong{font-size:49.947px;font-weight:500;color:#000;line-height:1}.quantity-start{grid-row:3;grid-column:1 / -1;width:min(540px,100%);height:clamp(48px,8.5svh,121px);margin:0 auto;font-size:clamp(28px,3.6svh,56px);color:#636363;box-shadow:0 4px 5.8px #3f53876b;line-height:1}.camera-page,.camera-frame{background:#3f3f3f!important}.camera-page--loading,.camera-page--loading .camera-frame,.camera-page--prepare,.camera-page--prepare .camera-frame{background:var(--brand-gradient)!important}.camera-page--capture,.camera-page--capture .camera-frame{background:#3f3f3f!important}.camera-shell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(10px,1.8svh,28px);padding:max(16px,env(safe-area-inset-top)) clamp(16px,4vw,56px) max(16px,env(safe-area-inset-bottom)) clamp(16px,4vw,56px)}.camera-loading-shell{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(12px,2.4svh,24px);padding:max(16px,env(safe-area-inset-top)) clamp(16px,4vw,56px) max(16px,env(safe-area-inset-bottom)) clamp(16px,4vw,56px)}.camera-loading-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(18px,3.2svh,36px)}.camera-loading-mark{width:clamp(220px,34vw,356px);aspect-ratio:356 / 251;height:auto;display:flex;align-items:center;justify-content:center}.camera-loading-mark>svg,.print-preparing-lottie>svg{width:100%;height:100%;display:block}.camera-loading-text{margin:0;color:#2c4ea7;font-size:clamp(22px,3.2svh,40px);font-weight:700;line-height:1.2;text-align:center}.camera-prepare-shell{height:100%;display:flex;align-items:stretch;justify-content:center;flex-direction:column;gap:clamp(12px,2.4svh,24px);padding:max(16px,env(safe-area-inset-top)) clamp(16px,4vw,56px) max(16px,env(safe-area-inset-bottom)) clamp(16px,4vw,56px)}.camera-prepare-topbar{display:flex;justify-content:flex-end}.camera-prepare-timer{margin:0;min-width:clamp(48px,8vw,88px);padding:clamp(6px,1svh,12px) clamp(8px,1.4vw,18px);border-radius:999px;background:#1f293747;color:#fff;font-size:clamp(18px,3.2svh,50px);font-weight:700;line-height:1;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.camera-prepare-copy{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,1.8svh,18px);text-align:center}.camera-prepare-title{margin:0;color:#2c4ea7;font-size:clamp(28px,4svh,50px);font-weight:700;line-height:1.2}.camera-prepare-subtitle{margin:0;color:#3f5aa8;font-size:clamp(22px,3.2svh,40px);font-weight:600;line-height:1.25}.camera-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.camera-progress-chip{display:inline-flex;align-items:center;gap:clamp(6px,1vw,12px);padding:clamp(6px,1svh,12px) clamp(8px,1.4vw,18px);border-radius:999px;background:#ffffff2e;color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 12px 30px #1e3a8a2e}.camera-progress-chip-label{font-size:clamp(10px,1.5svh,15px);font-weight:600;opacity:.86}.camera-progress-chip strong{font-size:clamp(13px,2svh,22px);line-height:1}.camera-timer{margin:0;min-width:clamp(48px,8vw,88px);padding:clamp(6px,1svh,12px) clamp(8px,1.4vw,18px);border-radius:999px;background:#1f293747;color:#fff;font-size:clamp(18px,3.2svh,50px);font-weight:700;line-height:1;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 12px 30px #1e3a8a2e}.camera-preview-card{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden}.camera-preview-card:before{content:"";position:absolute;inset:4% 8% auto;height:48%;border-radius:999px;background:radial-gradient(circle,#ffffff47,#fff0 68%);filter:blur(10px);pointer-events:none}.camera-preview{position:relative;width:min(100%,860px);max-height:100%;aspect-ratio:3 / 4;border-radius:clamp(14px,3vw,46px);background:linear-gradient(180deg,#ffffff1f,#fff0),#d9d9d980;border:1px solid rgba(255,255,255,.35);box-shadow:0 34px 80px #3b54b933,inset 0 1px #ffffff59;display:flex;align-items:center;justify-content:center;overflow:hidden}.camera-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#11182714,#1118274d);pointer-events:none}.camera-preview-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-preview-fallback{width:min(72%,420px);margin:0;color:#1f2937;font-size:clamp(15px,2.4svh,30px);font-weight:700;line-height:1.45;text-align:center}.camera-prep-shell{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.8svh,18px);padding:24px;text-align:center;position:relative;z-index:1}.camera-prep-mark{width:clamp(76px,20vw,148px);height:auto}.camera-prep-title{margin:0;color:#fff;font-size:clamp(18px,3svh,30px);font-weight:700;line-height:1.2}.camera-prep-subtitle{margin:0;color:#ffffffe6;font-size:clamp(13px,2svh,20px);line-height:1.4}.camera-bottom-panel{display:grid;justify-items:center;gap:clamp(6px,1.2svh,20px);flex-shrink:0}.camera-shot-count{color:#fff;text-align:center}.camera-shot-count p{margin:0;font-size:clamp(11px,1.8svh,22px);line-height:1.3;font-weight:600;opacity:.9}.camera-shot-count strong{display:block;margin-top:3px;font-size:clamp(20px,3.4svh,48px);line-height:1;font-weight:700}.camera-next{width:min(360px,100%);height:clamp(40px,6.5svh,64px);font-size:clamp(12px,1.8svh,20px)}.camera-skip{width:min(360px,100%);height:clamp(42px,6.8svh,66px);border:1px solid rgba(255,255,255,.45);border-radius:999px;background:#ffffff29;color:#fff;font-size:clamp(12px,1.8svh,20px);font-weight:600;cursor:pointer}.camera-capture-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffe6;z-index:3;pointer-events:none}.select-frame{display:grid;grid-template-columns:minmax(0,1fr) clamp(90px,18vw,208px);grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(8px,1.5svh,20px) clamp(8px,1.4vw,20px);padding:max(16px,env(safe-area-inset-top)) clamp(12px,3vw,40px) max(16px,env(safe-area-inset-bottom));align-items:center}.select-timer{grid-row:1;grid-column:2;justify-self:end;margin:0;color:#fff;font-size:clamp(22px,3.6svh,50px);line-height:1;font-weight:500}.select-title{grid-row:1;grid-column:1;margin:0;color:#fff;font-size:clamp(18px,3.2svh,50px);line-height:1.2;font-weight:500}.select-main-grid{grid-row:2;grid-column:1;align-self:stretch;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:clamp(4px,.8vw,10px)}.select-main-item{position:relative;width:100%;height:100%;padding:0;border:2px solid rgba(255,255,255,.18);background:#d9d9d924;color:#fff;font-size:clamp(11px,1.8svh,24px);line-height:1.2;font-weight:600;cursor:pointer;overflow:hidden;border-radius:16px}.select-main-item.is-selected{border-color:#ff6936;box-shadow:0 0 0 2px #ff693633}.select-main-item.is-empty{display:flex;align-items:center;justify-content:center;cursor:default;color:#fffc}.select-main-photo,.select-strip-photo{position:relative;width:100%;height:100%}.select-main-image,.select-strip-image{width:100%;height:100%;display:block;object-fit:cover}.select-main-order,.select-main-label,.select-strip-order{position:absolute;right:8px;top:8px;min-width:26px;height:26px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#111827d1;color:#fff;font-size:12px;font-weight:700;z-index:1}.select-strip{grid-row:2;grid-column:2;align-self:stretch;min-height:0;background:#000;padding:clamp(6px,1.2svh,20px) clamp(5px,1vw,14px) clamp(8px,1.4svh,22px);display:flex;flex-direction:column}.select-strip-item{position:relative;flex:1 1 0;min-height:0;background:#d9d9d9;overflow:hidden;margin-bottom:clamp(4px,.8svh,14px)}.select-strip-item.is-empty{display:flex;align-items:center;justify-content:center;color:#000;font-size:clamp(10px,1.6svh,20px);line-height:1;font-weight:500;background:#777}.select-strip-base{width:78%;height:clamp(8px,1.4svh,22px);background:#d9d9d9;margin:0 auto;flex-shrink:0}.select-done{grid-row:3;grid-column:1 / -1;width:min(540px,100%);height:clamp(48px,8.5svh,121px);margin:0 auto;font-size:clamp(18px,3.2svh,60px);line-height:1}.edit-frame{display:grid;grid-template-columns:clamp(120px,22vw,263px) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(8px,1.5svh,20px) clamp(8px,1.4vw,22px);padding:max(16px,env(safe-area-inset-top)) clamp(12px,3vw,40px) max(16px,env(safe-area-inset-bottom));align-items:center}.edit-timer{grid-row:1;grid-column:1 / -1;justify-self:end;margin:0;color:#fff;font-size:clamp(22px,3.6svh,50px);line-height:1;font-weight:500}.edit-strip{grid-row:2;grid-column:1;align-self:stretch;min-height:0;background:#000;padding:clamp(8px,1.6svh,30px) clamp(5px,1.2vw,16px) clamp(10px,1.8svh,34px);display:flex;flex-direction:column}.edit-strip-item{position:relative;flex:1 1 0;min-height:0;border:1px solid transparent;background:#d9d9d9;padding:0;overflow:hidden;margin-bottom:clamp(4px,.9svh,16px);cursor:pointer}.edit-strip-item.is-active{border-color:#ff6936;box-shadow:0 0 0 2px #ff693633}.edit-strip-photo{position:relative;width:100%;height:100%}.edit-strip-image{width:100%;height:100%;display:block;object-fit:cover}.edit-strip-sticker{position:absolute;right:8px;bottom:8px;font-size:clamp(14px,2svh,20px);line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.32))}.edit-strip-order{position:absolute;right:8px;top:8px;min-width:26px;height:26px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#111827d1;color:#fff;font-size:12px;font-weight:700;z-index:1}.edit-strip-base{width:78%;height:clamp(8px,1.6svh,26px);background:#d9d9d9;margin:0 auto;flex-shrink:0}.edit-workspace{grid-row:2;grid-column:2;align-self:stretch;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:clamp(10px,1.8svh,20px)}.edit-preview-card{min-height:0;border-radius:24px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);padding:clamp(10px,1.6svh,18px);display:flex;align-items:center;justify-content:center;overflow:hidden}.edit-preview-photo{position:relative;width:min(100%,420px);aspect-ratio:3 / 4;border-radius:18px;overflow:hidden;background:#d9d9d9}.edit-preview-image{width:100%;height:100%;display:block;object-fit:cover}.edit-preview-sticker{position:absolute;right:18px;bottom:18px;font-size:clamp(24px,4svh,46px);line-height:1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.32))}.edit-preview-empty{color:#ffffffd1;text-align:center;font-size:clamp(14px,2.2svh,24px);font-weight:600}.edit-options{display:flex;flex-direction:column;gap:clamp(8px,1.4svh,22px)}.edit-option-group p{margin:0 0 6px;color:#fff;font-size:clamp(15px,2.4svh,33px);line-height:1.2;font-weight:500}.edit-option-row{display:flex;gap:clamp(6px,1vw,10px)}.edit-option-row button{flex:1 1 0;height:clamp(44px,7.5svh,121px);border:1px solid transparent;border-radius:17px;background:#d9d9d9;color:#000;font-size:clamp(12px,1.8svh,20px);font-weight:700;cursor:pointer}.edit-option-row button.is-active{border-color:#ff6936;background:#fff1eb}.edit-submit{grid-row:3;grid-column:1 / -1;width:min(540px,100%);height:clamp(48px,8.5svh,121px);margin:0 auto;font-size:clamp(18px,3.2svh,60px);line-height:1}.print-preparing-frame{display:flex;align-items:center;justify-content:center;padding:max(40px,env(safe-area-inset-top)) clamp(16px,4vw,40px) max(40px,env(safe-area-inset-bottom));background:#e4ebff}.print-home-button{border:none;border-radius:48px;background:#fff;color:var(--brand-blue);font-family:inherit;font-size:clamp(14px,2.2svh,28px);font-weight:600;cursor:pointer;width:clamp(110px,17vw,176px);height:clamp(38px,5.8svh,62px);padding:0 clamp(10px,1.6vw,20px);justify-self:end;flex-shrink:0}.print-preparing-content{width:min(100%,509px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(22px,4svh,68px)}.print-preparing-lottie{flex-shrink:0;width:clamp(220px,40vw,356px);height:clamp(160px,30vh,251px)}.print-preparing-copy{width:100%;height:106px;display:flex;flex-direction:column;align-items:center;gap:11px}.print-preparing-title{margin:0;width:100%;color:#000;text-align:center;font-size:clamp(24px,3.2svh,40px);line-height:1.5;font-weight:500}.print-preparing-subtitle{margin:0;width:100%;color:#636363;text-align:center;font-size:clamp(18px,2.2svh,28px);line-height:1.22;font-weight:500}.print-frame{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);gap:clamp(8px,1.5svh,22px) clamp(10px,1.8vw,22px);padding:max(16px,env(safe-area-inset-top)) clamp(16px,4vw,40px) max(16px,env(safe-area-inset-bottom));align-items:start}.print-frame .print-home-button{grid-row:1;grid-column:1 / -1;justify-self:end}.print-title{grid-row:2;grid-column:1 / -1;justify-self:center;width:min(100%,760px);margin:0;color:#fff;text-align:center;font-size:clamp(16px,2.8svh,46px);line-height:1.2;font-weight:500}.print-strip{grid-row:3;grid-column:1;align-self:stretch;min-height:0;width:100%;max-width:240px;background:#000;padding:clamp(8px,1.6svh,30px) clamp(6px,1.2vw,16px) clamp(10px,1.8svh,34px);justify-self:center;display:flex;flex-direction:column}.print-strip-item{position:relative;flex:1 1 0;min-height:0;background:#d9d9d9;overflow:hidden;margin-bottom:clamp(4px,.9svh,16px)}.print-strip-photo{position:relative;width:100%;height:100%}.print-strip-image{width:100%;height:100%;display:block;object-fit:cover}.print-strip-sticker{position:absolute;right:8px;bottom:8px;font-size:clamp(14px,2svh,20px);line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.32))}.print-strip-base{width:78%;height:clamp(8px,1.6svh,26px);background:#d9d9d9;margin:0 auto;flex-shrink:0}.print-qr{grid-row:3;grid-column:2;min-height:0;width:min(100%,300px);justify-self:center;align-self:center;display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.8svh,31px)}.print-qr-link{display:inline-flex;align-items:center;justify-content:center}.print-qr-box{width:min(100%,198px);height:auto;aspect-ratio:198 / 182;display:block;object-fit:contain;background:#fff;padding:8px;border-radius:12px}.print-qr p{margin:0;width:100%;text-align:center;color:#fff;font-size:clamp(13px,2.2svh,26px);line-height:1.3;font-weight:500}@supports (padding: env(safe-area-inset-bottom)){.select-done,.edit-submit,.quantity-start,.camera-next,.frame-design-confirm,.frame-select-confirm{margin-bottom:max(0px,env(safe-area-inset-bottom))}}@media (max-width: 640px){.frame-design-frame,.quantity-frame{grid-template-columns:minmax(0,1fr) auto}.select-frame{grid-template-columns:minmax(0,1fr) 90px}.edit-frame{grid-template-columns:clamp(100px,26vw,180px) minmax(0,1fr)}.quantity-stepper-row{flex-direction:column;align-items:center;gap:10px}}@media (max-width: 480px){.print-frame{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;justify-items:center}.print-frame .print-home-button,.print-title{grid-column:1}.print-strip{grid-column:1;max-width:min(200px,55vw)}.print-qr{grid-row:4;grid-column:1;width:min(100%,240px)}}