/* Compass Publishing Studio — isolated from the original KDP app. */
:root{color-scheme:dark;--white:#fafaff;--muted:#d5dffa;--cyan:#adf5ff;--lilac:#d2c1ff;--pink:#ffcaed;--amber:#ffe3a0}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;background:#080a20;color:var(--white);-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.cps-dropzone:focus-within{outline:3px solid #aef4ff;outline-offset:3px}
[hidden]{display:none!important}
.cps-body{overflow-x:hidden;min-height:100svh}
.cps-film{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;pointer-events:none;filter:saturate(1.25) contrast(1.06)}
.cps-atmosphere{position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(5,6,23,.43),rgba(7,9,31,.21) 29%,rgba(8,8,32,.42) 66%,rgba(7,8,26,.63)),radial-gradient(circle at 20% 30%,rgba(87,45,172,.12),transparent 42%)}
.cps-main,.cps-nav{position:relative;z-index:2}
.cps-skip{position:fixed;z-index:50;top:-100px;left:12px;background:#fff;color:#131739;padding:13px;border-radius:10px}
.cps-skip:focus{top:12px}
.cps-nav{position:sticky;top:0;z-index:20;min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px clamp(20px,3.2vw,60px);border-bottom:1px solid rgba(223,235,255,.19);background:rgba(6,9,26,.56);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.cps-back,.cps-nav-open{border:1px solid rgba(204,232,255,.27);background:rgba(24,28,74,.31);border-radius:99px;padding:12px 16px;font-weight:800;font-size:.77rem;white-space:nowrap;transition:transform .2s,border .2s,background .2s}
.cps-back:hover,.cps-nav-open:hover{transform:translateY(-2px);border-color:#a3edff;background:rgba(65,58,136,.38)}
.cps-back span{font-size:1.2rem;margin-right:6px}
.cps-brand{font-weight:1000;white-space:nowrap;letter-spacing:.14em;font-size:.89rem;color:white;text-shadow:0 0 13px rgba(164,229,255,.3)}
.cps-brand span:not(.cps-brand-mark){font-size:.68rem;color:#d4e6ff;font-weight:700}
.cps-brand-mark{color:var(--cyan);font-size:1.38rem;text-shadow:0 0 17px #77dfff;margin-right:8px}
.cps-intro{max-width:1500px;min-height:clamp(530px,75svh,790px);margin:0 auto;display:grid;grid-template-columns:1fr minmax(200px,370px);align-items:center;gap:clamp(12px,5vw,100px);padding:64px clamp(26px,6.3vw,108px) 68px}
.cps-intro-copy{z-index:1}
.cps-overline{color:#c6f6ff;font-size:.66rem;font-weight:950;letter-spacing:.31em;text-transform:uppercase;text-shadow:0 2px 10px #050920}
.cps-pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:8px;background:#adf7ff;box-shadow:0 0 14px #70ddff;animation:cps-pulse 2.8s ease-in-out infinite}
.cps-intro h1{font-size:clamp(3.8rem,7.6vw,8rem);line-height:.96;letter-spacing:-.077em;font-weight:950;margin:27px 0;max-width:850px;text-shadow:0 1px 0 #e4e0ff,0 3px 0 #5e4c8d,0 7px 8px rgba(7,8,32,.88),0 20px 33px rgba(4,5,22,.6)}
.cps-intro h1 em,.cps-workspace h2 em,.cps-panel-heading h3 em,.cps-beyond h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em;font-style:italic;background:linear-gradient(120deg,#faffff,#bff8ff 29%,#dfc5ff 65%,#ffe7d5);background-clip:text;color:transparent;filter:drop-shadow(0 6px 10px rgba(9,10,38,.62))}
.cps-intro-copy>p:not(.cps-overline){max-width:630px;color:#f1f4ff;font-size:clamp(1.04rem,1.35vw,1.2rem);line-height:1.77;text-shadow:0 2px 12px #070923}
.cps-intro-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:29px}
.cps-intro-chips span{border:1px solid rgba(195,236,255,.41);border-radius:100px;padding:10px 15px;font-size:.75rem;font-weight:850;background:rgba(21,24,63,.3);backdrop-filter:blur(8px);text-shadow:0 1px 10px #090a30}
.cps-sample-cover{position:relative;transform:rotate(5deg);width:min(100%,320px);margin:auto;aspect-ratio:2/3;background:radial-gradient(ellipse at 52% 67%,#fec795 0%,#a55dc1 18%,#313072 49%,#090d2c 79%);border:6px solid rgba(222,236,255,.83);border-radius:9px 16px 16px 9px;box-shadow:-8px 15px 0 rgba(16,16,48,.66),0 35px 95px rgba(0,0,0,.5),0 0 60px 13px rgba(156,114,255,.31);overflow:hidden;animation:cps-hover 8s ease-in-out infinite}
.cps-sample-cover:before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 50% 65%,transparent 0 23px,rgba(169,220,255,.25) 25px 27px,transparent 31px 68px);transform:scaleY(.65) rotate(-23deg)}
.cps-sample-planet{position:absolute;left:15%;top:29%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 42% 35%,#fff8cd,#ffd3c2 17%,#ab8fe8 40%,#313f8e 69%,#090b32 85%);box-shadow:0 0 65px rgba(194,154,255,.6)}
.cps-sample-sky span{position:absolute;color:#fff9c7;text-shadow:0 0 25px white}
.cps-sample-sky span:nth-child(1){left:13%;top:12%;font-size:2rem}.cps-sample-sky span:nth-child(2){right:15%;top:21%;font-size:1.5rem}.cps-sample-sky span:nth-child(3){right:25%;bottom:20%;font-size:2.2rem}
.cps-sample-text{position:absolute;inset:6%;display:flex;justify-content:space-between;align-items:center;flex-direction:column;text-align:center;text-shadow:0 3px 20px #060628}
.cps-sample-text small{font-size:.62rem;letter-spacing:.2em;font-weight:850}
.cps-sample-text strong{font-family:Georgia,serif;font-size:clamp(2.25rem,4vw,4rem);line-height:1.03}
.cps-workspace{max-width:1540px;margin:0 auto clamp(85px,7vw,130px);padding:clamp(20px,3vw,38px);border:1px solid rgba(200,220,255,.27);border-radius:35px;background:linear-gradient(150deg,rgba(19,18,61,.76),rgba(16,22,56,.81) 45%,rgba(14,13,44,.87));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 40px 160px rgba(0,0,0,.47),inset 0 1px 0 rgba(255,255,255,.21)}
.cps-workspace-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:4px 8px 28px}
.cps-workspace h2{font-size:clamp(2rem,3.25vw,3.7rem);line-height:1.04;letter-spacing:-.065em;margin:12px 0 0}
.cps-workspace-head>p{max-width:320px;color:#c2cce6;font-size:.83rem;line-height:1.7}
.cps-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}
.cps-tab{border:1px solid rgba(179,202,255,.36);min-height:104px;padding:17px 20px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:17px;text-align:left;color:white;border-radius:20px;background:linear-gradient(140deg,rgba(50,49,109,.75),rgba(30,40,79,.53));box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 6px 0 rgba(11,14,47,.8),0 12px 25px rgba(1,4,20,.19);transition:transform .22s,box-shadow .22s,border-color .22s}
.cps-tab:hover{transform:translateY(-4px);border-color:#bcf7ff;box-shadow:0 9px 0 rgba(12,19,57,.67),0 19px 35px rgba(43,46,116,.43),inset 0 1px 0 rgba(255,255,255,.3)}
.cps-tab[aria-selected="true"]{background:linear-gradient(130deg,rgba(147,96,209,.82),rgba(76,142,194,.71),rgba(37,46,111,.71));border-color:#d4f9ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 0 24px rgba(132,192,255,.18),0 6px 0 rgba(10,15,51,.79)}
.cps-tab>span{grid-row:1/span 2;font-size:2.2rem;color:#dffaff;filter:drop-shadow(0 0 12px rgba(182,232,255,.7))}
.cps-tab strong{font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.25;letter-spacing:-.02em}
.cps-tab small{color:#d5e3ff;font-size:.72rem;margin-top:5px}
.cps-panel{border:1px solid rgba(205,225,255,.22);border-radius:25px;min-height:530px;padding:clamp(20px,3.2vw,39px);background:linear-gradient(145deg,rgba(9,18,56,.51),rgba(33,28,74,.45));box-shadow:inset 0 2px 0 rgba(225,241,255,.09)}
.cps-panel-heading{display:flex;justify-content:space-between;align-items:start;gap:18px;margin-bottom:26px}
.cps-panel-index{font-size:.68rem;color:#b4efff;letter-spacing:.18em;font-weight:900;margin:0 0 9px}
.cps-panel-heading h3{font-size:clamp(2rem,3.35vw,3.65rem);line-height:1.07;letter-spacing:-.07em;margin:0 0 14px}
.cps-panel-heading p:not(.cps-panel-index){color:#d6dff2;font-size:.95rem;line-height:1.68;max-width:720px;margin:0}
.cps-stage-label{margin-top:13px;flex-shrink:0;color:#aff4ff;border:1px solid rgba(171,234,255,.38);border-radius:90px;font-weight:850;letter-spacing:.11em;font-size:.61rem;padding:9px 12px;background:rgba(21,31,71,.64)}
.cps-editor-layout{display:grid;grid-template-columns:minmax(320px,1.02fr) minmax(310px,.98fr);gap:25px;align-items:start}
.cps-control-surface,.cps-preview-shell,.cps-check-results,.cps-print-output{border:1px solid rgba(198,224,255,.25);border-radius:24px;padding:clamp(19px,2.4vw,30px);background:linear-gradient(145deg,rgba(40,38,93,.58),rgba(16,26,64,.57));backdrop-filter:blur(11px)}
.cps-control-surface{display:flex;flex-direction:column;gap:18px}
.cps-field{display:flex;flex-direction:column;gap:9px;font-size:.86rem;font-weight:850;color:#ecf4ff}
.cps-field-hint{font-size:.7rem;color:#b9c9e6;font-weight:500;margin-top:-4px}
.cps-field input,.cps-field select{min-width:0;width:100%;height:50px;border-radius:14px;border:1px solid rgba(194,227,255,.43);background:rgba(247,250,255,.97);color:#17234e;padding:0 15px;font-size:.92rem;box-shadow:inset 0 1px 2px rgba(18,22,53,.07)}
.cps-field input[type=file]{height:auto;min-height:52px;padding:12px;font-size:.8rem;max-width:100%}
.cps-grid-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.cps-switch{display:flex;align-items:center;gap:11px;color:#e1ebff;font-size:.83rem}
.cps-switch input{width:20px;height:20px;accent-color:#8ceaff}
.cps-button-row{display:flex;flex-wrap:wrap;gap:10px}
.cps-button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:51px;border-radius:15px;padding:12px 19px;font-weight:900;font-size:.81rem;border:1px solid rgba(219,240,255,.58);color:#fbfcff;background:rgba(37,50,94,.56);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 5px 0 rgba(9,12,43,.85),0 11px 24px rgba(4,9,29,.24);transition:transform .19s,box-shadow .19s,border-color .19s}
.cps-button:hover{transform:translateY(-3px);border-color:white;box-shadow:inset 0 1px 0 rgba(255,255,255,.39),0 8px 0 rgba(9,12,43,.75),0 19px 28px rgba(86,100,194,.35)}
.cps-button:active{transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 2px 0 rgba(9,12,43,.85)}
.cps-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
.cps-button-primary{background:linear-gradient(125deg,#f5fdff,#d8c6ff 55%,#ffe2e6);color:#17244b;border:1px solid rgba(255,255,255,.9);text-shadow:none;box-shadow:inset 0 1px 0 white,0 6px 0 rgba(102,79,166,.71),0 13px 28px rgba(126,123,237,.3)}
.cps-button-secondary{background:linear-gradient(125deg,rgba(41,175,212,.87),rgba(111,99,222,.82));color:#fff}
.cps-button-glass{background:rgba(18,28,71,.37);backdrop-filter:blur(12px)}
.cps-status{font-size:.79rem;color:#c4f1ff;line-height:1.6;margin:1px 0 0;min-height:22px}
.cps-technical-note{font-size:.77rem;line-height:1.7;color:#bfcae3;margin:16px 0 0}
.cps-technical-note a{color:#b2f2ff;text-decoration:underline;text-underline-offset:4px}
.cps-preview-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:.7rem;letter-spacing:.12em;color:#c2efff;font-weight:850;margin-bottom:17px}
.cps-preview-top small{margin-left:auto;font-size:.62rem;letter-spacing:0;color:#9daed2}
.cps-live-dot{background:#a3f9ff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 15px #8bf0ff;animation:cps-pulse 2.6s ease-in-out infinite}
.cps-canvas-frame{max-width:460px;width:100%;margin:0 auto;background:rgba(9,12,35,.53);padding:13px;border-radius:18px;border:1px solid rgba(212,233,255,.19)}
.cps-canvas-frame canvas{display:block;width:auto;height:auto;max-width:100%;max-height:min(63vh,700px);aspect-ratio:2/3;margin:auto;box-shadow:0 13px 50px rgba(0,0,0,.6);border-radius:4px 12px 12px 4px}
.cps-check-layout{display:grid;grid-template-columns:minmax(300px,1fr) minmax(300px,1fr);gap:25px}
.cps-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;min-height:340px;padding:33px 19px;position:relative;border:2px dashed rgba(165,233,255,.56);border-radius:23px;background:linear-gradient(135deg,rgba(59,72,139,.4),rgba(83,40,116,.34));cursor:pointer;text-align:center;transition:border-color .2s,background .2s,transform .2s}
.cps-dropzone:hover,.cps-dropzone.dragover{border-color:#f2e4ff;background:linear-gradient(135deg,rgba(79,106,172,.53),rgba(115,56,163,.45));transform:translateY(-2px)}
.cps-drop-orb{display:grid;place-items:center;width:88px;height:88px;border-radius:50%;border:1px solid #b2efff;background:radial-gradient(circle at 30% 20%,#e6fdff,#928bdf 50%,#45489e 80%);font-size:3.4rem;font-weight:300;box-shadow:0 0 45px rgba(146,210,255,.45),inset 0 3px 8px rgba(255,255,255,.7)}
.cps-dropzone strong{font-size:1.6rem}
.cps-dropzone span:not(.cps-drop-orb){font-size:.82rem;color:#e0e6f8}
.cps-dropzone .cps-file-note{font-size:.71rem!important;color:#b4c5e4!important}
.cps-dropzone input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.cps-check-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:20px}
.cps-check-results{min-height:360px;max-height:690px;overflow:auto}
.cps-check-empty{display:grid;place-items:center;text-align:center;min-height:230px;padding:30px;color:#cfdbf1;line-height:1.7}
.cps-file-card{border:1px solid rgba(182,213,255,.3);border-radius:15px;padding:16px;margin:13px 0;background:rgba(19,30,76,.55)}
.cps-file-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:13px}
.cps-file-card-head strong{overflow-wrap:anywhere;font-size:.89rem}
.cps-file-card-head small{color:#b4c7e6;white-space:nowrap}
.cps-check-row{display:flex;gap:9px;margin:8px 0;font-size:.79rem;line-height:1.5;color:#dee9fc}
.cps-check-row b{font-size:.69rem;flex:none;padding:2px 7px;border-radius:7px;letter-spacing:.05em;align-self:flex-start}
.cps-check-row.is-pass b{background:rgba(69,194,163,.3);color:#b2ffe1}
.cps-check-row.is-warn b{background:rgba(238,175,92,.22);color:#ffe5b3}
.cps-check-row.is-info b{background:rgba(104,170,242,.29);color:#b8e6ff}
.cps-print-layout{display:grid;grid-template-columns:minmax(300px,.88fr) minmax(350px,1.12fr);gap:24px}
.cps-print-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cps-print-stats>div{min-width:0;padding:20px;border:1px solid rgba(199,226,255,.28);border-radius:17px;background:linear-gradient(145deg,rgba(60,52,134,.45),rgba(33,65,120,.4))}
.cps-print-stats small{color:#bdd5f4;font-size:.63rem;letter-spacing:.08em;display:block;font-weight:900;line-height:1.4;margin-bottom:10px}
.cps-print-stats strong{font-size:clamp(1.35rem,2.1vw,2.3rem);letter-spacing:-.05em;overflow-wrap:anywhere}
.cps-wrap-preview{display:flex;align-items:stretch;min-height:170px;max-width:660px;margin:27px auto 11px;border:7px solid rgba(244,241,255,.77);box-shadow:0 17px 50px rgba(0,0,0,.48);border-radius:4px;overflow:hidden}
.cps-wrap-back,.cps-wrap-front{flex:1;min-width:0;padding:18px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:18px}
.cps-wrap-back{background:linear-gradient(135deg,#363776,#8b67cb);font-size:.73rem}
.cps-wrap-front{background:radial-gradient(circle at 70% 40%,#f2ceff,#bc73ce 26%,#454f9f 62%,#151840 95%);font-size:.77rem}
.cps-wrap-front strong{font-size:clamp(1.1rem,3vw,2rem);line-height:1.1;font-family:Georgia,serif}
.cps-wrap-back small{color:#d8ebff}
.cps-wrap-spine{width:clamp(14px,4%,32px);writing-mode:vertical-rl;display:grid;place-items:center;font-size:.57rem;letter-spacing:.04em;background:#9a7acc;color:white}
.cps-wrap-dimension{text-align:center;font-weight:900;color:#baf5ff;font-size:.98rem;margin:15px 0}
.cps-beyond{max-width:1450px;margin:40px auto 70px;padding:clamp(27px,5vw,65px);display:flex;justify-content:space-between;align-items:center;gap:26px;border:1px solid rgba(204,227,255,.25);border-radius:31px;background:linear-gradient(125deg,rgba(23,22,79,.79),rgba(40,31,101,.72));backdrop-filter:blur(17px)}
.cps-beyond h2{font-size:clamp(2.1rem,4vw,4.4rem);line-height:1.07;letter-spacing:-.07em;margin:12px 0}
.cps-beyond p:not(.cps-overline){max-width:670px;font-size:.94rem;line-height:1.73;color:#d9e4f9}
.cps-beyond>a{flex-shrink:0}
.cps-footer{max-width:1450px;margin:0 auto 38px;padding:24px 10px;border-top:1px solid rgba(200,222,255,.25);display:flex;justify-content:space-between;gap:20px;color:#d6d9ee;font-size:.75rem}
.cps-footer a{color:#b9efff}
@keyframes cps-hover{0%,100%{transform:rotate(5deg) translateY(0)}50%{transform:rotate(3deg) translateY(-11px)}}
@keyframes cps-pulse{0%,100%{opacity:.65;box-shadow:0 0 9px #91edff}50%{opacity:1;box-shadow:0 0 24px #99e8ff}}
@media(max-width:1100px){.cps-intro{grid-template-columns:1fr 260px;padding:52px 40px}.cps-editor-layout,.cps-check-layout,.cps-print-layout{grid-template-columns:1fr}.cps-workspace{margin-inline:18px}.cps-canvas-frame{max-width:365px}.cps-nav-open{font-size:.7rem}}
@media(max-width:760px){.cps-nav{min-height:65px;padding:12px 15px;gap:9px}.cps-nav-open{display:none}.cps-brand{font-size:.76rem;letter-spacing:.08em}.cps-brand span:not(.cps-brand-mark){font-size:.52rem}.cps-back{font-size:.7rem;padding:9px 11px}.cps-intro{grid-template-columns:1fr;min-height:0;padding:62px 27px 70px}.cps-intro h1{font-size:clamp(3.25rem,12vw,5.1rem)}.cps-sample-cover{display:none}.cps-workspace{padding:14px;border-radius:23px;margin:0 12px 72px}.cps-workspace-head{display:block;margin:15px 8px 25px}.cps-workspace-head>p{max-width:100%}.cps-tabs{gap:7px}.cps-tab{min-height:100px;padding:11px 7px;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:4px;border-radius:14px}.cps-tab>span{font-size:1.55rem}.cps-tab strong{font-size:.8rem}.cps-tab small{font-size:.61rem}.cps-panel{padding:20px 13px;border-radius:18px}.cps-panel-heading{display:block}.cps-stage-label{display:inline-block;margin-top:16px}.cps-grid-fields{grid-template-columns:1fr}.cps-button-row .cps-button{flex:1 1 160px}.cps-beyond{margin:0 12px 48px;padding:28px 20px;display:block}.cps-beyond>a{margin-top:19px}.cps-footer{margin:0 15px 28px;display:grid;gap:12px}}
@media(max-width:430px){.cps-tab strong{font-size:.71rem}.cps-tab small{font-size:.54rem}.cps-tab>span{font-size:1.33rem}.cps-workspace h2{font-size:2.15rem}.cps-panel-heading h3{font-size:2.2rem}.cps-print-stats{gap:8px}.cps-print-stats>div{padding:13px}.cps-print-stats strong{font-size:1.4rem}.cps-preview-top small{margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cps-pulse-dot,.cps-live-dot,.cps-sample-cover{animation:none}.cps-tab,.cps-button,.cps-back{transition:none}.cps-tab:hover,.cps-button:hover,.cps-back:hover{transform:none}}


/* Creative Studio v2 — immediate tools, elegant film backdrop, real visual style presets. */
.cps-studio-refreshed .cps-film{filter:saturate(1.21) contrast(1.06)}
.cps-studio-refreshed .cps-atmosphere{
  background:
    linear-gradient(115deg,rgba(5,8,25,.47),rgba(11,15,42,.25) 56%,rgba(7,10,33,.48)),
    linear-gradient(0deg,rgba(7,10,34,.39),transparent 42%,rgba(7,9,28,.12));
}
.cps-studio-refreshed .cps-nav{
  min-height:68px;padding:10px clamp(19px,3vw,55px);
  background:rgba(10,13,35,.68);
}
.cps-studio-refreshed .cps-main{max-width:none;margin:0}
.cps-studio-refreshed .cps-intro-compact{
  max-width:1560px;
  min-height:0;
  margin:0 auto;
  padding:clamp(28px,3.6vw,55px) clamp(23px,5vw,77px) clamp(22px,3.2vw,45px);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);
  align-items:center;gap:clamp(28px,5vw,75px)
}
.cps-studio-refreshed .cps-intro h1{
  font-size:clamp(2.9rem,5.05vw,5.7rem);
  line-height:1.03;margin:16px 0 18px;
  max-width:860px;
  letter-spacing:-.077em
}
.cps-studio-refreshed .cps-intro-copy>p:not(.cps-overline){
  font-size:clamp(.98rem,1.2vw,1.12rem);
  line-height:1.64;max-width:700px;margin:0;
}
.cps-studio-refreshed .cps-intro-chips{gap:9px;margin-top:18px}
.cps-studio-refreshed .cps-intro-chips span{padding:8px 12px;background:rgba(19,27,68,.31);font-size:.71rem}
.cps-quick-launch{
  padding:15px;border:1px solid rgba(184,230,255,.38);
  background:linear-gradient(135deg,rgba(32,28,86,.48),rgba(29,54,105,.43));
  backdrop-filter:blur(16px);
  box-shadow:0 18px 43px rgba(3,5,25,.21),inset 0 1px 0 rgba(255,255,255,.22);
  border-radius:20px;display:grid;gap:8px;
}
.cps-quick-heading{
  font-size:.59rem;font-weight:900;letter-spacing:.18em;color:#bef2ff;
  margin:2px 0 7px 7px
}
.cps-quick-launch>button{
  display:grid;grid-template-columns:28px 1fr auto;grid-template-rows:auto auto;
  align-items:center;gap:2px 9px;min-height:56px;text-align:left;
  padding:9px 11px;border:1px solid rgba(211,233,255,.24);
  border-radius:13px;color:#fdfdff;
  background:linear-gradient(125deg,rgba(84,72,151,.42),rgba(29,65,113,.39));
  transition:transform .2s,border-color .2s,background .2s;
}
.cps-quick-launch>button:hover{
  transform:translateX(3px);border-color:#aff2ff;
  background:rgba(95,92,173,.57);
}
.cps-quick-launch>button>span{grid-row:1/span 2;font-size:1.48rem;color:#baf3ff}
.cps-quick-launch>button>strong{font-size:.83rem}
.cps-quick-launch>button>small{font-size:.68rem;color:#d4e3ff}
.cps-quick-launch>button>b{grid-column:3;grid-row:1/span 2;color:#bfefff}
.cps-studio-refreshed .cps-workspace{
  max-width:1550px;margin:0 auto 70px;
  padding:clamp(17px,2.4vw,33px);
  border-radius:28px;
  background:linear-gradient(135deg,rgba(19,22,65,.74),rgba(20,30,73,.67) 54%,rgba(18,20,57,.73));
  border-color:rgba(196,230,255,.34)
}
.cps-studio-refreshed .cps-workspace-head{margin:0 5px 21px;align-items:center}
.cps-studio-refreshed .cps-workspace h2{
  font-size:clamp(2rem,2.85vw,3.3rem);letter-spacing:-.06em
}
.cps-studio-refreshed .cps-workspace-head>p{font-size:.77rem;line-height:1.55}
.cps-studio-refreshed .cps-tabs{gap:11px;margin-bottom:16px}
.cps-studio-refreshed .cps-tab{
  min-height:85px;border-radius:17px;padding:13px 18px;
  background:linear-gradient(115deg,rgba(63,54,123,.63),rgba(32,69,114,.42));
  border-color:rgba(203,231,255,.4)
}
.cps-studio-refreshed .cps-tab[aria-selected="true"]{
  background:linear-gradient(115deg,rgba(121,91,202,.79),rgba(44,139,184,.65));
  border-color:#d2f9ff
}
.cps-studio-refreshed .cps-tab>span{font-size:1.8rem}
.cps-studio-refreshed .cps-tab strong{font-size:clamp(.95rem,1.25vw,1.16rem)}
.cps-studio-refreshed .cps-panel{
  background:linear-gradient(135deg,rgba(18,24,70,.48),rgba(27,30,78,.49));
  padding:clamp(17px,2.3vw,28px);
}
.cps-studio-refreshed .cps-panel-heading{margin-bottom:19px}
.cps-studio-refreshed .cps-panel-heading h3{
  font-size:clamp(1.85rem,2.85vw,3rem);margin-bottom:10px
}
.cps-studio-refreshed .cps-panel-heading p:not(.cps-panel-index){font-size:.87rem}
.cps-studio-refreshed .cps-editor-layout{
  grid-template-columns:minmax(325px,1fr) minmax(350px,1.03fr);
  gap:18px;align-items:start
}
.cps-studio-refreshed .cps-control-surface{
  background:linear-gradient(140deg,rgba(39,38,93,.53),rgba(20,33,81,.49));
  gap:14px;padding:clamp(16px,2vw,24px)
}
.cps-studio-refreshed .cps-preview-shell{
  background:linear-gradient(140deg,rgba(40,35,100,.45),rgba(15,35,76,.47));
  padding:clamp(15px,2vw,24px);
}
.cps-studio-refreshed .cps-canvas-frame{
  max-width:450px;
  background:rgba(4,10,31,.46);
  border-color:rgba(219,241,255,.28)
}
.cps-studio-refreshed .cps-canvas-frame canvas{
  max-height:min(64vh,660px);
  box-shadow:0 24px 52px rgba(0,3,29,.48),-5px 11px 0 rgba(10,13,43,.39);
}
.cps-studio-refreshed .cps-grid-fields{gap:10px}
.cps-studio-refreshed .cps-field input,.cps-studio-refreshed .cps-field select{height:45px;border-radius:12px}
.cps-studio-refreshed .cps-field input[type=file]{height:auto}
.cps-style-picks{margin:0;padding:0;border:0;min-width:0}
.cps-style-picks legend{
  color:#edf6ff;font-size:.84rem;font-weight:850;margin-bottom:11px;padding:0
}
.cps-style-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.cps-style-tile{
  min-width:0;padding:7px 7px 8px;
  display:flex;flex-direction:column;gap:7px;
  align-items:center;justify-content:center;
  border:1px solid rgba(201,220,255,.35);border-radius:12px;
  background:rgba(26,37,83,.33);color:#fff;
  transition:border-color .17s,transform .17s,box-shadow .17s;
}
.cps-style-tile:hover{transform:translateY(-2px);border-color:#b6f4ff}
.cps-style-tile[aria-pressed="true"]{
  border-color:#d8fdff;box-shadow:0 0 0 1px rgba(202,251,255,.46),0 0 20px rgba(129,193,255,.22);
  background:rgba(104,88,177,.47)
}
.cps-tile-art{
  width:100%;max-width:67px;aspect-ratio:1.14;border-radius:9px;
  display:block;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 4px 15px rgba(1,4,18,.32)
}
.cps-tile-galaxy{background:radial-gradient(circle at 50% 35%,#fae1ff,#aa72d8 25%,#4c367f 55%,#151841)}
.cps-tile-forest{background:radial-gradient(circle at 52% 23%,#cceac1,#5fbc99 28%,#206554 62%,#10354a)}
.cps-tile-sunset{background:linear-gradient(#582168,#a55395 41%,#f69e77 65%,#fde19e)}
.cps-tile-ocean{background:radial-gradient(circle at 60% 28%,#d5f9fa,#6dd0cf 29%,#1586a2 58%,#10345a)}
.cps-tile-minimal{background:linear-gradient(115deg,#f0d4e8,#aa85c8 41%,#59437e 70%,#232149)}
.cps-style-tile strong{font-size:.66rem;font-weight:850}
.cps-art-controls{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center}
.cps-clear-art{
  border:0;background:transparent;color:#bbf0ff;
  font-size:.77rem;font-weight:850;text-decoration:underline;
  text-underline-offset:3px;padding:7px 2px;cursor:pointer
}
.cps-preview-quick{
  display:flex;align-items:center;justify-content:center;
  gap:14px;flex-wrap:wrap;margin:19px 0 0
}
.cps-preview-quick .cps-button{flex:1 1 190px}
.cps-preview-quick span{color:#c6d4ed;font-size:.7rem;font-weight:800}
.cps-studio-refreshed .cps-button{min-height:48px;padding:12px 15px}
.cps-studio-refreshed .cps-beyond{
  max-width:1550px;margin:0 auto 45px;
  padding:clamp(25px,3vw,42px);
  background:linear-gradient(130deg,rgba(29,31,94,.63),rgba(39,45,109,.52))
}
.cps-studio-refreshed .cps-beyond h2{font-size:clamp(2rem,3vw,3.25rem)}
@media(min-width:1120px){
  .cps-studio-refreshed .cps-preview-shell{position:sticky;top:83px}
}
@media(max-width:1120px){
  .cps-studio-refreshed .cps-intro-compact{grid-template-columns:minmax(0,1fr) 285px}
  .cps-studio-refreshed .cps-editor-layout{grid-template-columns:minmax(0,1fr)}
  .cps-studio-refreshed .cps-canvas-frame{max-width:410px}
}
@media(max-width:760px){
  .cps-studio-refreshed .cps-intro-compact{
    padding:32px 20px 26px;display:block;
  }
  .cps-studio-refreshed .cps-intro h1{font-size:clamp(2.65rem,9.6vw,4.1rem)}
  .cps-studio-refreshed .cps-quick-launch{margin-top:19px}
  .cps-studio-refreshed .cps-workspace{margin:0 12px 55px;padding:14px}
  .cps-studio-refreshed .cps-workspace-head{margin:10px 5px 17px}
  .cps-studio-refreshed .cps-tabs{gap:6px}
  .cps-studio-refreshed .cps-tab{padding:10px 6px;min-height:89px}
  .cps-studio-refreshed .cps-tab>span{font-size:1.5rem}
  .cps-studio-refreshed .cps-preview-shell{padding:15px}
  .cps-studio-refreshed .cps-button-row .cps-button{flex:1 1 140px}
}
@media(max-width:470px){
  .cps-style-grid{gap:5px}
  .cps-style-tile{padding:5px 3px 7px}
  .cps-style-tile strong{font-size:.54rem}
  .cps-tile-art{border-radius:6px}
  .cps-studio-refreshed .cps-quick-launch>button{min-height:53px}
  .cps-studio-refreshed .cps-canvas-frame canvas{max-height:510px}
}
@media(prefers-reduced-motion:reduce){
  .cps-quick-launch>button,.cps-style-tile{transition:none}
  .cps-quick-launch>button:hover,.cps-style-tile:hover{transform:none}
}


/* Compass Creative Studio · tool-first pearl-glass workstation, with no background video. */
.cps-body.cps-tools-first{
  background:
    radial-gradient(ellipse at 5% 9%,rgba(255,255,255,.98),transparent 36%),
    radial-gradient(ellipse at 88% 5%,rgba(212,202,255,.68),transparent 42%),
    linear-gradient(150deg,#cde3fb 0%,#edf2ff 41%,#dce8f7 77%,#dbd6f5);
  background-attachment:fixed;color:#1b2956;
}
.cps-tools-first .cps-atmosphere{display:none}
.cps-tools-first .cps-nav{
  min-height:65px;
  background:linear-gradient(115deg,rgba(27,39,86,.94),rgba(50,41,104,.92));
  box-shadow:0 5px 24px rgba(25,41,96,.16);
  border-color:rgba(228,240,255,.33)
}
.cps-tools-first .cps-main{padding:0}
.cps-tools-first .cps-workspace{
  margin:clamp(12px,1.7vw,23px) auto 49px;
  max-width:1560px;
  padding:clamp(13px,1.6vw,24px);
  border-radius:23px;
  border:1px solid rgba(255,255,255,.94);
  background:linear-gradient(138deg,rgba(255,255,255,.89),rgba(232,241,255,.84));
  backdrop-filter:blur(19px) saturate(1.08);
  box-shadow:0 25px 74px rgba(49,74,133,.15),inset 0 1px 0 #fff;
}
.cps-tools-first .cps-workspace-head{
  align-items:center;
  margin:1px 4px 13px;
}
.cps-tools-first .cps-workspace-head .cps-overline{
  font-size:.67rem;letter-spacing:.15em;color:#5165a0;
  text-shadow:none
}
.cps-tools-first .cps-workspace-head h1{
  font-size:clamp(1.65rem,2.55vw,2.9rem);
  line-height:1.11;letter-spacing:-.065em;font-weight:950;
  color:#1e2b58;margin:6px 0 0
}
.cps-tools-first .cps-workspace-head h1 em{
  font-weight:500;font-family:Georgia,"Times New Roman",serif;font-style:italic;
  background:linear-gradient(115deg,#335a96,#6f4da6 75%);
  background-clip:text;color:transparent
}
.cps-tools-first .cps-workspace-head>p{
  font-size:.77rem;max-width:390px;line-height:1.5;color:#455a7c;
  margin:0
}
.cps-tools-first .cps-tabs{gap:10px;margin-bottom:13px}
.cps-tools-first .cps-tab{
  min-height:68px;
  border-color:rgba(185,202,238,.64);
  background:linear-gradient(140deg,#edf4ff,#dce8ff);
  box-shadow:inset 0 1px 0 #fff,0 4px 0 rgba(148,172,218,.68),0 9px 17px rgba(82,104,164,.12);
  color:#243c73;
  padding:9px 14px;
}
.cps-tools-first .cps-tab>span{color:#5f69bb;filter:none;font-size:1.65rem}
.cps-tools-first .cps-tab small{color:#556a98}
.cps-tools-first .cps-tab[aria-selected="true"]{
  border-color:#d3f7ff;color:#fff;
  background:linear-gradient(125deg,#5b79be,#7362ba 55%,#4486b2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.37),0 4px 0 rgba(54,67,126,.74),0 12px 25px rgba(87,101,172,.20)
}
.cps-tools-first .cps-tab[aria-selected="true"]>span,
.cps-tools-first .cps-tab[aria-selected="true"] small{color:#effaff}
.cps-tools-first .cps-panel{
  border-radius:19px;padding:clamp(14px,1.9vw,26px);
  border:1px solid rgba(184,208,240,.54);
  background:linear-gradient(130deg,rgba(248,251,255,.85),rgba(227,235,253,.81));
  box-shadow:inset 0 1px 0 #fff;
}
.cps-tools-first .cps-panel-heading{margin-bottom:16px;align-items:center}
.cps-tools-first .cps-panel-index{color:#5c65a0}
.cps-tools-first .cps-panel-heading h3{
  font-size:clamp(1.62rem,2.3vw,2.5rem);
  color:#202d5d;letter-spacing:-.056em;margin:2px 0 6px
}
.cps-tools-first .cps-panel-heading h3 em{
  background:linear-gradient(110deg,#4767a6,#8966af);
  background-clip:text;color:transparent
}
.cps-tools-first .cps-panel-heading p:not(.cps-panel-index){color:#465b81;font-size:.84rem;line-height:1.47}
.cps-tools-first .cps-stage-label{
  color:#435b91;border-color:rgba(107,136,196,.37);
  background:rgba(222,235,255,.73)
}
.cps-tools-first .cps-control-surface,
.cps-tools-first .cps-preview-shell,
.cps-tools-first .cps-check-results,
.cps-tools-first .cps-print-output{
  background:linear-gradient(140deg,rgba(255,255,255,.93),rgba(237,243,255,.88));
  border:1px solid rgba(173,194,232,.5);
  box-shadow:0 15px 28px rgba(62,89,145,.08);
  color:#283964;
}
.cps-tools-first .cps-field,
.cps-tools-first .cps-style-picks legend,
.cps-tools-first .cps-switch,
.cps-tools-first .cps-check-row,
.cps-tools-first .cps-print-stats strong{
  color:#283862
}
.cps-tools-first .cps-field-hint,
.cps-tools-first .cps-technical-note,
.cps-tools-first .cps-status,
.cps-tools-first .cps-preview-top,
.cps-tools-first .cps-preview-top small{
  color:#4d6082
}
.cps-tools-first .cps-technical-note a,
.cps-tools-first .cps-clear-art{color:#3e5da3}
.cps-tools-first .cps-style-tile{
  color:#314476;background:rgba(224,232,255,.66);
  border-color:rgba(120,143,187,.35)
}
.cps-tools-first .cps-style-tile[aria-pressed="true"]{
  background:#dae7ff;border-color:#7195dc;box-shadow:0 0 0 1px #7195dc,0 9px 16px rgba(92,122,177,.11)
}
.cps-tools-first .cps-button-glass{
  background:rgba(238,245,255,.88);border-color:rgba(123,152,200,.56);color:#293c74
}
.cps-tools-first .cps-canvas-frame{background:rgba(218,227,248,.83);border-color:rgba(157,184,225,.45)}
.cps-tools-first .cps-dropzone{
  background:linear-gradient(135deg,rgba(223,235,255,.75),rgba(230,220,250,.75));
  border-color:#88a6df;color:#243766
}
.cps-tools-first .cps-dropzone span:not(.cps-drop-orb){color:#435c83}
.cps-tools-first .cps-check-empty{color:#435981}
.cps-tools-first .cps-file-card{background:rgba(231,240,255,.87);border-color:#c8d6ef}
.cps-tools-first .cps-file-card-head small,
.cps-tools-first .cps-check-row span{color:#34466f}
.cps-tools-first .cps-check-row.is-warn b{background:#f9e8c3;color:#77501a}
.cps-tools-first .cps-check-row.is-pass b{background:#d3f2e5;color:#246e55}
.cps-tools-first .cps-check-row.is-info b{background:#d5eafa;color:#235685}
.cps-tools-first .cps-print-stats>div{background:rgba(224,236,255,.78);border-color:#bdcee9}
.cps-tools-first .cps-print-stats small{color:#506087}
.cps-tools-first .cps-wrap-dimension{color:#345d96}
.cps-tools-first .cps-footer{color:#405479;border-color:rgba(79,109,171,.28)}
.cps-tools-first .cps-footer a{color:#445bab}
@media(max-width:760px){
  .cps-tools-first .cps-workspace{margin:10px 10px 35px;padding:12px}
  .cps-tools-first .cps-workspace-head{margin:8px 4px 13px}
  .cps-tools-first .cps-workspace-head h1{font-size:clamp(1.53rem,6.2vw,2rem)}
  .cps-tools-first .cps-workspace-head>p{font-size:.72rem;margin-top:8px}
  .cps-tools-first .cps-tab{min-height:69px;padding:8px 5px}
  .cps-tools-first .cps-panel{padding:13px 10px}
  .cps-tools-first .cps-panel-heading h3{font-size:1.74rem}
}


/* Cover Atelier v4: charcoal-and-ivory page-centred workspace, no blue/purple wash.
   On desktop the entire front cover is visible beside independently scrolling controls. */
.cps-body.cps-screenfit{
  background:#111924;
  color:#f4f1e9;
  background-image:radial-gradient(circle at 70% -20%,#314651,transparent 45%);
}
.cps-screenfit .cps-nav{
  min-height:62px;padding:7px clamp(14px,2.8vw,45px);
  background:#111a22;
  border-bottom:1px solid #354550;box-shadow:0 4px 14px rgba(0,0,0,.22);
}
.cps-screenfit .cps-header-title{
  flex:1;display:grid;justify-items:center;gap:1px;min-width:0;
}
.cps-screenfit .cps-header-title span{
  color:#7fe1d2;letter-spacing:.17em;font-weight:900;font-size:.53rem
}
.cps-screenfit .cps-header-title h1{
  color:#fffdf7;font-size:clamp(.98rem,1.5vw,1.45rem);
  line-height:1.17;letter-spacing:-.038em;font-weight:880;
  margin:0;white-space:nowrap;
}
.cps-screenfit .cps-back,.cps-screenfit .cps-nav-open{
  border-color:#465862;background:#202e38;color:#f1f3f0;font-size:.73rem
}
.cps-screenfit .cps-back:hover,.cps-screenfit .cps-nav-open:hover{
  background:#324753;border-color:#83d5ca
}
.cps-screenfit .cps-main{padding:0}
.cps-screenfit .cps-workspace{
  max-width:none;
  margin:0 auto 0;border:0;border-radius:0;
  padding:clamp(10px,1.3vw,16px);
  background:#111924;
  box-shadow:none;backdrop-filter:none
}
.cps-screenfit .cps-tabs{
  margin:0 0 10px;gap:9px
}
.cps-screenfit .cps-tab{
  color:#e3eae9;min-height:57px;
  padding:7px 16px;gap:8px;
  border-radius:11px;border:1px solid #3c4d55;
  background:#202c35;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 2px 0 #0d151a;
}
.cps-screenfit .cps-tab small{color:#b4c8cd}
.cps-screenfit .cps-tab>span{color:#8de0d0;font-size:1.48rem;filter:none}
.cps-screenfit .cps-tab:hover{border-color:#80d9cd;background:#2a3a43}
.cps-screenfit .cps-tab[aria-selected="true"]{
  color:#101b23;border-color:#e2d7bd;
  background:linear-gradient(115deg,#e1fff7,#b7e8e0 62%,#f3ddbb);
  box-shadow:inset 0 1px 0 #fff,0 3px 0 #6c827f;
}
.cps-screenfit .cps-tab[aria-selected="true"]>span,
.cps-screenfit .cps-tab[aria-selected="true"] small{color:#1e5853}
.cps-screenfit .cps-panel{
  border:1px solid #40515a;border-radius:15px;
  background:#18232d;padding:clamp(12px,1.3vw,18px);
  box-shadow:0 14px 29px rgba(1,5,10,.23),inset 0 1px 0 rgba(255,255,255,.08);
}
.cps-screenfit .cps-panel-heading{
  gap:13px;margin:0 0 11px;align-items:center;
}
.cps-screenfit .cps-panel-index{color:#81dace;margin:0 0 3px;font-size:.6rem}
.cps-screenfit .cps-panel-heading h3{
  color:#fcf9f0;font-size:clamp(1.25rem,1.75vw,2rem);
  line-height:1.1;letter-spacing:-.045em;margin:0 0 4px
}
.cps-screenfit .cps-panel-heading h3 em{
  color:#f5c99e;background:none
}
.cps-screenfit .cps-panel-heading p:not(.cps-panel-index){
  color:#c2d0d2;line-height:1.35;font-size:.75rem;max-width:840px;
}
.cps-screenfit .cps-stage-label{
  color:#b2e6dd;border:1px solid #45666a;background:#23343c;
  font-size:.58rem;letter-spacing:.07em;padding:7px 10px;margin:0
}
.cps-screenfit .cps-editor-layout{gap:13px}
.cps-screenfit .cps-control-surface,.cps-screenfit .cps-preview-shell,
.cps-screenfit .cps-check-results,.cps-screenfit .cps-print-output{
  border-radius:12px;border:1px solid #e7e2d8;
  background:#fbfaf6;box-shadow:none;
  color:#182b36;
}
.cps-screenfit .cps-control-surface{
  gap:0;padding:0;overflow:hidden;
}
.cps-screenfit .cps-form-fields{
  padding:18px 18px 14px;
  display:flex;flex-direction:column;gap:14px;
  min-width:0
}
.cps-screenfit .cps-field,.cps-screenfit .cps-style-picks legend,
.cps-screenfit .cps-switch{color:#26343a;font-size:.8rem;font-weight:800}
.cps-screenfit .cps-field input,.cps-screenfit .cps-field select{
  border:1px solid #c7d1d1;background:#fff;color:#172b35;
  box-shadow:0 1px 0 rgba(8,22,32,.04);height:42px;border-radius:9px
}
.cps-screenfit .cps-field input[type=file]{
  height:auto;border:1px dashed #a8b8b8;background:#f2f7f5
}
.cps-screenfit .cps-style-tile{
  background:#f2f3ee;color:#283a3f;
  border:1px solid #ced9d5;border-radius:9px
}
.cps-screenfit .cps-style-tile[aria-pressed="true"]{
  border-color:#227b73;box-shadow:0 0 0 2px #56bfb0;background:#d9f4e9
}
.cps-screenfit .cps-style-picks legend{margin-bottom:8px}
.cps-screenfit .cps-art-controls{gap:6px}
.cps-screenfit .cps-clear-art,
.cps-screenfit .cps-technical-note a{color:#1c7772}
.cps-screenfit .cps-form-dock{
  display:grid;gap:9px;
  background:#eeeae1;border-top:1px solid #d5d6cf;
  padding:12px 15px;box-shadow:0 -6px 16px rgba(16,25,31,.04)
}
.cps-screenfit .cps-form-dock .cps-button-row{gap:8px}
.cps-screenfit .cps-form-dock .cps-button{
  min-height:41px;flex:1 1 135px;font-size:.76rem;
  border-radius:9px;padding:9px 12px
}
.cps-screenfit .cps-button-primary{
  color:#122b30;border-color:#b8ebe0;
  background:linear-gradient(120deg,#f9fffb,#abebdf 58%,#90d8c5);
  box-shadow:inset 0 1px 0 #fff,0 3px 0 #5eafa5
}
.cps-screenfit .cps-button-secondary{
  color:#fff;background:linear-gradient(120deg,#1d6664,#307d77);
  border-color:#75c4b4;box-shadow:0 3px 0 #154944
}
.cps-screenfit .cps-button-glass{
  background:#fff;border:1px solid #b7c9c7;color:#243b42;
  box-shadow:0 3px 0 #c2cfcc
}
.cps-screenfit .cps-status,.cps-screenfit .cps-technical-note{
  color:#50626c;font-size:.69rem;line-height:1.4;
}
.cps-screenfit .cps-preview-shell{
  padding:14px;background:#f7f5ef;
}
.cps-screenfit .cps-preview-top{
  font-size:.67rem;color:#45545a;letter-spacing:.09em;margin:0 0 8px
}
.cps-screenfit .cps-preview-top small{color:#617078}
.cps-screenfit .cps-live-dot{background:#2f9f91;box-shadow:0 0 8px #94ddd0}
.cps-screenfit .cps-canvas-frame{
  max-width:none;width:100%;
  background:#e9e8e2;
  border:1px solid #d8ddd6;
  padding:10px;border-radius:11px;
  display:grid;place-items:center
}
.cps-screenfit .cps-canvas-frame canvas{
  display:block;border-radius:3px;
  box-shadow:5px 7px 0 rgba(25,34,39,.17),0 20px 35px rgba(17,29,35,.20);
}
.cps-screenfit .cps-preview-quick{
  gap:12px;margin:10px 0 0;justify-content:space-between
}
.cps-screenfit .cps-preview-quick .cps-button{
  min-height:40px;border-radius:9px;flex:0 1 auto
}
.cps-screenfit .cps-preview-quick span{color:#52626b}
.cps-screenfit .cps-preview-shell>.cps-technical-note{
  font-size:.65rem;line-height:1.3;margin:9px 0 0
}
.cps-screenfit .cps-beyond{
  background:#263641;color:#f6f8f5;border-color:#47535c;
  max-width:none;margin:18px 12px 38px
}
.cps-screenfit .cps-beyond p:not(.cps-overline){color:#c7d4d3}
.cps-screenfit .cps-beyond h2{color:#fff}
.cps-screenfit .cps-footer{color:#c1d4d2;border-color:#334650}
.cps-screenfit .cps-footer a{color:#9fe7dc}
.cps-screenfit .cps-dropzone{
  background:#edf5f1;border-color:#70acaa;color:#1b4544;
}
.cps-screenfit .cps-dropzone span:not(.cps-drop-orb){color:#37595b}
.cps-screenfit .cps-check-empty{color:#52616b}
.cps-screenfit .cps-check-row span{color:#394a54}
.cps-screenfit .cps-file-card{background:#edf2f0;border-color:#ced9d4}
.cps-screenfit .cps-print-stats>div{background:#edf3f0;border-color:#d5ded6}
.cps-screenfit .cps-print-stats strong{color:#20363c}
.cps-screenfit .cps-print-stats small{color:#687a78}
.cps-screenfit .cps-wrap-dimension{color:#235b59}
@media(min-width:1100px) and (min-height:660px){
  .cps-screenfit .cps-workspace{
    height:calc(100dvh - 62px);
    min-height:0;display:flex;flex-direction:column;
    overflow:hidden;padding:10px clamp(10px,1.2vw,17px);
  }
  .cps-screenfit .cps-tabs{flex:none}
  .cps-screenfit .cps-panel{
    flex:1;min-height:0;
    display:flex;flex-direction:column;overflow:hidden
  }
  .cps-screenfit .cps-panel-heading{flex:0 0 auto}
  .cps-screenfit .cps-editor-layout{
    flex:1;min-height:0;
    display:grid;
    grid-template-columns:minmax(0,1.06fr) minmax(350px,.94fr);
    grid-template-rows:minmax(0,1fr)
  }
  .cps-screenfit .cps-preview-shell{
    grid-column:1;grid-row:1;order:0;
    position:static!important;top:auto!important;
    min-height:0;min-width:0;
    display:flex;flex-direction:column;
    overflow:hidden;
  }
  .cps-screenfit .cps-preview-top{flex:none}
  .cps-screenfit .cps-canvas-frame{
    flex:1;min-height:0;min-width:0;max-height:none;
    overflow:hidden;display:flex;justify-content:center;align-items:center
  }
  .cps-screenfit .cps-canvas-frame canvas{
    width:auto!important;height:100%!important;max-height:100%!important;
    max-width:100%!important;aspect-ratio:2/3;object-fit:contain;
  }
  .cps-screenfit .cps-preview-quick{flex:none}
  .cps-screenfit .cps-preview-shell>.cps-technical-note{flex:none}
  .cps-screenfit .cps-control-surface{
    grid-column:2;grid-row:1;order:0;
    min-height:0;min-width:0;
    display:flex;flex-direction:column;
  }
  .cps-screenfit .cps-form-fields{
    flex:1 1 auto;min-height:0;overflow-y:auto;
    scrollbar-color:#9eb5ac #f3f3ed;scrollbar-width:thin;
  }
  .cps-screenfit .cps-form-dock{flex:none}
  .cps-screenfit .cps-check-layout,.cps-screenfit .cps-print-layout{
    flex:1;min-height:0;overflow:auto;
  }
  .cps-screenfit .cps-check-results{max-height:100%}
}
@media(max-width:1099px), (max-height:659px){
  .cps-screenfit .cps-workspace{height:auto;overflow:visible}
  .cps-screenfit .cps-preview-shell{order:-1;position:relative!important;top:auto!important}
  .cps-screenfit .cps-editor-layout{display:flex;flex-direction:column}
  .cps-screenfit .cps-canvas-frame{max-width:520px}
  .cps-screenfit .cps-canvas-frame canvas{max-height:min(66dvh,640px)}
  .cps-screenfit .cps-form-fields{overflow:visible}
  .cps-screenfit .cps-control-surface,.cps-screenfit .cps-preview-shell{width:100%}
}
@media(max-width:690px){
  .cps-screenfit .cps-nav{gap:7px;padding:8px 10px;min-height:56px}
  .cps-screenfit .cps-back{padding:7px 10px;font-size:.68rem}
  .cps-screenfit .cps-header-title span{font-size:.43rem;letter-spacing:.06em}
  .cps-screenfit .cps-header-title h1{font-size:clamp(.72rem,2.6vw,1rem);white-space:normal;text-align:center}
  .cps-screenfit .cps-workspace{padding:8px}
  .cps-screenfit .cps-tab{min-height:59px;padding:8px 5px}
  .cps-screenfit .cps-tab strong{font-size:.8rem}
  .cps-screenfit .cps-tab small{font-size:.56rem}
  .cps-screenfit .cps-panel{padding:10px}
  .cps-screenfit .cps-panel-heading{margin-bottom:10px;align-items:flex-start}
  .cps-screenfit .cps-panel-heading h3{font-size:1.3rem}
  .cps-screenfit .cps-panel-heading p:not(.cps-panel-index){font-size:.7rem}
  .cps-screenfit .cps-stage-label{display:none}
  .cps-screenfit .cps-canvas-frame canvas{max-height:min(56dvh,530px)}
  .cps-screenfit .cps-preview-shell{padding:10px}
  .cps-screenfit .cps-form-fields{padding:12px}
  .cps-screenfit .cps-form-dock{padding:10px}
}
@media(prefers-reduced-motion:reduce){.cps-screenfit .cps-tab{transition:none}}


/* Cinematic glass restoration: transparent smoked panes, never cream/white backing. */
.cps-body.cps-screenfit{
 background:#060a1e;color:#fff;
}
.cps-body.cps-screenfit .cps-film{
 display:block;position:fixed;inset:0;z-index:0;width:100%;height:100%;
 object-fit:cover;object-position:center center;opacity:1;
 filter:brightness(.74) saturate(1.28) contrast(1.07);
 pointer-events:none;
}
.cps-body.cps-screenfit .cps-atmosphere{
 display:block;position:fixed;inset:0;z-index:1;pointer-events:none;
 background:linear-gradient(115deg,rgba(6,9,32,.37),rgba(8,10,34,.19) 48%,rgba(6,6,24,.35));
}
.cps-body.cps-screenfit .cps-nav{
 background:rgba(7,11,34,.59);
 border-color:rgba(209,234,255,.25);
 backdrop-filter:blur(16px) saturate(1.2);
 -webkit-backdrop-filter:blur(16px) saturate(1.2);
}
.cps-body.cps-screenfit .cps-workspace{
 background:rgba(7,10,31,.19);backdrop-filter:none;color:#f8fbff;
}
.cps-body.cps-screenfit .cps-panel{
 background:linear-gradient(125deg,rgba(13,17,57,.39),rgba(28,27,74,.33));
 border-color:rgba(219,235,255,.30);
 backdrop-filter:blur(13px) saturate(1.16);
 -webkit-backdrop-filter:blur(13px) saturate(1.16);
}
.cps-body.cps-screenfit .cps-control-surface,
.cps-body.cps-screenfit .cps-preview-shell,
.cps-body.cps-screenfit .cps-check-results,
.cps-body.cps-screenfit .cps-print-output{
 color:#f5faff;
 border:1px solid rgba(198,231,255,.36);
 background:linear-gradient(138deg,rgba(20,28,72,.40),rgba(41,31,87,.35));
 backdrop-filter:blur(22px) saturate(1.2);
 -webkit-backdrop-filter:blur(22px) saturate(1.2);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 16px 36px rgba(0,6,34,.16);
}
.cps-body.cps-screenfit .cps-form-fields{
 background:transparent;
 scrollbar-color:rgba(160,222,250,.65) rgba(22,28,70,.36);
}
.cps-body.cps-screenfit .cps-form-dock{
 background:rgba(13,24,64,.59);
 border-top:1px solid rgba(208,236,255,.31);
 box-shadow:0 -7px 20px rgba(2,10,39,.12);
 backdrop-filter:blur(18px);
}
.cps-body.cps-screenfit .cps-field,
.cps-body.cps-screenfit .cps-style-picks legend,
.cps-body.cps-screenfit .cps-switch,
.cps-body.cps-screenfit .cps-panel-heading h3,
.cps-body.cps-screenfit .cps-preview-top,
.cps-body.cps-screenfit .cps-print-stats strong{
 color:#f9fbff;
 text-shadow:0 1px 9px rgba(0,2,29,.6)
}
.cps-body.cps-screenfit .cps-panel-heading h3 em{color:#eecbff}
.cps-body.cps-screenfit .cps-panel-heading p:not(.cps-panel-index),
.cps-body.cps-screenfit .cps-technical-note,
.cps-body.cps-screenfit .cps-status,
.cps-body.cps-screenfit .cps-field-hint,
.cps-body.cps-screenfit .cps-preview-top small,
.cps-body.cps-screenfit .cps-print-stats small{
 color:#d8e6fa
}
.cps-body.cps-screenfit .cps-preview-top,
.cps-body.cps-screenfit .cps-panel-index{color:#b7f3ff}
.cps-body.cps-screenfit .cps-style-tile{
 background:rgba(42,49,105,.34);border-color:rgba(191,231,255,.38);color:#f6faff
}
.cps-body.cps-screenfit .cps-style-tile[aria-pressed="true"]{
 background:rgba(91,102,187,.59);border-color:#c8fcff;
 box-shadow:0 0 0 1px rgba(196,244,255,.47),0 0 22px rgba(155,225,255,.27)
}
.cps-body.cps-screenfit .cps-canvas-frame{
 background:rgba(11,17,46,.24);
 border-color:rgba(217,239,255,.31);
}
.cps-body.cps-screenfit .cps-canvas-frame canvas{
 box-shadow:0 18px 45px rgba(0,4,27,.48),-6px 12px 0 rgba(10,11,38,.43)
}
.cps-body.cps-screenfit .cps-button-glass{
 color:#f8fcff;background:rgba(44,54,114,.50);
 border:1px solid rgba(216,235,255,.50);
 box-shadow:0 3px 0 rgba(9,12,43,.58)
}
.cps-body.cps-screenfit .cps-button-secondary{
 background:linear-gradient(120deg,rgba(43,139,183,.83),rgba(101,79,197,.82));
 border-color:#a0e4fe;color:#fff
}
.cps-body.cps-screenfit .cps-button-primary{
 background:linear-gradient(120deg,#f3feff,#d3cafa 54%,#ffe3f7);color:#233153;
 border:1px solid #fff
}
.cps-body.cps-screenfit .cps-clear-art,
.cps-body.cps-screenfit .cps-technical-note a{color:#a8ecff}
.cps-body.cps-screenfit .cps-file-card,
.cps-body.cps-screenfit .cps-print-stats>div{
 background:rgba(28,45,95,.50);border-color:rgba(187,222,247,.30)
}
.cps-body.cps-screenfit .cps-check-row span,
.cps-body.cps-screenfit .cps-file-card-head small{color:#e3f3ff}
.cps-body.cps-screenfit .cps-dropzone{
 background:rgba(34,50,104,.43);border-color:#a2efff;color:#effaff
}
.cps-body.cps-screenfit .cps-dropzone span:not(.cps-drop-orb),
.cps-body.cps-screenfit .cps-check-empty{color:#dfedff}
.cps-body.cps-screenfit .cps-wrap-dimension{color:#bff6ff}
.cps-body.cps-screenfit .cps-beyond{background:rgba(18,28,73,.54);backdrop-filter:blur(16px)}
.cps-body.cps-screenfit .cps-footer{color:#f1f3ff}
.cps-body.cps-screenfit .cps-footer a{color:#b6faff}
@media(prefers-reduced-motion:reduce){.cps-body.cps-screenfit .cps-film{display:block}}


/* Fix trapped scrolling. Main page scrolls; live cover stays visible as an optional sticky preview. */
html:has(body.cps-screenfit){height:auto!important;overflow-y:auto!important;scrollbar-gutter:stable}
.cps-body.cps-screenfit{
 height:auto!important;min-height:100svh!important;overflow-y:auto!important;overflow-x:hidden!important
}
.cps-body.cps-screenfit .cps-main,
.cps-body.cps-screenfit .cps-workspace,
.cps-body.cps-screenfit .cps-panel{
 display:block!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important
}
.cps-body.cps-screenfit .cps-editor-layout{
 display:grid!important;
 grid-template-columns:minmax(0,1.04fr) minmax(350px,.96fr)!important;
 grid-template-rows:auto!important;
 align-items:start!important
}
.cps-body.cps-screenfit .cps-preview-shell{
 grid-column:1!important;grid-row:1!important;
 position:sticky!important;top:82px!important;
 max-height:calc(100dvh - 103px);min-height:0!important;
 overflow:auto!important;scrollbar-width:thin
}
.cps-body.cps-screenfit .cps-control-surface{
 grid-column:2!important;grid-row:1!important;
 height:auto!important;max-height:none!important;overflow:visible!important
}
.cps-body.cps-screenfit .cps-form-fields{
 overflow:visible!important;height:auto!important;max-height:none!important;flex:none!important
}
.cps-body.cps-screenfit .cps-form-dock{
 position:sticky;bottom:0;z-index:4;
 border-radius:0 0 12px 12px
}
.cps-body.cps-screenfit .cps-canvas-frame{
 width:100%;height:auto;max-height:calc(100dvh - 270px)!important;
 min-height:0!important;display:flex;justify-content:center;align-items:center
}
.cps-body.cps-screenfit .cps-canvas-frame canvas{
 width:auto!important;height:auto!important;
 max-height:min(59dvh,670px)!important;max-width:100%!important;
 aspect-ratio:2/3
}
.cps-body.cps-screenfit .cps-check-layout,.cps-body.cps-screenfit .cps-print-layout{
 height:auto!important;max-height:none!important;overflow:visible!important
}
.cps-body.cps-screenfit .cps-workspace{padding-bottom:22px}
.cps-body.cps-screenfit .cps-beyond{margin-top:19px}
@media(max-width:1099px){
 .cps-body.cps-screenfit .cps-editor-layout{display:flex!important;flex-direction:column!important}
 .cps-body.cps-screenfit .cps-preview-shell{
  grid-column:auto!important;grid-row:auto!important;position:relative!important;
  top:auto!important;max-height:none!important;overflow:visible!important;width:100%
 }
 .cps-body.cps-screenfit .cps-control-surface{grid-column:auto!important;grid-row:auto!important;width:100%}
 .cps-body.cps-screenfit .cps-canvas-frame{max-height:none!important}
 .cps-body.cps-screenfit .cps-canvas-frame canvas{max-height:min(55dvh,580px)!important}
}
@media(max-height:620px){
 .cps-body.cps-screenfit .cps-preview-shell{position:relative!important;top:auto!important;max-height:none!important}
}