.projects-shell{max-width:1250px;margin:auto;padding-bottom:35px}.project-intro,.project-explore,.project-teacher{background:#f6faf7;color:#203e39;border-radius:22px;padding:24px;margin:20px 0;box-shadow:0 12px 30px #0002}.projects-shell h2,.projects-shell h3{color:#21463d!important;text-shadow:none!important}.projects-shell p{line-height:1.6}.project-tag{font-size:12px;font-weight:800;color:#54766a;letter-spacing:2px}.project-intro textarea{display:block;width:100%;box-sizing:border-box;font:inherit;padding:14px;border-radius:12px;margin:12px 0;background:white;color:#203e39;border:1px solid #a1b7ad}.project-intro small{display:block;margin:12px 0}.project-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-picker button{padding:8px;background:#fff;color:#294d41;border:3px solid transparent;border-radius:18px;cursor:pointer;font:inherit;overflow:hidden}.project-picker button[aria-pressed=true]{border-color:#53d5ad;box-shadow:0 0 0 3px #53d5ad25}.project-picker img{width:100%;height:145px;object-fit:cover;border-radius:10px}.project-picker strong{display:block;padding:10px}.project-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.project-toolbar button{min-height:44px;padding:9px 14px;border:1px solid #b7cabe;background:#fff;color:#2b5549;font:inherit;border-radius:12px;cursor:pointer}.project-toolbar button[aria-pressed=true]{background:#c9f0dd}.project-stage{height:clamp(330px,60vh,620px);border-radius:16px;overflow:hidden;background:#e9f0ee;touch-action:none}.project-stage canvas{display:block;touch-action:none}.project-hint,.project-accuracy{font-size:13px;color:#526a60}.project-part{padding:15px;background:#e6f2ea;border-left:4px solid #2ca780;border-radius:12px;min-height:70px}.project-part p{margin:8px 0 0}.project-teacher{display:grid;grid-template-columns:1.1fr 1fr;gap:28px}.project-teacher img{width:100%;border-radius:16px}.project-teacher li{margin:12px 0;line-height:1.5}.projects-shell button:focus-visible,.project-stage canvas:focus-visible{outline:3px solid #007857;outline-offset:3px}@media(max-width:650px){.project-picker{gap:7px}.project-picker img{height:80px}.project-picker strong{font-size:12px;padding:6px 0}.project-intro,.project-explore,.project-teacher{padding:16px}.project-teacher{grid-template-columns:1fr}.project-toolbar button{font-size:12px}}@media print{body:has(.projects-shell){background:white;color:black}body:has(.projects-shell) .topbar,body:has(.projects-shell) .section-nav,.projects-shell button,.project-stage,.project-toolbar,.project-picker,.project-hint,.project-accuracy,#project-editor{display:none!important}.projects-shell .creative-title,.project-teacher,.project-intro{color:black!important;box-shadow:none;border-radius:0;break-inside:avoid}.project-teacher{display:block}.project-teacher img{max-width:400px}}

.project-mode-switch{display:flex;gap:10px;margin-bottom:18px}.project-mode-switch button,.project-photo-tools button,.project-photo-tools a{font:inherit;min-height:44px;padding:10px 15px;background:white;color:#2b5549;border:1px solid #b7cabe;border-radius:12px;cursor:pointer}.project-mode-switch button[aria-pressed=true]{background:#234e40;color:white;border-color:#234e40}.project-photo-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.project-photo-tools a{text-decoration:none;box-sizing:border-box}.project-photo-viewport{height:clamp(330px,64vh,680px);overflow:hidden;position:relative;background:#202d29;border-radius:16px;touch-action:none;cursor:grab}.project-photo-viewport:active{cursor:grabbing}.project-photo-viewport>img{width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-select:none;pointer-events:none;transform-origin:center}.project-photo-viewport>span{position:absolute;bottom:12px;left:12px;color:white;background:#20332bba;border-radius:9px;padding:6px}.project-photo-viewport>span:empty{display:none}.project-photo-caption{font-size:14px;font-weight:750}.project-photo-thumbs{display:flex;gap:10px;overflow-x:auto;padding:8px 3px 14px}.project-photo-thumbs button{flex:0 0 155px;font:inherit;padding:5px;border:3px solid transparent;border-radius:12px;color:#294d41;background:white;cursor:pointer}.project-photo-thumbs button[aria-pressed=true]{border-color:#27a77a}.project-photo-thumbs img{display:block;width:100%;height:90px;object-fit:cover;border-radius:7px}.project-photo-thumbs span{display:block;padding:7px;font-size:12px}.project-photo-viewport:focus-visible,.project-mode-switch button:focus-visible,.project-photo-tools button:focus-visible,.project-photo-thumbs button:focus-visible{outline:3px solid #007857;outline-offset:3px}#project-3d-area[hidden],#project-photo-gallery[hidden]{display:none!important}@media print{.project-mode-switch,.project-photo-tools,.project-photo-thumbs{display:none!important}.project-photo-viewport{height:240px;background:white;break-inside:avoid}.project-photo-viewport>img{transform:none!important}}