.class-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.class-shelf button{display:flex;align-items:center;gap:12px;text-align:left;background:#f9f5e8;border:1px solid #cec5ac;border-radius:8px;padding:12px 15px;color:#32483c;font:700 18px var(--serif);cursor:pointer}.class-shelf button:hover{background:#edf0dd}.class-shelf svg{width:22px;height:22px;color:#637650}.class-shelf small{display:block;font:12px var(--sans);color:#646c5d;margin-top:3px}.year-paper{color:#364c3f}.year-paper label{display:grid;gap:5px;font:600 13px var(--sans);margin:9px 0}.year-paper label span{font-weight:400}.year-paper select,.year-paper input{min-height:44px;min-width:0;width:100%;padding:8px 10px;background:#fffdf1;border:1px solid #bbb8a2;border-radius:5px;color:#334c43;font:15px var(--sans)}.year-paper button,.year-paper .btn{min-height:44px;cursor:pointer}.year-paper button:disabled{cursor:default}.year-paper fieldset{margin:13px 0;padding:0;border:none;min-width:0}.year-paper legend{font-weight:700;margin-bottom:6px}.studio-tabs,.studio-apply,.color-grid{display:flex;flex-wrap:wrap;gap:7px}.studio-tabs{margin:12px 0}.studio-tabs button,.mark-grid button,.color-grid button,.accessory-grid button{border:1px solid #c7c5ae;border-radius:6px;background:#fffbed;padding:7px 10px;color:#394d40;font:600 13px var(--sans)}.year-paper [aria-pressed=true]{outline:2px solid #557458;outline-offset:-2px;background:#e3ead9}.identity-preview,.pupil-preview,.book-cover{display:flex;align-items:center;gap:17px;background:#eef0df;border-radius:7px;padding:12px;border-left:5px solid var(--thread,#799073)}.identity-preview canvas{width:60px;height:68px}.pupil-preview canvas{width:103px;height:92px}.identity-preview h3,.pupil-preview h3,.book-cover h3{margin:0;font:700 24px var(--serif);overflow-wrap:anywhere}.identity-preview p,.pupil-preview p,.book-cover p{margin:5px 0}.mark-grid,.accessory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:6px}.mark-grid button{display:flex;flex-direction:column;align-items:center}.mark-grid canvas{width:39px;height:43px}.mark-grid small,.accessory-grid small,.week-list small{display:block;font-size:11px;font-weight:400}.mark-grid button:disabled{opacity:.62}.color-grid i{display:inline-block;border-radius:50%;width:11px;height:11px;margin-right:5px}.studio-apply{justify-content:flex-end;margin:12px 0}.studio-balance{font-weight:700}.book-cover{border-left:0;background:#f1ecda}.book-cover canvas{width:59px;height:66px}.week-list{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0}.week-list li{border:1px solid #ccc9b1;border-radius:6px;padding:9px;color:#536655;background:#fff9e8}.week-list .current{border-color:#5d7a60;background:#e5ecdb}.book-goals{padding-left:20px}.book-goals li{margin:8px 0}.album-print{display:block;width:100%;height:auto;border-radius:4px;box-shadow:0 3px 9px #51493428}.year-paper .actions{flex-wrap:wrap}.album-index button{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;margin:7px 0;padding:11px;border:1px solid #bdb9a3;background:#fff9e9;border-radius:6px;text-align:left;color:#364c40}.album-index small{font-weight:400}.album-index b{font:700 17px var(--serif)}.year-paper h4{font:700 17px var(--serif);margin:12px 0 4px}.album-awards{display:flex;gap:6px;flex-wrap:wrap}.album-awards span{padding:5px 10px;background:#f6e5b9;border:1px solid #ddc38c;border-radius:12px}
@media(max-width:620px){.class-shelf{grid-template-columns:1fr;margin:8px 0;gap:5px}.class-shelf button{font-size:16px;padding:8px 10px;min-height:44px}.class-shelf small{display:inline;font-size:11px;margin-left:8px}.week-list{grid-template-columns:1fr}.week-list li{display:flex;align-items:center;justify-content:space-between}.mark-grid,.accessory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-apply .btn{flex:1;min-width:108px}.book-cover h3,.identity-preview h3{font-size:20px}.book-cover{padding:9px;gap:8px}}