:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:#f8f5ee;background:#0e0d0b;margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{max-width:560px;padding:26px 16px calc(50px + env(safe-area-inset-bottom));margin:0 auto}.hero{padding:30px 8px 20px}.hero h1{letter-spacing:-.03em;margin:6px 0 14px;font-size:38px;line-height:1}.hero p{color:#b9b2a4;margin:0;line-height:1.6}.hero .eyebrow{color:#ffb000;letter-spacing:.16em;font-size:12px;font-weight:900}.card{background:#171512;border:1px solid #2e2a23;border-radius:22px;margin-top:14px;padding:20px;box-shadow:0 12px 40px #0000002e}.card h2{margin:0 0 14px;font-size:17px}.spaced{margin-top:24px!important}.upload-box{cursor:pointer;text-align:center;background:#11100e;border:1.5px dashed #5b5245;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:138px;padding:18px;display:flex}.upload-box input{display:none}.upload-box span{font-weight:800}.upload-box small{color:#8f877a}.ok{color:#6ce0a8;margin:12px 0 0;font-size:14px}.choice-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.choice,.pill{color:#eee9df;background:#11100e;border:1px solid #3b362e;border-radius:14px;padding:15px 10px;font-weight:800}.choice.active,.pill.active{color:#ffce66;background:#30250d;border-color:#ffb000}.duration-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.field{margin-top:14px;display:block}.field span{color:#aaa193;margin-bottom:7px;font-size:13px;display:block}.field input{color:#fff;background:#0f0e0c;border:1px solid #3b362e;border-radius:13px;outline:none;width:100%;padding:14px}.field input:focus{border-color:#ffb000}.preview-card{overflow:hidden}.player-wrap{background:#000;border-radius:20px;width:min(72%,330px);margin:0 auto;overflow:hidden}.action-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#171512eb;position:sticky;bottom:8px}.generate{color:#15110a;background:#ffb000;border:0;border-radius:16px;width:100%;padding:17px;font-size:17px;font-weight:900}.generate:disabled{opacity:.42}.progress{background:#302b24;border-radius:999px;height:7px;margin-top:12px;overflow:hidden}.progress div{background:#ffb000;height:100%;transition:width .25s}.error{color:#ff7d7d;font-size:14px}.done{margin-top:16px}.result-video{background:#000;border-radius:18px;width:66%;margin:10px auto;display:block}.save-link{text-align:center;color:#ffce66;padding:12px;font-weight:800;text-decoration:none;display:block}footer{color:#777064;text-align:center;padding:28px 20px 0;font-size:12px;line-height:1.6}.notice{background:#201a0c;border:1px solid #51431e;border-radius:18px;flex-direction:column;gap:5px;margin:0 0 14px;padding:14px 16px;display:flex}.notice strong{color:#ffce66;font-size:14px}.notice span,.hint{color:#aaa193;font-size:12px;line-height:1.55}.selection-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.text-button{color:#ffce66;background:0 0;border:0;padding:8px;font-weight:800}.cancel-button{color:#ffb0b0;background:#2a1414;border:1px solid #8a3f3f;border-radius:14px;width:100%;margin-top:12px;padding:14px;font-weight:900}.cancel-note{text-align:center;color:#81786c;margin:7px 0 0;font-size:11px}.back-editor-button{color:#f8f5ee;background:#11100e;border:1px solid #5b5245;border-radius:14px;width:100%;margin-top:14px;padding:14px;font-weight:900}.error-box{color:#ffb0b0;background:#241313;border:1px solid #5b2d2d;border-radius:14px;margin-top:14px;padding:14px}.error-box p{margin:7px 0 0;font-size:13px;line-height:1.5}.size{color:#777064;text-align:center;font-size:12px}