#app-tabs{display:flex;gap:8px;max-width:1536px;margin:20px auto 0;padding:0 clamp(12px,2vw,32px);border-bottom:1px solid #d7dcd9}
#app-tabs button{padding:13px 24px;border:1px solid transparent;border-bottom:3px solid transparent;background:transparent;color:#607580;font:inherit;font-weight:600;cursor:pointer}
#app-tabs button[aria-selected=true]{color:#304e64;border-bottom-color:#304e64;background:#e7eeec;border-radius:6px 6px 0 0}
#work-design-panel{max-width:1600px;margin:auto;padding:28px clamp(12px,2vw,32px);color:#263d4b}
#work-design-panel h2{font-size:22px;margin:0 0 10px}
#work-design-panel>.hint{margin:0 0 24px}
#work-design-layout{display:grid;grid-template-columns:minmax(280px,2fr) minmax(0,3fr);gap:24px;align-items:start}
#work-settings{display:grid;gap:18px;min-width:0}
#work-design-panel .work-card{padding:20px;border:1px solid #d6dedd;border-radius:7px;background:#edf0ed;min-width:0}
#work-design-panel h3{font-size:16px;margin:0 0 16px;font-weight:600}
#work-design-panel .work-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#work-design-panel label{display:block;font-size:14px;color:#49616f}
#work-design-panel input,#work-design-panel select{display:block;width:100%;max-width:none;min-width:0;margin-top:8px;padding:10px 12px;border:1px solid #aebfc7;border-radius:5px;background:white;font:inherit;color:#263d4b;box-sizing:border-box}
#work-design-panel .work-note{font-size:13px;line-height:1.7;color:#69787d;margin:12px 0 0}
#work-design-panel .work-placeholder{padding:18px;border:1px dashed #becbce;border-radius:5px;background:#f7f8f5;color:#6a7e87;line-height:1.8;font-size:14px}
#work-plan-placeholder{min-height:440px;display:flex;align-items:center;justify-content:center;text-align:center}
#work-design-panel dl{margin:0}
#work-design-panel dl>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #dce3df;font-size:14px}
#work-design-panel dl>div:last-child{border-bottom:0}
#work-design-panel dd{margin:0;color:#6a7e87}
@media(max-width:800px){#work-design-layout{grid-template-columns:minmax(0,1fr)}#work-plan-placeholder{min-height:280px}}
@media(max-width:480px){#app-tabs button{flex:1;padding:12px}#work-design-panel{padding:24px 20px}#work-design-panel .work-card{padding:16px}#work-design-panel .work-dimensions{gap:12px}}
#work-candidates{display:grid;gap:10px;max-height:360px;overflow-y:auto;margin-top:14px;padding:3px}
#work-design-panel .work-candidate{display:block;width:100%;padding:12px;text-align:left;border:1px solid #b7c6ca;border-radius:5px;background:#f7f8f5;color:#263d4b;font:inherit;cursor:pointer}
#work-design-panel .work-candidate strong{display:block;font-size:14px}
#work-design-panel .work-candidate span{display:block;margin-top:7px;font-size:13px;line-height:1.7}
#work-design-panel .work-candidate[aria-pressed=true]{border:2px solid #426c77;padding:11px;background:#e0eceb}
#work-design-panel input[aria-invalid=true]{border-color:#a86b4e}

#work-plan-svg{display:block;width:100%;height:auto;background:#fff;overflow:visible}
#work-plan-svg[hidden],#work-plan-placeholder[hidden]{display:none}