:root{--bg: #fdf6f9;--panel: #ffffff;--line: #f3dfe9;--ink: #4a3d4d;--muted: #a58fa0;--pink: #f27daa;--pink-d: #e0568e;--pink-soft: #fde9f2;--lav: #a78bdb;--lav-soft: #f2ecfb;font-family:Hiragino Maru Gothic ProN,Hiragino Sans,system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button{font-family:inherit}.home{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(600px 400px at 15% 10%,var(--pink-soft),transparent),radial-gradient(600px 400px at 85% 90%,var(--lav-soft),transparent),var(--bg);padding:24px}.homeInner{text-align:center;max-width:720px;width:100%}.homeLogo{font-size:30px;font-weight:800;letter-spacing:.02em;background:linear-gradient(90deg,var(--pink-d),var(--lav));-webkit-background-clip:text;background-clip:text;color:transparent}.homeLead{margin:6px 0 34px;color:var(--muted);font-size:14px}.homeQuestion{font-size:22px;margin:0 0 20px}.modeCards{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}.modeCard{flex:1 1 260px;max-width:320px;cursor:pointer;text-align:left;background:var(--panel);border:1.5px solid var(--line);border-radius:20px;padding:26px 24px;display:flex;flex-direction:column;gap:8px;box-shadow:0 8px 24px #e28fb41f;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.modeCard:hover{transform:translateY(-3px);border-color:var(--pink);box-shadow:0 14px 32px #e28fb438}.modeCard.schedule:hover{border-color:var(--lav)}.modeEmoji{font-size:34px}.modeTitle{font-size:18px;font-weight:800;display:flex;align-items:center;gap:8px}.modeDesc{font-size:13px;color:var(--muted);line-height:1.7}.modeCta{margin-top:8px;font-size:13px;font-weight:700;color:var(--pink-d)}.modeCta.muted{color:var(--muted)}.badge{font-size:11px;font-weight:700;color:var(--lav);background:var(--lav-soft);padding:3px 9px;border-radius:999px}.homeFoot{margin-top:30px;font-size:11px;color:var(--muted)}.app{height:100vh;display:flex;flex-direction:column}.header{min-height:54px;display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap}.header h1{font-size:17px;margin:0}.header .pill{margin-left:auto;font-size:12px;color:var(--muted);background:var(--pink-soft);padding:4px 12px;border-radius:999px}.backBtn{border:1px solid var(--line);background:#fff;color:var(--ink);padding:6px 12px;border-radius:999px;font-size:13px;cursor:pointer}.backBtn:hover{border-color:var(--pink);color:var(--pink-d)}.main{flex:1;display:grid;grid-template-columns:300px minmax(0,1fr) 300px;min-height:0}.stepLabel{display:flex;align-items:center;gap:8px;padding:14px 16px 8px;font-size:13px;font-weight:800;color:var(--ink)}.stepNum{width:20px;height:20px;border-radius:50%;flex:none;background:var(--pink);color:#fff;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.notice{margin:8px 16px;padding:10px 12px;background:var(--lav-soft);border-radius:10px;font-size:12px;color:var(--ink)}.gallery{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.styleTabs{display:flex;gap:6px;padding:4px 16px 10px;flex-wrap:wrap}.styleTabs button{border:1px solid var(--line);background:#fff;color:var(--ink);padding:6px 13px;border-radius:999px;font-size:13px;cursor:pointer}.styleTabs.cats button.active{background:var(--pink);border-color:var(--pink);color:#fff}.styleTabs.sub button{font-size:12px;padding:4px 11px;color:var(--muted)}.styleTabs.sub button.active{background:var(--lav-soft);border-color:var(--lav);color:var(--lav);font-weight:700}.thumbs{overflow-y:auto;padding:4px 16px 16px;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}.thumb{cursor:pointer;border:2px solid transparent;border-radius:14px;overflow:hidden;background:var(--pink-soft);padding:0;display:block;text-align:center}.thumb.active{border-color:var(--pink);box-shadow:0 4px 14px #f07daa4d}.thumb .frame{position:relative;aspect-ratio:4 / 5;background:linear-gradient(160deg,var(--pink-soft),var(--lav-soft))}.thumb .frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.thumbMissing{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--muted)}.thumb .cap{font-size:12px;padding:6px 4px;background:#fff;display:flex;flex-direction:column;gap:1px}.capStyle{font-size:10px;color:var(--muted)}.stage-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 24px 24px;overflow:auto;min-height:0}.stageStep{padding:0 0 10px}.stage{position:relative;width:min(100%,420px,62vh);aspect-ratio:4 / 5;background:linear-gradient(160deg,var(--pink-soft),var(--lav-soft));border-radius:12px;overflow:hidden;box-shadow:0 12px 34px #a78bdb40;touch-action:none}.stage .layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.layerMissing{display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--muted)}.stage .avatar{position:absolute;transform:translate(-50%,-50%);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.stage .avatar.dragging{cursor:grabbing}.stageEmpty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px}.stagePick{position:absolute;left:50%;top:62%;transform:translate(-50%,-50%);background:#ffffffe0;border:1.5px dashed var(--pink);border-radius:14px;padding:18px 20px;text-align:center;font-size:13px;font-weight:700;color:var(--pink-d);cursor:pointer;line-height:1.7;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.stagePick small{font-weight:400;color:var(--muted)}.stage .wm{position:absolute;right:3%;bottom:2.2%;pointer-events:none;font-size:10px;font-weight:600;letter-spacing:.04em;color:#ffffffeb;text-shadow:0 1px 5px rgba(0,0,0,.45)}.controls{background:var(--panel);border-left:1px solid var(--line);padding:0 18px 18px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.controls .stepLabel{padding-left:0;padding-right:0}.controls .group{display:flex;flex-direction:column;gap:8px}.controls label{font-size:12px;color:var(--muted);font-weight:700}input[type=range]{width:100%;accent-color:var(--pink)}.sliderRow{display:flex;flex-direction:column;gap:2px;font-size:12px}.row{display:flex;gap:8px}.btn{border:none;border-radius:12px;padding:11px 14px;font-size:14px;font-weight:700;cursor:pointer}.btn.primary{background:linear-gradient(90deg,var(--pink),var(--lav));color:#fff;box-shadow:0 6px 16px #f07daa59}.btn.primary:hover:not(:disabled){filter:brightness(1.06)}.btn.primary.big{padding:14px;font-size:15px}.btn.ghost{background:var(--pink-soft);color:var(--pink-d)}.btn.small{padding:7px 10px;font-size:12px;flex:1}.btn:disabled{opacity:.5;cursor:not-allowed}.uploadBox{border:1.5px dashed var(--line);border-radius:14px;padding:18px 12px;text-align:center;font-size:13px;color:var(--muted);cursor:pointer;background:#fff;display:flex;flex-direction:column;align-items:center;gap:6px;transition:border-color .15s ease,background .15s ease}.uploadBox:hover,.uploadBox.over{border-color:var(--pink);background:var(--pink-soft);color:var(--pink-d)}.uploadIcon{font-size:22px}.hint{font-size:11.5px;color:var(--muted);line-height:1.6}.wmNote{color:var(--lav)}.comingSoon{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.comingSoonCard{background:var(--panel);border:1.5px solid var(--line);border-radius:20px;padding:40px 34px;text-align:center;max-width:420px;box-shadow:0 12px 34px #a78bdb2e;display:flex;flex-direction:column;gap:12px;align-items:center}.comingSoonEmoji{font-size:44px}.comingSoonCard h2{margin:0;font-size:18px}.comingSoonCard p{margin:0 0 8px;font-size:13px;color:var(--muted);line-height:1.9}@media(max-width:900px){.app{height:auto;min-height:100vh}.header{position:static}.header .pill{display:none}.main{display:flex;flex-direction:column}.stage-wrap{order:0;position:sticky;top:0;z-index:10;background:#fdf6f9f5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:8px 16px 12px;border-bottom:1px solid var(--line)}.stageStep{padding:0 0 6px;font-size:12px}.stage{width:min(72%,38vh)}.gallery{order:1;border-right:none}.thumbs{grid-template-columns:repeat(3,1fr);overflow-y:visible}.controls{order:2;border-left:none;border-top:1px solid var(--line);padding-top:4px}}@media(max-width:480px){.thumbs{grid-template-columns:repeat(2,1fr)}.modeCard{max-width:none}}.modalBack{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#4a3d4d73;display:flex;align-items:center;justify-content:center;padding:20px}.modal{position:relative;background:var(--panel);border-radius:20px;padding:30px 28px 24px;width:100%;max-width:400px;box-shadow:0 20px 60px #4a3d4d4d;max-height:90vh;overflow-y:auto}.modal.pricing{max-width:760px}.modalClose{position:absolute;top:12px;right:14px;border:none;background:none;font-size:22px;color:var(--muted);cursor:pointer;line-height:1}.modalTitle{margin:0 0 12px;font-size:19px;text-align:center}.modalMessage{margin:0 0 14px;padding:10px 12px;border-radius:10px;background:var(--pink-soft);color:var(--pink-d);font-size:13px;line-height:1.6}.authForm{display:flex;flex-direction:column;gap:12px}.authForm label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--muted);font-weight:600}.authForm input{border:1.5px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;font-family:inherit;color:var(--ink);outline:none}.authForm input:focus{border-color:var(--pink)}.formError{margin:0;font-size:12.5px;color:#d64562}.formInfo{margin:0;font-size:12.5px;color:#2e9e6b}.primaryBtn{border:none;border-radius:999px;cursor:pointer;background:linear-gradient(90deg,var(--pink-d),var(--lav));color:#fff;font-weight:800;font-size:14px;padding:11px 20px}.primaryBtn:disabled{opacity:.55;cursor:default}.primaryBtn.small{font-size:12.5px;padding:8px 16px}.ghostBtn{border:1.5px solid var(--line);background:var(--panel);border-radius:999px;color:var(--muted);font-size:12.5px;font-weight:600;padding:7px 14px;cursor:pointer}.ghostBtn:hover{border-color:var(--pink);color:var(--pink-d)}.linkBtn{border:none;background:none;padding:0;color:var(--pink-d);font-size:inherit;font-weight:700;cursor:pointer;text-decoration:underline}.authSwitch{margin:14px 0 0;text-align:center;font-size:12.5px;color:var(--muted)}.accountBar{position:absolute;top:16px;right:18px;z-index:10;display:flex;align-items:center;gap:8px}.home{position:relative}.accountEmail{font-size:12px;color:var(--muted);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planPill{font-size:11px;font-weight:800;color:var(--lav);border:1.5px solid var(--lav-soft);background:var(--lav-soft);border-radius:999px;padding:4px 10px}.pill.quota{background:var(--lav-soft);color:var(--lav)}.intervalToggle{display:flex;justify-content:center;gap:6px;margin:4px 0 18px}.intervalToggle button{border:1.5px solid var(--line);background:var(--panel);border-radius:999px;padding:7px 16px;font-size:12.5px;font-weight:700;color:var(--muted);cursor:pointer}.intervalToggle button.on{background:var(--pink-soft);border-color:var(--pink);color:var(--pink-d)}.planCards{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.planCard{flex:1 1 200px;max-width:230px;position:relative;border:1.5px solid var(--line);border-radius:16px;padding:18px 16px 16px;display:flex;flex-direction:column;gap:8px}.planCard.primary{border-color:var(--pink);box-shadow:0 8px 24px #e28fb42e}.planBadge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--pink-d);color:#fff;font-size:10.5px;font-weight:800;border-radius:999px;padding:3px 10px;white-space:nowrap}.planCard h3{margin:2px 0 0;font-size:14.5px;text-align:center}.planPrice{text-align:center;font-size:19px;font-weight:800;color:var(--pink-d)}.planCard ul{margin:0;padding:0 0 0 18px;font-size:12px;color:var(--muted);line-height:1.9}.planBtn{margin-top:auto;border:none;border-radius:999px;cursor:pointer;background:linear-gradient(90deg,var(--pink-d),var(--lav));color:#fff;font-weight:800;font-size:12.5px;padding:9px 12px}.planBtn:disabled{opacity:.55;cursor:default}.planBtn.current{background:var(--line);color:var(--muted)}.planNote{margin:14px 0 0;font-size:11.5px;color:var(--muted);text-align:center;line-height:1.7}
