.title h1{font-size:55px}.title h1>span:not(.dot){font-weight:350;color:#879482}.drop{min-height:112px}.upload-panel,.result-panel{padding:20px}.field-label{display:block;margin:14px 0 6px;font-size:12px;font-weight:600;color:#4e6a47}select,.timing-grid input{width:100%;min-height:40px;padding:8px 10px;border:1px solid #b8cba5;border-radius:7px;background:#fff;color:#17372f;font:13px Segoe UI,Arial,sans-serif}.timing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.timing-grid label{font-size:11px;color:#4e6a47;font-weight:600}.timing-grid input{margin-top:6px}.timing-note{margin-bottom:10px}.upload-panel .actions{margin-top:16px}.result-panel pre{height:235px;background:#fff;border:1px solid #dbe3d4;border-radius:8px;margin:8px 0 14px}.stats{margin:14px 0}.source-section,.explain{margin-top:22px;padding:20px;background:#fff;border:1px solid #d5ddce;border-radius:10px}.source-section pre{height:170px;padding:12px 0}.explain h2{margin:17px 0 0}.explain h2:first-child{margin:0}.explain p{font-size:13px;line-height:1.65;color:#52664b}.explain p:last-child{margin-bottom:0}@media(max-width:750px){.title h1{font-size:43px}.workspace{grid-template-columns:1fr}.result-panel{border-left:0;border-top:1px solid #dbe3d4}.timing-grid{grid-template-columns:1fr 1fr}.timing-grid label:first-child{grid-column:1/-1}.result-panel pre{height:190px}}
