:root{--bg:#16161a;--surface:#232329;--surface-2:#2f2f37;--text:#f4f4f6;--muted:#a0a0ab;--accent:#ff5c8a;--accent-press:#e84a78;--danger:#ff7b7b;--radius:14px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Noto Sans KR,system-ui,sans-serif}#app{height:100dvh;position:relative;overflow:hidden}.screen{height:100%;padding-top:var(--safe-top);flex-direction:column;display:none}.screen[data-active]{display:flex}[hidden]{display:none!important}.btn{appearance:none;border-radius:var(--radius);min-height:48px;font:inherit;color:var(--text);background:var(--surface-2);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;border:0;justify-content:center;align-items:center;gap:6px;padding:0 18px;font-size:16px;font-weight:600;transition:transform 80ms,background .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;pointer-events:none}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:active{background:var(--accent-press)}.btn-secondary{background:var(--surface-2)}.btn-ghost{color:var(--muted);background:0 0;padding:0 10px;font-weight:500}.btn-sm{min-height:44px;padding:0 14px;font-size:15px}.btn-xl{width:min(320px,100%);min-height:60px;font-size:18px}.btn-block{width:100%}#screen-upload{padding:calc(var(--safe-top) + 24px) 24px calc(var(--safe-bottom) + 24px);text-align:center;justify-content:center;align-items:center;gap:20px}#screen-upload.dragover{outline:3px dashed var(--accent);outline-offset:-16px}.hero h1{letter-spacing:-.5px;margin:18px 0 8px;font-size:30px}.lead{color:var(--muted);margin:0;font-size:17px;line-height:1.5}.logo{background:#fff;border-radius:6px;grid-template-rows:repeat(4,22px);gap:5px;padding:7px;display:inline-grid;transform:rotate(-6deg);box-shadow:0 10px 30px #0006}.logo span{background:linear-gradient(135deg,#ff8fb1,#8d7dff);border-radius:2px;width:34px}.logo span:nth-child(2){background:linear-gradient(135deg,#ffd27a,#ff7b9c)}.logo span:nth-child(3){background:linear-gradient(135deg,#7be0c3,#5aa6ff)}.logo span:nth-child(4){background:linear-gradient(135deg,#b58cff,#ff8fb1)}.note{word-break:keep-all;color:var(--muted);margin:0;font-size:13px}.version{opacity:.7;font-size:12px}.tip{max-width:300px;line-height:1.5}.tip b{color:var(--text)}.error{color:var(--danger);margin:0;font-size:14px}.bar{flex:none;align-items:center;gap:8px;padding:8px 12px;display:flex}.bar-top{min-height:56px}.bar-title{text-align:center;flex:1;font-size:16px;font-weight:600}.bar-spacer{width:104px}.bar-top>.btn:first-child,.bar-top>.btn:last-child{white-space:nowrap;width:104px}.bar-top>.btn:first-child{justify-content:flex-start}.bar-bottom{padding-bottom:calc(var(--safe-bottom) + 10px);background:var(--bg);border-top:1px solid var(--surface)}.bar-bottom .btn{flex:1;padding:0 8px;font-size:15px}.bar-bottom #done{flex:1.2}.hint{word-break:keep-all;background:var(--surface);color:var(--muted);text-align:center;border-radius:10px;margin:0 12px 4px;padding:10px 12px;font-size:13px;line-height:1.4}.stage{flex:1;min-height:0;position:relative}.zoom-reset{z-index:1;background:#2f2f37eb;position:absolute;top:8px;right:12px}.stage canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;inset:0}.results{-webkit-overflow-scrolling:touch;flex:1;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-auto-rows:max-content;align-content:start;gap:12px;min-height:0;padding:4px 12px 16px;display:grid;overflow-y:auto}.result{background:var(--surface);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.result img{width:100%;aspect-ratio:var(--ar,4 / 3);object-fit:contain;-webkit-touch-callout:default;background:#000;display:block}.result-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding:6px 6px 6px 12px;display:flex}.result-foot span{color:var(--muted);font-size:14px}.result-group{grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;padding:8px 0 0 4px;scroll-margin-top:8px;display:flex}.result-group:not(:first-child){border-top:1px solid var(--surface);margin-top:8px}.result-group span{font-size:15px;font-weight:600}.upload-album{top:calc(var(--safe-top) + 12px);position:absolute;right:12px}.album-row{flex:none;justify-content:space-between;align-items:center;gap:8px;padding:0 12px 8px;display:flex}.switch{min-height:44px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:15px;display:inline-flex}.switch input{opacity:0;width:1px;height:1px;position:absolute}.switch-track{background:var(--surface-2);border-radius:999px;flex:none;width:44px;height:26px;transition:background .15s;position:relative}.switch-track:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch input:checked+.switch-track{background:var(--accent)}.switch input:checked+.switch-track:after{transform:translate(18px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--accent);outline-offset:2px}.album-body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:0 12px 20px;overflow-y:auto}.album-body>.hint{margin:0 0 4px}.section-title{margin:18px 2px 10px;font-size:15px}.section-title span{color:var(--muted);margin-left:4px;font-size:13px;font-weight:400}.album-empty{text-align:center;color:var(--muted);padding:48px 12px;line-height:1.6}.themes{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-auto-rows:max-content;gap:10px;display:grid}.themes-empty{margin:0 2px;line-height:1.5}.theme-card{appearance:none;border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;border:0;flex-direction:column;align-items:flex-start;gap:4px;min-height:92px;padding:14px;transition:transform 80ms;display:flex}.theme-card:active{transform:scale(.97)}.theme-card:disabled{cursor:default;opacity:.7;transform:none}.theme-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-emoji{font-size:22px}.theme-title{font-size:15px;font-weight:700}.theme-sub{color:var(--muted);font-size:13px}.album-group+.album-group{margin-top:14px}.album-group-head{color:var(--muted);justify-content:space-between;align-items:center;padding-left:2px;font-size:14px;display:flex}.album-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));grid-auto-rows:max-content;gap:6px;display:grid}.album-cut{appearance:none;cursor:pointer;touch-action:manipulation;background:#000;border:0;border-radius:10px;padding:0;position:relative;overflow:hidden}.album-cut img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.album-cut[aria-pressed=true]{outline:3px solid var(--accent);outline-offset:-3px}.album-cut[aria-pressed=true] img{opacity:.75}.album-cut:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.album-cut-badge{background:var(--accent);color:#fff;border-radius:12px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 6px;font-size:13px;font-weight:700;display:flex;position:absolute;top:6px;right:6px}#pick-make{flex:1.6}.collage-preview{flex:1;justify-content:center;align-items:center;min-height:0;padding:4px 16px 12px;display:flex}.collage-preview img{object-fit:contain;border-radius:6px;max-width:100%;max-height:100%;transition:opacity .15s;box-shadow:0 10px 30px #00000073}.collage-preview img:not([src]){visibility:hidden}.collage-preview[aria-busy=true] img{opacity:.5}.collage-controls{padding:12px 12px calc(var(--safe-bottom) + 12px);border-top:1px solid var(--surface);flex-direction:column;flex:none;gap:12px;display:flex}.chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip{appearance:none;background:var(--surface-2);min-height:44px;color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation;border:0;border-radius:999px;padding:0 16px;font-size:15px;font-weight:600}.chip[aria-pressed=true]{background:var(--accent);color:#fff}.swatches{justify-content:center;gap:14px;display:flex}.swatch{appearance:none;background:var(--swatch);cursor:pointer;touch-action:manipulation;border:2px solid #ffffff40;border-radius:50%;width:44px;height:44px}.swatch[aria-pressed=true]{outline:3px solid var(--accent);outline-offset:3px}.survey{border-radius:var(--radius);background:var(--surface);text-align:center;margin:0 12px 10px;padding:14px 14px 4px}.survey p{margin:0 0 10px;font-size:15px;font-weight:600}.survey p span{color:var(--muted);font-size:13px;font-weight:400}.survey-options{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.survey-options .btn{white-space:nowrap;padding:0 4px;font-size:14px}.btn-link{text-underline-offset:3px;min-height:44px;font-size:14px;text-decoration:underline}.upload-links{gap:8px;display:flex}#help{overscroll-behavior:contain;background:var(--surface);width:min(420px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--text);border:0;border-radius:18px;padding:0;overflow-y:auto}#help::backdrop{background:#0009}.help-body{flex-direction:column;gap:14px;padding:16px;display:flex}.help-body h2{outline:none;margin:0;font-size:19px}.help-body h3{margin:0 0 8px;font-size:15px}.help-body ul{word-break:keep-all;flex-direction:column;gap:6px;margin:0;padding-left:20px;font-size:14px;line-height:1.5;display:flex}#help-content{flex-direction:column;gap:16px;display:flex}.help-release+.help-release{margin-top:12px}.help-release-head{color:var(--muted);margin:0 0 6px;font-size:13px}.help-header{align-items:flex-start;gap:4px;display:flex}.help-header h2{word-break:keep-all;flex:1;padding-top:8px;line-height:1.4}.help-dismiss{flex:0 0 44px;min-height:44px;font-size:26px}#help-description,.help-save-tips p,.help-privacy{word-break:keep-all;margin:0;font-size:13px;line-height:1.6}#help-description{color:var(--muted)}.help-example{background:var(--bg);border-radius:12px;grid-template-columns:minmax(0,1fr) 20px minmax(0,2.2fr);align-items:center;gap:6px;padding:12px 8px;display:grid}.help-example figure{min-width:0;margin:0}.help-example figcaption{text-align:center;margin-bottom:8px;font-size:12px;font-weight:600}.help-example img{border-radius:4px;width:100%;height:auto;display:block}.help-arrow{color:var(--accent);text-align:center}.help-cuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.help-cuts>div{position:relative}.help-cuts img{aspect-ratio:4/3;object-fit:cover}.help-cuts span{background:var(--bg);text-align:center;border-radius:50%;width:20px;height:20px;font-size:12px;line-height:20px;position:absolute;bottom:3px;left:3px}.help-steps{counter-reset:help-step;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.help-steps li{counter-increment:help-step;font-size:13px}.help-steps li:before{content:counter(help-step) " ";color:var(--accent);font-weight:600}.help-steps span{color:var(--muted);margin-top:4px;font-size:11px;display:block}.help-save-tips{gap:4px;display:grid}.help-privacy{color:var(--muted);font-size:12px}.help-snooze{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.help-snooze .btn{padding:4px;font-size:12px}.help-more summary{cursor:pointer;min-height:44px;color:var(--muted);padding:12px 0;font-size:13px}.help-more[open] #help-content{padding-top:12px}#feedback{background:var(--surface);width:min(420px,100% - 32px);color:var(--text);border:0;border-radius:18px;padding:20px}#feedback::backdrop{background:#0009}#fb-form{flex-direction:column;gap:12px;display:flex}#fb-form h2{margin:0;font-size:19px}.fb-sub,.fb-note{color:var(--muted);margin:0;font-size:13px;line-height:1.4}.fb-rating{justify-content:space-between;gap:6px;display:flex}.fb-rating button{background:var(--surface-2);cursor:pointer;filter:grayscale(.6);opacity:.75;border:2px solid #0000;border-radius:12px;flex:1;min-height:48px;font-size:24px}.fb-rating button[aria-pressed=true]{border-color:var(--accent);filter:none;opacity:1}#fb-form textarea,#fb-form input{border:1px solid var(--surface-2);background:var(--bg);width:100%;color:var(--text);font:inherit;resize:vertical;border-radius:12px;padding:12px;font-size:16px}#fb-form textarea:focus,#fb-form input:focus{outline:2px solid var(--accent);outline-offset:0}.fb-actions{gap:8px;display:flex}.fb-actions .btn{flex:1}.busy{z-index:10;color:var(--muted);background:#16161ad1;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.spinner{border:3px solid var(--surface-2);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{left:50%;bottom:calc(var(--safe-bottom) + 84px);color:#111;text-align:center;z-index:20;background:#fff;border-radius:999px;width:max-content;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;font-weight:500;position:absolute;transform:translate(-50%);box-shadow:0 6px 20px #00000059}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}.btn,.theme-card,.switch-track,.switch-track:after{transition:none}}#screen-collage[data-active]~.toast{bottom:calc(var(--safe-bottom) + 196px)}