:root{--bg:#FFF7EC;--card:#FFFFFF;--brown:#6B4A2B;--accent:#FF8A3C;--accent-dark:#E86F1F;--green:#3FA96E;--line:#F0E2CE}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Hiragino Maru Gothic ProN,Hiragino Sans,sans-serif;background:var(--bg);color:var(--brown);padding-bottom:60px}header{text-align:center;padding:22px 16px 10px}header h1{font-size:26px;letter-spacing:1px}header p{font-size:13px;margin-top:6px;opacity:.75}main{max-width:520px;margin:0 auto;padding:0 14px}.card{background:var(--card);border:2px solid var(--line);border-radius:20px;padding:18px 16px;margin-top:16px;box-shadow:0 3px 10px rgba(107,74,43,.06)}.step-title{font-size:17px;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:8px}.step-num{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.big-btn,.step-num{background:var(--accent);color:#fff}.big-btn{display:block;width:100%;border:none;border-radius:16px;padding:18px 10px;font-size:19px;font-weight:700;font-family:inherit;cursor:pointer;transition:transform .08s}.big-btn:active{transform:scale(.97)}.big-btn:disabled{background:#D8C8B4;cursor:default}.big-btn.green{background:var(--green)}.drop-zone{border:3px dashed #e8c9a0;border-radius:16px;padding:30px 10px;text-align:center;font-size:17px;font-weight:700;color:var(--accent-dark);background:#FFFBF4;cursor:pointer}.drop-zone .sub{display:block;font-size:12px;font-weight:400;color:#B09070;margin-top:8px}.toggles{display:flex;gap:10px;margin-bottom:14px}.toggle{flex:1 1;border:2px solid var(--line);border-radius:14px;padding:12px 6px;text-align:center;font-size:15px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#FAF3E8;color:#B3A28C}.toggle.on{background:#FFF1DB;border-color:var(--accent);color:var(--brown);font-weight:700}.status{margin-top:12px;text-align:center;font-size:15px;min-height:22px}.status.error{color:#D14343;font-weight:700}.spinner{display:inline-block;width:16px;height:16px;border:3px solid #f3d9b8;border-top:3px solid var(--accent);border-radius:50%;animation:spin .9s linear infinite;vertical-align:-3px;margin-right:6px}@keyframes spin{to{transform:rotate(1turn)}}.video-wrap{position:relative;background:#000;border-radius:14px;overflow:hidden;margin-bottom:12px;max-height:60vh}.video-wrap video{width:100%;max-height:60vh;display:block}.overlay-layer{position:absolute;inset:0;pointer-events:none}.ov-dog,.ov-speech{position:absolute;left:4%;right:4%;text-align:center;font-weight:700;line-height:1.3;white-space:pre-wrap;word-break:break-all}.ov-dog{top:8%;color:#FFDE4A;font-family:Hiragino Maru Gothic ProN,sans-serif;text-shadow:-2px -2px 0 #5C3A00,2px -2px 0 #5C3A00,-2px 2px 0 #5C3A00,2px 2px 0 #5C3A00,0 0 6px rgba(0,0,0,.4)}.ov-speech{bottom:20%;color:#fff;font-family:Hiragino Maru Gothic ProN,Hiragino Sans,sans-serif;text-shadow:-2px -2px 0 #E8731A,2px -2px 0 #E8731A,-2px 2px 0 #E8731A,2px 2px 0 #E8731A,0 0 6px rgba(0,0,0,.35)}.tpl-tabs{display:flex;gap:6px;overflow-x:auto;padding:4px 0 8px;-webkit-overflow-scrolling:touch}.tpl-tab{flex-shrink:0;border:2px solid var(--line);border-radius:999px;background:#FAF3E8;color:#A08966;padding:7px 12px;font-size:13px;cursor:pointer;font-family:inherit;white-space:nowrap}.tpl-tab.on{background:#FFF1DB;border-color:var(--accent);color:var(--brown);font-weight:700}.chip-wrap{display:flex;flex-wrap:wrap;gap:8px}.chip{border:2px solid var(--line);border-radius:999px;background:#fff;color:var(--brown);padding:9px 13px;font-size:14px;cursor:pointer;font-family:inherit}.chip:active{transform:scale(.95)}.chip .x{color:#D14343;font-weight:700;margin-left:6px}.suggest-box{background:#FFF6E6;border:2px solid #ffd9a8;border-radius:14px;padding:10px;margin-bottom:12px}.suggest-title{font-size:13px;font-weight:700;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.suggest-title button{border:none;background:#FFE7C2;border-radius:999px;padding:5px 10px;color:var(--brown)}.suggest-title button,.tpl-edit-toggle{font-size:12px;cursor:pointer;font-family:inherit}.tpl-edit-toggle{border:none;background:none;color:#B09070;text-decoration:underline}.star-btn{border:none;background:#FFF1DB;color:var(--accent-dark);width:32px;height:32px;border-radius:50%;font-size:15px;cursor:pointer;flex-shrink:0}.star-btn.saved{background:#FFE7C2}.telop-list{display:flex;flex-direction:column;gap:10px}.telop-item{display:flex;align-items:center;gap:8px;border:2px solid var(--line);border-radius:14px;padding:8px;background:#FFFDF8}.telop-item .badge{font-size:20px;flex-shrink:0}.telop-item .times{display:flex;flex-direction:column;gap:3px;flex-shrink:0}.telop-item input[type=number]{width:58px;font-size:13px;padding:3px 4px;border:1px solid var(--line);border-radius:8px;font-family:inherit}.telop-item input[type=text]{flex:1 1;min-width:0;font-size:16px;padding:10px 8px;border:1px solid var(--line);border-radius:10px;font-family:inherit;color:var(--brown)}.telop-item .del{border:none;background:#F6E8D8;color:#B08050;width:32px;height:32px;border-radius:50%;font-size:16px;cursor:pointer;flex-shrink:0}.add-row{display:flex;gap:8px;margin-top:12px}.add-btn{flex:1 1;border:2px dashed #e8c9a0;background:#FFFBF4;border-radius:12px;padding:10px 4px;font-size:14px;color:var(--accent-dark);cursor:pointer;font-family:inherit}.hint{font-size:12px;color:#B09070;margin-top:10px;text-align:center}.sample-link{display:block;margin-top:12px;width:100%;font-size:14px;color:var(--accent-dark);text-decoration:underline;cursor:pointer;background:none;border:none;font-family:inherit}.result-box,.sample-link{text-align:center}.result-box video{width:100%;max-height:50vh;background:#000}.dl-btn,.result-box video{border-radius:14px;margin-top:12px}.dl-btn{display:inline-block;background:var(--green);color:#fff;font-size:18px;font-weight:700;padding:15px 34px;border:none;font-family:inherit;cursor:pointer;text-decoration:none}