.design-editor{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(360px,1.4fr);gap:12px;margin:0 0 18px}
.design-info{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:-8px 0 18px}.design-info div{border-left:3px solid #86aaa3;padding:5px 9px}.design-info span,.design-info b{display:block}.design-info span{font-size:12px;color:#60716f}.design-info b{margin-top:2px}
.history-panel{margin-top:18px}.history-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.history-head h2{margin:0;font-size:19px}.history-head p{margin:3px 0 0;color:#60716f;font-size:13px}.history-head button{padding:7px 10px}.history-list{display:flex;gap:8px;overflow-x:auto;margin-top:12px;padding-bottom:3px}.history-card{flex:0 0 auto;min-width:220px;text-align:left;background:#f5f9f8!important;color:#244f4a!important;border:1px solid #d1dfdc!important;padding:10px 12px!important}.history-card b,.history-card span{display:block}.history-card span{font-size:12px;font-weight:400;color:#617773;margin-top:3px}.history-empty{color:#758783;font-size:13px}
.scale-editor,.mark-editor{border:1px solid #d6e2df;background:#f8fbfa;border-radius:14px;padding:13px}
.scale-editor>div{display:grid;grid-template-columns:1fr 75px 82px;gap:6px;align-items:center;margin-bottom:8px}
.scale-editor>div b{grid-column:1/3}.scale-editor>div span{grid-column:3;text-align:right}.scale-editor>div button:first-of-type{grid-column:2}
.scale-editor button,.mark-editor button{padding:7px 9px;font-size:13px}
.scale-editor>small,.mark-editor>small,.mark-editor>div>small{display:block;color:#60716f;margin-top:7px}
.secondary{background:#e8f2ef!important;color:#285953!important}
.mark-list{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}
.mark-list button{background:#fff;color:#315e59;border:1px solid #b7cbc6}
.mark-list button.active{background:#0b6b62;color:#fff;border-color:#0b6b62}
.nudge-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.nudge-row>button:not(.secondary){min-width:38px}
#mark-position{font-size:13px;color:#496461;margin-left:auto}
.edit-handle{fill:#f7a23b18;stroke:#e58a22;stroke-width:2;stroke-dasharray:6 4;vector-effect:non-scaling-stroke;cursor:move;pointer-events:all}
.edit-handle.selected{fill:#f7a23b30;stroke:#d15f19;stroke-width:3}
.ruler-tick,.ruler-axis{stroke:#8ca6a1;vector-effect:non-scaling-stroke}
.ruler-tick{stroke-width:1}.ruler-axis{stroke-width:1;stroke-dasharray:3 4;opacity:.55}
.ruler-label{fill:#58736e;font-size:17px;pointer-events:none}
@media(max-width:760px){.design-editor{grid-template-columns:1fr}.design-info{grid-template-columns:repeat(2,1fr)}.history-head{align-items:flex-start}.scale-editor>div{grid-template-columns:1fr 75px 82px}.nudge-row button{min-height:42px}.mark-list button{min-width:42px;min-height:42px}#mark-position{width:100%;margin:3px 0 0}}