body.lesson-15{background:#edf2e7;color:#304d39;overflow:hidden}body.lesson-15 header{height:58px;min-height:58px;padding:7px 18px;background:#f9faf2;border-bottom:1px solid #bac9af;gap:12px}body.lesson-15 header h1{font-size:20px;letter-spacing:.5px}body.lesson-15 header small{display:none}body.lesson-15 .back{background:transparent;font-size:15px;padding:7px 0}body.lesson-15 button{min-height:36px;padding:7px 12px;border-radius:5px;border-color:#b8c5ad;background:#fffdf5;color:#3c5940;font-size:13px}body.lesson-15 button:hover{background:#eef4e5;transform:none}body.lesson-15 button.active,body.lesson-15 button.primary{background:#397550;color:white;border-color:#2a5c3c}body.lesson-15 button:disabled{opacity:.4;cursor:default}body.lesson-15 .top-actions{gap:6px}body.lesson-15 #app{height:calc(100dvh - 58px);min-height:0;display:grid;grid-template-columns:clamp(310px,29vw,430px) minmax(0,1fr);overflow:hidden}.drawing-desk{min-width:0;min-height:0;background:#fffaf1;border-right:2px solid #b9c5a7;padding:12px 14px 10px;display:flex;flex-direction:column;gap:8px;overflow:auto}.drawing-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.drawing-header h2{font-size:18px;margin:0;letter-spacing:2px}.draw-tools{display:flex;gap:4px}.draw-tools button{min-height:31px!important;padding:4px 10px!important;font-size:12px!important}.drawing-note{font-size:12px;color:#8a8e74;margin:0;line-height:1.5}.papers{display:grid;grid-template-rows:repeat(3,minmax(174px,1fr));gap:8px;flex:1;min-height:0}.paper-card{padding:7px 10px 9px;display:flex;flex-direction:column;border:1px solid #d9cfc0;background:#fffdf9;border-radius:7px;min-height:0;position:relative;box-shadow:0 2px 0 #d9cfc031}.paper-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:3px;flex-shrink:0}.paper-head h3{font-size:14px;font-weight:600;margin:0;color:#6c604e}.paper-head>div{display:flex;gap:5px}.paper-head button{font-size:11px!important;min-height:25px!important;padding:3px 7px!important;border-color:transparent!important;background:#f4f2e9!important;color:#797d66!important}.paper-shell{flex:1;min-height:0;display:grid;place-items:center}.paper-shell svg{width:100%;height:100%;display:block;min-height:0;touch-action:none;user-select:none}.paper-cell{cursor:crosshair;outline:none}.paper-cell:focus-visible{stroke:#2b7751;stroke-width:3}.paper-card.needs-work{border:2px solid #cf6355;animation:paper-warning .3s ease-in-out 4}.paper-card.matched{border-color:#57946b}.paper-result{font-size:11px;color:#94746a;line-height:1.2;margin-left:7px}.paper-actions{display:flex;flex-wrap:wrap;gap:5px}.paper-actions #checkProjection{width:100%;min-height:39px;background:#eab254;border-color:#c99235;color:#543d17;font-size:15px;font-weight:600;letter-spacing:2px}.paper-actions button:not(#checkProjection){flex:1;font-size:12px;min-height:29px;padding:4px}.projection-feedback{font-size:12px;line-height:1.5;min-height:18px;margin:0;color:#657b52}.build-workspace{display:flex;flex-direction:column;min-width:0;min-height:0}.world-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px;padding:8px 12px;background:#f1f5e7;border-bottom:1px solid #bdcbb0;z-index:2}.mode-buttons,.view-buttons{display:flex;gap:4px;flex-wrap:wrap}.mode-buttons button,.view-buttons button{min-height:33px!important;padding:5px 10px!important}.view-buttons button{border-color:transparent!important;background:#e5edda!important}.view-buttons button.active{background:#d1e2c4!important;color:#315d3b!important;border-color:#87a771!important}#scene{position:relative;flex:1;min-height:250px;min-width:0;overflow:hidden;background:#80cee7;isolation:isolate}#scene canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}#scene canvas:focus-visible{outline:3px solid #f8d65c;outline-offset:-4px}.world-hint{position:absolute;top:13px;left:14px;right:15px;margin:0;font-size:12px;line-height:1.7;color:#264a3b;pointer-events:none;text-shadow:0 1px 0 #fff8}.world-hint span{display:inline-block;background:#ffffffe8;border:1px solid #e8f0d8;padding:4px 10px;border-radius:4px}.world-corner{position:absolute;top:52px;right:13px;display:flex;flex-direction:column;gap:6px}.world-corner button{background:#ffffffde!important;min-width:36px;min-height:34px!important;padding:5px 8px!important}.world-direction{position:absolute;bottom:13px;left:14px;max-width:calc(100% - 28px);background:#fbfff1e8;border:1px solid #d3e0b9;border-radius:4px;padding:6px 10px;font-size:12px;color:#436340;pointer-events:none}.world-status{padding:7px 12px;background:#e2ecd5;font-size:12px;line-height:1.55;min-height:32px;color:#627856;border-top:1px solid #b0c598}.world-bottom{padding:9px 12px;background:#f7f8ed;display:flex;align-items:center;gap:6px;flex-wrap:wrap;border-top:1px solid #c6d2b7}.world-bottom button{font-size:12px!important;min-height:33px!important;padding:6px 10px!important}.cube-total{margin-left:auto;font-size:12px;white-space:nowrap;color:#6f8059}.cube-total strong{font-size:18px;color:#346b42;margin:0 5px}.model-more{padding:0 12px 7px;background:#f7f8ed;font-size:12px;color:#849071}.model-more summary{cursor:pointer;list-style:none;line-height:24px}.model-more summary::before{content:'＋ ';color:#6c8153}.model-more[open] summary::before{content:'− '}.model-more>div{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:6px 0}.model-more p{margin:0;font-size:12px;line-height:1.6}.model-more label{font-size:12px;gap:5px}.model-more input{accent-color:#4e8254}.mobile-papers{display:none}.lesson-15 dialog{border:1px solid #b8c6a2;background:#fffdf7;color:#425a3b;border-radius:12px;padding:22px;max-width:calc(100vw - 28px);box-shadow:0 20px 80px #142a3e35}.lesson-15 dialog::backdrop{background:#213c4266}.lesson-15 dialog h2{font-size:21px;margin:0 0 15px}.lesson-15 dialog p{font-size:15px;line-height:1.8;margin:10px 0 18px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}#feedbackDialog{width:390px}#paperZoom{width:min(82vw,720px);padding:15px 20px}#paperZoom .zoom-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px}#paperZoom h2{margin:0;font-size:20px}#zoomCanvas{height:min(70vh,640px);display:grid;place-items:center}#zoomCanvas svg{width:100%;height:100%;display:block;touch-action:none;user-select:none}#paperZoom .zoom-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;font-size:12px;color:#788365}.render-fallback{padding:35px;color:#304d39;background:#e2ecd5}.lesson-15 [hidden]{display:none!important}@keyframes paper-warning{50%{box-shadow:0 0 0 3px #e69080}}@media(prefers-reduced-motion:reduce){.paper-card.needs-work{animation:none}}@media(min-width:1600px){body.lesson-15 #app{grid-template-columns:450px minmax(0,1fr)}.paper-head h3{font-size:16px}.drawing-desk{padding:14px 18px}.paper-head button{font-size:12px!important}.world-hint{font-size:14px}}
@media(max-width:850px) and (min-width:601px){body.lesson-15 #app{grid-template-columns:300px minmax(0,1fr)}.drawing-desk{padding:8px}.world-toolbar{padding:6px}.world-bottom{padding:7px}.world-hint{font-size:11px}.mode-buttons button,.view-buttons button{font-size:11px!important;padding:5px 7px!important}.papers{grid-template-rows:repeat(3,minmax(174px,1fr))}.cube-total{width:100%;margin-left:0}.drawing-header h2{font-size:16px}}
@media(max-width:600px),(max-height:500px) and (max-width:1000px){body.lesson-15{overflow:auto}body.lesson-15 header{padding:7px 10px;gap:8px;height:56px;min-height:56px}body.lesson-15 header h1{font-size:16px;letter-spacing:0}.lesson-15 .top-actions button:first-child{display:block}.lesson-15 .top-actions button{font-size:11px;padding:6px 8px;min-height:32px}.lesson-15 .back{font-size:12px!important}.lesson-15 #app{height:auto!important;min-height:calc(100dvh - 56px)!important;display:flex!important;flex-direction:column;overflow:visible!important}.build-workspace{order:0}.drawing-desk{order:1;border-right:0;border-top:2px solid #bbcaad;padding:12px;overflow:visible}.world-toolbar{padding:6px 8px;gap:6px}.world-toolbar button{font-size:11px!important;padding:5px 7px!important;min-height:32px!important}.world-toolbar>div{gap:3px}.world-hint{top:8px;left:8px;font-size:10px;right:8px}.world-hint span{padding:3px 7px}.world-corner{right:8px;top:43px;gap:4px}.world-corner button{min-height:30px!important;padding:3px 8px!important;font-size:13px!important;min-width:30px}#scene{height:370px;min-height:370px;flex:none}.world-direction{font-size:10px;left:8px;bottom:7px;padding:4px 7px}.world-bottom{padding:7px 8px;gap:5px}.world-bottom button{min-height:34px!important;padding:6px 9px!important;font-size:11px!important}.cube-total{font-size:11px}.world-status{font-size:11px;padding:6px 9px;min-height:29px}.drawing-header h2{font-size:18px}.mobile-papers{display:flex;gap:6px}.mobile-papers button{flex:1}.papers{display:block;min-height:0;flex:none}.paper-card{display:none;min-height:310px;height:min(94vw,400px);padding:9px 12px}.paper-card.mobile-active{display:flex}.paper-head h3{font-size:15px}.paper-head button{font-size:12px!important;min-height:30px!important}.paper-shell{min-height:260px}.drawing-note{font-size:12px}.paper-actions button:not(#checkProjection){min-height:35px}.paper-actions #checkProjection{min-height:43px}.projection-feedback{font-size:12px;min-height:30px}.model-more{font-size:11px;padding-bottom:4px}#paperZoom{width:calc(100vw - 16px);padding:12px}#zoomCanvas{height:min(75vh,90vw)}#paperZoom h2{font-size:18px}.lesson-15 .top-actions{gap:4px}}
@media(max-height:650px) and (min-width:601px){.drawing-desk{overflow:auto}.papers{flex:none;grid-template-rows:repeat(3,195px)}.model-more{display:none}.world-hint{font-size:11px}.world-bottom{gap:4px;padding:6px}.world-bottom button{min-height:30px!important;padding:4px 7px!important}}

#paperZoom{max-height:calc(100dvh - 24px);overflow:hidden}#paperZoom[open]{display:flex;flex-direction:column}#paperZoom .zoom-head,#paperZoom .zoom-bottom{flex-shrink:0}#zoomCanvas{max-height:calc(100dvh - 142px);min-height:0}#zoomCanvas svg{min-height:0}
