:root{--ink:#30343a;--muted:#727881;--line:#e4e6e9}
header{height:49px;padding:9px 18px;grid-template-columns:94px 1fr auto}.wordmark{width:86px}.version{font-size:9px;letter-spacing:1.2px;color:#7b8086}
nav{display:flex;gap:0;flex:none;padding:0 13px;border-bottom:1px solid var(--line)}nav button{flex:1;border:0;border-bottom:2px solid transparent;background:white;height:41px;font-size:10px;letter-spacing:1px;color:var(--muted)}nav button.active{border-bottom-color:#39444f;color:var(--ink)}
.workspace{display:grid;grid-template-columns:286px 1fr;flex:1;min-height:0}main{padding:20px 19px 12px;border-right:1px solid var(--line);overflow-y:auto}aside{display:flex;flex-direction:column;min-width:0;min-height:0;background:#f8f9fa;padding:18px 20px 13px}
section[hidden]{display:none!important}.eyebrow{font-size:9px;letter-spacing:1.4px;color:#848a91;margin:0 0 13px}h1{font-size:19px;font-weight:500;letter-spacing:-.45px;line-height:1.25;margin:0 0 10px}.intro{font-size:11px;line-height:1.65;color:var(--muted);margin:0 0 16px}
.surface-card{border:1px solid var(--line);border-radius:9px;padding:19px 12px;text-align:center;background:#fafbfc;margin-bottom:12px}.surface-card svg{width:60px;height:50px;margin:0 auto 12px;color:#75818b}.surface-card strong{display:block;font-size:12px;font-weight:500}.surface-card span{display:block;font-size:10px;color:var(--muted);margin-top:4px}
button,input,select{font:inherit}button{border-radius:6px}button:disabled{opacity:.4;cursor:default}.wide{width:100%;min-height:33px;font-size:11px}.secondary{border:1px solid #d9dde1;background:#f6f7f8}.secondary:hover:not(:disabled){background:#edf0f2}.primary{border:1px solid #343c44;background:#343c44;color:white}.primary:hover:not(:disabled){background:#46525e}
.hint{font-size:10px;line-height:1.55;color:var(--muted);margin:8px 0 12px}.note-box{border-top:1px solid var(--line);padding-top:14px;margin-top:23px;font-size:11px}.note-box strong{font-weight:500}.note-box p{color:var(--muted);font-size:10px;line-height:1.6;margin:5px 0}
.field{display:grid;grid-template-columns:1fr 125px;gap:10px;align-items:center;margin:12px 0;font-size:11px}.field.compact{margin:8px 0}.field input,.field select,.two-fields input{width:100%;min-width:0;height:31px;padding:5px 8px;background:#fcfcfd;border:1px solid #dfe3e6;border-radius:5px;color:var(--ink);font-size:11px}.field input[type=color]{padding:3px 5px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:7px 0 10px}.two-fields label{font-size:10px;color:var(--muted)}.two-fields input{margin-top:4px}.check{display:flex;align-items:center;gap:7px;font-size:10px;margin:9px 0}.check input{accent-color:#39444f;margin:0}
.pattern-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0 22px}.pattern-grid button{padding:13px 6px 10px;border:1px solid #e0e4e7;background:#fafbfc}.pattern-grid button.active{border-color:#727f89;background:#eef1f4}.pattern-grid svg{width:90px;height:44px;margin:0 auto 10px;color:#77828b;stroke-width:1}.pattern-grid span{font-size:10px}.presets{display:flex;gap:6px;justify-content:flex-end}.presets button{padding:5px 14px;font-size:10px;border:1px solid var(--line);background:white}
.rule{border-top:1px solid var(--line);margin:13px 0}.subhead{display:flex;justify-content:space-between;align-items:center;font-size:11px}.subhead strong{font-weight:500}.text-button{border:0;background:transparent;font-size:10px;padding:4px;color:#4c6476}.text-button.active{background:#e9edf0}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0}.metrics>div{background:#f4f6f7;border:1px solid #e9ebed;padding:12px;border-radius:7px}.metrics strong{display:block;font-size:25px;font-weight:500}.metrics span{font-size:10px;color:var(--muted)}.report{display:grid;grid-template-columns:1fr auto;gap:9px 6px;font-size:10px;margin:20px 0}.report dt{color:var(--muted)}.report dd{margin:0;text-align:right}
.plan-heading{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.2px;color:#7b8289}.plan-heading span:last-child{letter-spacing:0}.canvas-wrap{position:relative;flex:1;min-height:0;margin-top:10px}canvas{width:100%;height:100%;display:block;touch-action:none}#emptyPlan{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:17px;color:#9aa1a8;pointer-events:none}#emptyPlan small{font-size:11px;display:block;margin-top:8px}.legend{display:flex;gap:18px;justify-content:center;margin:13px 0 8px;font-size:9px;color:#7b8289}.legend span{display:flex;gap:5px;align-items:center}.legend i{width:8px;height:8px;border-radius:2px}.legend .full{background:#d7d3c9}.legend .cut{background:#aabcc7}.legend .flag{background:#caa49c}.legend .trim{background:#b6a078}.plan-note{font-size:10px;text-align:center;color:#848b92;min-height:26px;line-height:1.5}
#message{font-size:11px;line-height:1.45;flex:none;margin:0;padding:9px 18px;border-top:1px solid var(--line);min-height:35px;max-height:64px;overflow:auto;color:#737b82}#message.error{color:#91564b;background:#fbf5f3}.field-error{border-color:#ac7b71!important}footer{display:grid;grid-template-columns:60px 60px 1fr 110px 132px;gap:7px;flex:none;padding:10px 15px 13px}footer button{height:34px;font-size:11px}
@media(max-width:760px){.workspace{grid-template-columns:270px 1fr}main{padding-left:14px;padding-right:14px}aside{padding-left:12px;padding-right:12px}.legend{gap:10px}}
.help{border:0;background:transparent;padding:5px;font-size:9px}.help:hover{background:#e9edf0}.diagnostics[hidden]{display:none!important}.diagnostics{position:fixed;inset:0;background:#ffffffed;z-index:20;padding:35px;display:flex;align-items:center;justify-content:center}.diagnostic-card{width:100%;max-width:650px;max-height:100%;overflow:auto;background:white;border:1px solid var(--line);border-radius:12px;padding:22px;box-shadow:0 8px 40px #26354112}.diagnostic-card h1{font-size:18px;margin:0}.diagnostic-card .intro{margin-top:16px}.diagnostic-actions{display:flex;gap:10px;margin-bottom:14px}.diagnostic-card button{padding:7px 12px;font-size:11px}#diagnosticReport{width:100%;height:235px;resize:vertical;padding:12px;border:1px solid #dfe3e6;border-radius:7px;color:#343b42;background:#fafbfc;font:11px/1.6 Consolas,monospace}

.alignment{display:flex;gap:6px;margin-top:10px}.alignment button{flex:1;padding:7px 3px;font-size:10px}.alignment button.active{background:#e3eaf0;border-color:#708697}

.workspace-bar{display:flex;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid var(--line);flex:none;font-size:11px}.workspace-bar label{color:var(--muted)}.workspace-bar input{flex:1;min-width:70px;height:30px;padding:5px 8px;background:#fafbfc;border:1px solid var(--line);border-radius:5px;color:var(--ink)}.workspace-bar button{font-size:10px;padding:7px 10px;white-space:nowrap}#savedLayouts{width:100%;height:185px;border:1px solid var(--line);border-radius:5px;padding:6px;color:var(--ink);background:#fafbfc;font-size:12px}#savedLayouts option{padding:7px}

/* Keep recovery and cut approval outside scrolling workflow pages. */
.reload-button{font-size:10px;padding:5px 10px;margin-right:8px}
.version-notice{flex:none;padding:8px 18px;background:#fbf5f3;color:#91564b;border-bottom:1px solid var(--line);font-size:11px}
.cut-review{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:8px 18px;border-top:1px solid var(--line);background:#f8f9fa}
.cut-review .check{margin:0;font-size:11px;cursor:pointer}.cut-review input{width:15px;height:15px}.cut-review span{font-size:10px;color:var(--muted)}
.cut-review .override-on{color:#91564b}