.attachment-panel{position:absolute;left:34px;top:308px;width:267px;padding:16px 17px 12px;pointer-events:auto}
.attachment-panel .panel-heading strong{font-size:9px;font-weight:400;color:var(--amber)}
.attachment-panel h3{font-size:17px;font-weight:500;margin:15px 0 14px;letter-spacing:.5px}
.coupler-chain{display:flex;align-items:center;gap:7px;color:#82948d;font-size:9px;white-space:nowrap}
.coupler-chain>span::before{content:'';display:inline-block;width:5px;height:5px;margin-right:5px;border:1px solid #82948d;border-radius:50%}
.coupler-chain>span.on{color:#e0c78c}.coupler-chain>span.on::before{background:var(--amber);border-color:var(--amber)}
.coupler-chain>i{height:1px;flex:1;background:var(--line);min-width:6px}
.tool-alignment{display:flex;gap:9px;align-items:baseline;margin:17px 0 11px;font-size:9px;color:var(--muted)}
.tool-alignment strong{margin-left:auto;color:var(--text);font:12px var(--mono);font-variant-numeric:tabular-nums}
.tool-alignment>span:last-child{font:11px var(--mono);min-width:34px;text-align:right;font-variant-numeric:tabular-nums}
.tool-couple{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 10px;border:1px solid #68776a;background:#34423e;font-size:11px;color:var(--text);border-radius:2px}
.tool-couple kbd{height:20px;min-width:20px;font-size:10px}.tool-couple:hover{border-color:var(--amber);background:#3e4a41}
.tool-couple.ready{border-color:#c5a65f;color:#f6d689}.tool-couple:disabled{opacity:.55;cursor:default}
.attachment-panel>p{font-size:9px;line-height:1.7;color:var(--muted);margin:10px 0 9px;min-height:30px}
.tool-guide{border-top:1px solid var(--line);padding-top:9px;font-size:9px;line-height:1.7;color:#b4c2b6}
.tool-guide summary{cursor:pointer;color:#bfcab8;width:fit-content}.tool-guide p{margin:9px 0 0}
.tool-guide[open]{max-height:185px;overflow:auto}.tool-couple:focus-visible,.tool-guide summary:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
.tool-breaker .payload-meters{display:none}.fracture-cells{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 13px}
.fracture-cells>div{position:relative;border:1px solid #657268;padding:12px 9px 11px;display:flex;flex-direction:column;gap:9px;overflow:hidden}
.fracture-cells b{font:15px var(--mono);color:#dddcc5}.fracture-cells span{font:10px var(--mono);color:var(--muted)}
.fracture-cells i{position:absolute;bottom:0;left:0;height:3px;background:#d4ac5e;width:0}.fracture-cells .current{border-color:#cfac60}.fracture-cells .done{border-color:#819b86}.fracture-cells .done i{background:#a1b8a8}
.task #fracture-detail{font-size:9px;min-height:0;margin:0 0 15px;color:#b4c2b6}.audio-setting{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#c0cbbd;margin-top:17px}.audio-setting input{accent-color:#cbb06e;width:17px;height:17px}
#drive-guide{flex-wrap:wrap;row-gap:9px}
@media(max-width:1050px){.attachment-panel{left:24px;width:241px}.coupler-chain{gap:4px;font-size:8px}.coupler-chain>span::before{margin-right:3px}.attachment-panel h3{font-size:16px}}
@media(max-height:820px){.attachment-panel{top:296px}.attachment-panel h3{margin:11px 0}.tool-alignment{margin-top:13px}.attachment-panel>p{min-height:15px}.tool-guide[open]{max-height:90px}}
@media(max-width:720px){.attachment-panel{left:24px;top:321px;width:213px;padding:12px}.attachment-panel h3{font-size:14px}.tool-alignment{gap:4px;font-size:8px}.tool-guide[open]{max-height:80px}.tool-breaker .delivered-line{display:none}.fracture-cells{gap:4px}.fracture-cells>div{padding:9px 5px}.fracture-cells b{font-size:12px}}
@media(max-height:650px){.attachment-panel{top:295px;padding-top:10px;padding-bottom:8px}.tool-guide,.coupler-chain{display:none}.attachment-panel h3{margin:8px 0}.tool-alignment{margin:9px 0}.attachment-panel>p{margin-bottom:0}}