@font-face{font-family:LocalKorean;src:local('Malgun Gothic')}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#eff8f3;color:#183c2d;font-family:LocalKorean,'Noto Sans KR',system-ui,sans-serif;font-size:16px;line-height:1.6}button,input,textarea,select{font:inherit}button,a,label.upload-zone{touch-action:manipulation}button{cursor:pointer}a{color:inherit}h1,h2,h3,p{margin:0}h1{font-size:26px;letter-spacing:-1px;font-weight:800}h2{font-size:20px;letter-spacing:-.6px}h3{font-size:18px}button,input,select,textarea{border-radius:10px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #73bc9b;outline-offset:3px}button:disabled{opacity:.43;cursor:not-allowed}.small{font-size:14px;line-height:1.6}.muted{color:#526d60}.required{display:inline-flex;align-items:center;vertical-align:middle;font-size:14px;line-height:1.4;color:#963b19;background:#fff0d2;border:1px solid #dfaa62;font-weight:800;margin-left:8px;padding:3px 9px;border-radius:6px;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.skip-link{position:absolute;left:10px;top:-100px;background:white;padding:12px;z-index:100}.skip-link:focus{top:10px}.site-header{background:#fff;border-bottom:1px solid #dcebe2}.header-inner{max-width:1440px;margin:auto;min-height:100px;padding:20px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:14px;align-items:center}.brand-symbol{background:#247a5b;color:#fff;width:52px;height:52px;border-radius:15px;font-size:37px;line-height:1;display:grid;place-items:center}.brand p{font-size:14px;color:#526d60}.header-actions{display:flex;align-items:center;gap:20px}.save-status{font-size:13px;color:#526d60}.save-status::before{content:'●';font-size:9px;color:#247a5b;margin-right:6px}.workspace{max-width:1440px;margin:auto;padding:24px 40px 40px}.intro-line{display:flex;justify-content:space-between;margin-bottom:16px;gap:16px}.eyebrow{font-size:12px;letter-spacing:1px;color:#247a5b;font-weight:700}.mode-bar{padding:20px 24px;background:#fff;border:1px solid #dcebe2;border-radius:16px;display:flex;align-items:center;gap:40px;margin-bottom:24px}.mode-bar h2{font-size:20px;margin-bottom:4px}.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1}.mode-button{border:1px solid #dce7df;background:#fff;display:flex;text-align:left;padding:14px 16px;gap:12px;align-items:center;min-height:82px}.mode-button strong{font-size:16px;display:block}.mode-button small{font-size:13px;color:#526d60}.mode-button.selected{background:#f0faf4;border:1.5px solid #247a5b}.mode-icon{color:#247a5b;background:#e3f2e9;border-radius:10px;display:grid;place-items:center;min-width:36px;height:36px;font-size:24px}.mode-check{margin-left:auto;color:#247a5b;visibility:hidden}.mode-button.selected .mode-check{visibility:visible}.columns{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:24px;align-items:start}.input-panel{background:#fff;border:1px solid #dcebe2;border-radius:16px;overflow:hidden}.panel-section{padding:24px;border-bottom:1px solid #e7eee9}.panel-section:last-child{border-bottom:0}.section-title{display:flex;gap:10px;align-items:center;margin-bottom:16px}.section-title h2{font-size:19px}.section-title .button{margin-left:auto}.step{width:28px;height:28px;background:#247a5b;color:#fff;font-size:14px;font-weight:700;border-radius:50%;display:grid;place-items:center;flex:none}.segmented{background:#f1f6f3;border-radius:10px;padding:4px;display:flex;gap:4px;margin-bottom:20px}.segmented button{flex:1;border:0;background:transparent;color:#526d60;font-size:14px;min-height:44px;padding:8px 6px}.segmented button.active{color:#247a5b;background:#fff;box-shadow:0 1px 4px #183c2d0d;font-weight:700}.field{display:flex;flex-direction:column;gap:8px;margin:16px 0;font-size:14px;font-weight:600}.field input,.field select,.field textarea,textarea,input[type=number],.zoom-control select{width:100%;border:1px solid #d4e1d9;background:#fff;padding:11px 12px;color:#183c2d;min-height:46px;font-size:16px;font-weight:400;line-height:1.6}.field textarea,textarea{resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#84968c;font-size:14px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid transparent;padding:10px 16px;font-size:14px;font-weight:600;border-radius:10px;text-decoration:none;white-space:normal;line-height:1.4;transition:background .15s}.button.primary{background:#247a5b;color:white;border-color:#247a5b}.button.primary:hover:not(:disabled){background:#1b6148}.button.secondary{background:#fff;border-color:#c5dacf;color:#247a5b}.button.secondary:hover:not(:disabled){background:#f0f8f3}.button.subtle{background:transparent;color:#526d60}.button.subtle:hover:not(:disabled){background:#f1f6f3}.button.full{width:100%}.action-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}.level-option{border:1px solid #dce7df;border-radius:12px;margin:12px 0;padding:14px;background:#fff}.level-option.chosen{background:#f4faf6;border-color:#a3cdb8}.level-label{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;min-height:32px}.level-label input{accent-color:#247a5b;width:19px;height:19px}.level-option select{width:100%;padding:8px 10px;border:1px solid #d4e1d9;min-height:44px;margin-top:10px;color:#183c2d;background:#fff}.level-note{margin:4px 0 0 29px;font-size:13px;color:#526d60}.detail-control{border-bottom:1px solid #e7eee9;margin:16px 0;padding-bottom:16px}.detail-control summary{cursor:pointer;font-size:14px;font-weight:600}.detail-control summary span{margin-left:6px;color:#526d60;font-weight:400}.details-body{padding-top:4px}.style-note{display:flex;align-items:center;gap:10px;background:#f6f8ec;padding:12px;border-radius:10px;font-size:14px}.style-note>span{font-size:24px;color:#84713a}.style-note .small{color:#526d60;font-size:12px}.creation-panel{padding:24px;background:#fbfdfb}.workflow-steps{padding:0;list-style:none;font-size:14px;margin:0 0 16px;color:#526d60}.workflow-steps li{display:flex;gap:8px;margin:6px 0;align-items:center}.workflow-steps li span{font-size:11px;width:20px;height:20px;background:#e6f2eb;border-radius:50%;display:grid;place-items:center;color:#247a5b}.creation-panel .primary{font-size:16px;min-height:50px;justify-content:space-between}.creation-panel .muted{margin-top:12px}.cost-notice{display:flex;gap:12px;align-items:center;padding:16px 20px;background:#fff4ce;border:1px solid #efe3b7;border-radius:12px;margin:0 0 24px;font-size:14px;color:#55471e}.cost-notice p{font-size:13px;margin-top:3px}.cost-notice .button{margin-left:auto;flex:none}.cost-copy{color:#765e20;margin-top:12px}.error-text{background:#fff0ed;padding:12px;border-radius:10px;color:#9e3325;font-size:14px;margin-top:12px}.result-panel{min-width:0}.result-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#fff;border:1px solid #dcebe2;border-radius:14px;padding:16px 20px}.result-toolbar h2{font-size:20px}.toolbar-buttons{display:flex;gap:8px}.preview-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#526d60;padding:16px 6px;gap:12px}.zoom-control{display:flex;align-items:center;gap:8px;white-space:nowrap}.zoom-control select{font-size:12px;min-height:32px;width:auto;padding:3px 8px}.preview-stage{background:#e2eee6;border:1px solid #d4e3d9;border-radius:14px;padding:24px;min-height:660px;overflow:auto}.empty-preview{min-height:610px;background:#fff;border-radius:4px;box-shadow:0 4px 20px #183c2d08;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.empty-preview h3{font-size:21px;margin:32px 0 12px}.empty-preview p{font-size:14px;color:#526d60}.empty-badge{margin-top:24px;font-size:12px;color:#526d60;background:#f0f7f3;padding:6px 12px;border-radius:20px}.paper-illustration{width:180px;height:235px;background:#f9fcfa;border:1.5px solid #c2d9cc;border-radius:6px;transform:rotate(-5deg);padding:24px;position:relative}.paper-illustration::after{content:'✓';position:absolute;right:-18px;bottom:18px;width:48px;height:48px;background:#ffe69b;color:#183c2d;display:grid;place-items:center;border-radius:50%;font-size:24px;transform:rotate(5deg)}.paper-line{display:block;height:7px;width:65%;background:#d7e7dd;border-radius:4px;margin-bottom:9px}.paper-line.long{width:100%}.paper-activity{display:flex;justify-content:space-around;margin:22px 0;color:#82ae98;font-size:28px}.paper-activity.lower{margin-top:22px;color:#247a5b}.import-strip{background:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:12px;border:1px solid #dcebe2;margin-top:16px;padding:16px 20px}.import-strip strong{font-size:14px}.import-strip p{font-size:12px;margin-top:4px}.teacher-panel{margin-top:20px;background:white;border:1px solid #dcebe2;border-radius:14px;overflow:hidden}.teacher-panel summary{padding:18px 20px;cursor:pointer;font-weight:700;font-size:16px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.teacher-panel summary .small{font-size:12px;color:#526d60;font-weight:400}.teacher-body{padding:0 20px 20px}.notice{padding:12px;background:#fff4ce;border-radius:10px;font-size:14px;margin:12px 0}.result-footer{font-size:12px;color:#526d60;padding:16px 4px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1.5px dashed #a6c8b5;border-radius:12px;background:#f5faf7;text-align:center;padding:22px 16px;margin:12px 0;cursor:pointer;min-height:120px}.upload-zone>span{font-size:28px;color:#247a5b}.upload-zone strong{font-size:14px}.upload-zone small{font-size:12px;color:#526d60}.upload-zone:focus-within,.import-strip label:focus-within{outline:3px solid #73bc9b;outline-offset:3px}.upload-zone.compact{min-height:80px;padding:16px}.image-picker{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.image-tile{position:relative}.image-tile img{width:72px;height:72px;object-fit:contain;border:1px solid #d4e1d9;border-radius:8px;background:white}.image-tile button{position:absolute;right:-5px;top:-5px;width:26px;height:26px;background:#fff;border:1px solid #c5dacf;color:#183c2d;border-radius:50%}.image-tile label{font-size:12px;display:block}.image-tile input{accent-color:#247a5b}.curriculum-label{font-size:13px;background:#f0f8f3;padding:10px;border-radius:8px}.standard-detail{padding:12px;border-radius:10px;background:#eef7f1;font-size:14px}.standard-detail a{font-size:12px;display:inline-block;margin-top:8px;color:#247a5b}.page-image{display:block;width:100%;height:auto;box-shadow:0 4px 24px #183c2d12;background:#fff;border-radius:3px}.page-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:16px}.page-list{margin:16px 0;display:flex;flex-direction:column;gap:8px}.page-row{display:flex;gap:10px;align-items:center;background:#fff;padding:10px 12px;border:1px solid #dcebe2;border-radius:10px}.page-row.active{border-color:#247a5b;background:#f9fcfa}.page-row img{width:35px;height:48px;object-fit:contain;background:#f0f7f3}.page-row select{margin-left:auto;max-width:165px;font-size:13px;min-height:40px;color:#183c2d;border:1px solid #d4e1d9;background:white;padding:5px}.page-row .button{padding:6px 9px;min-height:40px}.page-row .page-name{font-size:13px;text-align:left;border:0;background:none;color:#183c2d}.question-card{padding:16px;background:#f7fbf8;border-radius:12px;margin:12px 0}.question-card .field{margin:10px 0}.question-card img{width:100px;height:100px;object-fit:contain}.question-card textarea{min-height:70px}.question-card .question-header{display:flex;gap:8px;align-items:center;justify-content:space-between}.question-card .question-header select{padding:5px;font-size:14px;background:white;border:1px solid #d4e1d9;color:#183c2d;max-width:190px}.modal{border:1px solid #d4e1d9;border-radius:18px;padding:28px;max-width:560px;width:calc(100% - 32px);max-height:90vh;overflow:auto;background:white;color:#183c2d}.modal.wide{max-width:900px}.modal::backdrop{background:#183c2d70;backdrop-filter:blur(3px)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.modal-header h2{font-size:24px}.icon-button{width:44px;height:44px;display:grid;place-items:center;border:0;background:#f0f7f3;color:#183c2d;border-radius:10px;font-size:25px}.input-with-button{display:flex;gap:8px}.input-with-button input{min-width:0}.text-link{font-size:14px;color:#247a5b}.modal .cost-notice{margin-bottom:16px}.modal .action-row{margin-top:20px}.saved-row{display:flex;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid #e5eee8;align-items:center}.saved-row strong{display:block}.saved-row p{font-size:13px;color:#526d60}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#183c2d;color:#fff;padding:12px 24px;border-radius:12px;box-shadow:0 6px 30px #183c2d25;font-size:14px;z-index:100;max-width:calc(100% - 32px);width:max-content}.region-wrapper{position:relative;max-width:450px;margin:auto;touch-action:none}.region-wrapper>img{display:block;width:100%}.region-wrapper #region-overlay{position:absolute;inset:0;cursor:crosshair}.region-wrapper #region-box{position:absolute;border:3px solid #247a5b;background:#247a5b20;pointer-events:none}.region-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px;font-size:13px}.region-fields input{padding:8px;min-height:44px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compare-grid figure{margin:0}.compare-grid figcaption{font-size:14px;margin-bottom:8px}.compare-grid img{width:100%;border:1px solid #dcebe2}.busy{opacity:.65}.template-note{font-size:13px;background:#fff4ce;padding:12px;border-radius:10px;margin-bottom:12px}#generation-status{margin-top:10px;color:#247a5b}#generation-summary{margin-bottom:12px;color:#526d60}#connection-status{font-size:14px;margin-top:16px}#guide-status{margin-top:8px}#template-editor{background:white;border:1px solid #dcebe2;border-radius:14px;margin-top:20px}#page-view{transform-origin:top left}
@media(min-width:1500px){.workspace{padding-top:32px}}@media(max-width:1100px){.header-inner,.workspace{padding-left:24px;padding-right:24px}.columns{grid-template-columns:360px minmax(0,1fr);gap:18px}.mode-bar{gap:20px}.mode-button{padding:12px}.mode-icon{display:none}.toolbar-buttons{flex-wrap:wrap;justify-content:flex-end}.result-toolbar{padding:16px}.preview-stage{padding:16px}.empty-preview{padding:20px}.header-actions{gap:10px}}@media(max-width:850px){.mode-bar{display:block}.mode-options{margin-top:16px}.columns{grid-template-columns:1fr}.preview-stage{min-height:450px}.empty-preview{min-height:450px}.header-actions{flex-direction:column;gap:4px;align-items:flex-end}.header-actions .button{font-size:12px}.header-inner{gap:12px}.intro-line>.muted{display:none}.result-panel{scroll-margin-top:16px}.mode-button strong{font-size:15px}.input-panel .panel-section{padding:20px}}@media(max-width:520px){.header-inner{padding:16px;align-items:flex-start}.workspace{padding:20px 16px}.brand-symbol{width:38px;height:38px;font-size:29px;border-radius:11px}.brand{gap:8px;align-items:flex-start}.brand h1{font-size:24px}.brand p{font-size:12px;max-width:165px}.header-actions .button span{max-width:98px;text-align:left}.save-status{font-size:11px}.mode-bar{padding:16px}.mode-options{grid-template-columns:1fr}.mode-button{min-height:70px}.mode-icon{display:grid}.cost-notice{flex-wrap:wrap;padding:14px}.cost-notice .button{margin-left:0}.result-toolbar{flex-wrap:wrap}.toolbar-buttons{justify-content:flex-start}.preview-stage{padding:10px}.empty-preview{padding:24px 12px}.empty-preview h3{font-size:18px}.empty-preview p{font-size:14px}.import-strip{flex-direction:column;align-items:stretch;padding:16px}.page-row{flex-wrap:wrap}.page-row select{max-width:180px}.preview-meta{flex-wrap:wrap}.teacher-panel summary{display:block}.teacher-panel summary .small{display:block;margin-top:4px}.region-fields{grid-template-columns:1fr 1fr}.modal{padding:20px}.compare-grid{grid-template-columns:1fr}.brand-symbol{flex:none}.field-grid{gap:8px}.page-row .button{min-height:44px}.page-row img{display:none}.saved-row{flex-wrap:wrap}}
@media print{body{background:#fff}.site-header,.workspace,.toast,dialog{display:none!important}}

.type-counts{margin-top:12px}.type-count-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0;font-size:15px}.type-count-row select{width:96px;margin:0}.type-count-row span{flex:1}

.request-list{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.request-list .button{font-size:14px;text-align:left}#prompt-progress{margin-top:12px}

.field-title{display:flex;align-items:center;gap:6px}.field-title .required{flex:none;width:auto;margin:0;padding:0 3px;font-size:14px;line-height:1.3;border-radius:3px;align-self:center}

.custom-question-form,.teacher-example{margin-top:16px;padding:14px;background:#f4faf6;border:1px solid #d5e6dc;border-radius:12px}.custom-question-form summary,.teacher-example summary{cursor:pointer;font-weight:700;font-size:15px;min-height:32px}.custom-question-row{margin-top:12px;padding:12px;border:1px solid #d5e6dc;border-radius:10px;font-size:14px;overflow-wrap:anywhere}.teacher-example ol{padding-left:24px;font-size:14px}.example-copy{padding:12px;background:#fff;border-radius:8px;font-size:14px;line-height:1.8;margin:8px 0}

.header-actions .guide-button{font-size:14px;min-height:44px;padding:6px 12px;white-space:nowrap}.usage-guide{max-width:760px}.usage-guide section{padding:20px 0;border-bottom:1px solid #dcebe2}.usage-guide section h3{margin-bottom:10px}.usage-guide section p+p{margin-top:10px}.usage-guide ol{padding-left:24px}.usage-guide li{margin:8px 0}.usage-guide>.close-dialog{margin-top:20px}.usage-guide p,.usage-guide li{font-size:16px;line-height:1.7;overflow-wrap:anywhere}

#prompt-text{line-height:1.8;font-size:15px;white-space:pre-wrap}

.detail-control>summary{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;min-height:52px;padding:12px 16px;background:#fff5d6;border:1.5px solid #247a5b;border-radius:12px;color:#183c2d;font-size:16px;font-weight:800;list-style:none;transition:background .15s}
.detail-control>summary::-webkit-details-marker{display:none}
.detail-control>summary::before{content:'＋';display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:6px;background:#247a5b;color:#fff;font-size:20px;line-height:1}
.detail-control[open]>summary::before{content:'−'}
.detail-control>summary:hover{background:#ffedb3}
.detail-control>summary span{margin-left:0;font-size:14px;color:#365d49}
.detail-control[open]>.details-body{padding-top:16px}

.teacher-example{padding:0;border:0;background:transparent}
.teacher-example>summary{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 16px;border:1px solid #247a5b;border-radius:10px;background:#fff5d6;color:#183c2d;font-size:15px;font-weight:700;list-style:none;transition:background .15s,box-shadow .15s}
.teacher-example>summary::-webkit-details-marker{display:none}
.teacher-example>summary::after{content:'＋';margin-left:auto;color:#247a5b;font-size:22px;line-height:1;flex:none}
.teacher-example[open]>summary::after{content:'−'}
.teacher-example>summary:hover{background:#ffedb3;box-shadow:0 2px 5px #183c2d14}

.brand-logo{display:block;width:80px;height:80px;object-fit:contain;flex:none}
html[data-logo="2"] .brand-logo{width:144px;height:144px}
@media(max-width:650px){.brand-logo{width:64px;height:64px}html[data-logo="2"] .brand-logo{width:112px;height:112px}.brand{gap:10px}}

#prompt-dialog{height:min(820px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);padding:20px 24px;overflow:hidden}
#prompt-dialog[open]{display:flex;flex-direction:column;gap:8px}
#prompt-dialog>.modal-header{margin:0;flex:none}
#prompt-dialog>.modal-header h2{font-size:24px}
#prompt-dialog>p,#prompt-dialog>.notice{margin:0;flex:none}
#prompt-dialog>.notice{padding:10px 12px;font-size:14px}
#prompt-dialog>.request-list{flex:0 1 auto;max-height:72px;min-height:0;overflow:auto;margin:0}
#prompt-dialog>.field{flex:none;margin:0;gap:4px}
#prompt-dialog>.field select{min-height:44px;padding:8px 12px}
#prompt-dialog>#prompt-text{flex:1 1 200px;min-height:80px;height:0;resize:none;overflow:auto;font-size:14px;line-height:1.65}
#prompt-dialog>.action-row{flex:none;margin:0;gap:8px}
#prompt-dialog>#prompt-progress{font-size:13px}
@media(max-width:650px){#prompt-dialog{width:calc(100% - 16px);padding:12px;gap:6px}#prompt-dialog>.modal-header h2{font-size:20px}#prompt-dialog>.action-row .button{flex:1;padding:8px;font-size:13px}#prompt-dialog>.request-list{max-height:48px}#prompt-dialog>.notice{padding:8px;font-size:13px}}
@media(max-height:550px){#prompt-dialog>.request-list{display:none}#prompt-dialog>#prompt-text{min-height:48px}#prompt-dialog>.modal-header h2{font-size:20px}#prompt-dialog>.notice{padding:6px 10px}#prompt-dialog>#prompt-progress{font-size:12px}}

.site-footer{max-width:1480px;margin:0 auto;padding:0 40px 28px;color:#526d60;font-size:12px;text-align:center}.visit-summary{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.visit-summary strong{font-size:14px;color:#247a5b;font-weight:600;font-variant-numeric:tabular-nums}.site-footer p{margin:6px 0 0}.visit-summary .button{font-size:12px;padding:4px 10px;min-height:36px}@media(max-width:520px){.site-footer{padding:0 16px 24px}}@media print{.site-footer{display:none!important}}
.learning-section-title{gap:8px}.learning-section-title h2{white-space:nowrap}.learning-section-title .button{flex:none;padding:8px 10px;font-size:13px;white-space:nowrap}@media(max-width:380px){.learning-section-title{gap:6px}.learning-section-title h2{font-size:16px}.learning-section-title .step{width:24px;height:24px}.learning-section-title .button{padding:8px;font-size:12px}}

/* Teacher notes disclosure action. */
.teacher-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;background:#fff6d8;border:1px solid #dfc16c;border-radius:12px;padding:16px;cursor:pointer;list-style:none}
.teacher-panel>summary::-webkit-details-marker{display:none}
.teacher-summary-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.teacher-summary-copy .small{font-weight:400}
.teacher-toggle{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;background:#fff;border:1px solid #b89537;border-radius:8px;font-weight:700;color:#183c2d}
.teacher-panel>summary:hover{background:#ffedb3}
.teacher-panel .teacher-hide{display:none}
.teacher-panel[open] .teacher-show{display:none}
.teacher-panel[open] .teacher-hide{display:inline}
html[data-theme="dark"] .teacher-panel>summary{background:#383322;color:#f5efd9;border-color:#9b853e}
html[data-theme="dark"] .teacher-toggle{background:#242d28;color:#f5efd9;border-color:#9b853e}
@media(max-width:520px){.teacher-panel>summary{gap:8px;padding:12px}.teacher-toggle{padding:8px 10px}.teacher-summary-copy .small{font-size:13px}}