.studio-panel{margin-bottom:30px;background:linear-gradient(145deg,#fffdfb,#fff5f9)}
.studio-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.studio-intro h2{margin:5px 0}.studio-intro p{color:var(--muted);margin:0}.studio-intro>.tag{white-space:nowrap}
.studio-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.studio-mode{min-height:116px;display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;gap:2px 10px;text-align:left;background:white;color:var(--ink);border:1px solid var(--line);padding:16px}.studio-mode>span{grid-row:1/3;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--pink);color:var(--rose);font:900 1.5rem Nunito,sans-serif}.studio-mode strong{font:800 1rem Nunito,sans-serif}.studio-mode small{color:var(--muted);line-height:1.35}.studio-mode.active,.studio-mode:hover{border-color:var(--rose);background:#fff8fb}.studio-mode.active{box-shadow:0 0 0 2px #a6295d22}
.studio-workspace{display:grid;grid-template-columns:245px minmax(0,1fr);gap:25px;align-items:start}.studio-controls{display:grid;gap:15px}.studio-actions{display:grid;gap:9px}.studio-preview{container-type:inline-size;min-width:0;background:#eee7e9;border-radius:15px;padding:16px;overflow:hidden}.studio-preview .studio-sheet{--u:calc((100cqw - 32px)/210);width:calc(210 * var(--u));height:calc(297 * var(--u));margin:auto;box-shadow:0 5px 24px #3b1b2920}.studio-old-heading{border-top:1px solid var(--line);padding-top:28px}
.studio-sheet{--u:1mm;width:calc(210 * var(--u));height:calc(297 * var(--u));padding:calc(10 * var(--u));background:white;color:#302932;font-family:Arial,sans-serif;box-sizing:border-box;display:grid;grid-template-rows:calc(25 * var(--u)) 1fr calc(8 * var(--u));overflow:hidden}.studio-sheet *{box-sizing:border-box}.studio-sheet>header{border-bottom:1px solid #b9adb3;display:grid;grid-template-columns:1fr auto;align-items:center;gap:calc(1 * var(--u));padding-bottom:calc(3 * var(--u))}.studio-sheet>header strong{font-size:calc(5 * var(--u))}.studio-sheet>header span{grid-column:1/-1;font-size:calc(3.3 * var(--u));color:#62565d}.studio-sheet>header i{grid-column:2;grid-row:1;font-style:normal;font-size:calc(3 * var(--u))}.studio-sheet>main{padding:calc(7 * var(--u)) 0;min-height:0;overflow:hidden}.studio-sheet h2{font:bold calc(5.2 * var(--u))/1.2 Arial,sans-serif;text-align:center;margin:0 0 calc(6 * var(--u))}.studio-sheet p{font-size:calc(3.6 * var(--u));text-align:center}.studio-sheet>footer{border-top:1px solid #ccc;display:flex;align-items:end;font-size:calc(2.7 * var(--u));color:#756a70}
.trace-name{font:bold calc(16 * var(--u))/1.35 Arial,sans-serif;text-align:center;letter-spacing:calc(1.3 * var(--u));color:rgba(80,70,76,var(--fade));border-bottom:1px dashed #aaa;margin:calc(3 * var(--u)) auto;width:90%}.copy-line{height:calc(23 * var(--u));border-bottom:2px solid #777;width:90%;margin:auto}.initial-letter{font:bold calc(80 * var(--u))/1 Arial,sans-serif;text-align:center;color:#eee;-webkit-text-stroke:1px #777}.letter-hunt{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(5 * var(--u));margin:calc(7 * var(--u)) auto;width:80%}.letter-hunt span,.letter-boxes span{display:grid;place-items:center;border:1px dashed #777;border-radius:calc(2 * var(--u));font:bold calc(12 * var(--u))/1 Arial,sans-serif;height:calc(24 * var(--u))}.letter-hunt .target{border:2px solid #444}.name-model{font:bold calc(15 * var(--u))/1.3 Arial,sans-serif;text-align:center;letter-spacing:calc(1 * var(--u));margin:calc(10 * var(--u))}.letter-boxes{display:flex;justify-content:center;gap:calc(2 * var(--u));flex-wrap:wrap}.letter-boxes span{width:calc(20 * var(--u));height:calc(23 * var(--u))}.letter-boxes.empty{margin-top:calc(5 * var(--u))}.answer-number{width:calc(30 * var(--u));height:calc(26 * var(--u));border:2px solid #555;border-radius:calc(3 * var(--u));margin:calc(6 * var(--u)) auto}.drawing-space{height:calc(65 * var(--u));border:1px dashed #888;border-radius:calc(3 * var(--u));margin:calc(5 * var(--u))}.drawing-space.short{height:calc(35 * var(--u))}
.footprint{width:calc(18 * var(--u));height:calc(18 * var(--u));object-fit:contain}.footprint.flip{transform:scaleX(-1)}.footprint-path{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:calc(4 * var(--u));width:88%;margin:auto}.dino-goal{display:block;width:calc(58 * var(--u));height:calc(58 * var(--u));object-fit:contain;margin:calc(4 * var(--u)) auto}.dino-clue{display:block;width:calc(42 * var(--u));height:calc(42 * var(--u));object-fit:contain;margin:0 auto calc(4 * var(--u))}.dino-footprint-pair{display:flex;align-items:center;justify-content:center;gap:calc(18 * var(--u));margin:calc(8 * var(--u))}.dino-footprint-pair .dino-goal{margin:0;width:calc(68 * var(--u));height:calc(68 * var(--u))}.footprint-large{width:calc(68 * var(--u));height:calc(68 * var(--u))}.trace-paths{display:grid;gap:calc(8 * var(--u));margin-top:calc(5 * var(--u))}.trace-paths span{height:calc(10 * var(--u));border-bottom:2px dashed #888;border-radius:50%}.footprint-find{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(6 * var(--u));justify-items:center}.footprint-find .footprint{width:calc(34 * var(--u));height:calc(34 * var(--u))}.count-footprints{display:grid;gap:calc(5 * var(--u))}.count-footprints>div{display:grid;grid-template-columns:1fr calc(18 * var(--u));align-items:center;border-bottom:1px dashed #aaa;padding:calc(3 * var(--u))}.count-footprints span{display:flex;gap:calc(2 * var(--u));align-items:center}.count-footprints .footprint{width:calc(14 * var(--u));height:calc(14 * var(--u))}.count-footprints i{height:calc(15 * var(--u));border:1px solid #555}
.think-picture{width:calc(27 * var(--u));height:calc(27 * var(--u));object-fit:contain}.intruder-rows{display:grid;gap:calc(7 * var(--u))}.intruder-rows>div{display:flex;justify-content:space-around;border-bottom:1px dashed #aaa;padding-bottom:calc(4 * var(--u))}.shadow-match{display:grid;grid-template-columns:1fr 1fr;gap:calc(35 * var(--u));width:75%;margin:auto}.shadow-match>div{display:grid;gap:calc(7 * var(--u));justify-items:center}.shadow{filter:grayscale(1) brightness(0)}.visual-search{display:grid;grid-template-columns:repeat(5,1fr);gap:calc(6 * var(--u));justify-items:center}.classify-boxes{display:grid;grid-template-columns:1fr 1fr;gap:calc(8 * var(--u));height:calc(105 * var(--u))}.classify-boxes>div{border:2px dashed #777;border-radius:calc(4 * var(--u));padding:calc(4 * var(--u));text-align:center}.classify-boxes strong{font-size:calc(4 * var(--u))}.classify-cutouts{display:flex;justify-content:space-around;border-top:1px dashed #777;padding-top:calc(6 * var(--u));margin-top:calc(8 * var(--u))}.studio-bn img{filter:grayscale(1)}.studio-outline img{filter:none}.studio-outline .initial-letter{color:white;-webkit-text-stroke:1.4px #333}.studio-outline *{color:#111!important}
.studio-print-document{margin:0;background:#ece7e9}.studio-print-document>.studio-sheet{margin:0 auto}.studio-print-tools{display:flex;justify-content:center;gap:10px;padding:18px}.studio-print-tools button{border:1px solid transparent;border-radius:10px;padding:13px 20px;background:#a6295d;color:white;font:700 16px Arial;cursor:pointer}.studio-print-tools .back{background:white;color:#8a214d;border-color:#d8afc0}
@media print{html,body.studio-print-document{margin:0!important;padding:0!important;background:white}.studio-print-tools{display:none!important}.studio-print-document>.studio-sheet{margin:0}.studio-sheet{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
@media(max-width:900px){.studio-intro{display:grid}.roster-editor{width:100%}.studio-workspace{grid-template-columns:1fr}.studio-controls{grid-template-columns:1fr 1fr}.studio-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}}
@media(max-width:620px){.studio-mode-grid{grid-template-columns:1fr}.studio-mode{min-height:90px}.roster-grid,.studio-controls{grid-template-columns:1fr}.studio-actions{grid-column:auto;grid-template-columns:1fr}.studio-preview{padding:8px}.studio-preview .studio-sheet{--u:calc((100cqw - 16px)/210)}}
.studio-simple-picker{margin:16px 0}.studio-simple-picker .field{max-width:440px}.studio-simple-picker select{font-size:1.1rem;min-height:48px}.worksheet-shape{width:calc(17.2 * var(--u));height:calc(17.2 * var(--u));flex-shrink:0}.worksheet-dots{display:flex;flex-wrap:wrap;gap:calc(3.44 * var(--u));align-items:center;max-width:calc(111.11 * var(--u))}.worksheet-dots i{display:block;width:calc(6.61 * var(--u));height:calc(6.61 * var(--u));border:2px solid #222;border-radius:50%;background:white;flex-shrink:0}.number-trace{display:flex;justify-content:space-around;font-size:calc(23.81 * var(--u));font-weight:800;color:#bcbcbc;margin:calc(5.29 * var(--u)) 0}.number-exercises,.shape-exercises{display:grid;gap:calc(7.41 * var(--u));margin:calc(5.82 * var(--u)) 0}.number-exercises>div,.shape-exercises>div{display:flex;align-items:center;gap:calc(4.76 * var(--u));min-height:calc(22.75 * var(--u));border-bottom:1px solid #bbb;padding-bottom:calc(4.76 * var(--u))}.number-exercises b,.shape-exercises i{width:calc(15.34 * var(--u));height:calc(15.34 * var(--u));border:1.5px solid #222;margin-left:auto;flex-shrink:0}.shape-exercises i{margin-left:0}.shape-exercises strong{border-right:2px solid #555;padding-right:calc(3.97 * var(--u))}.complete-number-space{min-width:calc(26.46 * var(--u));min-height:calc(18.52 * var(--u));flex:1;border-bottom:1px dashed #555}.trace-exercises{display:grid;gap:calc(10.05 * var(--u));margin:calc(6.61 * var(--u)) 0}.trace-exercises svg{width:100%;height:calc(22.49 * var(--u))}.studio-sheet h2{line-height:1.3}.studio-sheet main>h2{margin:calc(4.23 * var(--u)) 0}.studio-sheet .drawing-space{min-height:calc(26.46 * var(--u))}