.scale-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 21px;padding:14px 18px;background:#fff;border:1px solid var(--line);border-radius:9px;flex-wrap:wrap}.font-value{font-size:12px;min-width:39px;text-align:center;font-variant-numeric:tabular-nums}.scale-note{font-size:10px;color:#8f9b87;margin-left:5px}.sample-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:22px;align-items:start}.sample-list{min-width:0;display:flex;flex-direction:column;gap:23px}.sample-aside{position:sticky;top:23px}.sample-question{scroll-margin-top:20px}.question-head{padding:17px 19px;border-bottom:1px solid #edf0e8;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.question-title{display:flex;gap:12px;align-items:center}.question-number{width:35px;height:35px;border-radius:7px;display:grid;place-items:center;background:#eaf1e6;font-size:13px;color:#547651;font-weight:600}.question-title strong{font-size:12px;font-weight:600}.question-title>div>span{display:block;font-size:10px;color:#95a08d;margin-top:5px}.sample-image-scroll{padding:22px 20px;overflow:auto;background:white;min-width:0}.sample-image{display:block;height:auto;flex-shrink:0}.question-foot{padding:12px 18px;background:#fafbf7;border-top:1px solid #edf0e8;display:flex;justify-content:space-between;align-items:center;gap:13px;flex-wrap:wrap}.question-foot p{font-size:10px;color:#8a9680;line-height:1.8;margin:0;max-width:65%}.feedback{padding:5px 8px;border:1px solid #e5eada;border-radius:5px;font-size:10px;color:#98a18b;background:white;display:flex;align-items:center;gap:3px}.feedback .icon{width:12px;height:12px}.feedback.checked{background:#e5f1e2;border-color:#b8d0b0;color:#4e7b43}.feedback.flagged{background:#fcf0e3;border-color:#e9cfa7;color:#aa7840}.number-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding:0 19px 10px}.number-grid button{background:#f5f7f0;color:#7b8c72;padding:9px 0;border-radius:5px;font-size:11px;position:relative;border:1px solid transparent}.number-grid button.active{background:#eaf2e5;border-color:#a5c19b;color:#47743b}.number-grid i{width:4px;height:4px;position:absolute;bottom:3px;left:calc(50% - 2px);background:#599152;border-radius:50%}.small-dot{display:inline-block;width:4px;height:4px;background:#599152;border-radius:50%;vertical-align:middle}.source-label{font-size:13px;font-weight:600;color:#5c7852}.feedback-note{font-size:10px;line-height:1.9;color:#a1aa97;padding:19px 5px}.compare-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start}.original-panel{background:#edf0e7;padding-bottom:20px}.compare-head{padding:16px 20px;font-size:12px;font-weight:600;display:flex;justify-content:space-between;color:#6b7e5e;border-bottom:1px solid #e7ecdf}.compare-head span{font-size:10px;font-weight:400;color:#99a48d}.original-page{padding:18px 18px 0}.original-page img{width:100%;display:block;box-shadow:0 2px 5px #29451b12}.original-page span{display:block;font-size:10px;color:#95a18a;margin:8px 0;text-align:center}.cropped-panel{min-width:0}.cropped-panel .sample-image-scroll{min-height:150px}.card-head .count-badge{white-space:nowrap}@media(max-width:1400px){.sample-layout{grid-template-columns:minmax(0,1fr) 185px}.number-grid{padding:0 13px 10px;gap:5px}.sample-aside .card-head{padding:17px 15px}.sample-aside .card-body{padding:0 15px 17px}}@media(max-width:1100px){.sample-layout{grid-template-columns:1fr}.sample-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:18px}.sample-aside>.mt{margin-top:0}.feedback-note{grid-column:1/-1;padding-top:0}.number-grid{grid-template-columns:repeat(5,1fr)}.compare-grid{grid-template-columns:1fr 1fr}}@media(max-width:800px){.sample-aside{display:block}.sample-aside .card{margin-top:20px}.scale-note{width:100%;margin-left:0;margin-top:4px}.scale-toolbar .actions{gap:7px}.question-foot p{max-width:100%}.question-head{padding:13px}.sample-image-scroll{padding:16px 12px}.question-foot{padding:11px 13px}.compare-grid{grid-template-columns:1fr}.question-head .actions{gap:5px}.question-head .pill{font-size:9px;padding:5px 8px}.question-head .btn{padding:5px 8px}}