*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#fafafa;color:#1a1a1a}#root{min-height:100vh}input{width:100%;padding:10px;border:1px solid #e0dbc8;border-radius:6px;margin-bottom:12px;font-size:14px}:root{--jd-green-text: #0f6e56;--jd-green-line: #1d9e75;--jd-green-bg: #e1f5ee;--jd-blue-text: #185fa5;--jd-blue-line: #378add;--jd-blue-bg: #e6f1fb;--jd-purple-text: #534ab7;--jd-red-text: #a32d2d;--jd-red-bg: #fcebeb;--jd-red-border: #f09595;--jd-amber-text: #854f0b;--jd-amber-icon: #ba7517;--jd-amber-bg: #faeeda;--jd-paper-bg: #f5f2e8;--jd-card-border: #e0dbc8;--jd-text-primary: #1a1a1a;--jd-text-secondary: #5c5c5c;--jd-text-original: 15px;--jd-text-body: 11px;--jd-text-meta: 10.5px;--jd-text-small: 10px;--jd-text-tiny: 9px;--jd-step-num-size: 17px;--jd-eobeop-num-size: 16px;--jd-card-padding: 8px 10px;--jd-card-gap: 8px;--jd-grid-gap: 8px}.jd-page{max-width:210mm;margin:0 auto;padding:12px 14px 20px;background:#fff;color:var(--jd-text-primary);font-size:var(--jd-text-body);line-height:1.55}.jd-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px;padding-bottom:8px;border-bottom:1.5px solid var(--jd-text-primary);margin-bottom:var(--jd-card-gap)}.jd-header-title{font-size:13px;font-weight:600}.jd-header-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:var(--jd-text-meta);color:var(--jd-text-secondary)}.jd-original{background:var(--jd-paper-bg);padding:var(--jd-card-padding);font-size:var(--jd-text-original);line-height:1.9;margin-bottom:var(--jd-card-gap);border-radius:4px}.jd-card{background:#fff;border:.5px solid var(--jd-card-border);border-radius:4px;padding:var(--jd-card-padding)}.jd-card-conclusion{background:var(--jd-red-bg);border-color:var(--jd-red-border)}.jd-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:var(--jd-grid-gap);margin-bottom:var(--jd-card-gap)}.jd-step-title{display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;margin-bottom:6px}.jd-step-num{width:var(--jd-step-num-size);height:var(--jd-step-num-size);border-radius:50%;background:var(--jd-blue-text);color:#fff;font-size:10px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.jd-step-num--conclusion{background:var(--jd-red-text)}.jd-eobeop-badge{display:inline-flex;align-items:center;justify-content:center;width:var(--jd-eobeop-num-size);height:var(--jd-eobeop-num-size);border-radius:50%;font-size:10px;font-weight:600;color:#fff;margin-right:2px;vertical-align:middle}.jd-eobeop-badge--high{background:var(--jd-blue-text)}.jd-eobeop-badge--pending{background:var(--jd-amber-icon)}.jd-phrase-pending{border-bottom:1.5px dashed var(--jd-amber-icon)}.jd-callout-green{background:var(--jd-green-bg);border-left:2px solid var(--jd-green-line);padding:4px 8px;margin-top:6px;font-size:var(--jd-text-meta);font-weight:500}.jd-callout-amber{background:var(--jd-amber-bg);border-left:2px solid var(--jd-amber-icon);padding:4px 8px;margin-top:6px;font-size:var(--jd-text-meta);font-weight:500}.jd-flow{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0}.jd-flow-box{background:var(--jd-paper-bg);padding:4px 8px;border-radius:4px;text-align:center}.jd-flow-word{font-weight:600;color:var(--jd-green-text);font-size:var(--jd-text-body)}.jd-flow-role{font-size:var(--jd-text-small);color:var(--jd-text-secondary)}.jd-comparison-table{width:100%;border-collapse:collapse;font-size:var(--jd-text-small);margin-bottom:var(--jd-card-gap)}.jd-comparison-table th,.jd-comparison-table td{border:.5px solid var(--jd-card-border);padding:4px 6px;vertical-align:top}.jd-comparison-table th:nth-child(2){color:var(--jd-green-text)}.jd-comparison-table th:nth-child(3){color:var(--jd-red-text)}.jd-conclusion-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--jd-grid-gap)}.jd-key-point{background:var(--jd-red-bg);padding:var(--jd-card-padding);border-radius:4px}.jd-summary-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:var(--jd-card-gap)}.jd-summary-box{padding:6px;border-radius:4px;font-size:var(--jd-text-tiny);line-height:1.3}.jd-summary-box-title{font-weight:700;margin-bottom:4px}.jd-summary-gray{background:var(--jd-paper-bg)}.jd-summary-blue{background:var(--jd-blue-bg);color:var(--jd-blue-text)}.jd-summary-green{background:var(--jd-green-bg);color:var(--jd-green-text)}.jd-summary-red{background:var(--jd-red-bg);color:var(--jd-red-text)}.jd-summary-amber{background:var(--jd-amber-bg);color:var(--jd-amber-text)}.jd-teacher-comment{border:.5px dashed var(--jd-card-border);padding:6px 10px;font-size:var(--jd-text-small);margin-top:var(--jd-card-gap)}.jd-login-wrap{max-width:420px;margin:48px auto;padding:24px;border:.5px solid var(--jd-card-border);border-radius:8px;background:#fff}.jd-login-wrap h1{font-size:18px;font-weight:600;margin-bottom:8px}.jd-login-wrap label{display:block;font-size:var(--jd-text-meta);margin-bottom:4px}.jd-login-wrap input{width:100%;padding:10px;border:1px solid var(--jd-card-border);border-radius:6px;margin-bottom:12px;font-size:14px}.jd-login-wrap button{width:100%;padding:12px;background:var(--jd-blue-text);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer}.jd-login-error{color:var(--jd-red-text);font-size:var(--jd-text-meta);margin-bottom:8px}@media print{.jd-eobeop-warn,.warn-badge{display:none!important}.jd-eobeop-badge--pending{background:var(--jd-blue-text)!important}.jd-phrase-pending{border-bottom:none!important}}.jd-teacher-page{max-width:720px}.jd-teacher-nav{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.jd-teacher-panel{background:var(--jd-paper-bg);border:.5px solid var(--jd-card-border);border-radius:4px;padding:12px 14px;margin-bottom:var(--jd-card-gap)}.jd-teacher-note{font-size:var(--jd-text-meta);color:var(--jd-text-secondary);margin-top:8px}.jd-teacher-warn{color:var(--jd-amber-text);font-weight:500}.jd-teacher-ok{color:var(--jd-green-text)}.jd-form-label{display:block;font-size:var(--jd-text-meta);margin-bottom:10px}.jd-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.jd-input,.jd-textarea{width:100%;padding:8px 10px;border:1px solid var(--jd-card-border);border-radius:6px;font-size:var(--jd-text-body);margin-top:4px;box-sizing:border-box}.jd-textarea{resize:vertical;font-family:inherit}.jd-ai-result-list{list-style:none;padding:0;margin:0}.jd-ai-phrase-btn{display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:100%;text-align:left;padding:8px;border:none;background:transparent;cursor:pointer;border-bottom:1px dashed var(--jd-card-border)}.jd-ai-phrase-btn--pending{background:#faeabb59}.jd-ai-meta{font-size:var(--jd-text-small);color:var(--jd-text-secondary)}.jd-publish-row{display:flex;gap:10px;margin:16px 0;flex-wrap:wrap}.jd-btn{padding:10px 16px;border-radius:6px;border:1px solid var(--jd-card-border);background:#fff;cursor:pointer;font-weight:600;font-size:var(--jd-text-body)}.jd-btn:disabled{opacity:.5;cursor:not-allowed}.jd-btn-primary{background:var(--jd-blue-text);color:#fff;border-color:var(--jd-blue-text)}.jd-link-back{font-size:var(--jd-text-meta);color:var(--jd-blue-text)}.jd-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.jd-modal{background:#fff;border-radius:8px;padding:16px;max-width:400px;width:100%}.jd-modal--eobeop{max-width:440px;max-height:90vh;overflow-y:auto}.jd-modal-meta{font-size:var(--jd-text-meta);color:var(--jd-text-secondary)}.jd-modal-legend{font-size:var(--jd-text-meta);font-weight:600;color:var(--jd-text-secondary);padding:0 0 4px}.jd-modal-options{border:none;margin:12px 0;padding:0}.jd-modal-option{display:block;margin:8px 0;cursor:pointer}.jd-modal-full-select{margin:12px 0}.jd-modal-select-label{display:block;font-size:var(--jd-text-meta);font-weight:600;color:var(--jd-text-secondary);margin-bottom:6px}.jd-modal-select{width:100%;padding:8px;font-size:var(--jd-text-body);border:1px solid #ccc;border-radius:4px}.jd-modal-advanced{margin:8px 0;font-size:var(--jd-text-meta)}.jd-modal-advanced summary{cursor:pointer;color:var(--jd-text-secondary)}.jd-modal-advanced-input{display:flex;align-items:center;gap:8px;margin-top:8px}.jd-modal-advanced-input input[type=number]{width:56px;padding:6px}.jd-modal-actions{display:flex;gap:8px;justify-content:flex-end}.jd-unit-not-ready{font-size:var(--jd-text-body);color:var(--jd-text-secondary);padding:24px 0}.jd-eobeop-warn-badge{color:var(--jd-amber-icon);margin-left:2px;font-size:10px}.jd-publish-banner{max-width:210mm;margin:0 auto;padding:10px 14px;background:var(--jd-green-bg, #e1f5ee);color:var(--jd-green-text, #0f6e56);font-size:var(--jd-text-meta);border-bottom:1px solid var(--jd-green-line, #1d9e75)}.jd-publish-banner p{margin:0 0 6px}