html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}:root{--bg: #f5f7f8;--panel: #ffffff;--panel-2: #eef3f1;--text: #1f2933;--muted: #66727f;--line: #d7dee4;--accent: #0f766e;--accent-2: #c2410c;--accent-soft: #e7f6f3;--ink: #223041;--shadow: 0 12px 30px rgba(31, 41, 51, .08)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.55;cursor:not-allowed}.logo-mark{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:var(--ink);color:#fff;font-weight:900;font-size:19px}.app-shell{min-height:100vh;padding:84px 24px 28px 230px}.top-bar{position:fixed;top:0;left:0;right:0;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#fffffff2;border-bottom:1px solid var(--line);z-index:20}.top-brand,.top-actions{display:flex;align-items:center;gap:10px}.top-brand strong{color:var(--ink)}.top-actions button{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-weight:800;color:var(--ink)}.top-actions .avatar{width:38px;height:38px;padding:0;background:var(--ink);color:#fff}.side-nav{position:fixed;left:20px;top:84px;bottom:24px;width:184px;padding:12px;border-radius:8px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);display:grid;align-content:start;gap:8px;z-index:10}.side-nav button{width:100%;min-height:44px;border-radius:8px;background:transparent;color:var(--muted);display:flex;align-items:center;gap:10px;padding:0 12px;text-align:left}.side-nav button span{width:20px;text-align:center}.side-nav button strong{font-size:14px}.side-nav button.active{background:var(--ink);color:#fff}.login-screen{min-height:100vh;display:grid;place-items:center;padding:32px}.login-card{width:min(520px,100%);padding:32px;display:grid;gap:16px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.login-card h1{margin:0;font-size:32px;color:var(--ink);letter-spacing:0}.login-card p{color:var(--muted);line-height:1.7;margin:0}.login-card label,.form-grid label{display:grid;gap:8px;color:var(--muted);font-weight:800}.login-card input,.form-grid input,.form-grid textarea,.link-input input,.floating-panel input{border:1px solid var(--line);background:#fff;border-radius:8px;padding:12px 13px;outline:0;color:var(--text)}.login-card textarea,.form-grid textarea{min-height:110px;resize:vertical}.login-card>button,.auth-tabs button{min-height:42px;border-radius:8px;background:var(--ink);color:#fff;padding:0 16px;font-weight:900}.auth-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.auth-tabs button{background:var(--panel-2);color:var(--muted)}.auth-tabs button.active{background:var(--ink);color:#fff}.micro-copy{color:var(--accent)!important;font-weight:900;margin:0}.page,.workflow-page{min-height:calc(100vh - 112px)}.workflow-title,.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.workflow-title h1,.section-head h1{margin:0;font-size:30px;color:var(--ink);letter-spacing:0}.workflow-title p{margin:0 0 4px}.stage-stepper{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.stage-stepper li{min-height:58px;border:1px solid var(--line);border-radius:8px;background:var(--panel);display:flex;align-items:center;gap:10px;padding:10px 12px;color:var(--muted)}.stage-stepper span{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:var(--panel-2);color:var(--muted);font-weight:900;flex:0 0 auto}.stage-stepper strong{font-size:14px}.stage-stepper li.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.stage-stepper li.active span,.stage-stepper li.complete span{background:var(--accent);color:#fff}.stage-stepper li.complete{color:var(--ink)}.workflow-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.78fr);gap:16px;align-items:start}.panel-block{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:18px;display:grid;gap:14px}.input-panel,.production-panel{min-height:360px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.panel-head h2,.panel-block h2{margin:0;color:var(--ink);font-size:20px}.panel-head span{color:var(--muted);font-weight:800}.input-panel textarea,.production-panel textarea,.drawer textarea{width:100%;min-height:132px;border:1px solid var(--line);border-radius:8px;background:#fff;outline:0;resize:vertical;padding:14px;color:var(--text);line-height:1.6}.switch{border:1px solid var(--line);border-radius:999px;background:var(--panel-2);color:var(--muted);padding:8px 12px;font-weight:900}.switch.is-on{background:var(--accent);border-color:var(--accent);color:#fff}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.template-grid button{min-height:72px;text-align:left;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--ink);padding:12px;display:grid;gap:6px}.template-grid button.active{border-color:var(--accent);background:var(--accent-soft)}.template-grid span{color:var(--muted);font-size:13px;line-height:1.4}.input-actions,.drawer-actions{display:flex;flex-wrap:wrap;gap:10px}.primary-action,.secondary-action,.section-head button,.link-input button,.asset-card button,.floating-panel button,.drawer-actions button{min-height:40px;border-radius:8px;padding:0 14px;font-weight:900}.primary-action,.section-head button,.link-input button,.asset-card button,.floating-panel button,.drawer-actions button{background:var(--ink);color:#fff}.secondary-action{background:#fff;color:var(--ink);border:1px solid var(--line)}.plan-content,.draft-preview,.package-preview{display:grid;gap:12px}.plan-content h3,.draft-preview h3,.package-preview h3{margin:0;color:var(--ink)}.plan-content ul,.draft-preview ul,.package-preview ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.7}.title-candidates{display:flex;flex-wrap:wrap;gap:8px}.title-candidates span,.credit-rules span,.search-status,.schedule-line{border:1px solid var(--line);border-radius:999px;padding:6px 10px;background:var(--panel-2);color:var(--ink);font-size:13px;font-weight:800}.search-status.succeeded{background:var(--accent-soft);color:var(--accent);border-color:#9bd8ce}.search-status.failed{background:#fff1ed;color:var(--accent-2);border-color:#f2b9a2}.image-plan-block{border:1px solid var(--line);border-radius:8px;background:#fbfcfd;padding:12px;display:grid;gap:10px}.image-plan-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.image-plan-head span{border:1px solid #9bd8ce;border-radius:999px;padding:5px 9px;color:var(--accent);background:var(--accent-soft);font-weight:900;font-size:12px}.image-plan-list{display:grid;gap:8px}.image-plan-item{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;border:1px solid var(--line);border-radius:8px;padding:10px;background:#fff}.image-plan-item>span{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:var(--panel-2);color:var(--accent);font-weight:900}.image-plan-item strong{color:var(--ink);overflow-wrap:anywhere}.image-plan-item p{margin:4px 0 0;color:var(--muted);font-size:13px}.empty-note,.muted-text{color:var(--muted);line-height:1.7;margin:0}.draft-copy{border:1px solid var(--line);border-radius:8px;padding:14px;background:#fbfcfd}.draft-copy p,.package-preview p{margin:8px 0;color:var(--text);line-height:1.7}.draft-copy strong,.package-preview strong{color:var(--accent)}.image-preview{min-height:180px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);display:grid;place-items:center;overflow:hidden;color:var(--muted);text-align:center;padding:12px}.image-preview img{width:100%;height:220px;object-fit:cover;display:block}.image-gallery{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.image-gallery img,.image-gallery .image-fallback{width:100%;min-height:160px;border-radius:8px;background:#fff}.image-status-grid{width:100%;display:grid;gap:8px}.image-status{display:grid;gap:4px;text-align:left;border:1px solid var(--line);border-radius:8px;padding:10px;background:#fff}.image-status strong{color:var(--ink);overflow-wrap:anywhere}.image-status span{justify-self:start;border-radius:999px;padding:4px 8px;background:var(--panel-2);color:var(--muted);font-weight:900;font-size:12px}.image-status.succeeded span{color:var(--accent);background:var(--accent-soft)}.image-status.failed span{color:var(--accent-2);background:#fff1ed}.image-status p{margin:0;color:var(--accent-2);overflow-wrap:anywhere}.image-fallback{display:grid;place-items:center;color:var(--muted);padding:12px}.schedule-line{justify-self:start;background:#fff7ed;color:var(--accent-2);border-color:#fed7aa}.status-line{color:var(--accent-2);margin:12px 0 0;font-weight:800}.brand-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:16px}.brand-grid>.panel-block:nth-child(2){grid-column:1}.link-input{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid label:nth-child(1),.form-grid label:nth-child(2){grid-column:1 / -1}.color-row{display:flex;flex-wrap:wrap;gap:8px}.color-row span{border-radius:999px;padding:7px 10px;color:#fff;font-size:12px;font-weight:800}.assets-page{padding:4px}.asset-grid-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.asset-card{min-height:170px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:16px;cursor:pointer}.asset-card:hover{border-color:var(--accent)}.asset-card span{color:var(--accent);font-weight:900}.asset-card h2{font-size:18px;color:var(--ink);overflow-wrap:anywhere}.asset-card p{color:var(--muted);line-height:1.6}.asset-card-image{width:100%;height:120px;border-radius:8px;object-fit:cover;display:block;margin-bottom:12px}.floating-panel{position:fixed;right:24px;top:76px;z-index:30;width:300px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:16px;display:grid;gap:10px}.floating-panel.wide{width:420px;max-height:70vh;overflow:auto}.floating-panel p{margin:0;color:var(--muted);line-height:1.6}.credit-rules{display:flex;flex-wrap:wrap;gap:8px}.drawer{position:fixed;right:0;top:0;bottom:0;z-index:40;width:min(520px,92vw);background:var(--panel);box-shadow:-20px 0 60px #1f293329;padding:28px;display:grid;align-content:start;gap:14px}.drawer .close{justify-self:end;width:38px;height:38px;border-radius:8px;background:var(--ink);color:#fff;font-size:22px}.drawer h2{margin:0;color:var(--ink)}.drawer p{color:var(--muted);line-height:1.7}.drawer textarea{min-height:210px}.drawer-image{width:100%;max-height:280px;object-fit:contain;background:var(--panel-2);border:1px solid var(--line);border-radius:8px}.toast{position:fixed;left:50%;top:78px;transform:translate(-50%);z-index:80;background:var(--ink);color:#fff;border-radius:999px;padding:10px 16px;box-shadow:var(--shadow);font-weight:900}.backoffice-shell{min-height:100vh;display:grid;grid-template-columns:228px minmax(0,1fr);background:#f4f7f8}.backoffice-nav{position:sticky;top:0;height:100vh;padding:18px 14px;background:#17202c;color:#fff;display:grid;grid-auto-rows:max-content;gap:8px;overflow-y:auto}.brand-lockup{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;padding:4px 4px 16px;border-bottom:1px solid rgba(255,255,255,.14);margin-bottom:8px}.brand-lockup strong,.brand-lockup span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-lockup span{margin-top:3px;color:#ffffffa3;font-size:12px}.backoffice-nav button{min-height:42px;border-radius:8px;padding:0 12px;background:transparent;color:#ffffffc2;text-align:left;font-weight:800}.backoffice-nav button.active,.backoffice-nav button:hover{background:#fff;color:#17202c}.backoffice-main{min-width:0;padding:22px;display:grid;align-content:start;gap:16px}.backoffice-top{min-height:76px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px}.backoffice-top h1{margin:2px 0 0;color:var(--ink);font-size:26px;letter-spacing:0}.operator-box{display:flex;align-items:center;gap:10px;min-width:0}.operator-box span{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-weight:800}.operator-box button,.content-card button,.h5-card button,.h5-drawer button{min-height:38px;border-radius:8px;padding:0 13px;background:var(--ink);color:#fff;font-weight:900}.action-feedback{border:1px solid #9bd8ce;border-left:4px solid var(--accent);border-radius:8px;background:#f0fdfa;color:var(--ink);padding:12px 14px;display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px 12px;align-items:center;box-shadow:var(--shadow)}.action-feedback strong,.action-feedback small{display:block;overflow-wrap:anywhere}.action-feedback small{margin-top:2px;color:var(--muted);font-weight:800}.action-spinner{width:22px;height:22px;border-radius:999px;border:3px solid rgba(15,118,110,.22);border-top-color:var(--accent);animation:spin .8s linear infinite}.action-progress{grid-column:1 / -1;height:5px;overflow:hidden;border-radius:999px;background:#ccece6}.action-progress i{display:block;width:42%;height:100%;border-radius:inherit;background:var(--accent);animation:progress-slide 1.1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes progress-slide{0%{transform:translate(-110%)}50%{transform:translate(72%)}to{transform:translate(250%)}}.page-panel{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:18px;display:grid;gap:16px}.page-panel .section-head{margin-bottom:0}.section-head h2{margin:0;color:var(--ink);font-size:22px;letter-spacing:0}.section-head span{color:var(--muted);font-weight:800}.dashboard-grid,.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card,.content-card,.form-card{border:1px solid var(--line);border-radius:8px;background:#fff;padding:14px;display:grid;gap:10px;min-width:0}.content-card.is-selected,.package-row.is-selected{border-color:var(--accent);box-shadow:0 0 0 3px #0f766e24,var(--shadow);position:relative}.content-card.is-selected:after,.package-row.is-selected:after{content:"已选中";position:absolute;right:10px;top:10px;border-radius:999px;background:var(--accent);color:#fff;padding:4px 8px;font-size:12px;font-weight:900}.metric-card{align-content:start;border-top:3px solid #0f766e}.metric-card:nth-child(2){border-top-color:#2563eb}.metric-card:nth-child(3){border-top-color:#d97706}.metric-card:nth-child(4){border-top-color:#7c3aed}.metric-card strong,.content-card strong{color:var(--ink);overflow-wrap:anywhere}.metric-card p,.content-card p,.content-card small{margin:0;color:var(--muted);line-height:1.65;overflow-wrap:anywhere}.content-card .meta-line{color:var(--ink);font-size:13px}.score-pill{width:fit-content;border:1px solid #9bd8ce;border-radius:999px;padding:5px 9px;color:var(--accent);background:var(--accent-soft);font-size:12px;font-weight:900}.swatch-row{display:flex;flex-wrap:wrap;gap:8px}.swatch-row span{min-height:30px;border-radius:8px;padding:7px 10px;color:#fff;font-size:12px;font-weight:900;text-shadow:0 1px 3px rgba(0,0,0,.26)}.split-layout{display:grid;grid-template-columns:minmax(280px,.42fr) minmax(0,1fr);gap:14px;align-items:start}.split-layout>.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-card label{display:grid;gap:8px;color:var(--muted);font-weight:900}.form-card input,.form-card textarea,.inline-control select,.h5-drawer input,.h5-drawer textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;padding:11px 12px;color:var(--text);outline:0}.form-card textarea{min-height:180px;resize:vertical;line-height:1.6}.document-preview-item{display:grid;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.card-list{display:grid;gap:10px;min-width:0}.content-card>div{display:flex;justify-content:space-between;align-items:start;gap:10px}.content-card>div span,.inline-control{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;padding:5px 9px;background:var(--panel-2);color:var(--muted);font-size:12px;font-weight:900}.content-card a{color:#0f766e;font-weight:900;overflow-wrap:anywhere}.package-card{border-left:4px solid #2563eb}.inline-control{display:inline-flex;align-items:center;gap:8px;justify-self:start;border-radius:8px;padding:8px 10px}.inline-control select{width:auto;min-height:34px;padding:4px 28px 4px 8px}.mini-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px}.mini-gallery img,.mini-gallery .image-fallback{width:100%;aspect-ratio:4 / 3;object-fit:contain;border-radius:8px;border:1px solid var(--line);background:var(--panel-2)}.medium-gallery{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.medium-gallery img,.medium-gallery .image-fallback{aspect-ratio:1 / 1}.image-button{width:100%;min-width:0;padding:0;background:transparent;border-radius:8px}.image-button img{display:block}.task-center{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:14px;display:grid;gap:12px}.task-center-head,.task-row,.section-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.task-center h2,.task-center p{margin:0}.task-center h2{color:var(--ink);font-size:18px}.task-center-head p,.task-item p,.task-item small{color:var(--muted);line-height:1.5}.task-center-head>span,.table-pill{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;background:var(--panel-2);color:var(--muted);padding:6px 10px;font-size:12px;font-weight:900}.task-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.task-item{border:1px solid var(--line);border-radius:8px;background:#fbfcfd;padding:12px;display:grid;gap:8px;min-width:0}.task-row strong{color:var(--ink);overflow-wrap:anywhere}.task-row span{color:var(--accent);font-weight:900}.progress-track{height:8px;border-radius:999px;background:var(--panel-2);overflow:hidden}.progress-track i{display:block;height:100%;border-radius:inherit;background:var(--accent)}.task-item.failed .progress-track i,.task-item.canceled .progress-track i{background:var(--accent-2)}.package-table{display:grid;gap:10px}.package-row{display:grid;grid-template-columns:minmax(160px,.9fr) minmax(240px,1.4fr) auto auto auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px;min-width:0}.package-row-main{min-width:0;display:grid;gap:5px}.package-row-main strong,.package-row-main p,.package-row-main small{margin:0;overflow-wrap:anywhere}.package-row-main strong{color:var(--ink)}.package-row-main p,.package-row-main small{color:var(--muted);line-height:1.5}.table-pill.is-live{color:var(--accent);background:var(--accent-soft);border-color:#99d8ce}.package-row>button{min-height:38px;border-radius:8px;padding:0 13px;background:var(--ink);color:#fff;font-weight:900}.h5-entry-card{border:1px solid var(--line);border-radius:8px;background:#fbfcfd;padding:12px;display:grid;gap:10px}.h5-entry-card p{margin:0;color:var(--accent);font-weight:900;overflow-wrap:anywhere}.qr-box{width:132px;aspect-ratio:1;display:grid;grid-template-columns:repeat(7,1fr);gap:3px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}.qr-box span{border-radius:2px;background:#edf2f4}.qr-box span.filled{background:var(--ink)}.analytics-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:12px}.metric-card p{font-size:28px;font-weight:900;color:var(--ink)}.metric-card small{color:var(--muted);font-weight:800}.trend-chart{width:100%;min-height:180px;border:1px solid var(--line);border-radius:8px;background:#fbfcfd}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:24px;background:#17202cc7}.lightbox img,.lightbox .image-fallback{max-width:min(1080px,94vw);max-height:86vh;object-fit:contain;border-radius:8px;background:#fff}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-card{border:1px solid var(--line);border-radius:8px;background:#fff;padding:14px;display:grid;align-content:start;gap:12px;min-width:0}.settings-card h3,.settings-card h4{margin:0;color:var(--ink);letter-spacing:0}.wide-card{grid-column:1 / -1}.settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.settings-form label{display:grid;gap:7px;color:var(--muted);font-weight:900;min-width:0}.settings-form input,.settings-form select,.settings-form textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);padding:10px 11px;outline:0}.settings-form textarea{min-height:84px;resize:vertical;line-height:1.55}.settings-form .wide-field,.settings-form .primary-action,.settings-form .secondary-action,.test-output{grid-column:1 / -1}.settings-form .toggle-row{display:flex;align-items:center;gap:8px}.settings-form .toggle-row input{width:18px;height:18px}.settings-list{display:grid;gap:8px}.settings-list-row{border:1px solid var(--line);border-radius:8px;background:#fbfcfd;padding:10px;display:grid;gap:5px}.settings-list-row strong,.settings-list-row span,.settings-list-row small,.test-output{overflow-wrap:anywhere}.settings-list-row strong,.test-output{color:var(--ink)}.settings-list-row span,.settings-list-row small{color:var(--muted)}.workbench-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);gap:14px;align-items:start}.workbench-card{border-left:4px solid #0f766e}.check-row{display:flex;align-items:center;gap:9px;color:var(--ink);font-weight:900}.check-row input{width:18px;height:18px;flex:0 0 auto}.workbench-side{border:1px solid var(--line);border-radius:8px;background:#fbfcfd;padding:14px;display:grid;gap:12px}.workbench-side h3{margin:0;color:var(--ink);font-size:16px}.status-chip-grid{display:flex;flex-wrap:wrap;gap:8px}.result-chip{border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--muted);padding:6px 10px;font-size:12px;font-weight:900}.result-chip.succeeded{background:var(--accent-soft);border-color:#99d8ce;color:var(--accent)}.result-chip.failed{background:#fff1ed;border-color:#f2b9a2;color:var(--accent-2)}.brand-brain-grid{align-items:stretch}.brand-brain-grid .ant-card{height:100%}.context-preview{min-height:120px;max-height:260px;overflow:auto;margin:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fbfcfd;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.ops-stat-row{margin-bottom:12px}.calendar-card{margin-bottom:16px}.week-calendar{display:grid;grid-template-columns:repeat(7,minmax(128px,1fr));gap:10px;overflow-x:auto;padding-bottom:2px}.calendar-day{min-height:168px;border:1px solid var(--line);border-radius:8px;background:#fbfcfd;padding:10px;display:grid;align-content:start;gap:8px}.calendar-day-head{display:flex;justify-content:space-between;gap:8px;color:var(--ink)}.calendar-day-head span,.calendar-empty,.queue-head span{color:var(--muted);font-size:12px;font-weight:800}.calendar-item{width:100%;display:grid;gap:6px;text-align:left;padding:9px;border-radius:8px;background:#fff;border:1px solid var(--line);color:var(--ink)}.calendar-item span{font-weight:900;overflow-wrap:anywhere}.calendar-item small{color:var(--muted);line-height:1.5}.queue-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 10px}.queue-head h3{margin:0;color:var(--ink);font-size:18px}.schedule-card{margin:12px 0}.schedule-form{display:grid;gap:12px}.schedule-form label{display:grid;gap:7px;color:var(--muted);font-weight:900}.schedule-form .ant-picker,.schedule-form .ant-select{width:100%}.schedule-toggle{display:flex!important;align-items:center}.h5-meta-grid{display:grid;grid-template-columns:1fr;gap:6px;padding:9px;border-radius:8px;background:#f1f6f4;color:var(--ink);font-size:12px;font-weight:800}.publish-note{padding:9px;border-left:3px solid var(--accent);background:#f8fcfb;color:var(--ink)!important}.h5-shell{min-height:100vh;width:min(480px,100%);margin:0 auto;padding:16px 14px 96px;background:#f7f9f8;display:grid;align-content:start;gap:12px}.h5-header{background:#17202c;color:#fff;border-radius:8px;padding:18px}.h5-header h1{margin:4px 0 0;font-size:24px;letter-spacing:0}.h5-list{display:grid;gap:12px}.h5-card{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:14px;display:grid;gap:10px}.h5-card h2,.h5-drawer h2{margin:0;color:var(--ink);font-size:18px;letter-spacing:0;overflow-wrap:anywhere}.h5-card p{margin:0;color:var(--muted);line-height:1.7;overflow-wrap:anywhere}.h5-card strong{color:#0f766e;overflow-wrap:anywhere}.h5-drawer{position:fixed;left:50%;bottom:0;transform:translate(-50%);z-index:50;width:min(480px,100%);max-height:82vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:8px 8px 0 0;box-shadow:0 -18px 50px #1f29332e;padding:16px;display:grid;gap:10px}.h5-drawer label{display:grid;gap:7px;color:var(--muted);font-weight:900}.h5-drawer textarea{min-height:150px;resize:vertical;line-height:1.65}@media (max-width: 1100px){.app-shell{padding:78px 14px 92px}.side-nav{top:auto;bottom:12px;left:12px;right:12px;width:auto;height:64px;grid-auto-flow:column;grid-template-columns:repeat(3,1fr);align-content:center}.side-nav button{justify-content:center;padding:0 8px}.side-nav button strong{font-size:12px}.workflow-grid,.brand-grid,.asset-grid-cards,.form-grid{grid-template-columns:1fr}.brand-grid>.panel-block:nth-child(2){grid-column:auto}.stage-stepper{grid-template-columns:repeat(2,minmax(0,1fr))}.template-grid{grid-template-columns:1fr}.workflow-title,.section-head{align-items:flex-start;flex-direction:column}.floating-panel.wide,.floating-panel{left:14px;right:14px;width:auto}.backoffice-shell{grid-template-columns:1fr}.backoffice-nav{position:static;height:auto;grid-template-columns:repeat(3,minmax(0,1fr))}.brand-lockup{grid-column:1 / -1}.backoffice-main{padding:14px}.backoffice-top{align-items:flex-start;flex-direction:column}.dashboard-grid,.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-layout,.workbench-grid,.analytics-grid,.settings-grid{grid-template-columns:1fr}.week-calendar{grid-template-columns:repeat(7,minmax(180px,1fr))}.wide-card{grid-column:auto}.package-row{grid-template-columns:minmax(0,1fr) auto auto}.package-row .check-row,.package-row-main{grid-column:1 / -1}.operator-box{width:100%;justify-content:space-between}}@media (max-width: 640px){.backoffice-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.backoffice-nav button{text-align:center;padding:0 8px}.dashboard-grid,.card-grid{grid-template-columns:1fr}.content-card>div{display:grid}.backoffice-top h1{font-size:22px}.page-panel{padding:14px}.task-center-head,.task-row,.section-actions{align-items:flex-start;flex-direction:column}.section-actions,.section-actions button{width:100%}.package-row{grid-template-columns:1fr;align-items:stretch}.package-row>button,.table-pill{justify-self:start}.settings-form{grid-template-columns:1fr}.content-card.is-selected:after,.package-row.is-selected:after{position:static;justify-self:start}}