*{box-sizing:border-box}body{margin:0;background:#f3f8ff;color:#173f70;font-family:Arial,'Segoe UI',sans-serif}header{background:#1468f3;color:white;display:flex;align-items:center;justify-content:space-between;padding:12px 24px}.brand{display:flex;align-items:center;gap:12px}.brand img{height:48px}.brand strong{display:block;font-size:23px}.brand small{font-size:11px;letter-spacing:2px}main{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;max-width:1440px;margin:20px auto;padding:0 16px}aside,.challenge{background:white;border-radius:18px;padding:20px;box-shadow:0 3px 18px #15447712}aside{align-self:start}h1{font-size:22px}p{line-height:1.5}label{display:block;font-size:13px;font-weight:700;margin:15px 0 6px}select,textarea,input[type=text]{width:100%;padding:11px;border:1px solid #cbd9e8;border-radius:10px;font:inherit}textarea{min-height:80px}button{border:0;border-radius:10px;background:#1468f3;color:white;padding:12px 16px;font-weight:bold;cursor:pointer;margin-top:10px}button:disabled{opacity:.45;cursor:not-allowed}button.muted{background:#e9f0f9;color:#173f70;width:100%}#print{width:100%;background:#ffb900;color:#173f70}.check{font-weight:normal}.note{font-size:12px;color:#667b91}.lessonhead{display:flex;align-items:center;justify-content:space-between}.lessonhead h2{margin:0}.cast{display:flex;gap:12px;margin:12px 0}.cast div{background:white;border-radius:12px;padding:6px 14px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:bold}.cast img{height:48px}.challenge h3{margin-top:0}.hint{padding:12px;margin-top:10px;border:1px solid #cbd9e8;border-radius:10px}.hint.locked{opacity:.55;background:#f5f7fb}.hint.open{background:#fff8db;border-color:#f6ca52}.hint p{margin:7px 0}.sheets{display:flex;flex-wrap:wrap;align-items:flex-start;gap:18px;margin:20px 0}.sheet{width:210mm;min-height:297mm;background:white;box-shadow:0 5px 20px #173f7026;padding:13mm;position:relative;color:#111}.sheet h2{font-size:23px;text-align:center}.sheet h3{font-size:17px}.sheet .storyhero{display:flex;align-items:center;gap:20px}.storyhero img{width:125px}.storyhero p{font-size:18px}.storybox{border:2px solid #1a84c2;border-radius:12px;padding:14px;margin:14px 0}.sheet .foot{position:absolute;bottom:11mm;left:13mm;right:13mm;border-top:1px solid #999;padding-top:7px;font-size:11px}.drawarea{height:150mm;border:2px dashed #aaa;border-radius:12px;position:relative;overflow:hidden}.drawarea svg{width:100%;height:100%}.twoareas{display:grid;grid-template-columns:1fr 1fr;gap:8px}.twoareas .drawarea{height:122mm}.prompt{padding:10px;border:1px solid #bbb;border-radius:9px;margin-top:10px}.badge{display:inline-block;background:#fff0ae;border-radius:12px;padding:6px 10px}.line{border-bottom:1px dotted #777;height:30px}.sheet.mono{filter:grayscale(1)}@media(max-width:900px){main{grid-template-columns:1fr}.sheet{transform-origin:top left;zoom:.7}}@media(max-width:560px){header>span{display:none}.sheet{zoom:.44}.cast{gap:3px}.cast div{padding:4px;font-size:10px}.cast img{height:36px}}@page{size:A4;margin:0}@media print{body{background:white}header,aside,.lessonhead,.cast,.challenge{display:none!important}main{display:block;margin:0;padding:0}.content{display:block}.sheets{display:block;margin:0}.sheet{zoom:1!important;box-shadow:none;width:210mm;height:297mm;min-height:297mm;break-after:page;page-break-after:always}.sheet:last-child{break-after:auto;page-break-after:auto}.sheet.mono{filter:grayscale(1)}}
.creative{background:white;border-radius:18px;padding:18px;margin-top:16px}.creative h3{margin:0}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.toolbar label{margin:0;display:flex;align-items:center;gap:5px}.toolbar input[type=range]{width:90px}.toolbar button{margin:4px 0}.creative canvas{display:block;width:100%;max-width:900px;height:auto;touch-action:none;border:2px solid #cbd9e8;border-radius:12px;background:#fff;margin-top:10px}#drawStatus{font-size:12px;color:#426b86}#downloadPdf{width:100%;background:#ffcf30;color:#173f70}#print.muted{width:100%}@media print{.creative{display:none!important}}

.draw-guidance{background:#e9f6ff;border-left:4px solid #1468f3;padding:12px;border-radius:8px}.creative .check{font-size:14px;font-weight:600;margin:10px 0}.creative .check input{width:auto}

/* MVP 1.2.2: story + worksheet first, creative tools only on demand */
.creative-entry{background:#fff;border-radius:16px;padding:14px 18px;margin:14px 0;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.creative-entry button{width:auto;margin:0}.creative-entry small{color:#64748b}.creative[hidden]{display:none!important}.creative-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.creative-top button{width:auto!important;margin:0}.mode-switch{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.mode-switch button{margin:0}.mode-switch .selected{background:#1468f3;color:white}.canvas-wrap{position:relative;max-width:900px;aspect-ratio:10/7;background:white;border:2px solid #cbd9e8;border-radius:12px;overflow:hidden;margin-top:10px}.canvas-template{position:absolute;inset:0;pointer-events:none}.canvas-template svg{width:100%;height:100%;object-fit:contain}.creative .canvas-wrap canvas{position:absolute;inset:0;width:100%;height:100%;border:0;margin:0;background:transparent;touch-action:none}.challenge{margin-top:14px}.sheets{margin:12px 0}.creative-entry~.creative{margin-top:0}@media(max-width:560px){.creative-entry{align-items:stretch}.creative-entry button{width:100%}.lessonhead{gap:8px}.lessonhead h2{font-size:19px}}@media print{.creative-entry{display:none!important}}