/* Quiet SaaS hierarchy: neutral surfaces, shared spacing, color reserved for state and commit. */
.wd-generation-workspace{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;margin:16px 0}
#wdGroupNav{display:flex;flex-direction:column;gap:2px;align-self:start;position:sticky;top:100px;max-height:65vh;overflow:auto;border-right:1px solid #2c323d;padding-right:12px}
.wd-group-link{display:flex;flex-direction:column;gap:6px;text-align:left;background:transparent;border:0;border-left:2px solid transparent;padding:12px;color:#929aa8;font:inherit;cursor:pointer}
.wd-group-link strong{font-size:13px;font-weight:600;color:#c6cbd5}.wd-group-link span{font-size:12px;overflow-wrap:anywhere}.wd-group-link small{font-size:11px}.wd-group-link[aria-current=true]{border-left-color:#25c9c2;background:#1b2027}.wd-group-link[aria-current=true] strong{color:#e6e9ef}
#pbBatchPanel #pbGroups>.pb-group{padding:0;margin:0;background:transparent;border:0;border-radius:0}#pbBatchPanel [hidden]{display:none!important}
#pbBatchPanel .pb-group-title{margin:0 0 16px;padding:0 0 12px;border-bottom:1px solid #2c323d}#pbBatchPanel .pb-group-title strong{font-size:15px;font-weight:600}
#pbBatchPanel .pb-settings{gap:12px;margin:0 0 12px}#pbBatchPanel label{margin:0;font-size:12px}#pbBatchPanel .pb-settings select{height:36px;font-size:13px;background-color:#181b22}
#pbBatchPanel .wd-reference,#pbBatchPanel .pb-generation-settings{padding:0;margin:12px 0;border:0;border-bottom:1px solid #2c323d;border-radius:0;background:transparent;font-size:12px}
#pbBatchPanel .wd-reference>summary,#pbBatchPanel .pb-generation-settings>summary{padding:10px 0;color:#b8c0cd;cursor:pointer}#pbBatchPanel .pb-reference-area{margin:0;padding:0 0 12px;border:0;border-radius:0}#pbBatchPanel .pb-reference-heading{margin-bottom:8px}#pbBatchPanel .pb-reference-heading strong{display:none}#pbBatchPanel .pb-thumb img{width:48px;height:48px;background:transparent;border-color:#343b48}#pbBatchPanel .pb-note{font-size:12px;color:#929aa8}
#pbBatchPanel .pb-table-wrap{max-height:370px;overflow:auto;margin:14px 0;border-top:1px solid #343b48;border-bottom:1px solid #343b48}
#pbBatchPanel .pb-script-table th{position:sticky;top:0;z-index:1;background:#181b22;font-size:12px;font-weight:500;padding:10px 8px}
#pbBatchPanel .pb-script-table td{padding:5px 4px;border-top:1px solid #252b35}#pbBatchPanel .pb-script-table tr:focus-within{background:#1b2027}
#pbBatchPanel .pb-script-table input,#pbBatchPanel .pb-script-table textarea{background:transparent;border:1px solid transparent;border-radius:4px;font-size:13px;padding:8px;min-height:36px;line-height:1.5}
#pbBatchPanel .pb-script-table textarea{height:38px;resize:vertical;overflow:hidden}#pbBatchPanel .pb-script-table textarea:focus{height:140px;max-height:240px;overflow:auto;border-color:#536273;outline:1px solid #536273;background:#14171d}
#pbBatchPanel .pb-script-table input:focus{outline:1px solid #536273;background:#14171d}#pbBatchPanel .pb-script-table th:first-child{width:18%}
#pbBatchPanel .pb-group-actions button,#pbBatchPanel .pb-group-title button{font-size:12px;min-height:30px;background:transparent}#pbBatchPanel .pb-bottom{padding:12px 0;border-top:1px solid #343b48;position:sticky;bottom:0;background:#181b22;z-index:2}#pbBatchPanel .pb-bottom strong{font-size:13px;font-weight:600}
/* Batch handoff keeps its navigator, with fewer competing cards and colors. */
#diBatchModal .di-modal{background:#181b22}#diBatchModal .di-common-fields{background:transparent;border:0;border-radius:0;padding:0 0 12px;border-bottom:1px solid #343b48}
#diBatchModal .di-common-pictures{background:transparent;border:0;border-bottom:1px solid #2c323d;border-radius:0;padding:8px 0}
#dbRecordList{background:transparent;border:0;border-right:1px solid #2c323d;border-radius:0;padding:0 12px 0 0}.db-record{background:transparent;border:0;border-left:2px solid transparent;border-radius:0;padding:10px}.db-record[aria-current=true]{background:#1b2027;border-left-color:#25c9c2}.db-number{color:#727d90}.db-ready{color:#929aa8}
#diBatchModal .db-editor{background:transparent;border:0;border-radius:0}#diBatchModal .db-editor-header{background:transparent;padding:0 0 12px;border-bottom:1px solid #2c323d}#diBatchModal .db-editor-scroll{padding:12px 0 0}#diBatchModal .di-row-title input{background:transparent;border-color:#343b48}
#diBatchModal .di-batch-row details{background:transparent;border:0;border-top:1px solid #2c323d;border-radius:0;padding:12px 0}#diBatchModal .db-image-mode button[aria-pressed=true]{background:#1b2027;border-color:#536273;color:#e6e9ef}
/* A single handoff is a short form, not a vertically stacked wizard. */
#deliverySubmitModal .wd-single{width:780px!important;max-width:calc(100vw - 40px);max-height:88vh;overflow:hidden!important;display:flex;flex-direction:column;background:#181b22;padding:24px}
#deliverySubmitModal .modal-title{margin:0 0 14px;font-size:17px}#deliverySubmitModal .wd-single-body{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;overflow:auto;min-height:0;padding-right:4px}
#deliverySubmitModal .wd-wide{grid-column:1/-1}#deliverySubmitModal .delivery-form-field{margin:0;gap:6px;font-size:12px;font-weight:500}#deliverySubmitModal label{margin:0}
#deliverySubmitModal input:not([type=file]),#deliverySubmitModal select{box-sizing:border-box;height:36px;min-height:36px;padding:7px 10px;background-color:#14171d;border-radius:5px;font-size:13px}
#deliverySubmitModal textarea{box-sizing:border-box;background:#14171d;border-radius:5px;font-size:13px;line-height:1.6;min-height:76px}
#deliverySubmitModal #deliveryTypeLabel{font-size:12px;color:#929aa8!important}#deliverySubmitModal .wd-single-body>div:first-child{flex-direction:row;align-items:center;gap:10px;color:#929aa8}
#deliverySubmitModal #deliveryScriptPreview{padding:0 0 10px!important;margin:0!important;border:0!important;border-bottom:1px solid #2c323d!important;border-radius:0!important}#deliverySubmitModal #deliveryScriptPreview summary{font-size:12px;color:#b8c0cd!important}#deliverySubmitModal #deliveryScriptPreviewText{max-height:160px!important;font-size:13px!important}
#deliverySubmitModal .wd-single-optional{border-top:1px solid #2c323d;padding:10px 0 0;font-size:12px}#deliverySubmitModal .wd-single-optional>summary{cursor:pointer;color:#b8c0cd;margin-bottom:8px}#deliverySubmitModal .wd-single-optional .delivery-form-field{margin:8px 0}#deliverySubmitModal #deliveryReferenceImageList{max-height:140px;overflow:auto}
#deliverySubmitModal .wd-single-commit{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:16px;border-top:1px solid #343b48;margin-top:16px;padding-top:14px}#deliverySubmitModal #deliverySubmitConfirm{width:auto!important;min-width:140px;margin:0;font-size:13px;background:#fe2c55;border-radius:5px;padding:10px 18px}#deliverySubmitModal #deliverySubmitError{margin:0;flex:1;font-size:12px;max-height:60px;overflow:auto}#deliverySubmitModal [hidden]{display:none!important}
.wd-group-link:focus-visible{outline:2px solid #25c9c2;outline-offset:-2px}
@media(max-width:800px){.wd-generation-workspace{grid-template-columns:1fr;gap:12px}#wdGroupNav{position:static;flex-direction:row;border-right:0;border-bottom:1px solid #2c323d;max-height:100px;overflow:auto}.wd-group-link{min-width:140px}#deliverySubmitModal .wd-single{padding:16px}#deliverySubmitModal .wd-single-body{grid-template-columns:1fr}#deliverySubmitModal .wd-wide{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.wd-group-link,#diBatchModal .db-record{transition:none}}

#pbBatchPanel .pb-script-table tbody tr:hover input,#pbBatchPanel .pb-script-table tbody tr:hover textarea{border-color:#343b48}
#deliverySubmitModal .wd-single-body:has(#deliveryAccountField[style*=none]) label:has(#deliveryAssignee){grid-column:1/-1}
#deliverySubmitModal #deliveryReferenceFields .studio-action-btn{align-self:flex-start;width:auto;height:30px;padding:0 12px;font-size:12px}

/* Editing controls stay with the canvas; collecting a finished framework stays with handoff. */
.studio-edit-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.studio-edit-tools #btnToggleDiffView{height:30px;font-size:12px;padding:0 10px}
.studio-version-field{display:flex;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:500;color:#929aa8;white-space:nowrap}.studio-version-field #ssVersionSel{height:30px;font-size:12px;width:132px;max-width:160px;padding:0 24px 0 8px}
#btnSaveFavorite{height:38px;font-size:12px;padding:0 12px;background:transparent;color:#c6cbd5;border-color:#343b48}#btnSaveFavorite:hover{color:#e6e9ef;border-color:#536273}