@font-face{font-family:DM;src:url('/fonts/dm-sans-400.ttf')}@font-face{font-family:Manrope;src:url('/fonts/manrope-800.ttf');font-weight:800}*{box-sizing:border-box}body{margin:0;background:linear-gradient(140deg,#f8fcff,#e9f7ff);color:#092852;font-family:DM,Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ffba08;outline-offset:3px}button{border:1px solid #c9e2ff;border-radius:12px;background:white;color:#092852;font-weight:700;padding:10px 14px}button:hover:not(:disabled){background:#edf7ff;border-color:#126cf1}a{color:inherit}.top{height:69px;display:flex;align-items:center;gap:20px;padding:12px 3%;border-bottom:1px solid #c9e2ff;background:#fff9}.top img{width:138px;height:42px;object-fit:contain}.private{font-size:11px;background:#e6f5fb;border:1px solid #c9e2ff;border-radius:30px;padding:6px 10px}.top-actions{display:flex;gap:8px;margin-left:auto}.quiet{font-size:12px;padding:8px 12px}main{padding:20px 3% 24px;max-width:1600px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.eyebrow{font-size:10px;letter-spacing:.16em;color:#137e91;font-weight:700}h1,h2{font-family:Manrope,Arial,sans-serif;margin:0}h1{font-size:clamp(23px,2.4vw,36px);letter-spacing:-.045em;line-height:1.25;margin-top:4px}.spark{color:#ffba08;margin-left:12px}.heading p{margin:6px 0 0;color:#52657c}.workspace{display:grid;grid-template-columns:minmax(360px,.92fr) minmax(420px,1.08fr);gap:24px;align-items:stretch}.settings{border:1px solid #c9e2ff;border-radius:22px;background:#fff;display:flex;flex-direction:column;height:calc(100dvh - 197px);min-height:565px;overflow:hidden;box-shadow:0 5px 20px #09285205}.tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:9px;gap:5px;border-bottom:1px solid #dcebf4}.tabs button{border:0;border-radius:10px;padding:12px 2px;font-size:12px;background:transparent;color:#52657c}.tabs button[aria-selected=true]{color:#126cf1;background:#e9f7ff}.settings-body{padding:20px 22px 8px;flex:1;min-height:0;overflow:auto}label{font-size:12px;font-weight:700;display:flex;flex-direction:column;gap:7px;margin:0 0 15px}input,select{min-width:0;width:100%;border:1px solid #c9e2ff;border-radius:11px;background:#fff;color:#092852;padding:11px 12px;height:43px}input[name=title]{font-weight:400;font-size:14px}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.row>*{min-width:0}fieldset{padding:0;margin:0 0 17px;border:0}legend{font-size:12px;font-weight:700;margin-bottom:8px}.themes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.themes button{padding:3px 3px 10px;border-radius:14px;overflow:hidden;font-size:12px}.themes img{width:100%;height:70px;object-fit:contain;display:block;mix-blend-mode:multiply}.themes [aria-pressed=true]{border:2px solid #126cf1;background:#e9f7ff;padding:2px 2px 9px}.help{font-size:11px;line-height:1.55;color:#52657c;margin:4px 0 10px}.settings-footer{padding:14px 22px 10px;border-top:1px solid #e0edf4;background:#fcfeff}.primary{background:#126cf1;border-color:#126cf1;color:white;width:100%;font-family:Manrope,Arial,sans-serif;font-size:15px;padding:14px;margin-bottom:10px;box-shadow:0 4px 10px #126cf122}.primary:hover:not(:disabled){background:#0855c5;color:white}.secondary{font-size:12px;background:#fff}.settings-footer .row{gap:10px}.settings-footer .row button{font-size:12px;padding:9px 6px}#status{font-size:10px;color:#52657c;min-height:27px;margin:9px 0 0;line-height:1.4}#status.error{color:#b42318}h2{font-size:18px;margin:3px 0 12px}.settings-body p{line-height:1.55;color:#52657c}.check{flex-direction:row;align-items:center;gap:10px;margin:20px 0}.check input{width:19px;height:19px;accent-color:#126cf1}.tip{padding:15px;background:#e9f7ff;border-radius:14px;margin:18px 0}.tip p{margin:7px 0 0}.preview{background:#dcf2fd;border:1px solid #d3eafa;border-radius:22px;padding:15px 18px 10px;display:flex;flex-direction:column;align-items:center;height:calc(100dvh - 197px);min-height:565px;overflow:hidden}.preview-top{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:13px}.preview-top strong{display:block}.preview-top span:not(#page-count){display:block;font-size:10px;color:#52657c;margin-top:4px}.page-controls{display:flex;align-items:center;gap:10px;white-space:nowrap}.page-controls button{padding:3px 12px;font-size:23px}.paper{min-height:0;flex:1;display:flex;align-items:flex-start;justify-content:center;width:100%}.paper svg{max-width:100%;max-height:100%;width:auto;height:100%;background:#fff;border-radius:5px;box-shadow:0 7px 20px #09285226}.page-tabs{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;padding-top:12px;flex-shrink:0}.page-tabs button{font-size:10px;padding:6px 9px}.page-tabs [aria-pressed=true]{background:#126cf1;color:#fff;border-color:#126cf1}.puzzle-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #e0edf4}.puzzle-row .number{background:#e9f7ff;color:#126cf1;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;flex-shrink:0;font-weight:700}.puzzle-row>div{flex:1;min-width:0}.puzzle-row strong{font-size:12px}.puzzle-row small{font-size:10px;display:block;color:#52657c;line-height:1.4;margin-top:4px}.puzzle-row button{font-size:20px;padding:5px 10px}.teacher-code{background:#fff9e8;border-radius:12px;padding:12px;margin-top:15px;font-size:12px}.teacher-code p{font-size:22px;letter-spacing:.12em;margin:12px 0 0}#print-pages{display:none}[hidden]{display:none!important}@media(min-width:1000px) and (max-height:820px){main{padding-top:12px}.heading{margin-bottom:12px}.heading h1{font-size:29px}.settings,.preview{height:calc(100dvh - 177px);min-height:500px}.settings-body{padding:14px 18px 6px}label{margin-bottom:11px;gap:5px}input,select{height:37px;padding:8px 10px}.themes img{height:52px}.settings-footer{padding:10px 18px 8px}.primary{padding:12px}fieldset{margin-bottom:11px}}@media(max-width:850px){.workspace{grid-template-columns:1fr;gap:18px}.settings{height:auto;min-height:0}.settings-body{overflow:visible}.preview{height:85dvh;min-height:500px}.heading{align-items:flex-start}.heading>.secondary{font-size:10px;padding:9px}.top{gap:10px}.top img{width:105px}.private{font-size:9px}.top-actions{gap:4px}.quiet{font-size:10px;padding:7px}.heading p{font-size:12px}}@media(max-width:430px){.top{padding:8px 12px}.private{display:none}main{padding:17px 12px}.heading h1{font-size:24px}.spark{display:none}.settings-body{padding:16px}.settings-footer{padding:12px 16px}.row{gap:10px}.themes{gap:7px}.preview{padding:12px 8px}.preview-top{padding:0 5px}.heading>.secondary{max-width:80px}}@page{size:A4;margin:0}@media print{body{background:white}#app{display:none!important}#print-pages{display:block}.print-page{width:210mm;height:297mm;break-after:page;overflow:hidden}.print-page:last-child{break-after:auto}.print-page svg{width:210mm;height:297mm;display:block}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
/* Illustrated theme collection: one optimized atlas, six individually framed icons. */
.themes{gap:9px}.themes button{padding:4px 5px 9px;position:relative;transition:border-color .16s,box-shadow .16s,transform .16s}.themes button:hover{transform:translateY(-2px);box-shadow:0 5px 13px #09285210}.themes button[aria-pressed=true]{padding:3px 4px 8px;box-shadow:0 0 0 2px #126cf110}.theme-art{display:block;width:100%;aspect-ratio:1.5;background-image:url('/escape-print/v1/theme-icons-v2.webp');background-size:300% 200%;background-repeat:no-repeat;border-radius:10px}.theme-art--museum{background-position:0% 0%}.theme-art--space{background-position:50% 0%}.theme-art--pirates{background-position:100% 0%}.theme-art--egypt{background-position:0% 100%}.theme-art--jungle{background-position:50% 100%}.theme-art--ocean{background-position:100% 100%}.themes button>span:last-child{display:block;padding-top:3px;font-size:11px}.preview{background:linear-gradient(140deg,#dff3fe,#eaf7ff)}.paper svg{border-radius:8px}.settings-body{padding-top:16px}.settings-footer{background:linear-gradient(180deg,#fff,#f5fbff)}
@media(min-width:1000px) and (max-height:950px){.theme-art{aspect-ratio:1.9}.settings-body label{margin-bottom:10px}.settings-body input,.settings-body select{height:37px;padding:7px 10px}.settings-body fieldset{margin-bottom:11px}.settings-body .themes{gap:7px}.settings-body{padding-top:12px}.settings-footer .primary{padding:12px}}
@media(max-width:850px){.theme-art{aspect-ratio:1.5}}

.theme-art{background:none!important;aspect-ratio:auto;height:85px}.theme-art svg{display:block;width:100%;height:100%;overflow:hidden}@media(min-width:1000px) and (max-height:950px){.theme-art{height:68px}}@media(max-width:850px){.theme-art{height:92px}}