/* Compass book-title wizard: cinematic background, dark tinted glass; no cream surfaces */
:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#f5faff;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#090b23;min-height:100svh;overflow-x:hidden;font-family:Inter,"Segoe UI",Arial,sans-serif}
button,textarea,input,select{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a2faff;outline-offset:2px}
[hidden]{display:none!important}
.cw-film{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;pointer-events:none;filter:saturate(1.23) contrast(1.04)}
.cw-veil{position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(105deg,rgba(3,7,29,.59),rgba(11,8,42,.45) 46%,rgba(5,12,37,.55)),linear-gradient(0deg,rgba(5,9,31,.24),transparent 45%)}
.cw-top,.cw-main{position:relative;z-index:2}
.cw-top{min-height:68px;position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px clamp(16px,3vw,48px);border-bottom:1px solid rgba(197,236,255,.23);background:rgba(7,12,34,.63);backdrop-filter:blur(21px) saturate(1.25);-webkit-backdrop-filter:blur(21px) saturate(1.25);z-index:10}
.cw-back,.cw-link{display:inline-flex;gap:10px;align-items:center;font-size:.78rem;font-weight:900;border:1px solid rgba(203,238,255,.36);padding:10px 15px;border-radius:100px;background:rgba(24,37,77,.32);white-space:nowrap;transition:background .2s,transform .2s}
.cw-back:hover,.cw-link:hover{transform:translateY(-2px);border-color:#b4f5ff;background:rgba(63,91,151,.45)}
.cw-heading{text-align:center}.cw-heading small{display:block;color:#a7f5f1;font-size:.53rem;letter-spacing:.20em;font-weight:900}
.cw-heading h1{margin:1px 0 0;font-size:clamp(1.05rem,1.65vw,1.5rem);letter-spacing:-.035em}.cw-heading h1 span{color:#c6e9ff}
.cw-main{max-width:1530px;margin:0 auto;padding:clamp(16px,2.2vw,31px) clamp(12px,2vw,32px) 28px}
.cw-headline{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0 4px 18px}
.cw-headline strong{color:#c4f9f0;letter-spacing:.2em;font-size:.64rem}
.cw-headline p{color:#e2edf8;text-shadow:0 1px 9px #080b21;font-size:.83rem;line-height:1.53;max-width:740px;margin:5px 0 0}
.cw-progress{flex:0 0 185px;display:grid;gap:9px;font-weight:900;font-size:.72rem;color:#c7f3ff}
.cw-track{height:7px;background:rgba(184,219,245,.22);border:1px solid rgba(206,234,249,.25);border-radius:99px;overflow:hidden}
.cw-track>span{display:block;height:100%;width:20%;background:linear-gradient(90deg,#a9f7ec,#d0b3ff,#b5eeff);transition:width .3s}
.cw-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:0 0 14px}
.cw-step{display:flex;align-items:center;gap:11px;text-align:left;min-height:65px;padding:10px 13px;background:rgba(28,41,92,.38);border:1px solid rgba(193,221,253,.37);border-radius:15px;color:#e7f4ff;backdrop-filter:blur(15px);font-weight:800;transition:transform .2s,background .2s,border-color .2s}
.cw-step span{font-size:.84rem;color:#c7efff;background:rgba(142,196,238,.13);padding:8px 9px;border:1px solid rgba(199,229,255,.33);border-radius:10px}
.cw-step strong{font-size:clamp(.7rem,1vw,.88rem);line-height:1.25}
.cw-step:hover{transform:translateY(-2px);border-color:#c6f9ff}
.cw-step.is-active{background:linear-gradient(125deg,rgba(88,103,174,.79),rgba(86,72,157,.76));border-color:#e3faff;box-shadow:0 6px 22px rgba(151,184,252,.24),inset 0 1px 0 rgba(255,255,255,.25)}
.cw-step.is-active span{background:linear-gradient(120deg,#dbfffa,#d6c5ff);color:#1e2c54;border-color:white}
.cw-step.is-complete:not(.is-active) span{color:#b7ffe3;border-color:#8cccb5}
.cw-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,290px);gap:15px;align-items:start}
.cw-glass{border:1px solid rgba(200,232,255,.34);border-radius:21px;background:linear-gradient(139deg,rgba(23,30,74,.54),rgba(29,27,77,.52) 58%,rgba(21,44,86,.57));backdrop-filter:blur(22px) saturate(1.18);-webkit-backdrop-filter:blur(22px) saturate(1.18);box-shadow:0 23px 65px rgba(0,5,29,.32),inset 0 1px 0 rgba(255,255,255,.16)}
.cw-main-panel{padding:clamp(16px,2.4vw,34px)}
.cw-stage-header{border-bottom:1px solid rgba(199,232,250,.22);padding-bottom:14px;margin-bottom:18px}
.cw-index{font-size:.66rem;letter-spacing:.15em;color:#baf6ed;font-weight:900}
.cw-stage-header h2{font-size:clamp(1.55rem,2.35vw,2.45rem);letter-spacing:-.065em;line-height:1.1;margin:9px 0 5px;text-shadow:0 5px 17px #0a102e}
.cw-stage-header p{font-size:.83rem;color:#e0e7f6;line-height:1.53;margin:0;max-width:860px}
.cw-stage h3{font-size:1.04rem;letter-spacing:-.01em;color:#e8fcff;margin:5px 0 15px}
.cw-fields{display:grid;gap:12px;margin-bottom:17px}
.cw-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.cw-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.cw-fields label,.cw-wide{display:flex;flex-direction:column;gap:7px;color:#f1f8ff;font-size:.79rem;font-weight:850;min-width:0}
.cw-fields label>b,.cw-wide>b{color:#ffdebd;display:inline}
.cw-fields input,.cw-fields select,.cw-wide input,.cw-wide textarea,.cw-aside select{
  width:100%;min-width:0;border:1px solid rgba(212,234,255,.57);
  border-radius:11px;padding:11px 12px;
  background:rgba(240,248,255,.96);
  color:#152654;
  box-shadow:inset 0 1px 1px rgba(31,44,88,.08);
  font-size:.85rem;font-weight:500;
}
.cw-fields input,.cw-fields select{height:46px}
.cw-fields input[readonly]{background:rgba(220,231,247,.85);font-weight:850}
.cw-wide{margin-bottom:14px}
.cw-wide textarea{min-height:130px;resize:vertical;line-height:1.55}
.cw-wide small{color:#d9e4f2;font-size:.71rem;font-weight:400}
.cw-field-help{color:#cbdff6;line-height:1.56;font-size:.81rem;margin:-1px 0 18px}
.cw-note{margin:18px 0 7px;padding:14px 16px;background:rgba(27,51,91,.37);border:1px solid rgba(163,213,254,.28);border-left:3px solid #adebf9;border-radius:11px;color:#d5e7f6;font-size:.77rem;line-height:1.65}
.cw-note a,.cw-inline-link{color:#adf4ff;text-decoration:underline;text-underline-offset:3px}
.cw-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid rgba(191,224,255,.22);padding-top:16px;margin-top:20px}
.cw-primary,.cw-secondary{padding:12px 19px;min-height:45px;border-radius:12px;font-weight:900;font-size:.82rem;border:1px solid rgba(209,238,255,.55);color:#f2fbff;background:rgba(39,55,101,.59);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 4px 0 rgba(8,15,48,.56);transition:transform .2s,box-shadow .2s}
.cw-primary{color:#1c2b51;border-color:white;background:linear-gradient(110deg,#f4fcff,#c8ebff 50%,#dbc7ff);box-shadow:inset 0 1px 0 white,0 4px 0 rgba(113,93,172,.63)}
.cw-primary:hover,.cw-secondary:hover{transform:translateY(-2px);box-shadow:0 9px 18px rgba(138,172,233,.3)}
button:disabled{opacity:.47;cursor:not-allowed;transform:none!important;box-shadow:none!important}
.cw-save-status{margin-right:auto;color:#b8f5e8;font-size:.71rem;line-height:1.4;flex:1 1 145px}
.cw-aside{padding:22px;position:sticky;top:87px;display:grid;gap:14px}
.cw-aside-header{display:flex;align-items:center;justify-content:space-between;color:#e6faff;font-weight:950;letter-spacing:.09em;font-size:.83rem}
.cw-aside-header span{font-size:.63rem;font-weight:600;letter-spacing:0;color:#b9d9f7}
.cw-aside-label{font-size:.72rem;color:#d7ebf8;font-weight:850}
.cw-aside>button{min-height:41px;margin-top:-3px}
.cw-cover-small{width:190px;aspect-ratio:2/3;margin:12px auto 6px;padding:7px;border-radius:5px 10px 10px 5px;border:3px solid rgba(245,247,255,.81);background:radial-gradient(ellipse at 45% 40%,#f8d9e5,#a27cce 35%,#403475 70%,#141a3f);box-shadow:0 15px 29px rgba(0,0,0,.45),-4px 5px 0 rgba(10,10,37,.5);transform:rotate(2deg)}
.cw-cover-inner{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:17px;text-align:center;text-shadow:0 2px 12px #160c3f;padding:20px 8px}
.cw-cover-inner strong{font-family:Georgia,serif;font-size:1.5rem;line-height:1.1;overflow-wrap:anywhere}
.cw-cover-inner small{font-size:.55rem;letter-spacing:.13em}
.cw-aside-meter{display:grid;gap:8px;color:#bff9f2;font-size:.73rem;font-weight:850}
.cw-aside-meter .cw-track>span{width:0}
.cw-aside-next{padding:14px;border:1px solid rgba(197,237,255,.23);border-radius:13px;background:rgba(21,35,85,.28);display:grid;gap:10px}
.cw-aside-next strong{font-size:.82rem;color:#fff}
.cw-aside-next p,.cw-private{font-size:.73rem;line-height:1.57;color:#d8e5f4;margin:0}
.cw-aside-next a{font-size:.73rem;font-weight:850;color:#b5f5ff}
.cw-private{font-size:.67rem}
.cw-upload{display:grid;place-items:center;text-align:center;gap:10px;padding:25px;border:2px dashed rgba(160,225,255,.66);border-radius:17px;background:linear-gradient(130deg,rgba(61,66,147,.42),rgba(44,75,143,.39));position:relative;cursor:pointer;margin-bottom:17px}
.cw-upload>span{width:55px;height:55px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(120deg,#b6f5fb,#d3aefa);color:#26375c;font-size:2.1rem}
.cw-upload strong{font-size:1rem}.cw-upload small{font-size:.73rem;color:#d8e7f9}
.cw-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.cw-manuscript-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.cw-status{font-size:.77rem;color:#c9f7ef;line-height:1.6;margin:10px 0}
.cw-preview-shell{border:1px solid rgba(203,228,255,.31);border-radius:15px;padding:13px;background:rgba(11,23,64,.51);margin:17px 0}
.cw-preview-top{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:.75rem;color:#eefaff;margin-bottom:10px}
.cw-preview-top span{font-size:.69rem;color:#bbd9ee}
#cw-pdf-view{display:block;width:100%;height:clamp(360px,65vh,720px);border:0;background:#fff;border-radius:8px}
.cw-docx-view{display:grid;justify-items:center;gap:12px;max-height:75vh;overflow:auto;padding:13px 5px;background:rgba(6,13,38,.38)}
.cw-docx-page{width:min(100%,500px);aspect-ratio:2/3;min-height:610px;background:#fff;color:#1d2334;padding:50px;box-shadow:0 14px 32px rgba(0,0,0,.39);overflow:hidden;font:15px/1.55 Georgia,serif;overflow-wrap:anywhere}
.cw-docx-page p{margin:0 0 .8em}.cw-docx-page small{display:block;text-align:center;font-family:Arial,sans-serif;color:#556;font-size:10px;margin-top:8px}
.cw-channels{padding:0;margin:0 0 19px;border:0;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
.cw-channels legend{font-size:.9rem;font-weight:900;color:#e8fdff;margin-bottom:12px}
.cw-channels label{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;border:1px solid rgba(193,232,255,.35);border-radius:12px;background:rgba(42,61,116,.33);font-size:.79rem}
.cw-channels label input{width:19px;height:19px;accent-color:#b7f6eb}
.cw-channels label small{font-size:.68rem;color:#bddcf1;margin-left:28px}
.cw-channels label.cw-locked{border-color:#b1f3d3;background:rgba(35,101,91,.31)}
.cw-price-cards{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:18px 0}
.cw-price-cards>div{padding:15px;border:1px solid rgba(196,235,255,.31);border-radius:14px;background:rgba(35,55,112,.38);display:grid;gap:8px}
.cw-price-cards small{font-size:.67rem;color:#b5e6ef;font-weight:850}
.cw-price-cards strong{font-size:clamp(1.3rem,2vw,2rem);color:#fff}
.cw-price-cards span{color:#d4e3f5;font-size:.68rem;line-height:1.4}
.cw-confirm{display:flex;gap:13px;align-items:start;margin-top:19px;font-size:.78rem;line-height:1.6;font-weight:700;color:#dff3fa}
.cw-confirm input{width:20px;height:20px;flex:none;accent-color:#77e3cd}
.cw-review{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.cw-review-item{display:grid;gap:7px;padding:13px;border:1px solid rgba(202,231,255,.3);border-radius:12px;background:rgba(43,55,109,.38)}
.cw-review-item small{font-size:.65rem;font-weight:850;color:#c5eee9;letter-spacing:.05em}
.cw-review-item strong{font-size:.85rem;line-height:1.5;overflow-wrap:anywhere;font-weight:630;white-space:pre-wrap}
.cw-download{margin:21px 0 0}
.cw-footer{display:flex;justify-content:space-between;gap:15px;margin-top:28px;padding-top:15px;border-top:1px solid rgba(206,230,255,.25);font-size:.72rem;color:#ccdef2}
.cw-footer a{color:#b8f5ff}
@media(max-width:1130px){.cw-grid{grid-template-columns:minmax(0,1fr) 230px}.cw-aside{padding:15px}.cw-cover-small{width:155px}.cw-step{gap:6px;padding:10px 8px}.cw-step strong{font-size:.68rem}}
@media(max-width:890px){.cw-grid{grid-template-columns:1fr}.cw-aside{position:static;grid-template-columns:1fr 1fr;align-items:start}.cw-aside-next{grid-column:1/-1}.cw-private{grid-column:1/-1}.cw-cover-small{grid-row:2 / span 3;grid-column:2}.cw-steps{gap:6px}.cw-step{min-height:62px;flex-direction:column;gap:5px;text-align:center}.cw-headline{display:block}.cw-progress{margin-top:10px;max-width:280px}}
@media(max-width:570px){.cw-top{min-height:60px;padding:9px 12px;gap:8px}.cw-back{padding:8px;font-size:.69rem}.cw-back span{display:none}.cw-link{padding:8px;font-size:.65rem}.cw-heading small{font-size:.42rem;letter-spacing:.07em}.cw-heading h1{font-size:1.04rem}.cw-main{padding:12px 9px}.cw-steps{gap:3px}.cw-step{border-radius:10px;padding:9px 3px;min-height:62px}.cw-step span{padding:5px;font-size:.65rem}.cw-step strong{font-size:.53rem}.cw-main-panel{padding:17px 12px}.cw-two,.cw-three,.cw-review,.cw-channels,.cw-price-cards{grid-template-columns:1fr}.cw-stage-header h2{font-size:1.75rem}.cw-controls{gap:7px}.cw-controls button{flex:1 1 118px;padding:10px}.cw-save-status{flex:1 1 100%;order:3}.cw-aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cw-cover-small{width:120px}.cw-cover-inner strong{font-size:1rem}.cw-footer{display:grid}.cw-docx-page{min-height:500px;padding:28px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.cw-film{display:none}.cw-step,.cw-primary,.cw-secondary,.cw-track>span{transition:none}.cw-step:hover,.cw-primary:hover,.cw-secondary:hover{transform:none}}


/* Author contracts and taxes stages. */
.cw-steps{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}
.cw-step{min-height:65px;padding:9px 8px;gap:6px}
.cw-step span{padding:7px;font-size:.72rem}
.cw-step strong{font-size:.73rem}
.cw-checkset{margin:18px 0;padding:0;border:0;display:grid;gap:10px}
.cw-checkset legend{font-size:.89rem;color:#f0fbff;font-weight:900;margin-bottom:10px}
.cw-checkset label{display:flex;align-items:start;gap:12px;font-size:.8rem;color:#ebf5ff;line-height:1.55;
padding:12px 14px;border:1px solid rgba(181,229,255,.32);border-radius:12px;background:rgba(30,50,105,.36)}
.cw-checkset input{accent-color:#9cebdc;flex:none;width:19px;height:19px;margin-top:1px}
.cw-tax-advice,.cw-tax-guidance{padding:16px;border:1px solid rgba(159,223,255,.43);border-radius:14px;background:rgba(19,50,97,.45);line-height:1.6;color:#e7faff;font-size:.83rem}
.cw-tax-guidance{display:grid;gap:8px;margin-top:17px}
.cw-tax-guidance strong{color:#b9f5ff;font-size:.91rem}
.cw-tax-guidance p{margin:0 0 11px}
.cw-tax-guidance a{color:#c5f7ff;text-decoration:underline}
@media(max-width:1080px){.cw-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:570px){.cw-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.cw-step strong{font-size:.63rem}.cw-step{min-height:57px}.cw-step span{font-size:.65rem}}


/* v2 — a single visible workspace, clear internal scrolling and fixed action row.
   Keeps approved cinematic footage and dark glass; no side-by-side cards. */
.cw-screenflow,.cw-screenflow .cw-main{overflow-x:hidden}
.cw-screenflow .cw-main{max-width:1600px}
.cw-screenflow .cw-headline{margin-bottom:10px}
.cw-screenflow .cw-steps{margin-bottom:11px}
.cw-screenflow .cw-grid.cw-single-column{display:block;width:100%;min-width:0}
.cw-screenflow .cw-main-panel{
 display:flex;flex-direction:column;min-width:0;
 padding:clamp(15px,2vw,23px);
 border-radius:18px;
 background:linear-gradient(125deg,rgba(19,28,75,.55),rgba(30,34,89,.48));
}
.cw-screenflow .cw-drafts-bar{
 display:flex;align-items:center;gap:12px;flex-wrap:wrap;
 margin:0 0 12px;padding:8px 12px;
 border:1px solid rgba(211,241,255,.24);border-radius:12px;
 background:rgba(16,32,85,.33)
}
.cw-screenflow .cw-draft-badge{font-size:.65rem;letter-spacing:.12em;font-weight:950;color:#b4f9f1}
.cw-screenflow .cw-drafts-bar label{font-size:.69rem;font-weight:800;color:#e8f7ff}
.cw-screenflow .cw-drafts-bar select{
 border:1px solid rgba(198,224,255,.54);border-radius:9px;
 background:rgba(235,246,255,.96);color:#253356;min-height:37px;
 width:min(23vw,295px);padding:7px 12px;font-size:.78rem
}
.cw-screenflow .cw-drafts-bar .cw-secondary{min-height:37px;padding:7px 12px;font-size:.74rem;border-radius:9px}
.cw-screenflow .cw-mini-cover{
 display:flex;align-items:center;gap:8px;min-width:0;max-width:275px;
 background:linear-gradient(110deg,rgba(122,91,178,.46),rgba(36,77,141,.49));
 border:1px solid rgba(208,231,255,.29);
 border-radius:8px;padding:8px 11px
}
.cw-screenflow .cw-mini-cover strong{
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px;
 font:700 .79rem Georgia,serif;color:#fff
}
.cw-screenflow .cw-mini-cover small{
 max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
 font-size:.55rem;color:#d4e7fb
}
.cw-screenflow .cw-compact-progress{display:grid;gap:6px;flex:0 1 145px;margin-left:auto}
.cw-screenflow .cw-compact-progress>span{font-size:.63rem;color:#c9eaff;font-weight:800}
.cw-screenflow .cw-stage-header{padding-bottom:9px;margin-bottom:8px}
.cw-screenflow .cw-stage-header h2{font-size:clamp(1.4rem,2vw,2.1rem);margin:5px 0}
.cw-screenflow .cw-stage-header p{font-size:.75rem;line-height:1.44}
.cw-screenflow .cw-scroll-cue{
 display:flex;justify-content:flex-end;gap:8px;align-items:center;
 font-size:.69rem;font-weight:850;color:#b4f4ff;padding:3px 4px 7px;
}
.cw-screenflow .cw-scroll-cue span{font-size:1rem}
.cw-screenflow #cw-form{min-width:0;scrollbar-width:auto;scrollbar-color:#a1f6e8 rgba(13,24,65,.45)}
.cw-screenflow #cw-form::-webkit-scrollbar{width:12px}
.cw-screenflow #cw-form::-webkit-scrollbar-thumb{
 background:linear-gradient(#a4f3e7,#baa8f4);border:3px solid rgba(16,28,68,.70);
 border-radius:12px
}
.cw-screenflow #cw-form::-webkit-scrollbar-track{background:rgba(10,22,60,.45);border-radius:12px}
.cw-screenflow .cw-stage{padding:2px 8px 10px 0}
.cw-screenflow .cw-controls{
 margin:7px 0 0;padding:12px 2px 1px;flex:none;
 background:rgba(15,25,62,.36);border-radius:0 0 12px 12px;
 backdrop-filter:blur(8px)
}
.cw-screenflow .cw-save-status{font-size:.7rem;min-width:0}
.cw-screenflow .cw-steps{grid-template-columns:repeat(7,minmax(0,1fr))}
@media(min-width:1110px) and (min-height:680px){
 .cw-screenflow{height:100dvh;min-height:0;overflow:hidden}
 .cw-screenflow .cw-top{height:65px;min-height:65px;flex:none}
 .cw-screenflow .cw-main{
  height:calc(100dvh - 65px);min-height:0;
  display:flex;flex-direction:column;overflow:hidden;
  padding:10px clamp(14px,2vw,28px) 8px
 }
 .cw-screenflow .cw-headline{flex:none;margin-bottom:8px}
 .cw-screenflow .cw-headline p{font-size:.76rem;margin-top:3px}
 .cw-screenflow .cw-steps{flex:none;margin-bottom:9px}
 .cw-screenflow .cw-step{min-height:50px;padding:6px 8px}
 .cw-screenflow .cw-grid.cw-single-column{flex:1;min-height:0;display:flex}
 .cw-screenflow .cw-main-panel{flex:1;min-height:0;overflow:hidden;padding:12px 17px}
 .cw-screenflow #cw-form{
  flex:1;min-height:0;overflow-y:scroll;overscroll-behavior:contain;
  padding:0 8px 0 0;scroll-behavior:smooth
 }
 .cw-screenflow .cw-drafts-bar{flex:none;margin-bottom:7px}
 .cw-screenflow .cw-stage-header{flex:none}
 .cw-screenflow .cw-scroll-cue{flex:none}
 .cw-screenflow .cw-controls{flex:none}
 .cw-screenflow .cw-footer{display:none}
}
@media(max-width:1109px), (max-height:679px){
 .cw-screenflow{height:auto;overflow-y:auto}
 .cw-screenflow .cw-main{height:auto;overflow:visible;display:block}
 .cw-screenflow .cw-main-panel{overflow:visible;min-height:0}
 .cw-screenflow #cw-form{height:auto;overflow:visible;padding:0}
 .cw-screenflow .cw-scroll-cue{display:none}
 .cw-screenflow .cw-footer{display:flex}
}
@media(max-width:780px){
 .cw-screenflow .cw-drafts-bar{gap:9px}
 .cw-screenflow .cw-drafts-bar select{width:100%;flex:1 1 180px}
 .cw-screenflow .cw-mini-cover{flex:1 1 120px;max-width:none}
 .cw-screenflow .cw-compact-progress{flex:1 1 120px}
}
@media(max-width:570px){
 .cw-screenflow .cw-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
 .cw-screenflow .cw-drafts-bar{padding:9px}
 .cw-screenflow .cw-mini-cover{order:3;flex:1 1 100%}
 .cw-screenflow .cw-compact-progress{order:4;flex:1 1 100%}
 .cw-screenflow .cw-controls{padding:11px 0}
}
@media(prefers-reduced-motion:reduce){.cw-screenflow #cw-form{scroll-behavior:auto}}


/* Scroll and save recovery. Natural page scrolling on desktop AND mobile. */
html:has(body.cw-screenflow){overflow-y:auto!important;height:auto!important;scrollbar-gutter:stable}
body.cw-screenflow{
 height:auto!important;min-height:100svh!important;
 overflow-y:visible!important;overflow-x:hidden!important
}
.cw-screenflow .cw-main{
 display:block!important;height:auto!important;min-height:0!important;
 overflow:visible!important;max-width:1600px!important;
 padding-bottom:95px!important
}
.cw-screenflow .cw-grid.cw-single-column{display:block!important;height:auto!important;overflow:visible!important}
.cw-screenflow .cw-main-panel{height:auto!important;min-height:0!important;overflow:visible!important;display:flex!important}
.cw-screenflow #cw-form{
 display:block!important;flex:none!important;height:auto!important;min-height:0!important;
 max-height:none!important;overflow:visible!important;scroll-behavior:auto!important;
 padding:0 5px 18px 0!important
}
.cw-screenflow .cw-stage{overflow:visible!important;min-height:0;padding-bottom:28px}
.cw-screenflow .cw-controls{
 position:sticky!important;bottom:0!important;z-index:7;
 margin-top:0!important;padding:13px 15px!important;
 background:rgba(9,16,48,.92)!important;
 border:1px solid rgba(184,232,255,.4);
 border-radius:13px!important;
 box-shadow:0 -10px 30px rgba(2,6,25,.37);
 backdrop-filter:blur(20px);
}
.cw-screenflow .cw-scroll-cue{display:none!important}
.cw-screenflow .cw-top{position:sticky;top:0;z-index:20}
.cw-screenflow .cw-stage-header,.cw-screenflow .cw-steps,.cw-screenflow .cw-main-panel{
 scroll-margin-top:90px
}
.cw-screenflow .cw-footer{display:flex!important}
@media(max-width:620px){
 .cw-screenflow .cw-controls{padding:9px 10px!important;gap:7px}
 .cw-screenflow .cw-controls .cw-save-status{font-size:.7rem}
 .cw-screenflow .cw-main{padding-bottom:75px!important}
}