:root{color:#213547;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f7f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button{font:inherit}.app-shell{background:linear-gradient(135deg,#2eb87214,#0000 35%),linear-gradient(315deg,#e7b93f21,#0000 40%),#f4f7f2;min-height:100vh;padding:18px}.workspace{grid-template-columns:minmax(240px,280px) minmax(420px,1fr) minmax(260px,320px);gap:16px;min-height:calc(100vh - 36px);display:grid}.panel,.board-shell{border:1px solid #273d3724;border-radius:8px;box-shadow:0 18px 45px #1729231c}.panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;flex-direction:column;min-width:0;padding:18px;display:flex}.board-shell{background:#edf4f1;min-height:600px;overflow:hidden}.panel-heading{border-bottom:1px solid #2135471c;padding-bottom:16px}.eyebrow{color:#2d6a5a;letter-spacing:0;text-transform:uppercase;font-size:.72rem;font-weight:800;display:block}h1,h2{margin:0;line-height:1.1}h1{letter-spacing:0;max-width:12ch;margin-top:5px;font-size:clamp(2rem,4vw,3rem)}h2{color:#2f463f;letter-spacing:0;font-size:.86rem;font-weight:800}.tool-section,.status-section{border-bottom:1px solid #2135471a;padding:16px 0}.tool-section:last-child,.status-section:last-child{border-bottom:0}.preset-list{gap:9px;margin-top:10px;display:grid}.preset-button,.secondary-button,.danger-button,.move-pad button,.gear-row{color:#213547;cursor:pointer;background:#fff;border:1px solid #21354729;border-radius:8px;min-height:42px;transition:transform .14s,border-color .14s,box-shadow .14s,background-color .14s}.preset-button:hover,.secondary-button:hover,.danger-button:hover:not(:disabled),.move-pad button:hover:not(:disabled),.gear-row:hover{border-color:#0ea5e98c;transform:translateY(-1px);box-shadow:0 8px 20px #21354717}.preset-button{text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.preset-button span,.gear-row strong{font-weight:800}.preset-button small,.gear-row small,.status-grid span,.metric-row span{color:#65756f;font-size:.76rem}.selected-chip{color:#2f463f;background:#edf4f1;border:1px solid #2135471f;border-radius:8px;align-items:center;min-height:34px;margin-top:10px;padding:7px 10px;font-size:.85rem;font-weight:800;display:flex}.move-pad{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.move-pad button{padding:8px 7px;font-size:.78rem;font-weight:800}button:disabled{cursor:not-allowed;opacity:.46}.utility-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.secondary-button,.danger-button{padding:10px;font-size:.84rem;font-weight:800}.secondary-button{background:#e8f1ec}.danger-button{color:#7f1d1d;background:#fff1f1}.status-panel{gap:12px;max-height:calc(100vh - 36px);overflow:auto}.state-banner{color:#45564f;background:#fff;border:1px solid #2135471f;border-radius:8px;padding:12px;font-size:.88rem;font-weight:800}.state-banner.success{color:#14532d;background:#dff7e9;border-color:#2eb8725c}.state-banner.error{color:#991b1b;background:#fff1f1;border-color:#ef444466}.state-banner.calm{background:#eef5f1}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.status-grid div{background:#fff;border:1px solid #2135471a;border-radius:8px;min-height:70px;padding:12px}.status-grid strong{margin-top:6px;font-size:1.45rem;line-height:1;display:block}.metric-row{justify-content:space-between;align-items:center;gap:12px;margin-top:9px;display:flex}.gear-list{gap:8px;max-height:360px;margin-top:10px;padding-right:2px;display:grid;overflow:auto}.gear-row{text-align:left;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.gear-row>span{gap:2px;display:grid}.gear-row.selected{background:#e8f6fc;border-color:#0ea5e9a6}.gear-row.conflict{background:#fff1f1;border-color:#ef444480}.gear-row-data{justify-items:end}@media (width<=1100px){.workspace{grid-template-columns:260px minmax(420px,1fr)}.status-panel{grid-column:1/-1}}@media (width<=760px){.app-shell{padding:10px}.workspace{grid-template-columns:1fr;min-height:auto}.board-shell{min-height:460px}.status-panel{max-height:none;overflow:visible}h1{max-width:none;font-size:2rem}}
