:root{color-scheme:light;--navy:#031e39;--cyan:#00c5df;--yellow:#ffe22b;--muted:#506477}*{box-sizing:border-box}body{margin:0;background:#f3f7fa;color:var(--navy);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5}header{max-width:1200px;margin:auto;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}a{color:var(--navy)}header a{text-decoration:none;font-size:14px}.brand{font-size:24px;font-weight:900;letter-spacing:-1px}.brand span{color:#008497}main{max-width:1160px;margin:auto;padding:10px 24px 60px}.intro{padding:24px 0 35px;max-width:740px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:#08798b}.intro h1{font-size:clamp(40px,6vw,68px);line-height:1.03;letter-spacing:-3px;margin:14px 0 22px}.intro em{font-style:normal;color:#007d90}.intro>p:not(.eyebrow){color:var(--muted);font-size:19px;max-width:590px}.badges{display:flex;gap:10px;flex-wrap:wrap}.badges span{border:1px solid #cbdde5;border-radius:20px;padding:5px 13px;font-size:12px;font-weight:650;background:#fff}.workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:28px;align-items:start}.panel,.preview-panel{background:white;border:1px solid #dce5ed;border-radius:20px;padding:28px;margin-bottom:20px;box-shadow:0 7px 24px #14324b05}.section-heading{display:flex;align-items:center;gap:12px;margin-bottom:22px}.section-heading b{border-radius:12px;background:#e0f8fc;padding:8px 11px;font-size:13px;color:#007d90}h2{font-size:23px;letter-spacing:-.5px;margin:0}label{display:block;font-size:14px;font-weight:700;margin:18px 0 8px}textarea,input,select{width:100%;font:inherit;color:var(--navy);background:#fbfdff;border:1px solid #b9cbd8;border-radius:10px;padding:12px;outline:none}textarea{resize:vertical;min-height:80px}input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #00c5df70;outline-offset:2px}input[type=file]{font-size:13px;padding:12px}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}button{font:inherit;cursor:pointer}.primary,.secondary{display:inline-block;border-radius:10px;text-decoration:none;font-size:15px;font-weight:750;padding:13px 18px;border:0;cursor:pointer}.primary{background:var(--yellow);color:var(--navy);text-align:center;width:100%;margin-top:18px;box-shadow:0 3px 0 #d5bb00}.secondary{background:#edf5f8;color:var(--navy);border:1px solid #c7dce6;margin-top:16px}.primary:disabled,.secondary:disabled{opacity:.55;cursor:wait}.help{font-size:12px;color:var(--muted);line-height:1.6;margin:9px 0}.examples{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;align-items:center}.examples span{font-size:11px;color:var(--muted);width:100%}.examples button{border:1px solid #d4e2e9;background:#fff;color:#34556b;border-radius:16px;padding:5px 10px;font-size:11px}.upload-box{border-top:1px solid #e2ebf0;margin-top:20px;padding-top:2px}.preview-controls{display:flex;gap:12px;align-items:center}.check{display:flex;gap:10px;align-items:start;font-weight:500;line-height:1.5}.check input{width:18px;height:18px;flex-shrink:0;margin-top:2px;accent-color:#00899e}.preview-panel{position:sticky;top:20px;padding:24px}.preview-panel>.eyebrow{margin-top:0;text-align:center}.phone{background:var(--navy);border:7px solid #102c46;border-radius:26px;aspect-ratio:9/16;max-width:285px;margin:18px auto;overflow:hidden;position:relative;box-shadow:0 16px 30px #031e3920}.phone video{width:100%;height:100%;object-fit:contain;background:#000}#placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:24px;color:#fff;background:radial-gradient(ellipse at 20% 20%,#086075,transparent 65%),#031e39}#placeholder>span{font-size:42px;color:var(--cyan)}#placeholder h3{font-size:27px;line-height:1.12;letter-spacing:-1px;color:var(--yellow)}#placeholder p{font-size:13px;color:#b9dbe4}#progress{text-align:center;font-size:14px;font-weight:650}audio{width:100%;margin-top:14px}#message{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);width:min(620px,calc(100% - 32px));padding:18px 24px;background:var(--navy);color:#fff;border:1px solid var(--cyan);border-radius:12px;box-shadow:0 12px 60px #0004;z-index:10;font-size:14px}#warnings{font-size:12px;color:#805900;padding-left:18px}footer{padding:24px;text-align:center;font-size:12px;color:var(--muted);border-top:1px solid #dce5ed}footer a{margin-left:12px}[hidden]{display:none!important}@media(max-width:760px){header{padding:18px 20px}.brand{font-size:20px}header>a:last-child{font-size:11px}main{padding:0 16px 35px}.intro{padding:18px 4px 26px}.intro h1{letter-spacing:-1.8px}.intro>p:not(.eyebrow){font-size:16px}.workspace{grid-template-columns:1fr;gap:4px}.panel,.preview-panel{padding:20px;border-radius:16px}.two{gap:10px}.preview-panel{position:static}.phone{max-width:260px}h2{font-size:21px}.preview-controls{align-items:start;flex-direction:column;gap:0}}

#save-panel{border:1px solid #b9cbd8;border-radius:18px;background:#fff;color:var(--navy);padding:24px;width:min(460px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 18px 70px #031e3940}#save-panel::backdrop{background:#031e3970}.save-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.save-heading button{min-width:44px;min-height:44px;border:1px solid #b9cbd8;border-radius:10px;background:#edf5f8;color:var(--navy);font-size:28px}#save-status{line-height:1.6}#save-back{min-height:44px;width:100%}


.export-plan{padding:18px 22px;margin:0 0 28px;border:1px solid #c4e0e7;border-radius:18px;background:#eaf6f8;color:#0c3444}.export-plan p{margin:0;line-height:1.5;overflow-wrap:anywhere}.export-plan p+p{margin-top:6px;color:#466675;font-size:.9rem}.export-plan a{color:#006c7b}