:root{--bg: #0c0c0f;--surface: #16161c;--surface-2: #1f1f28;--surface-3: #2a2a36;--border: rgba(255, 255, 255, .07);--text: #f5f5f7;--muted: #8e8e9a;--accent: #6e5cff;--accent-press: #5a49e8;--radius: 16px;--radius-lg: 22px;--app-max: 480px;--bottom-h: 88px;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,system-ui,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);overscroll-behavior:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.app{min-height:100dvh;max-width:var(--app-max);margin:0 auto;display:flex;flex-direction:column;background:var(--bg);position:relative}.app--boot{align-items:center;justify-content:center;padding:24px}.app-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:calc(8px + env(safe-area-inset-top,0px)) 12px 8px;background:#0c0c0fd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.app-title{margin:0;text-align:center;font-size:1.05rem;font-weight:700;letter-spacing:-.02em}.header-btn{width:44px;height:44px;border-radius:12px;font-size:1.2rem;display:flex;align-items:center;justify-content:center}.header-btn:active{background:var(--surface-2)}.header-spacer{width:44px}.app-main{flex:1;padding:16px 16px calc(var(--bottom-h) + env(safe-area-inset-bottom,0px) + 16px);overflow-y:auto;-webkit-overflow-scrolling:touch}.app-lead{margin:0 0 20px;font-size:.9rem;color:var(--muted);line-height:1.5}.empty-add{width:100%;min-height:220px;border-radius:var(--radius-lg);border:2px dashed var(--border);background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 20px;transition:background .15s}.empty-add:active{background:var(--surface-2)}.empty-add-icon{width:56px;height:56px;border-radius:50%;background:var(--surface-3);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:300;color:var(--accent)}.empty-add-title{font-size:1.05rem;font-weight:700}.empty-add-hint{font-size:.82rem;color:var(--muted)}.photo-strip-wrap{margin-bottom:8px}.photo-strip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.82rem}.photo-count{font-weight:700;color:var(--text)}.photo-hint{color:var(--muted)}.photo-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-bottom:8px}.photo-scroll-anchor{grid-column:1 / -1;height:1px;pointer-events:none}.photo-card{display:flex;flex-direction:column;gap:8px;min-width:0}.photo-thumb-wrap{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:3 / 4;background:var(--surface-2)}.photo-thumb{width:100%;height:100%;object-fit:cover;display:block}.photo-index{position:absolute;top:8px;left:8px;min-width:24px;height:24px;padding:0 6px;border-radius:8px;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.75rem;font-weight:800;display:flex;align-items:center;justify-content:center}.photo-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#0000008c;color:#fff;font-size:1.1rem;line-height:1;display:flex;align-items:center;justify-content:center}.photo-actions{display:flex;gap:6px;justify-content:center}.photo-move{width:36px;height:32px;border-radius:10px;background:var(--surface-2);font-size:1.1rem;font-weight:700}.photo-move:disabled{opacity:.3;cursor:not-allowed}.photo-add-tile{aspect-ratio:3 / 4;min-height:120px;border-radius:var(--radius);border:2px dashed var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--muted)}.photo-add-tile:active{background:var(--surface-2)}.app-bottom{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-max);padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:#0c0c0feb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);z-index:30}.bottom-progress{margin-bottom:10px}.bottom-progress-bar{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--accent),#9b8cff);transition:width .25s ease}.bottom-progress-label{margin:6px 0 0;font-size:.75rem;color:var(--muted);text-align:center}.bottom-error{margin:0 0 8px;font-size:.82rem;text-align:center}.bottom-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}.btn-ghost{padding:14px 12px;border-radius:14px;background:var(--surface-2);font-weight:600;font-size:.92rem}.btn-ghost:active:not(:disabled){background:var(--surface-3)}.btn-ghost:disabled{opacity:.45}.btn-cta{padding:14px 16px;border-radius:14px;background:var(--accent);color:#fff;font-weight:700;font-size:.95rem;box-shadow:0 4px 20px #6e5cff59}.btn-cta:active:not(:disabled){background:var(--accent-press)}.btn-cta:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}.btn-secondary{padding:14px 20px;border-radius:14px;background:var(--surface-2);font-weight:600}.btn-secondary.full{width:100%}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#00000080;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:var(--app-max);background:var(--surface);border-radius:20px 20px 0 0;padding:8px 20px calc(24px + env(safe-area-inset-bottom,0px));animation:sheet-up .25s ease}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{width:36px;height:4px;border-radius:2px;background:var(--surface-3);margin:4px auto 16px}.sheet-title{margin:0 0 20px;font-size:1rem;font-weight:700}.sheet-row{display:grid;grid-template-columns:1fr auto 36px;align-items:center;gap:12px;margin-bottom:18px;font-size:.88rem;color:var(--muted)}.sheet-row input[type=range]{width:100%;accent-color:var(--accent)}.result-screen{display:flex;flex-direction:column;gap:16px}.result-video{width:100%;max-height:min(70dvh,560px);border-radius:var(--radius-lg);background:#000;object-fit:contain}.result-chips{display:flex;flex-wrap:wrap;gap:8px}.result-chips span{padding:6px 12px;border-radius:999px;background:var(--surface-2);font-size:.78rem;font-weight:600;color:var(--muted)}.result-note{margin:0;font-size:.75rem;color:var(--muted);word-break:break-all}.error-text{color:#ff6b8a}.boot-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg)}.boot-card{width:100%;max-width:320px;text-align:center}.boot-icon{font-size:3rem;margin-bottom:16px}.boot-card h1{margin:0 0 8px;font-size:1.25rem}.boot-message{font-weight:600;margin:0 0 16px;color:var(--muted)}.boot-progress-track{height:4px;background:var(--surface-2);border-radius:2px;overflow:hidden;margin-bottom:8px}.boot-progress-fill{display:block;height:100%;background:var(--accent);transition:width .3s}.boot-percent,.boot-note{font-size:.8rem;color:var(--muted);margin:4px 0 0}@media (min-width: 520px){.app{border-left:1px solid var(--border);border-right:1px solid var(--border);box-shadow:0 0 80px #0006}}