.text-workspace{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d3ddcf;border-radius:16px;overflow:hidden;background:#fff}.text-panel,.output-panel{padding:24px;min-width:0}.output-panel{background:#f9fbf5;border-left:1px solid #dbe3d4}.field-label,.timing-grid label{font-size:12px;font-weight:600;color:#4e6a47}textarea,.timing-grid input{display:block;width:100%;border:1px solid #b8cba5;border-radius:8px;background:#fff;color:#17372f;font:14px/1.5 Segoe UI,Arial,sans-serif;padding:11px}textarea{resize:vertical;min-height:190px;margin-top:8px}.file-label{display:inline-block;margin-top:12px;font-size:12px;color:#214e39;font-weight:600}.file-label input{display:block;margin-top:6px;font-size:11px;max-width:100%}.timing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.timing-grid input{margin-top:6px;font-size:12px;padding:9px}.summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.summary div{padding:14px;border:1px solid #dbe3d4;border-radius:8px;background:#fff}.summary div:last-child{grid-column:1/-1}.summary span{display:block;font-size:10px;color:#738569}.summary strong{display:block;font-size:30px;font-weight:500}.summary #timeline-end{font:12px Consolas,monospace;color:#536c46}.output-panel pre{height:275px;border:1px solid #dbe3d4;border-radius:8px;background:#fff;margin-bottom:14px}.explain{margin-top:22px;padding:20px;background:#fff;border:1px solid #d5ddce;border-radius:10px}.explain p{font-size:13px;line-height:1.65;color:#52664b}.explain p:last-child{margin-bottom:0}.explain a{color:#214e39}@media(max-width:700px){.text-workspace{grid-template-columns:1fr}.output-panel{border-left:0;border-top:1px solid #dbe3d4}.text-panel,.output-panel{padding:20px}.timing-grid{grid-template-columns:1fr 1fr}.timing-grid label:first-child{grid-column:1/-1}.output-panel pre{height:200px}}