html,body{background:#f1f0e9}main{margin:0 3%}.workspace{height:700px;min-height:700px;max-height:none}#viewport{inset:0 -3.2%}.component-panel,.detail-panel{top:62px}.view-tools{top:16px;right:3%}.component-panel{width:235px}.detail-panel{width:230px}.part-index{font-size:28px;float:right}.part-choice{display:flex;align-items:center;gap:5px}.part-choice>input{accent-color:#687559;width:14px;height:14px;flex-shrink:0;cursor:pointer}.part-choice .part-row{flex:1;width:auto}#part-list{max-height:180px}.selection-help{font-size:10px;color:#777b6d;line-height:1.6;margin:13px 0 4px}.isolation-toolbar{display:flex;justify-content:space-between;margin:10px 0;font-size:9px;color:#777b6d}.isolation-toolbar button{font-size:9px;border:0;background:none;color:inherit;text-decoration:underline;cursor:pointer}.include-current{display:flex;align-items:center;gap:6px;font-size:10px;cursor:pointer;margin:14px 0}.include-current input{accent-color:#687559}.explode-panel{width:310px;bottom:22px}#part-desc{font-size:12px;line-height:1.7}.canvas-note{bottom:4px}#isolate-selection{margin-top:13px}
@media(max-width:1000px) and (min-width:721px){.component-panel{width:195px;padding:14px}.detail-panel{width:195px;padding:14px}.explode-panel{width:285px}}
@media(max-width:720px){.workspace{height:auto;min-height:0;padding-top:475px;padding-bottom:20px}#viewport{top:0;bottom:auto;height:465px}.component-panel,.detail-panel{top:auto;width:100%}.view-tools{top:12px;right:3%}.explode-panel{top:342px;bottom:auto;max-width:340px;width:90%}#part-list{max-height:165px}.detail-panel dl{grid-template-columns:90px 1fr}}