/* V163 UI-04 approved storyboard deepening workbench. */
.ui04-workbench{background:#f6f5f0;color:#162a25;min-height:calc(100vh - 68px);padding:24px 18px 64px;overflow-x:clip}.ui04-inner{max-width:1600px;margin:0 auto;display:grid;gap:16px}.ui04-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}.ui04-page-head nav{color:#77817d;font-size:12px;margin-bottom:10px}.ui04-page-head h1{font-family:var(--font-heading,"Microsoft YaHei",sans-serif);font-size:clamp(25px,2.2vw,36px);line-height:1.18;margin:0 0 8px}.ui04-page-head p{color:#6d7773;margin:0 0 10px;max-width:780px}.ui04-save-state{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#4c775f}.ui04-save-state:before{content:"";width:7px;height:7px;border-radius:50%;background:#72c839}.ui04-save-state.error:before,.ui04-save-state.conflict:before{background:#bd574c}.ui04-save-state.offline:before{background:#b7892d}.ui04-save-state.saving:before{animation:ui04pulse .9s infinite}.ui04-head-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.ui04-head-actions button,.ui04-head-actions a,.ui04-tools button,.ui04-editor button{min-height:42px;border:1px solid #dfe2dc;background:#fff;border-radius:10px;color:#18302a;padding:0 16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.ui04-head-actions button small{display:block;color:#75817c;font-size:9px;margin-left:5px}.ui04-head-actions .primary,.ui04-rewrite .primary{background:#9bea3e;border-color:#9bea3e;color:#173019}.ui04-head-actions button:disabled,.ui04-tools button:disabled,.ui04-editor button:disabled{opacity:.45;cursor:not-allowed}.ui04-tools,.ui04-editor{background:#fff;border:1px solid #e4e5df;border-radius:14px;box-shadow:0 10px 30px rgba(20,40,33,.045)}.ui04-tools{display:grid;grid-template-columns:auto minmax(280px,1fr) auto;align-items:end;gap:16px;padding:16px}.ui04-tools>div:first-child{display:flex;gap:8px;align-items:center}.ui04-tools>div:first-child span{font-size:10px;letter-spacing:.14em;color:#74807c}.ui04-tools>div:first-child b{font-size:14px}.ui04-tools label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;color:#697470;font-size:12px}.ui04-tools select{height:42px;border:1px solid #e0e3dd;border-radius:9px;padding:0 12px;background:#fff;min-width:0}.ui04-tools>div:last-child{display:flex;gap:8px}.ui04-editor>header{padding:10px 12px;border-bottom:1px solid #ecece7;display:flex;justify-content:space-between;gap:12px;align-items:center}.ui04-editor>header>div{display:flex;align-items:center;gap:8px}.ui04-tabs{min-width:0}.ui04-tabs button{border:0;box-shadow:none;background:#f3f5f1}.ui04-tabs button.active{background:#fff;box-shadow:0 1px 5px rgba(20,40,33,.16)}.ui04-tabs span{color:#7a847f;font-size:12px;margin-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui04-column-menu{position:relative}.ui04-column-menu summary{list-style:none;cursor:pointer;min-height:40px;padding:0 14px;border:1px solid #e0e3dd;border-radius:9px;display:flex;align-items:center;font-weight:700}.ui04-column-menu[open]{z-index:12}.ui04-column-menu[open] summary{border-color:#8fd43f}.ui04-column-menu label{display:flex;align-items:center;gap:8px;padding:9px 12px;white-space:nowrap}.ui04-column-menu label:first-of-type{margin-top:6px}.ui04-column-menu[open]:after{content:"";position:absolute;z-index:-1;inset:42px 0 auto auto;width:160px;height:128px;background:#fff;border:1px solid #e1e4de;border-radius:10px;box-shadow:0 12px 28px rgba(18,42,34,.14)}.ui04-stats{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 14px;background:#fafbf8;border-bottom:1px solid #ecece7}.ui04-stats span{font-size:11px;color:#65716c;background:#f0f3ed;border-radius:999px;padding:5px 9px}.ui04-stats span.warn{background:#fff6d9;color:#886b16}.ui04-stats span.ok{color:#397047}.ui04-table-scroll{max-height:620px;overflow:auto;overscroll-behavior:contain}.ui04-table{border-collapse:separate;border-spacing:0;min-width:1060px;width:100%;table-layout:fixed}.ui04-table th{position:sticky;top:0;background:#fafbf8;z-index:4;height:44px;text-align:left;color:#53615c;font-size:11px;padding:0 10px;border-bottom:1px solid #e6e8e2}.ui04-table th:nth-child(1){width:70px}.ui04-table th:nth-child(2){width:230px}.ui04-table th:nth-child(3){width:270px}.ui04-table th:nth-child(4){width:165px}.ui04-table th.reference{width:210px;right:104px;z-index:6;box-shadow:-8px 0 16px rgba(18,42,34,.04)}.ui04-table th:last-child{width:104px;right:0;z-index:6}.ui04-table td{vertical-align:top;padding:10px;border-bottom:1px solid #eceee9;background:#fff}.ui04-table tr.current td{background:#f3fae9}.ui04-table tr.current td:first-child{border-left:4px solid #82d035}.ui04-table tr.invalid td{box-shadow:inset 0 -2px #d99053}.ui04-table td:first-child button{width:38px;height:38px;border-radius:9px;padding:0}.ui04-table td:first-child small{display:block;color:#88918d;font-size:10px;margin-top:6px}.ui04-table textarea,.ui04-table input,.ui04-table select{width:100%;box-sizing:border-box;border:1px solid transparent;background:transparent;border-radius:7px;padding:8px;color:#162a25;font:inherit;resize:vertical}.ui04-table textarea{min-height:84px;line-height:1.55}.ui04-table textarea:focus,.ui04-table input:focus,.ui04-table select:focus{outline:3px solid rgba(143,212,63,.25);border-color:#8fd43f;background:#fff}.ui04-time{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:4px}.ui04-time input{text-align:center;padding:6px 2px}.ui04-time+small{display:block;color:#8a938f;font-size:9px;margin-top:5px}.ui04-reference-cell{position:sticky;right:104px;z-index:2;min-width:190px;box-shadow:-8px 0 16px rgba(18,42,34,.04)}.ui04-table td:last-child{position:sticky;right:0;z-index:2;min-width:104px}.ui04-reference{display:grid;gap:5px;border:1px solid #b9dd8d;background:#f5faec;border-radius:9px;padding:8px}.ui04-reference.historical{filter:grayscale(.85);opacity:.72}.ui04-reference span{font-size:9px;color:#609236}.ui04-reference b{font-size:11px}.ui04-reference small{font-size:10px;color:#66716c}.ui04-reference button,.ui04-reference-empty{min-height:34px!important;padding:0 8px!important;font-size:11px}.ui04-row-actions{display:grid;gap:5px}.ui04-row-actions button{min-height:31px;padding:0 6px;font-size:10px}.ui04-row-actions .danger{color:#ad4e48}.ui04-empty{text-align:center;padding:62px 20px;color:#65716c}.ui04-empty b{display:block;color:#1b342d;font-size:18px;margin-bottom:8px}.ui04-diff{padding-bottom:12px}.ui04-diff>header{display:flex;justify-content:space-between;align-items:center;padding:18px}.ui04-diff>header p{margin:4px 0 0;color:#75807b}.ui04-diff-head,.ui04-diff article>div{display:grid;grid-template-columns:1fr 1fr}.ui04-diff-head{background:#f4f5f1;border-block:1px solid #e5e6e0}.ui04-diff-head b{padding:12px}.ui04-diff-head b+ b,.ui04-diff article p+ p{border-left:1px solid #e3e5df}.ui04-diff article{margin:12px;border:1px solid #e4e6df;border-radius:10px;overflow:hidden}.ui04-diff article>header{padding:9px 12px;background:#fafbf8;display:flex;justify-content:space-between}.ui04-diff article p{margin:0;padding:18px;line-height:1.7;min-height:56px}.ui04-diff article p.changed{background:#fff4bd}.ui04-downstream{display:flex;align-items:center;gap:12px;padding:15px 18px;background:#edf8df;border:1px solid #bee28f;border-radius:12px}.ui04-downstream span{flex:1;color:#56685f}.ui04-downstream a{color:#285d37;font-weight:700}.ui04-layer{position:fixed;inset:0;z-index:2000;display:flex;justify-content:flex-end}.ui04-backdrop{position:absolute;inset:0;border:0;background:rgba(7,31,26,.52);backdrop-filter:blur(3px)}body.ui04-layer-open{overflow:hidden}.ui04-history,.ui04-reference-drawer,.ui04-rewrite{position:relative;background:#fff;box-shadow:-24px 0 60px rgba(7,31,26,.2);height:100%;overflow:auto}.ui04-history{width:min(420px,94vw)}.ui04-reference-drawer{width:min(720px,94vw);display:flex;flex-direction:column}.ui04-rewrite{width:min(860px,calc(100vw - 36px));height:auto;max-height:calc(100vh - 48px);margin:auto;border-radius:16px;align-self:center}.ui04-history>header,.ui04-reference-drawer>header,.ui04-rewrite>header{display:flex;justify-content:space-between;gap:16px;padding:20px;border-bottom:1px solid #e5e7e1}.ui04-history header span,.ui04-reference-drawer header span,.ui04-rewrite header span{font-size:10px;letter-spacing:.14em;color:#718079}.ui04-history h2,.ui04-reference-drawer h2,.ui04-rewrite h2{margin:4px 0;font-size:25px}.ui04-history header button,.ui04-reference-drawer header button,.ui04-rewrite header button{width:38px;height:38px;border:1px solid #dce1d9;background:#fff;border-radius:9px;font-size:20px}.ui04-history>div{padding:16px}.ui04-history article{display:grid;grid-template-columns:1fr auto;gap:5px;padding:14px 4px;border-bottom:1px solid #e5e7e1}.ui04-history article span,.ui04-history article time,.ui04-history article small{font-size:11px;color:#74807b}.ui04-reference-query{margin:16px;padding:14px;background:#f6f7f4;border:1px solid #e3e6df;border-radius:10px;display:grid;gap:7px}.ui04-reference-query span{font-size:10px;color:#75817b}.ui04-reference-results{padding:0 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:auto}.ui04-reference-results article{display:flex;flex-direction:column;min-height:190px;border:1px solid #e1e5dd;border-radius:12px;padding:14px}.ui04-reference-results article>div{flex:1}.ui04-reference-results article span{font-size:10px;color:#669342}.ui04-reference-results article b{display:block;margin:7px 0}.ui04-reference-results article p{color:#68736e;font-size:12px}.ui04-reference-results article small{color:#89918e}.ui04-reference-results article button{margin-top:14px;border:1px solid #9fd260;background:#f2fae8;border-radius:9px;min-height:40px}.ui04-reference-drawer>footer{margin-top:auto;position:sticky;bottom:0;background:#fff;border-top:1px solid #e3e6df;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px}.ui04-reference-drawer>footer span{font-size:11px;color:#78827e}.ui04-reference-drawer>footer a{background:#9bea3e;color:#173019;border-radius:9px;padding:12px 16px;text-decoration:none;font-weight:700}.ui04-rewrite-body{padding:16px;display:grid;gap:12px}.ui04-rewrite-body article,.ui04-rewrite-body label{display:grid;gap:10px;background:#fafbf9;border:1px solid #e4e7e0;border-radius:10px;padding:14px}.ui04-rewrite-body p{margin:0;line-height:1.65}.ui04-rewrite-body textarea{min-height:92px;border:1px solid #dce1d9;border-radius:8px;padding:10px;resize:vertical}.ui04-rewrite-body .candidate{background:#eff8e4;border-color:#c6e69f}.ui04-rewrite>footer{position:sticky;bottom:0;background:#fff;border-top:1px solid #e2e5df;padding:12px 16px;display:flex;justify-content:flex-end;gap:8px}.ui04-rewrite>footer button{min-height:42px;border:1px solid #dce1d9;background:#fff;border-radius:9px;padding:0 18px;font-weight:700}.ui04-rewrite>footer button:disabled{opacity:.45}@keyframes ui04pulse{50%{transform:scale(1.7);opacity:.45}}
@media(max-width:1099px){.ui04-tools{grid-template-columns:1fr}.ui04-tools>div:last-child{flex-wrap:wrap}.ui04-page-head{align-items:flex-start;flex-direction:column}.ui04-head-actions{justify-content:flex-start}.ui04-table-scroll{max-height:none}}
@media(max-width:800px){.ui04-workbench{padding:14px 10px 48px}.ui04-page-head h1{font-size:25px}.ui04-head-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.ui04-head-actions button,.ui04-head-actions a{width:100%;box-sizing:border-box}.ui04-tools label{grid-template-columns:1fr}.ui04-tools>div:last-child{display:grid;grid-template-columns:1fr 1fr}.ui04-editor>header{align-items:flex-start;flex-direction:column}.ui04-editor>header>div{width:100%;flex-wrap:wrap}.ui04-tabs span{width:100%;margin:4px 0}.ui04-table-scroll{overflow:visible}.ui04-table{display:block;min-width:0}.ui04-table thead{display:none}.ui04-table tbody{display:grid;gap:12px;padding:10px}.ui04-table tr{display:grid;border:1px solid #e1e5de;border-radius:12px;overflow:hidden}.ui04-table td{display:grid;grid-template-columns:88px minmax(0,1fr);gap:8px;position:static!important;box-shadow:none!important;min-width:0!important}.ui04-table td:before{content:attr(data-label);font-size:10px;color:#76827d;padding-top:8px}.ui04-table textarea{min-height:64px}.ui04-row-actions{grid-template-columns:repeat(3,1fr)}.ui04-diff-head{display:none}.ui04-diff article>div{grid-template-columns:1fr}.ui04-diff article p+ p{border-left:0;border-top:1px solid #e3e5df}.ui04-reference-results{grid-template-columns:1fr}.ui04-reference-drawer{width:100vw}.ui04-reference-drawer>footer{align-items:stretch;flex-direction:column}.ui04-reference-drawer>footer a{text-align:center}.ui04-rewrite{width:calc(100vw - 20px);max-height:calc(100vh - 20px)}}
@media(max-width:430px){.ui04-workbench{padding-inline:8px}.ui04-head-actions,.ui04-tools>div:last-child{grid-template-columns:1fr 1fr}.ui04-tools{padding:12px}.ui04-editor>header>div:last-child{display:grid;grid-template-columns:1fr 1fr}.ui04-column-menu summary{justify-content:center}.ui04-downstream{align-items:flex-start;flex-direction:column}.ui04-rewrite>footer{display:grid;grid-template-columns:1fr 1fr}.ui04-rewrite>footer button{padding:0 8px}}
@media(prefers-reduced-motion:reduce){.ui04-save-state.saving:before{animation:none}}