:root{--blue-500:#3182f6;--blue-600:#1b64da;--blue-50:#e8f3ff;--grey-900:#191f28;--grey-800:#333d4b;--grey-700:#4e5968;--grey-600:#6b7684;--grey-500:#8b95a1;--grey-400:#b0b8c1;--grey-300:#d1d6db;--grey-200:#e5e8eb;--grey-100:#f2f4f6;--grey-50:#f9fafb;--red-500:#f04452;--green-500:#0a8a52;--white:#fff;--press-overlay:#00000014;--shadow-toast:0 8px 24px #02204729;--ease:cubic-bezier(.22, .61, .36, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--gutter:24px;--cta-height:56px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;letter-spacing:-.005em;color:var(--grey-900);background:var(--white);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body{background:var(--white);margin:0}body{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;min-width:320px}button,textarea,input{font:inherit;color:inherit;letter-spacing:inherit}button{-webkit-appearance:none;appearance:none;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}h1,h2,p{margin:0}:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}.app{max-width:480px;min-height:100vh;min-height:100dvh;padding-top:env(safe-area-inset-top);margin:0 auto}.top-bar{top:env(safe-area-inset-top);z-index:10;background:var(--white);align-items:center;height:56px;padding:0 12px;display:flex;position:sticky}.brand{width:auto;height:32px;margin:0 12px;display:block}.icon-button{width:44px;height:44px;color:var(--grey-900);border-radius:12px;place-items:center;display:grid}.icon-button:active{background:var(--grey-100)}.content{padding:8px var(--gutter) calc(var(--cta-height) + 56px + env(safe-area-inset-bottom))}.content.home{min-height:calc(100vh - 56px - env(safe-area-inset-top));min-height:calc(100dvh - 56px - env(safe-area-inset-top));flex-direction:column;display:flex}.counter{color:var(--grey-700);font-variant-numeric:tabular-nums;margin-top:12px;font-size:15px;line-height:1.7}.counter-number{background:var(--blue-50);color:var(--blue-600);vertical-align:baseline;border-radius:9px;padding:1px 8px;font-size:19px;font-weight:800;line-height:1.45;display:inline-block}.footer{color:var(--grey-500);text-align:center;word-break:keep-all;flex-direction:column;align-items:center;gap:4px;margin-top:auto;padding-top:48px;font-size:13px;display:flex}.content:not(.home) .footer{margin-top:48px;padding-top:0}.footer a{min-height:44px;color:var(--grey-700);align-items:center;gap:2px;padding:0 8px;font-weight:600;text-decoration:none;display:inline-flex}.title{letter-spacing:-.02em;word-break:keep-all;font-size:24px;font-weight:700;line-height:1.35}.file-name{color:var(--grey-600);overflow-wrap:anywhere;margin-top:8px;font-size:15px}.section-title{letter-spacing:-.01em;margin:40px 0 16px;font-size:17px;font-weight:600}.drop-card{background:var(--grey-50);border:1px dashed var(--grey-300);width:100%;min-height:220px;transition:background .2s var(--ease);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;margin-top:32px;display:flex}.drop-card:active:not(:disabled){background:var(--grey-100)}.drop-card:disabled{cursor:progress}.drop-card strong{margin-top:12px;font-size:17px;font-weight:600}.drop-card small{color:var(--grey-500);margin-top:4px;font-size:13px}.field-list{flex-direction:column;gap:24px;margin-top:32px;display:flex}.text-field label{color:var(--grey-700);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.text-field input,.text-field textarea{border:1px solid var(--grey-200);background:var(--grey-100);-webkit-appearance:none;appearance:none;width:100%;height:52px;transition:background .2s var(--ease), border-color .2s var(--ease), box-shadow .2s var(--ease);border-radius:12px;outline:none;padding:0 16px;font-size:17px;display:block}.text-field textarea{field-sizing:content;resize:vertical;height:auto;min-height:132px;padding:14px 16px;line-height:1.5}.text-field input::placeholder,.text-field textarea::placeholder{color:var(--grey-400)}.text-field input:focus,.text-field textarea:focus{background:var(--white);border-color:var(--blue-500);box-shadow:inset 0 0 0 .5px var(--blue-500)}.text-field textarea[rows="2"]{min-height:0}.field-help{color:var(--grey-500);margin-top:6px;font-size:13px}.output-name{margin-top:24px}.field-label{color:var(--grey-700);margin-bottom:8px;font-size:13px;font-weight:600}.template-line{flex-direction:column;gap:12px;display:flex}.template-line+.template-line{border-top:1px solid var(--grey-200);margin-top:16px;padding-top:16px}.slot label,.choice-name{color:var(--grey-600);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.slot-input{position:relative}.slot-input input{padding-right:48px}.unit{color:var(--grey-500);pointer-events:none;font-size:17px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips-stacked{flex-direction:column}.chip{border:1px solid var(--grey-200);background:var(--white);min-height:44px;color:var(--grey-800);text-align:left;transition:background .12s var(--ease), border-color .12s var(--ease), color .12s var(--ease);border-radius:999px;padding:10px 16px;font-size:15px;font-weight:500}.chips-stacked .chip{border-radius:14px}.chip.selected{border-color:var(--blue-500);background:var(--blue-50);color:var(--blue-500);font-weight:600}.template-preview{background:var(--grey-100);border-radius:12px;margin-top:16px;padding:12px 14px}.template-preview span{color:var(--grey-500);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.template-preview p{color:var(--grey-800);white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere;font-size:14px;line-height:1.6}.table-row .template-preview{background:var(--white)}.table-group{flex-direction:column;gap:12px;margin-top:16px;display:flex}.table-title{letter-spacing:-.01em;font-size:17px;font-weight:600}.table-row{background:var(--grey-50);border:1px solid var(--grey-200);border-radius:16px;flex-direction:column;gap:16px;padding:16px;display:flex}.table-row-title{color:var(--blue-500);font-size:13px;font-weight:700}.table-row .text-field input,.table-row .text-field textarea{background:var(--white)}.add-row{background:var(--blue-50);height:48px;color:var(--blue-500);border-radius:14px;font-size:15px;font-weight:600}.add-row:active{background:#d6e8ff}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.photo-tile{min-width:0;position:relative}.photo-slot{aspect-ratio:3/4;background:var(--grey-100);width:100%;color:var(--grey-500);cursor:pointer;transition:background .2s var(--ease);border-radius:16px;place-items:center;display:grid;overflow:hidden}@supports not (aspect-ratio:1){.photo-slot{height:0;padding-bottom:133%}}.photo-slot:active{background:var(--grey-200)}.photo-slot:focus-within{box-shadow:0 0 0 2px var(--blue-500)}.photo-slot img{object-fit:cover;width:100%;height:100%}.photo-remove{width:28px;height:28px;color:var(--white);background:#191f2899;border-radius:999px;place-items:center;display:grid;position:absolute;top:8px;right:8px}.photo-remove:after{content:"";position:absolute;top:-8px;bottom:-8px;left:-8px;right:-8px}.photo-label{color:var(--grey-700);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-size:13px;font-weight:500;display:block;overflow:hidden}.content.done{padding-bottom:calc(var(--cta-height) * 2 + 64px + env(safe-area-inset-bottom))}.done-note{color:var(--grey-600);word-break:keep-all;margin-top:8px;font-size:14px;line-height:1.5}.done-check{background:var(--green-500);width:28px;height:28px;animation:pop .32s var(--ease-out);border-radius:999px;place-items:center;margin-bottom:12px;display:grid}@keyframes pop{0%{opacity:0;transform:scale(.8)}}.preview{flex-direction:column;gap:16px;margin-top:24px;display:flex}.preview-state{background:var(--grey-50);color:var(--grey-600);border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:64px 0;font-size:15px;display:flex}.preview-state .dots{color:var(--grey-400);position:static}.preview-page{border:1px solid var(--grey-200);background:var(--white);border-radius:12px;width:100%;position:relative;overflow:hidden;box-shadow:0 4px 12px #0220470f,0 1px 2px #0220470a}@supports not (aspect-ratio:1){.preview-page{height:0;padding-bottom:141.4%}}.preview-page img{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.preview-page-open{z-index:3;min-width:72px;min-height:44px;color:var(--white);background:#191f28d6;border-radius:12px;padding:0 10px;position:absolute;top:8px;right:8px}.preview-page-open span{font-size:12px;font-weight:700}.preview-page-open:focus-visible{outline:3px solid var(--blue-500);outline-offset:-3px}.hotspot{z-index:2;transition:background .12s var(--ease);background:#3182f60b;border-radius:2px;position:absolute}.hotspot:active{box-shadow:inset 0 0 0 1.5px var(--blue-500);background:#3182f638;outline:none}.hotspot:focus-visible{box-shadow:inset 0 0 0 1.5px var(--blue-500);background:#3182f638;outline:none}.edit-field-list{border:1px solid var(--grey-200);border-radius:12px;margin-top:16px}.edit-field-list summary{cursor:pointer;min-height:44px;padding:12px 16px;font-size:14px;font-weight:600}.edit-field-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 12px 12px;display:grid}.edit-field-items button{background:var(--grey-100);text-align:left;overflow-wrap:anywhere;border-radius:10px;min-height:44px;padding:8px 12px;font-size:13px}.zoom-layer{z-index:40;background:var(--grey-100);padding-top:env(safe-area-inset-top);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.zoom-bar{background:var(--white);justify-content:space-between;align-items:center;min-height:56px;padding:0 16px;font-size:16px;font-weight:700;display:flex}.zoom-bar button{min-width:44px;min-height:44px;color:var(--blue-600);font-size:15px}.zoom-hint{color:var(--grey-600);text-align:center;word-break:keep-all;padding:10px 16px;font-size:13px}.zoom-viewport{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:12px 16px 24px;overflow:auto}.zoom-page-wrap{min-width:100%;margin:0 auto}.zoom-page-wrap .preview-page{border-radius:6px}.zoom-page-wrap .hotspot{background:#3182f61f;box-shadow:inset 0 0 0 1px #3182f666}.zoom-controls{min-height:72px;padding:8px 16px calc(8px + env(safe-area-inset-bottom));background:var(--white);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:20px;display:flex}.zoom-controls button{background:var(--blue-50);width:44px;height:44px;color:var(--blue-600);border-radius:12px;font-size:25px;font-weight:500}.zoom-controls button:disabled{opacity:.35;cursor:default}.zoom-controls span{text-align:center;min-width:56px;font-weight:700}.sheet-layer{z-index:40;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.sheet-scrim{animation:fade .2s var(--ease);background:#0000008f;position:absolute;top:0;bottom:0;left:0;right:0}.sheet{width:100%;max-width:480px;max-height:85vh;background:var(--white);max-height:85dvh;animation:rise .32s var(--ease-out);border-radius:20px 20px 0 0;flex-direction:column;margin:0 auto;display:flex;position:relative;box-shadow:0 -2px 12px #0220470f}.sheet-handle{background:var(--grey-300);border-radius:999px;align-self:center;width:40px;height:4px;margin:10px 0 8px}.sheet-body{padding:12px var(--gutter) 8px;-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.sheet-title{margin-bottom:12px;font-size:17px;font-weight:600}.sheet-photo{max-width:200px}.sheet-actions{padding:12px 16px calc(16px + env(safe-area-inset-bottom));gap:8px;display:flex}.sheet-actions .button{flex:1}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(100%)}}.bottom-cta{z-index:20;max-width:480px;padding:24px 16px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(to bottom, #fff0, var(--white) 24px);flex-direction:column;gap:8px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.button-row{gap:8px;display:flex}.button-row .button{flex:1;min-width:0}.button{width:100%;height:var(--cta-height);transition:opacity .12s var(--ease);border-radius:16px;justify-content:center;align-items:center;font-size:17px;font-weight:700;display:flex;position:relative;overflow:hidden}.button:after{content:"";background:var(--press-overlay);opacity:0;transition:opacity .12s var(--ease);position:absolute;top:0;bottom:0;left:0;right:0}.button:active:not(:disabled):after{opacity:1}.button-primary{background:var(--blue-500);color:var(--white)}.button-secondary{background:var(--grey-100);color:var(--grey-900)}.button:disabled:not([aria-busy]){opacity:.3;cursor:default}.button[aria-busy]{cursor:progress}.button-label.hidden{opacity:0}.dots{gap:6px;display:flex;position:absolute}.dots i{width:7px;height:7px;animation:dot .9s var(--ease) infinite;background:currentColor;border-radius:999px}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes dot{0%,80%,to{opacity:.3}40%{opacity:1}}.toast-region{left:0;right:0;bottom:calc(var(--cta-height) * 2 + 56px + env(safe-area-inset-bottom));z-index:30;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed}.toast{background:var(--grey-900);max-width:448px;color:var(--white);box-shadow:var(--shadow-toast);word-break:keep-all;animation:toast-in .2s var(--ease-out);border-radius:14px;padding:14px 20px;font-size:15px;font-weight:500}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.in-app-notice{background:var(--blue-50);color:var(--grey-800);word-break:keep-all;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin:8px 16px 0;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.in-app-notice a{color:var(--blue-500);flex:none;font-weight:700;text-decoration:none}