/* Content Operations: authoritative design-aligned task workspace */ :root{--ops9-bg:var(--sv-color-canvas);--ops9-panel:var(--sv-color-surface);--ops9-line:var(--sv-color-border-soft);--ops9-line-strong:var(--sv-color-border);--ops9-text:var(--sv-color-text);--ops9-muted:var(--sv-color-text-muted);--ops9-accent:var(--sv-color-brand);--ops9-danger:var(--sv-color-danger)} html,body{min-height:100%;background:var(--ops9-bg)!important}body.has-app-rail{color:var(--ops9-text);overflow:hidden}.ops-shell{width:100%!important;max-width:none!important;min-height:100dvh!important;margin:0!important;padding:0!important;background:var(--ops9-bg)!important}.ops-shell>:not(.ops-task-desk){display:none!important} .ops-section-nav,.ops-nav-boundary{display:none!important} .ops-task-desk{display:grid!important;grid-template-columns:264px minmax(0,1fr)!important;width:100%!important;max-width:none!important;height:100dvh!important;min-height:100dvh!important;margin:0!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:var(--ops9-bg)!important;box-shadow:none!important}.ops-task-desk::before,.ops-task-detail::before{display:none!important;content:none!important} /* Task inbox */ .ops-nav-rail{display:flex!important;flex-direction:column!important;height:100dvh!important;min-width:0!important;min-height:0!important;padding:25px 16px 18px!important;overflow:hidden!important;border:0!important;border-right:1px solid var(--ops9-line)!important;border-radius:0!important;background:var(--sv-color-canvas)!important} .ops-nav-rail>header{flex:0 0 auto!important;margin:0!important;padding:0 8px 20px!important;border-bottom:1px solid var(--ops9-line)!important}.ops-nav-rail>header::before{display:block;margin:0 0 9px;color:var(--ops9-accent);font: 800 10px/1 var(--sv-font-sans);letter-spacing:.11em;content:"ASTROVAULT"}.ops-nav-rail>header h1{margin:0 0 7px!important;color:var(--ops9-text)!important;font: 760 23px/1.1 var(--sv-font-sans);letter-spacing:-.04em!important}.ops-nav-rail>header p{position:static!important;display:block!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;color:var(--ops9-muted)!important;background:transparent!important;box-shadow:none!important;font: 500 11px/1.5 var(--sv-font-sans)}.ops-nav-rail>header p::before,.ops-nav-rail>header p::after{display:none!important} .ops-inbox-heading{display:grid!important;gap:5px!important;margin:26px 8px 13px!important;padding:0!important}.ops-inbox-heading strong{color:var(--ops9-text)!important;font: 720 17px/1.2 var(--sv-font-sans)}.ops-inbox-heading strong b{color:var(--ops9-accent)!important;font-size:12px!important}.ops-inbox-heading small{color:var(--ops9-muted)!important;font: 500 10px/1.5 var(--sv-font-sans)} .ops-task-list{display:grid!important;flex:1 1 auto!important;align-content:start!important;gap:10px!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0 2px 24px!important;overflow:auto!important}.ops-task-row{position:relative!important;min-width:0!important}.ops-task-item{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;align-items:center!important;gap:11px!important;width:100%!important;min-height:82px!important;margin:0!important;padding:10px 30px 10px 10px!important;border:1px solid var(--ops9-line)!important;border-radius:10px!important;color:var(--ops9-text)!important;background:var(--sv-color-surface)!important;box-shadow:none!important;text-align:left!important;cursor:pointer}.ops-task-item:hover{border-color:#2a2a2a!important;background:var(--sv-color-surface-strong)!important}.ops-task-item.is-active{border-color:rgba(var(--sv-brand-rgb), .72)!important;background:var(--sv-color-selection-bg)!important;box-shadow:inset 4px 0 0 var(--ops9-accent)!important} .ops-task-thumb{display:grid!important;place-items:center!important;width:58px!important;height:58px!important;overflow:hidden!important;border-radius:8px!important;background:var(--sv-color-surface-strong)!important}.ops-task-thumb img,.ops-task-thumb .video-tile{width:100%!important;height:100%!important;object-fit:cover!important}.ops-task-item>div{min-width:0!important}.ops-task-item small,.ops-task-item strong,.ops-task-item p{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.ops-task-item small{margin:0 0 4px!important;color:var(--sv-color-text-faint)!important;font: 500 9px/1.2 var(--sv-font-sans)}.ops-task-item strong{margin:0 0 7px!important;color:var(--ops9-text)!important;font: 700 13px/1.2 var(--sv-font-sans)}.ops-task-item p{margin:0!important;color:var(--ops9-muted)!important;font: 500 9px/1.25 var(--sv-font-sans)} .ops-task-delete{position:absolute!important;top:7px!important;right:7px!important;z-index:2!important;display:grid!important;place-items:center!important;width:23px!important;height:23px!important;padding:0!important;border:0!important;border-radius:6px!important;color:var(--sv-color-text-faint)!important;background:transparent!important;opacity:0!important;cursor:pointer!important}.ops-task-row:hover .ops-task-delete,.ops-task-delete:focus-visible{opacity:1!important}.ops-task-delete:hover{color:var(--ops9-danger)!important;background:#251512!important}.ops-task-empty{display:grid!important;place-items:center!important;align-content:center!important;gap:7px!important;min-height:230px!important;color:var(--ops9-muted)!important;text-align:center!important} /* Main task flow */ .ops-task-detail{display:block!important;min-width:0!important;height:100dvh!important;min-height:0!important;margin:0!important;padding:0!important;overflow:auto!important;background:var(--ops9-bg)!important}.ops-view[hidden],.ops-selected-brief[hidden],.ops-platform-work[hidden],.ops-preview-pane[hidden],.ops-preview-backdrop[hidden],.ops-strategy[hidden],.ops-strategy-backdrop[hidden]{display:none!important} .ops-adapt-view{position:relative!important;display:flex!important;flex-direction:column!important;gap:14px!important;box-sizing:border-box!important;width:min(1180px,100%)!important;max-width:1180px!important;min-width:0!important;min-height:100dvh!important;height:auto!important;margin:0 auto!important;padding:22px 26px 44px!important;overflow:visible!important} .ops-selected-brief{position:static!important;display:flex!important;flex:0 0 auto!important;flex-direction:column!important;grid-template-columns:none!important;grid-template-rows:none!important;gap:15px!important;width:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0 0 19px!important;border:0!important;border-bottom:1px solid var(--ops9-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.ops-selected-heading{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:24px!important;width:100%!important}.ops-selected-heading>div{display:grid!important;gap:5px!important;min-width:0!important}.ops-selected-heading>div>span{color:var(--ops9-accent)!important;font: 800 10px/1 var(--sv-font-sans);letter-spacing:.1em!important}.ops-selected-heading h3{margin:0!important;overflow:hidden!important;color:var(--ops9-text)!important;font: 760 27px/1.12 var(--sv-font-sans);letter-spacing:-.045em!important;text-overflow:ellipsis!important;white-space:nowrap!important}.ops-selected-heading p{margin:0!important;color:var(--ops9-muted)!important;font: 500 11px/1.45 var(--sv-font-sans)}.ops-selected-heading nav{display:flex!important;gap:8px!important;flex:0 0 auto!important} #opsSelectedSource,#opsDeleteUnit{height:34px!important;padding:0 12px!important;border:1px solid var(--ops9-line-strong)!important;border-radius:8px!important;color:var(--sv-color-text-muted)!important;background:var(--sv-color-surface)!important;font: 600 10px/1 var(--sv-font-sans);cursor:pointer!important}#opsDeleteUnit:hover{color:var(--ops9-danger)!important;border-color:#694039!important;background:#1c110f!important} .ops-selected-media{position:static!important;display:flex!important;grid-column:auto!important;grid-row:auto!important;gap:10px!important;width:100%!important;min-width:0!important;min-height:88px!important;margin:0!important;padding:0 2px 2px!important;overflow-x:auto!important}.ops-selected-media-slot{position:relative!important;flex:0 0 88px!important;width:88px!important;height:88px!important}.ops-selected-media-open{position:relative!important;display:block!important;width:88px!important;height:88px!important;padding:0!important;overflow:hidden!important;border:1px solid #303831!important;border-radius:9px!important;background:var(--sv-color-surface-strong)!important;cursor:zoom-in!important}.ops-selected-media-item,.ops-selected-media .video-tile{width:100%!important;height:100%!important;border:0!important;border-radius:0!important;object-fit:cover!important}.ops-selected-media-open>small{position:absolute!important;right:5px!important;bottom:5px!important;padding:3px 5px!important;border-radius:4px!important;color:var(--sv-color-text)!important;background:rgba(4,7,5,.76)!important;font:700 8px/1 monospace!important} .ops-selected-media-remove{position:absolute!important;top:5px!important;right:5px!important;z-index:2!important;width:22px!important;height:22px!important;padding:0!important;border:1px solid var(--sv-color-border)!important;border-radius:6px!important;color:var(--sv-color-text)!important;background:rgba(5,8,6,.8)!important;opacity:0!important;cursor:pointer!important}.ops-selected-media-slot:hover .ops-selected-media-remove,.ops-selected-media-remove:focus-visible{opacity:1!important}.ops-selected-media-add{display:grid!important;place-items:center!important;align-content:center!important;gap:7px!important;flex:0 0 88px!important;width:88px!important;height:88px!important;padding:0!important;border:1px dashed #3d463e!important;border-radius:9px!important;color:var(--sv-color-text-muted)!important;background:var(--sv-color-surface)!important;cursor:pointer!important}.ops-selected-media-add:hover{color:var(--ops9-accent)!important;border-color:rgba(var(--sv-brand-rgb), .62)!important}.ops-selected-media-add b{font: 400 25px/1 var(--sv-font-sans)}.ops-selected-media-add span{font: 600 9px/1 var(--sv-font-sans)} /* Platform tabs stay in normal flow */ .ops-variant-cards{position:static!important;z-index:auto!important;display:flex!important;flex:0 0 auto!important;grid-column:auto!important;grid-row:auto!important;gap:0!important;width:fit-content!important;max-width:100%!important;height:54px!important;min-height:54px!important;margin:0!important;padding:0!important;overflow-x:auto!important;border:1px solid var(--ops9-line)!important;border-radius:10px!important;background:var(--sv-color-surface-subtle)!important}.ops-variant-card{position:relative!important;display:flex!important;grid-template-columns:none!important;grid-template-rows:none!important;flex:0 0 184px!important;align-items:center!important;width:184px!important;height:52px!important;min-height:52px!important;margin:0!important;padding:8px 14px!important;overflow:hidden!important;border:0!important;border-right:1px solid var(--ops9-line)!important;border-radius:0!important;color:var(--ops9-text)!important;background:transparent!important;box-shadow:none!important;transform:none!important}.ops-variant-card:last-child{border-right:0!important}.ops-variant-card:hover{background:var(--sv-color-surface-strong)!important;transform:none!important}.ops-variant-card.is-active{background:var(--sv-color-surface-hover)!important;box-shadow:inset 0 -2px 0 var(--ops9-accent)!important}.ops-variant-card.is-active::after{display:none!important}.ops-variant-card-head{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;width:100%!important}.ops-variant-card-head .ops-brand-icon{width:30px!important;height:30px!important;border-radius:9px!important}.ops-variant-label{min-width:0!important}.ops-variant-label strong{display:block!important;overflow:hidden!important;color:var(--ops9-text)!important;font: 700 13px/1.2 var(--sv-font-sans);text-overflow:ellipsis!important;white-space:nowrap!important}.ops-variant-label small,.ops-variant-card-head em,.ops-version-action,.ops-card-preview,.ops-variant-card-foot{display:none!important} /* Editor and readiness */ .ops-adapt-workspace{position:static!important;display:block!important;grid-column:auto!important;grid-row:auto!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important}.ops-platform-work{position:static!important;display:grid!important;grid-template-columns:minmax(0,1fr) 270px!important;grid-template-rows:auto auto minmax(310px,auto) auto!important;column-gap:16px!important;row-gap:14px!important;width:100%!important;min-width:0!important;min-height:500px!important;margin:0!important;padding:18px!important;overflow:visible!important;border:1px solid var(--ops9-line)!important;border-radius:12px!important;background:linear-gradient(180deg,var(--sv-color-surface),var(--sv-color-canvas-raised))!important} .ops-workspace-head{position:static!important;display:flex!important;grid-column:1/-1!important;grid-row:1!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin:0!important;padding:0 0 14px!important;border-bottom:1px solid var(--ops9-line)!important}.ops-workspace-head>div{display:grid!important;gap:4px!important}.ops-workspace-head h3{margin:0!important;color:var(--ops9-text)!important;font: 740 18px/1.2 var(--sv-font-sans)}.ops-workspace-head>div>span{color:var(--ops9-muted)!important;font: 550 10px/1.3 var(--sv-font-sans);letter-spacing:0!important}.ops-platform-settings{height:34px!important;padding:0 12px!important;border:1px solid var(--ops9-line-strong)!important;border-radius:8px!important;color:var(--sv-color-text-muted)!important;background:var(--sv-color-surface-strong)!important;font: 650 10px/1 var(--sv-font-sans);cursor:pointer!important} .ops-generation-control{position:static!important;display:grid!important;grid-column:1!important;grid-row:2!important;grid-template-columns:minmax(230px,1fr) auto auto!important;align-items:end!important;gap:10px!important;min-width:0!important;margin:0!important;padding:0 0 13px!important;border-bottom:1px solid var(--ops9-line)!important;background:transparent!important}.ops-generation-control>label{display:grid!important;gap:6px!important}.ops-generation-control>label>span{color:var(--sv-color-text-muted)!important;font: 650 10px/1.2 var(--sv-font-sans)}.ops-generation-control select{width:100%!important;height:38px!important;padding:0 34px 0 12px!important;border:1px solid var(--ops9-line-strong)!important;border-radius:8px!important;color:var(--ops9-text)!important;background:var(--sv-color-surface-strong)!important;font: 550 11px/1 var(--sv-font-sans)}#opsInlineSkillInfo{height:38px!important;padding:0 12px!important;border:1px solid var(--ops9-line-strong)!important;border-radius:8px!important;color:var(--sv-color-text-muted)!important;background:var(--sv-color-surface-strong)!important;font: 600 10px/1 var(--sv-font-sans)} #opsGenerationModes{display:flex!important;align-items:center!important;gap:7px!important;align-self:center!important}#opsGenerationModes button{height:34px!important;padding:0 14px!important;border:1px solid var(--ops9-line-strong)!important;border-radius:999px!important;color:var(--sv-color-text-muted)!important;background:transparent!important;font: 650 10px/1 var(--sv-font-sans)}#opsGenerationModes button.is-active{border-color:var(--ops9-accent)!important;color: var(--sv-color-on-brand)!important;background:var(--ops9-accent)!important}#opsGenerationModeHint{grid-column:1/-1!important;margin:-2px 0 0!important;color:var(--ops9-muted)!important;font: 500 9px/1.45 var(--sv-font-sans)} .ops-edit-pane{position:static!important;display:grid!important;grid-column:1!important;grid-row:3!important;grid-template-rows:auto auto minmax(170px,1fr) auto!important;gap:13px!important;min-width:0!important;min-height:310px!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}.ops-edit-pane label{display:grid!important;gap:7px!important}.ops-edit-pane label[hidden]{display:none!important}.ops-field-label{display:flex!important;justify-content:space-between!important}.ops-field-label b{color:var(--sv-color-text-muted)!important;font: 650 11px/1.2 var(--sv-font-sans)}.ops-field-label small{color:var(--ops9-muted)!important;font:600 9px/1 monospace!important}.ops-edit-pane input,.ops-edit-pane textarea{box-sizing:border-box!important;width:100%!important;border:1px solid #313932!important;border-radius:8px!important;outline:0!important;color:var(--ops9-text)!important;background:var(--sv-color-surface)!important;box-shadow:none!important;font: 500 13px/1.65 var(--sv-font-sans)}.ops-edit-pane input{min-height:43px!important;padding:0 13px!important}.ops-edit-pane textarea{min-height:188px!important;height:100%!important;padding:13px!important;resize:vertical!important}.ops-edit-pane input:focus,.ops-edit-pane textarea:focus,.ops-generation-control select:focus{border-color:rgba(var(--sv-brand-rgb), .7)!important;box-shadow:0 0 0 3px rgba(var(--sv-brand-rgb), .07)!important}.ops-topic-help{color:var(--ops9-muted)!important;font: 500 9px/1.4 var(--sv-font-sans)}.ops-topic-chips{display:flex!important;flex-wrap:wrap!important;gap:6px!important}.ops-topic-chips:empty{display:none!important} .ops-publish-ready{position:static!important;display:flex!important;grid-column:2!important;grid-row:2/4!important;flex-direction:column!important;align-self:stretch!important;min-width:0!important;margin:0!important;padding:15px!important;border:1px solid var(--ops9-line)!important;border-radius:10px!important;background:var(--sv-color-surface)!important}.ops-publish-ready>header,.ops-generation-history>header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}.ops-publish-ready>header{padding:0 0 12px!important;border-bottom:1px solid var(--ops9-line)!important}.ops-publish-ready>header>span{color:var(--ops9-text)!important;font: 720 14px/1.2 var(--sv-font-sans)}.ops-publish-ready>header button{padding:0!important;border:0!important;color:var(--ops9-muted)!important;background:transparent!important;font: 600 9px/1 var(--sv-font-sans)}.ops-publish-ready dl{display:grid!important;margin:0!important}.ops-publish-ready dl>div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:42px!important;border-bottom:1px solid var(--ops9-line)!important}.ops-publish-ready dt{color:var(--ops9-muted)!important;font: 500 9px/1.3 var(--sv-font-sans)}.ops-publish-ready dd{margin:0!important;overflow:hidden!important;color:var(--sv-color-text)!important;font: 650 10px/1.3 var(--sv-font-sans);text-align:right!important;text-overflow:ellipsis!important;white-space:nowrap!important} .ops-generation-history{display:grid!important;gap:8px!important;margin:14px 0 0!important}.ops-generation-history>header span{font: 700 11px/1.2 var(--sv-font-sans)}.ops-generation-history>header small,#opsGenerationHistory em{color:var(--ops9-muted)!important;font-size:9px!important}.ops-publish-ready>p{display:grid!important;grid-template-columns:7px minmax(0,1fr)!important;gap:9px!important;margin:auto 0 12px!important;padding:12px!important;border:1px solid rgba(var(--sv-brand-rgb), .2)!important;border-radius:8px!important;color:var(--sv-color-text-muted)!important;background:rgba(var(--sv-brand-rgb), .045)!important;font: 500 9px/1.55 var(--sv-font-sans)}.ops-publish-ready>p i{width:7px!important;height:7px!important;margin-top:4px!important;border-radius:50%!important;background:var(--ops9-accent)!important}.ops-ready-preview{width:100%!important;height:40px!important;border:1px solid #3b443c!important;border-radius:8px!important;color:var(--ops9-text)!important;background:var(--sv-color-surface-strong)!important;font: 680 11px/1 var(--sv-font-sans)}.ops-ready-preview:hover{color: var(--sv-color-on-brand)!important;border-color:var(--ops9-accent)!important;background:var(--ops9-accent)!important} .ops-inline-actions{position:static!important;display:flex!important;grid-column:1/-1!important;grid-row:4!important;align-items:center!important;gap:8px!important;width:100%!important;margin:0!important;padding:14px 0 0!important;border-top:1px solid var(--ops9-line)!important}.ops-inline-actions button{height:38px!important;padding:0 15px!important;border:1px solid #343c35!important;border-radius:8px!important;color:var(--sv-color-text)!important;background:var(--sv-color-surface-strong)!important;font: 650 10px/1 var(--sv-font-sans)}.ops-inline-actions button.is-primary{border-color:var(--ops9-accent)!important;color: var(--sv-color-on-brand)!important;background:var(--ops9-accent)!important}.ops-inline-actions button.is-link{height:auto!important;padding:0!important;border:0!important;color:var(--ops9-muted)!important;background:transparent!important}.ops-inline-actions .ops-review-shortcut{margin-left:auto!important} /* Independent right drawers */ .ops-strategy-backdrop,.ops-preview-backdrop{position:fixed!important;inset:0!important;background:rgba(0,0,0,.66)!important;backdrop-filter:blur(2px)!important}.ops-strategy-backdrop{z-index:79!important}.ops-preview-backdrop{z-index:89!important}.ops-strategy{position:fixed!important;inset:0 0 0 auto!important;z-index:80!important;display:flex!important;flex-direction:column!important;width:min(440px,100vw)!important;max-width:none!important;height:100dvh!important;padding:20px!important;overflow:auto!important;border:0!important;border-left:1px solid var(--ops9-line)!important;border-radius:0!important;background:var(--sv-color-surface-subtle)!important;box-shadow:-24px 0 70px rgba(0,0,0,.42)!important} .ops-preview-pane{position:fixed!important;inset:0 0 0 auto!important;z-index:90!important;display:flex!important;flex-direction:column!important;width:min(540px,100vw)!important;max-width:none!important;height:100dvh!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;border-left:1px solid var(--ops9-line)!important;border-radius:0!important;background:var(--sv-color-surface)!important;box-shadow:-28px 0 80px rgba(0,0,0,.48)!important}.ops-preview-drawer-head{display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:space-between!important;min-height:72px!important;padding:16px 20px!important;border-bottom:1px solid var(--ops9-line)!important}.ops-preview-drawer-head>div{display:grid!important;gap:5px!important}.ops-preview-drawer-head small{color:var(--ops9-accent)!important;font: 800 9px/1 var(--sv-font-sans);letter-spacing:.1em!important}.ops-preview-drawer-head strong{color:var(--ops9-text)!important;font: 740 21px/1.1 var(--sv-font-sans)}#opsPreviewClose{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;padding:0!important;border:1px solid var(--ops9-line)!important;border-radius:50%!important;color:var(--sv-color-text)!important;background:var(--sv-color-surface-strong)!important;font-size:20px!important} .ops-preview-carousel{flex:0 0 auto!important;width:min(360px,calc(100% - 48px))!important;margin:20px auto 0!important}.ops-preview-viewport{position:relative!important;width:100%!important;height:auto!important;aspect-ratio:3/4!important;overflow:hidden!important;border:7px solid #1b211c!important;border-radius:24px!important;background:var(--sv-color-surface-subtle)!important;box-shadow:0 18px 48px rgba(0,0,0,.32)!important}.ops-preview-pane[data-platform="douyin"] .ops-preview-carousel{width:min(300px,calc(100% - 48px))!important}.ops-preview-pane[data-platform="douyin"] .ops-preview-viewport{aspect-ratio:9/16!important}.ops-preview-pane[data-platform="wechat_official"] .ops-preview-carousel{width:min(440px,calc(100% - 48px))!important}.ops-preview-pane[data-platform="wechat_official"] .ops-preview-viewport{aspect-ratio:2.35/1!important;border-width:1px!important;border-radius:8px!important} .ops-preview-track,.ops-preview-slide,.ops-preview-slide img,.ops-preview-slide .video-tile{width:100%!important;height:100%!important}.ops-preview-track{display:flex!important}.ops-preview-slide{display:grid!important;flex:0 0 100%!important;place-items:center!important;overflow:hidden!important;color:var(--ops9-muted)!important;background:var(--sv-color-surface-strong)!important}.ops-preview-slide img{object-fit:cover!important}.ops-preview-arrow{position:absolute!important;top:50%!important;z-index:2!important;width:36px!important;height:48px!important;border:0!important;border-radius:8px!important;color:var(--sv-color-text)!important;background:rgba(8,11,9,.65)!important;transform:translateY(-50%)!important}.ops-preview-arrow.is-prev{left:10px!important}.ops-preview-arrow.is-next{right:10px!important}.ops-preview-position{position:absolute!important;right:12px!important;bottom:10px!important;z-index:2!important;padding:4px 7px!important;border-radius:999px!important;color:var(--sv-color-text)!important;background:rgba(6,9,7,.72)!important;font:700 9px/1 monospace!important}.ops-preview-dots{display:flex!important;justify-content:center!important;gap:6px!important;min-height:28px!important}.ops-preview-dots button{width:6px!important;height:6px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#465047!important}.ops-preview-dots button.is-active{width:20px!important;border-radius:999px!important;background:var(--ops9-accent)!important} .ops-preview-copy{flex:1 1 auto!important;width:min(360px,calc(100% - 48px))!important;min-height:0!important;margin:2px auto 18px!important;overflow:auto!important}.ops-preview-copy>span{color:var(--ops9-accent)!important;font: 750 10px/1.3 var(--sv-font-sans)}.ops-preview-copy h4{margin:8px 0!important;color:var(--ops9-text)!important;font: 740 21px/1.3 var(--sv-font-sans)}.ops-preview-copy p{margin:0!important;color:var(--sv-color-text)!important;font: 500 12px/1.75 var(--sv-font-sans);white-space:pre-wrap!important}#opsPreviewTopics{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:12px!important}#opsPreviewTopics span{padding:5px 8px!important;border-radius:999px!important;color:var(--sv-color-text-muted)!important;background:var(--sv-color-surface-elevated)!important;font: 550 9px/1 var(--sv-font-sans)}.ops-preview-drawer-actions{display:flex!important;flex:0 0 auto!important;gap:10px!important;padding:14px 20px 16px!important;border-top:1px solid var(--ops9-line)!important}.ops-preview-drawer-actions button{flex:1!important;height:44px!important;border:1px solid #39413a!important;border-radius:9px!important;color:var(--ops9-text)!important;background:var(--sv-color-surface-strong)!important;font: 680 11px/1 var(--sv-font-sans)}.ops-preview-drawer-actions button.is-primary{border-color:var(--ops9-accent)!important;color: var(--sv-color-on-brand)!important;background:var(--ops9-accent)!important} /* Media lightbox retained */ .ops-media-viewer{width:min(920px,calc(100vw - 48px))!important;max-height:calc(100dvh - 48px)!important;padding:0!important;overflow:hidden!important;border:1px solid #303730!important;border-radius:12px!important;color:var(--ops9-text)!important;background:var(--sv-color-surface-subtle)!important}.ops-media-viewer::backdrop{background:rgba(0,0,0,.72)!important}.ops-media-viewer>header,.ops-media-viewer>footer{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:13px 16px!important;border-bottom:1px solid var(--ops9-line)!important}.ops-media-viewer-body{display:grid!important;place-items:center!important;height:min(70dvh,720px)!important;padding:18px!important;background:var(--sv-color-canvas)!important}.ops-media-viewer-body img,.ops-media-viewer-body video{display:block!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}.ops-media-viewer>footer{border-top:1px solid var(--ops9-line)!important;border-bottom:0!important}.ops-media-viewer>footer nav{display:flex!important;gap:7px!important} .ops-task-desk button:focus-visible,.ops-task-desk a:focus-visible,.ops-task-desk input:focus-visible,.ops-task-desk textarea:focus-visible,.ops-task-desk select:focus-visible{outline:2px solid rgba(var(--sv-brand-rgb), .75)!important;outline-offset:2px!important} @media(max-width:1180px){.ops-task-desk{grid-template-columns:238px minmax(0,1fr)!important}.ops-adapt-view{padding:20px 18px 40px!important}.ops-platform-work{grid-template-columns:minmax(0,1fr) 248px!important}.ops-generation-control{grid-template-columns:minmax(210px,1fr) auto!important}#opsGenerationModes{grid-column:1/-1!important;justify-content:flex-start!important}} @media(max-width:900px){body.has-app-rail{overflow:auto!important}.ops-task-desk{display:block!important;height:auto!important}.ops-nav-rail{height:auto!important;max-height:340px!important;border-right:0!important;border-bottom:1px solid var(--ops9-line)!important}.ops-task-list{display:flex!important;flex:0 0 auto!important;overflow-x:auto!important}.ops-task-row{flex:0 0 226px!important}.ops-task-delete,.ops-selected-media-remove{opacity:1!important}.ops-task-detail{height:auto!important;overflow:visible!important}.ops-adapt-view{min-height:0!important}.ops-platform-work{grid-template-columns:1fr!important;grid-template-rows:auto auto auto auto auto!important}.ops-workspace-head,.ops-inline-actions{grid-column:1!important}.ops-generation-control{grid-column:1!important;grid-row:2!important}.ops-edit-pane{grid-column:1!important;grid-row:3!important}.ops-publish-ready{grid-column:1!important;grid-row:4!important}.ops-inline-actions{grid-row:5!important}} @media(max-width:620px){.ops-adapt-view{padding:16px 12px 34px!important}.ops-selected-heading{display:grid!important;gap:13px!important}.ops-selected-heading h3{font-size:23px!important}.ops-variant-card{flex-basis:158px!important;width:158px!important}.ops-generation-control{grid-template-columns:1fr!important}#opsInlineSkillInfo,#opsGenerationModes{grid-column:1!important;justify-self:stretch!important}#opsGenerationModes{overflow-x:auto!important}.ops-inline-actions{flex-wrap:wrap!important}.ops-inline-actions .ops-review-shortcut{width:100%!important;margin-left:0!important}.ops-preview-pane{width:100vw!important}.ops-media-viewer{width:calc(100vw - 20px)!important}} /* Scheme B / confirmed compact three-column console */ .ops-task-desk{ grid-template-columns:236px minmax(0,1fr)!important; } .ops-nav-rail{ padding:20px 14px 14px!important; } .ops-nav-rail>header{ padding:0 7px 16px!important; } .ops-nav-rail>header h1{ font-size:21px!important; } .ops-inbox-heading{ margin:20px 7px 11px!important; } .ops-task-detail{ overflow:hidden!important; } .ops-adapt-view{ --ops-console-width:clamp(350px,22vw,420px); --ops-console-gap:14px; width:100%!important; max-width:1380px!important; height:100dvh!important; min-height:0!important; gap:10px!important; padding:16px 18px!important; overflow:hidden!important; } .ops-selected-brief{ width:calc(100% - var(--ops-console-width) - var(--ops-console-gap))!important; gap:10px!important; padding:0 0 12px!important; } .ops-selected-heading h3{ font-size:24px!important; } .ops-selected-media{ gap:8px!important; min-height:72px!important; } .ops-selected-media-slot, .ops-selected-media-open, .ops-selected-media-add{ flex-basis:72px!important; width:72px!important; height:72px!important; } .ops-selected-media-open>small{ display:none!important; } .ops-selected-media-remove{ top:4px!important; right:4px!important; display:grid!important; place-items:center!important; width:20px!important; height:20px!important; opacity:1!important; border-radius:50%!important; font: 700 13px/1 var(--sv-font-sans); } .ops-selected-media-add{ gap:4px!important; } .ops-selected-media-add b{ font-size:21px!important; } .ops-variant-cards{ width:calc(100% - var(--ops-console-width) - var(--ops-console-gap))!important; height:48px!important; min-height:48px!important; } .ops-variant-card{ flex-basis:190px!important; width:190px!important; height:48px!important; min-height:48px!important; padding:7px 13px!important; } .ops-variant-card-head{ grid-template-columns:34px minmax(0,1fr)!important; gap:10px!important; } .ops-variant-card-head .ops-brand-icon{ width:34px!important; height:34px!important; border-radius:10px!important; } .ops-variant-label strong{ font-size:14px!important; } .ops-adapt-workspace{ flex:1 1 auto!important; width:calc(100% - var(--ops-console-width) - var(--ops-console-gap))!important; min-height:0!important; } .ops-platform-work{ box-sizing:border-box!important; grid-template-columns:minmax(0,1fr)!important; grid-template-rows:auto minmax(0,1fr)!important; column-gap:14px!important; row-gap:10px!important; height:100%!important; min-height:0!important; padding:14px!important; overflow:hidden!important; } .ops-workspace-head{ grid-column:1!important; grid-row:1!important; min-height:42px!important; padding:0 0 10px!important; } .ops-save-state{ display:inline-flex!important; align-items:center!important; gap:5px!important; color:var(--sv-color-text-muted)!important; font: 600 9px/1 var(--sv-font-sans); } .ops-save-state::before{ width:6px; height:6px; border-radius:50%; background:#687168; content:""; } .ops-save-state.is-dirty{color:#d8aa55!important} .ops-save-state.is-dirty::before{background:#d8aa55} .ops-save-state.is-saving{color:var(--sv-color-text-muted)!important} .ops-save-state.is-saving::before{background:var(--ops9-accent);animation:ops-save-pulse 1s ease-in-out infinite} .ops-save-state.is-saved{color:var(--sv-color-text-muted)!important} .ops-save-state.is-saved::before{background:#6d7d6b} .ops-save-state.is-error{color:var(--ops9-danger)!important} .ops-save-state.is-error::before{background:var(--ops9-danger)} @keyframes ops-save-pulse{50%{opacity:.28}} .ops-edit-pane{ grid-column:1!important; grid-row:2!important; grid-template-rows:auto auto minmax(150px,1fr) auto!important; min-height:0!important; height:100%!important; padding:2px 5px 2px 0!important; overflow:auto!important; scrollbar-gutter:stable!important; } .ops-edit-pane textarea{ min-height:160px!important; } .ops-publish-ready{ position:absolute!important; top:16px!important; right:18px!important; bottom:16px!important; z-index:2!important; width:var(--ops-console-width)!important; grid-column:auto!important; grid-row:auto!important; align-self:stretch!important; height:auto!important; min-height:0!important; padding:0!important; overflow:hidden!important; background:var(--sv-color-surface)!important; } .ops-publish-head{ display:flex!important; flex:0 0 auto!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; min-height:74px!important; padding:17px 16px 14px!important; border-bottom:1px solid var(--ops9-line)!important; } .ops-publish-head>div{ display:grid!important; gap:7px!important; } .ops-publish-head strong{ color:var(--ops9-text)!important; font: 740 20px/1.05 var(--sv-font-sans); letter-spacing:-.025em!important; } .ops-publish-head>div>span{ display:flex!important; align-items:center!important; gap:6px!important; color:var(--ops9-muted)!important; font: 600 10px/1 var(--sv-font-sans); } .ops-publish-head>div>span i{ width:7px!important; height:7px!important; border-radius:50%!important; background:var(--ops9-accent)!important; } .ops-platform-settings{ flex:0 0 auto!important; height:32px!important; padding:0 11px!important; font-size:10px!important; } .ops-publish-scroll{ display:flex!important; flex:1 1 auto!important; flex-direction:column!important; gap:14px!important; min-height:0!important; padding:15px 16px!important; overflow:auto!important; } .ops-publish-card, .ops-publish-check{ display:grid!important; gap:8px!important; margin:0!important; padding:0 0 14px!important; border:0!important; border-bottom:1px solid var(--ops9-line)!important; background:transparent!important; } .ops-publish-card>span, .ops-publish-card>label{ color:var(--sv-color-text-muted)!important; font: 650 11px/1.2 var(--sv-font-sans); } .ops-publish-card select{ box-sizing:border-box!important; width:100%!important; height:42px!important; padding:0 32px 0 10px!important; border:1px solid var(--ops9-line-strong)!important; border-radius:7px!important; outline:0!important; color:var(--ops9-text)!important; background:var(--sv-color-surface)!important; font: 600 11px/1 var(--sv-font-sans); } .ops-publish-card select:focus{ border-color:rgba(var(--sv-brand-rgb), .66)!important; box-shadow:0 0 0 3px rgba(var(--sv-brand-rgb), .07)!important; } .ops-publish-card>p{ margin:0!important; color:var(--ops9-muted)!important; font: 500 9px/1.5 var(--sv-font-sans); } .ops-current-account{ display:grid!important; grid-template-columns:36px minmax(0,1fr) auto!important; align-items:center!important; gap:9px!important; min-height:60px!important; padding:9px 10px!important; border:1px solid var(--ops9-line-strong)!important; border-radius:8px!important; color:var(--ops9-text)!important; background:var(--sv-color-surface)!important; text-decoration:none!important; } .ops-current-account:hover{ border-color:rgba(var(--sv-brand-rgb), .55)!important; background:var(--sv-color-surface-strong)!important; } .ops-current-account>.ops-brand-icon, #opsCurrentAccountIcon .ops-brand-icon{ width:36px!important; height:36px!important; border-radius:10px!important; } #opsCurrentAccountIcon .ops-brand-icon svg{ width:68%!important; height:68%!important; } #opsCurrentAccountIcon .ops-brand-icon b{ overflow:visible!important; max-width:none!important; text-overflow:clip!important; white-space:normal!important; } .ops-current-account>span:nth-child(2){ display:grid!important; gap:3px!important; min-width:0!important; } .ops-current-account>span:nth-child(2)>b, .ops-current-account>span:nth-child(2)>small{ overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .ops-current-account>span:nth-child(2)>b{ font: 650 12px/1.2 var(--sv-font-sans); } .ops-current-account>span:nth-child(2)>small{ color:var(--ops9-muted)!important; font: 500 9px/1.2 var(--sv-font-sans); } .ops-current-account>em{ color:var(--sv-color-text-muted)!important; font: 650 9px/1 var(--sv-font-sans); white-space:nowrap!important; } #opsSelectWritingSkill{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:9px!important; width:100%!important; min-height:58px!important; padding:9px 10px!important; border:1px solid var(--ops9-line-strong)!important; border-radius:8px!important; color:var(--ops9-text)!important; background:var(--sv-color-surface)!important; text-align:left!important; } #opsSelectWritingSkill:hover{ border-color:rgba(var(--sv-brand-rgb), .55)!important; background:var(--sv-color-surface-strong)!important; } #opsSelectWritingSkill>span{ display:grid!important; gap:4px!important; min-width:0!important; } #opsSelectWritingSkill b, #opsSelectWritingSkill small{ overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } #opsSelectWritingSkill b{ font: 650 12px/1.2 var(--sv-font-sans); } #opsSelectWritingSkill small{ color:var(--ops9-muted)!important; font: 500 9px/1.25 var(--sv-font-sans); } #opsSelectWritingSkill em{ color:var(--ops9-accent)!important; font: 650 9px/1 var(--sv-font-sans); white-space:nowrap!important; } .ops-publish-check>header, .ops-generation-history>header{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:8px!important; } .ops-publish-check>header span, .ops-generation-history>header span{ color:var(--sv-color-text)!important; font: 700 12px/1.2 var(--sv-font-sans); } .ops-publish-check>header small{ color:var(--ops9-accent)!important; font: 650 9px/1 var(--sv-font-sans); } .ops-publish-check dl{ display:grid!important; margin:0!important; } .ops-publish-check dl>div{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; min-height:29px!important; border-bottom:1px solid rgba(35,42,36,.72)!important; } .ops-publish-check dl>div:last-child{ border-bottom:0!important; } .ops-publish-check dt{ color:var(--ops9-muted)!important; font: 500 9px/1.2 var(--sv-font-sans); } .ops-publish-check dd{ margin:0!important; overflow:hidden!important; color:var(--sv-color-text)!important; font: 650 10px/1.2 var(--sv-font-sans); text-align:right!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .ops-generation-history{ margin:0!important; padding-bottom:10px!important; border-bottom:1px solid var(--ops9-line)!important; } #opsGenerationHistory{ display:grid!important; gap:7px!important; min-width:0!important; } #opsGenerationHistory button{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; gap:5px 10px!important; width:100%!important; min-width:0!important; padding:10px!important; overflow:hidden!important; border:1px solid var(--ops9-line)!important; border-radius:8px!important; color:var(--sv-color-text)!important; background:var(--sv-color-surface-strong)!important; text-align:left!important; } #opsGenerationHistory button:hover, #opsGenerationHistory button.is-active{ border-color:rgba(var(--sv-brand-rgb), .34)!important; background:var(--sv-color-surface-elevated)!important; } #opsGenerationHistory button b{ min-width:0!important; overflow:hidden!important; font: 650 10px/1.35 var(--sv-font-sans); text-overflow:ellipsis!important; white-space:nowrap!important; } #opsGenerationHistory button span{ color:var(--ops9-accent)!important; font: 650 9px/1.35 var(--sv-font-sans); } #opsGenerationHistory button small{ grid-column:1/-1!important; overflow:hidden!important; color:var(--ops9-muted)!important; font: 500 8px/1.3 var(--sv-font-sans); text-overflow:ellipsis!important; white-space:nowrap!important; } .ops-manual-publish-note{ display:grid!important; grid-template-columns:7px minmax(0,1fr)!important; gap:8px!important; margin:auto 0 0!important; padding:9px!important; border:1px solid rgba(var(--sv-brand-rgb), .18)!important; border-radius:7px!important; color:var(--sv-color-text-muted)!important; background:rgba(var(--sv-brand-rgb), .04)!important; font: 500 9px/1.5 var(--sv-font-sans); } .ops-manual-publish-note i{ width:7px!important; height:7px!important; margin-top:3px!important; border-radius:50%!important; background:var(--ops9-accent)!important; } .ops-publish-actions{ display:grid!important; flex:0 0 auto!important; grid-template-columns:1fr 1.18fr!important; gap:8px!important; padding:11px 12px 12px!important; border-top:1px solid var(--ops9-line)!important; background:var(--sv-color-surface)!important; } .ops-publish-actions button{ height:44px!important; padding:0 10px!important; border:1px solid #39423a!important; border-radius:8px!important; color:var(--sv-color-text)!important; background:var(--sv-color-surface-strong)!important; font: 700 11px/1 var(--sv-font-sans); transition:border-color .2s ease,background .2s ease,color .2s ease,transform .15s ease!important; } .ops-publish-actions button:hover{ border-color:rgba(var(--sv-brand-rgb), .7)!important; } .ops-publish-actions button:active{ transform:translateY(1px)!important; } .ops-publish-actions button.is-primary{ border-color:var(--ops9-accent)!important; color: var(--sv-color-on-brand)!important; background:var(--ops9-accent)!important; } .ops-publish-actions button:disabled{ cursor:not-allowed!important; opacity:.55!important; } .ops-hidden-actions, .ops-inline-actions{ display:none!important; } /* Writing Skill card picker */ .ops-writing-skill-picker{ box-sizing:border-box!important; width:min(1040px,calc(100vw - 48px))!important; max-width:none!important; height:min(720px,calc(100dvh - 48px))!important; max-height:none!important; margin:auto!important; padding:0!important; overflow:hidden!important; border:1px solid #303830!important; border-radius:14px!important; color:var(--ops9-text)!important; background:var(--sv-color-surface-subtle)!important; box-shadow:0 30px 100px rgba(0,0,0,.58)!important; } .ops-writing-skill-picker[open]{ display:flex!important; flex-direction:column!important; } .ops-writing-skill-picker::backdrop{ background:rgba(0,0,0,.72)!important; backdrop-filter:blur(3px)!important; } .ops-writing-skill-picker>header{ display:flex!important; flex:0 0 auto!important; align-items:flex-start!important; justify-content:space-between!important; gap:18px!important; padding:18px 20px 15px!important; border-bottom:1px solid var(--ops9-line)!important; } .ops-writing-skill-picker>header>div{ display:grid!important; gap:5px!important; } .ops-writing-skill-picker>header small{ color:var(--ops9-accent)!important; font: 800 9px/1 var(--sv-font-sans); letter-spacing:.1em!important; } .ops-writing-skill-picker>header h3{ margin:0!important; font: 760 22px/1.1 var(--sv-font-sans); letter-spacing:-.035em!important; } .ops-writing-skill-picker>header p{ margin:0!important; color:var(--ops9-muted)!important; font: 500 10px/1.4 var(--sv-font-sans); } #opsWritingSkillClose{ display:grid!important; place-items:center!important; width:34px!important; height:34px!important; padding:0!important; border:1px solid var(--ops9-line-strong)!important; border-radius:50%!important; color:var(--sv-color-text)!important; background:var(--sv-color-surface-strong)!important; font-size:18px!important; } .ops-writing-skill-toolbar{ display:flex!important; flex:0 0 auto!important; align-items:end!important; justify-content:space-between!important; gap:14px!important; padding:13px 20px!important; border-bottom:1px solid var(--ops9-line)!important; } .ops-writing-skill-toolbar label{ display:grid!important; gap:5px!important; width:min(480px,70%)!important; } .ops-writing-skill-toolbar label span, .ops-writing-skill-toolbar>span{ color:var(--ops9-muted)!important; font: 650 9px/1.2 var(--sv-font-sans); } .ops-writing-skill-toolbar input{ box-sizing:border-box!important; width:100%!important; height:38px!important; padding:0 12px!important; border:1px solid var(--ops9-line-strong)!important; border-radius:8px!important; outline:0!important; color:var(--ops9-text)!important; background:var(--sv-color-surface)!important; } .ops-writing-skill-toolbar input:focus{ border-color:rgba(var(--sv-brand-rgb), .68)!important; box-shadow:0 0 0 3px rgba(var(--sv-brand-rgb), .07)!important; } .ops-writing-skill-body{ display:grid!important; flex:1 1 auto!important; grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr)!important; min-height:0!important; } .ops-writing-skill-list{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; align-content:start!important; gap:9px!important; min-height:0!important; padding:14px!important; overflow:auto!important; border-right:1px solid var(--ops9-line)!important; } .ops-writing-skill-option{ position:relative!important; display:grid!important; align-content:start!important; gap:8px!important; min-height:132px!important; padding:13px!important; border:1px solid var(--ops9-line)!important; border-radius:10px!important; color:var(--ops9-text)!important; background:var(--sv-color-surface)!important; text-align:left!important; } .ops-writing-skill-option:hover{ border-color:#465146!important; background:var(--sv-color-surface-strong)!important; } .ops-writing-skill-option.is-active{ border-color:var(--ops9-accent)!important; background:linear-gradient(135deg,rgba(var(--sv-brand-rgb), .1),rgba(var(--sv-brand-rgb), .02))!important; box-shadow:inset 0 0 0 1px rgba(var(--sv-brand-rgb), .18)!important; } .ops-writing-skill-option>span{ display:grid!important; gap:4px!important; } .ops-writing-skill-option b{ font: 700 12px/1.2 var(--sv-font-sans); } .ops-writing-skill-option small{ overflow:hidden!important; color:var(--sv-color-text-faint)!important; font:500 8px/1 monospace!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .ops-writing-skill-option p{ display:-webkit-box!important; margin:0!important; overflow:hidden!important; color:var(--sv-color-text-muted)!important; font: 500 9px/1.5 var(--sv-font-sans); -webkit-box-orient:vertical!important; -webkit-line-clamp:3!important; } .ops-writing-skill-option em{ align-self:end!important; color:var(--ops9-accent)!important; font: 650 8px/1 var(--sv-font-sans); } .ops-writing-skill-detail{ display:flex!important; flex-direction:column!important; min-height:0!important; padding:22px!important; overflow:auto!important; background:transparent!important; } .ops-writing-skill-detail>span{ color:var(--ops9-accent)!important; font: 750 9px/1 var(--sv-font-sans); } .ops-writing-skill-detail h4{ margin:12px 0 5px!important; font: 760 24px/1.15 var(--sv-font-sans); letter-spacing:-.04em!important; } .ops-writing-skill-detail code{ color:var(--sv-color-text-muted)!important; font:500 9px/1 monospace!important; } .ops-writing-skill-detail>p{ max-width:58ch!important; margin:22px 0!important; color:var(--sv-color-text)!important; font: 500 11px/1.7 var(--sv-font-sans); } .ops-writing-skill-detail dl{ display:grid!important; margin:0!important; border-top:1px solid var(--ops9-line)!important; } .ops-writing-skill-detail dl>div{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:16px!important; min-height:42px!important; border-bottom:1px solid var(--ops9-line)!important; } .ops-writing-skill-detail dt{ color:var(--ops9-muted)!important; font: 500 9px/1 var(--sv-font-sans); } .ops-writing-skill-detail dd{ margin:0!important; color:var(--sv-color-text)!important; font: 650 9px/1.3 var(--sv-font-sans); text-align:right!important; } .ops-writing-skill-detail>button{ align-self:flex-start!important; margin-top:auto!important; padding:0!important; border:0!important; color:var(--ops9-accent)!important; background:transparent!important; font: 650 9px/1 var(--sv-font-sans); } .ops-writing-skill-picker>footer{ display:flex!important; flex:0 0 auto!important; justify-content:flex-end!important; gap:9px!important; padding:12px 20px 14px!important; border-top:1px solid var(--ops9-line)!important; } .ops-writing-skill-picker>footer button{ height:38px!important; padding:0 16px!important; border:1px solid var(--ops9-line-strong)!important; border-radius:8px!important; color:var(--ops9-text)!important; background:var(--sv-color-surface-strong)!important; font: 680 10px/1 var(--sv-font-sans); } .ops-writing-skill-picker>footer button.is-primary{ border-color:var(--ops9-accent)!important; color: var(--sv-color-on-brand)!important; background:var(--ops9-accent)!important; } .ops-writing-skill-empty{ grid-column:1/-1!important; padding:42px 16px!important; color:var(--ops9-muted)!important; font: 500 10px/1.5 var(--sv-font-sans); text-align:center!important; } @media(max-width:1180px){ .ops-task-desk{grid-template-columns:218px minmax(0,1fr)!important} .ops-adapt-view{--ops-console-width:300px;padding:14px!important} .ops-platform-work{grid-template-columns:minmax(0,1fr)!important} .ops-publish-ready{top:14px!important;right:14px!important;bottom:14px!important} } @media(max-width:900px){ body.has-app-rail{overflow:auto!important} .ops-task-detail{height:auto!important;overflow:visible!important} .ops-adapt-view{height:auto!important;min-height:0!important;overflow:visible!important} .ops-selected-brief,.ops-variant-cards,.ops-adapt-workspace{width:100%!important} .ops-adapt-workspace{min-height:620px!important} .ops-platform-work{grid-template-columns:1fr!important;grid-template-rows:auto minmax(420px,auto) minmax(520px,auto)!important;height:auto!important;overflow:visible!important} .ops-workspace-head{grid-column:1!important;grid-row:1!important} .ops-edit-pane{grid-column:1!important;grid-row:2!important;overflow:visible!important} .ops-publish-ready{position:static!important;width:100%!important;grid-column:1!important;grid-row:3!important;height:auto!important;min-height:520px!important} } @media(max-width:720px){ .ops-writing-skill-picker{width:calc(100vw - 20px)!important;height:calc(100dvh - 20px)!important} .ops-writing-skill-body{grid-template-columns:1fr!important} .ops-writing-skill-list{grid-template-columns:1fr!important;border-right:0!important;border-bottom:1px solid var(--ops9-line)!important} .ops-writing-skill-detail{display:none!important} } /* v10 interaction and rhythm pass: roomy console, sortable media, rules and review */ .ops-adapt-view{ --ops-console-width:clamp(380px,23vw,440px)!important; --ops-console-gap:18px!important; gap:14px!important; padding:22px 22px 18px!important; } .ops-inbox-heading{margin:17px 6px 12px!important} .ops-selected-brief{gap:14px!important;padding-bottom:16px!important} .ops-selected-heading{align-items:flex-end!important;justify-content:flex-start!important;gap:26px!important} .ops-selected-heading>div{flex:0 1 auto!important} .ops-selected-heading nav{display:flex!important;gap:9px!important;margin:0 0 1px!important} #opsSelectedSource,#opsOpenReview{height:34px!important;padding:0 13px!important;border:1px solid var(--sv-color-border)!important;border-radius:8px!important;color:var(--sv-color-text)!important;background:var(--sv-color-canvas-raised)!important;font: 650 10px/1 var(--sv-font-sans)} #opsSelectedSource:hover,#opsOpenReview:hover{border-color:rgba(var(--sv-brand-rgb), .52)!important;color:var(--ops9-accent)!important} .ops-selected-media{gap:9px!important;padding-bottom:3px!important} .ops-selected-media-slot[draggable="true"]{cursor:grab!important} .ops-selected-media-slot[draggable="true"]:active{cursor:grabbing!important} .ops-selected-media-slot.is-dragging{opacity:.42!important;transform:scale(.96)!important} .ops-selected-media-slot.is-cover .ops-selected-media-open{border-color:rgba(var(--sv-brand-rgb), .68)!important} .ops-selected-media-cover{position:absolute!important;left:5px!important;bottom:5px!important;z-index:2!important;padding:3px 6px!important;border-radius:5px!important;color: var(--sv-color-on-brand)!important;background:var(--ops9-accent)!important;font: 750 8px/1 var(--sv-font-sans);pointer-events:none!important} .ops-workspace-head>div{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important} .ops-workspace-head h3{flex:0 0 auto!important} .ops-workspace-head>div>span{padding:4px 7px!important;border-radius:5px!important;background:rgba(var(--sv-brand-rgb), .055)!important;white-space:nowrap!important} .ops-publish-ready{background:var(--sv-color-canvas)!important} .ops-publish-head{min-height:82px!important;padding:18px 18px 16px!important} .ops-publish-head>div{gap:8px!important} .ops-publish-head nav{display:flex!important;align-items:center!important;gap:8px!important;margin-left:auto!important} .ops-platform-settings{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;height:34px!important;padding:0 11px!important;border:1px solid var(--sv-color-border)!important;border-radius:8px!important;color:var(--sv-color-text-muted)!important;background:var(--sv-color-canvas-raised)!important;font: 650 10px/1 var(--sv-font-sans);white-space:nowrap!important} .ops-platform-settings:hover{border-color:rgba(var(--sv-brand-rgb), .48)!important;color:var(--ops9-accent)!important} .ops-publish-scroll{gap:18px!important;padding:18px!important} .ops-publish-card,.ops-publish-check{gap:10px!important;padding-bottom:17px!important} .ops-current-account{min-height:64px!important;padding:11px 12px!important} .ops-control-option{grid-template-columns:42px minmax(0,1fr)!important;gap:11px!important} button.ops-control-icon{appearance:none!important;padding:0!important;cursor:pointer!important} button.ops-control-icon:hover{border-color:rgba(var(--sv-brand-rgb), .55)!important;color:var(--ops9-accent)!important} .ops-publish-check dl{gap:1px!important} .ops-publish-check dl>div{min-height:35px!important;padding:0 2px!important} .ops-generation-history{padding-bottom:15px!important} .ops-manual-publish-note{padding:11px!important} .ops-publish-actions{gap:10px!important;padding:14px 16px 16px!important} .ops-publish-actions button{height:44px!important} .ops-media-viewer{width:min(720px,calc(100vw - 56px))!important;max-height:calc(100dvh - 72px)!important;background:var(--sv-color-canvas)!important} .ops-media-viewer-body{height:min(58dvh,560px)!important;padding:20px!important;background:var(--sv-color-canvas)!important} #opsMediaViewerCover:not(:disabled){border-color:rgba(var(--sv-brand-rgb), .5)!important;color:var(--ops9-accent)!important} #opsMediaViewerCover:disabled{opacity:.48!important} .ops-task-rules{width:min(720px,calc(100vw - 40px))!important;padding:0!important;overflow:hidden!important;border:1px solid var(--sv-color-border)!important;border-radius:13px!important;color:var(--ops9-text)!important;background:var(--sv-color-canvas)!important} .ops-task-rules::backdrop{background:rgba(0,0,0,.76)!important} .ops-task-rules>header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:20px!important;padding:20px 22px!important;border-bottom:1px solid var(--sv-color-border-soft)!important} .ops-task-rules>header>div{display:grid!important;gap:6px!important}.ops-task-rules>header small{color:var(--ops9-accent)!important;font: 750 9px/1 var(--sv-font-sans);letter-spacing:.1em!important}.ops-task-rules h3{margin:0!important;font: 740 22px/1.1 var(--sv-font-sans)}.ops-task-rules>header p{margin:0!important;color:var(--ops9-muted)!important;font: 500 11px/1.5 var(--sv-font-sans)}.ops-task-rules>header>button{width:34px!important;height:34px!important;border:1px solid var(--sv-color-border)!important;border-radius:8px!important;color:var(--sv-color-text)!important;background:var(--sv-color-surface-subtle)!important} .ops-task-rule-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;padding:18px 22px!important}.ops-task-rule{display:grid!important;align-content:start!important;gap:9px!important;min-height:168px!important;padding:16px!important;border:1px solid var(--sv-color-border-soft)!important;border-radius:10px!important;color:var(--ops9-text)!important;background:var(--sv-color-canvas-raised)!important;text-align:left!important}.ops-task-rule:hover,.ops-task-rule.is-active{border-color:rgba(var(--sv-brand-rgb), .55)!important;background:rgba(var(--sv-brand-rgb), .045)!important}.ops-task-rule>span{color:var(--ops9-accent)!important;font: 700 9px/1 var(--sv-font-sans)}.ops-task-rule strong{font: 700 15px/1.2 var(--sv-font-sans)}.ops-task-rule p{margin:0!important;color:var(--sv-color-text-muted)!important;font: 500 11px/1.55 var(--sv-font-sans)}.ops-task-rule small{margin-top:auto!important;color:var(--ops9-muted)!important;font: 500 9px/1.45 var(--sv-font-sans)} .ops-task-rules>footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:14px 22px 18px!important;border-top:1px solid var(--sv-color-border-soft)!important}.ops-task-rules>footer span{color:var(--ops9-muted)!important;font: 500 10px/1.45 var(--sv-font-sans)}.ops-task-rules>footer button{height:36px!important;padding:0 18px!important;border:1px solid var(--ops9-accent)!important;border-radius:8px!important;color: var(--sv-color-on-brand)!important;background:var(--ops9-accent)!important;font: 700 10px/1 var(--sv-font-sans)} .ops-review-monitor{display:grid!important;gap:16px!important;padding:20px!important;border:1px solid var(--sv-color-border-soft)!important;border-radius:12px!important;background:var(--sv-color-canvas)!important}.ops-review-monitor>header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important}.ops-review-monitor>header>div{display:grid!important;gap:5px!important}.ops-review-monitor>header span{color:var(--ops9-accent)!important;font: 750 9px/1 var(--sv-font-sans);letter-spacing:.08em!important}.ops-review-monitor h3{margin:0!important;font: 730 19px/1.2 var(--sv-font-sans)}.ops-review-monitor>header em{padding:6px 9px!important;border-radius:999px!important;color:var(--sv-color-text-muted)!important;background:var(--sv-color-surface)!important;font: 650 9px/1 var(--sv-font-sans)}.ops-review-monitor>header em.is-observed{color: var(--sv-color-on-brand)!important;background:var(--ops9-accent)!important} .ops-review-monitor-form{display:grid!important;grid-template-columns:150px minmax(260px,1fr) 130px auto!important;align-items:end!important;gap:10px!important}.ops-review-monitor-form label{display:grid!important;gap:6px!important}.ops-review-monitor-form label>span{color:var(--ops9-muted)!important;font: 600 10px/1 var(--sv-font-sans)}.ops-review-monitor-form input,.ops-review-monitor-form select{box-sizing:border-box!important;width:100%!important;height:40px!important;padding:0 11px!important;border:1px solid var(--sv-color-border)!important;border-radius:8px!important;color:var(--ops9-text)!important;background:var(--sv-color-canvas)!important;font: 550 11px/1 var(--sv-font-sans)}.ops-review-monitor-form button{height:40px!important;padding:0 15px!important;border:1px solid var(--ops9-accent)!important;border-radius:8px!important;color: var(--sv-color-on-brand)!important;background:var(--ops9-accent)!important;font: 700 10px/1 var(--sv-font-sans)}.ops-review-monitor-form button:disabled{opacity:.45!important}.ops-review-monitor>p{margin:0!important;color:var(--ops9-muted)!important;font: 500 10px/1.55 var(--sv-font-sans)}.ops-review-monitor>dl{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;margin:0!important;border-top:1px solid var(--sv-color-border-soft)!important}.ops-review-monitor>dl>div{display:grid!important;gap:6px!important;padding:14px 12px 0!important;border-right:1px solid var(--sv-color-border-soft)!important}.ops-review-monitor>dl>div:last-child{border-right:0!important}.ops-review-monitor dt{color:var(--ops9-muted)!important;font: 500 9px/1 var(--sv-font-sans)}.ops-review-monitor dd{margin:0!important;color:var(--ops9-text)!important;font: 680 13px/1.2 var(--sv-font-sans)} @media(max-width:1180px){.ops-adapt-view{--ops-console-width:320px!important;--ops-console-gap:14px!important}.ops-publish-scroll{padding:15px!important}.ops-publish-head{padding-inline:15px!important}.ops-publish-head nav{gap:5px!important}.ops-platform-settings{padding-inline:8px!important}.ops-review-monitor-form{grid-template-columns:130px minmax(220px,1fr) 120px!important}.ops-review-monitor-form button{grid-column:1/-1!important;justify-self:start!important}} @media(max-width:900px){.ops-adapt-view{padding:18px!important}.ops-selected-heading{align-items:flex-start!important}.ops-publish-ready{min-height:580px!important}.ops-review-monitor-form{grid-template-columns:1fr!important}.ops-review-monitor-form button{grid-column:auto!important;justify-self:stretch!important}.ops-review-monitor>dl{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ops-task-rule-list{grid-template-columns:1fr!important}.ops-task-rule{min-height:0!important}} /* v6 precision pass: neutral-black surfaces, tighter spatial rhythm and editable settings */ .ops-task-detail{ background:var(--ops9-bg)!important; } .ops-nav-rail{ padding:16px 13px 12px!important; background:var(--sv-color-canvas)!important; border-right-color:var(--sv-color-border-soft)!important; } .ops-nav-rail>header{ padding:0 6px 13px!important; border-bottom-color:var(--sv-color-border-soft)!important; } .ops-nav-rail>header::before{margin-bottom:7px!important} .ops-nav-rail>header h1{margin-bottom:5px!important;font-size:22px!important} .ops-nav-rail>header p{font-size:11px!important} .ops-inbox-heading{ gap:3px!important; margin:14px 6px 9px!important; } .ops-inbox-heading strong{font-size:17px!important} .ops-inbox-heading small{font-size:10px!important} .ops-task-list{gap:7px!important;padding-inline:0!important} .ops-task-item{ min-height:78px!important; padding:9px 28px 9px 9px!important; border-color:var(--sv-color-border-soft)!important; background:var(--sv-color-canvas)!important; } .ops-task-item:hover{border-color:var(--sv-color-border-strong)!important;background:var(--sv-color-canvas-raised)!important} .ops-task-item.is-active{background:var(--sv-color-selection-bg)!important} .ops-task-thumb{background:var(--sv-color-surface)!important} .ops-task-item small{font-size:10px!important} .ops-task-item strong{margin-bottom:5px!important;font-size:14px!important} .ops-task-item p{font-size:10px!important} .ops-adapt-view{ max-width:none!important; margin:0!important; gap:12px!important; padding:26px 16px 14px!important; } .ops-selected-brief{gap:12px!important;padding-bottom:14px!important} .ops-selected-heading>div{gap:3px!important} .ops-selected-heading>div>span{font-size:10px!important} .ops-selected-heading h3{font-size:25px!important} .ops-selected-heading p{font-size:12px!important} #opsSelectedSource,#opsDeleteUnit{background:var(--sv-color-canvas-raised)!important} .ops-selected-media{gap:7px!important} .ops-selected-media-open, .ops-selected-media-add{border-color:var(--sv-color-border)!important;background:var(--sv-color-canvas-raised)!important} .ops-selected-media-remove{background:rgba(0,0,0,.78)!important} .ops-variant-cards{ border-color:var(--sv-color-border-soft)!important; background:var(--sv-color-canvas)!important; } .ops-variant-card{border-right-color:var(--sv-color-border-soft)!important} .ops-variant-card:hover{background:var(--sv-color-surface-subtle)!important} .ops-variant-card.is-active{background:var(--sv-color-surface)!important} .ops-platform-work{ padding:13px 14px!important; border-color:var(--sv-color-border-soft)!important; background:var(--sv-color-canvas)!important; } .ops-workspace-head{padding-bottom:9px!important;border-bottom-color:var(--sv-color-border-soft)!important} .ops-workspace-head h3{font-size:19px!important} .ops-workspace-head>div>span{font-size:11px!important} .ops-edit-pane{ grid-template-rows:auto minmax(150px,1fr) auto!important; gap:11px!important; } .ops-edit-pane.has-summary{ grid-template-rows:auto auto minmax(150px,1fr) auto!important; } .ops-topic-field{ align-self:start!important; min-height:0!important; } .ops-field-label b{font-size:12px!important} .ops-field-label small{font-size:10px!important} .ops-edit-pane input,.ops-edit-pane textarea{ border-color:var(--sv-color-border)!important; background:var(--sv-color-canvas-raised)!important; font-size:14px!important; } .ops-topic-help{font-size:10px!important} .ops-publish-ready{ border-color:var(--sv-color-border-soft)!important; background:var(--sv-color-canvas)!important; } .ops-publish-head{ min-height:68px!important; padding:14px 15px 12px!important; border-bottom-color:var(--sv-color-border-soft)!important; } .ops-publish-head strong{font-size:21px!important} .ops-publish-head>div>span{font-size:10px!important} .ops-publish-scroll{gap:10px!important;padding:12px 14px!important} .ops-publish-card,.ops-publish-check{ gap:7px!important; padding-bottom:11px!important; border-bottom-color:var(--sv-color-border-soft)!important; } .ops-publish-card>span,.ops-publish-card>label{font-size:12px!important} .ops-current-account{ min-height:56px!important; border-color:var(--sv-color-border)!important; background:var(--sv-color-canvas)!important; } .ops-current-account:hover{background:var(--sv-color-surface)!important} .ops-current-account>span:nth-child(2)>b{font-size:12px!important} .ops-current-account>span:nth-child(2)>small{font-size:10px!important} .ops-current-account>em{font-size:10px!important} .ops-control-option{ display:grid!important; grid-template-columns:38px minmax(0,1fr)!important; align-items:center!important; gap:10px!important; } .ops-control-icon{ display:grid!important; flex:0 0 38px!important; place-items:center!important; width:38px!important; height:38px!important; border:1px solid var(--sv-color-border-soft)!important; border-radius:9px!important; color:var(--sv-color-text)!important; background:var(--sv-color-surface)!important; } .ops-control-icon svg{ width:20px!important; height:20px!important; fill:none!important; stroke:currentColor!important; stroke-width:1.55!important; stroke-linecap:round!important; stroke-linejoin:round!important; } .ops-control-icon.is-skill{color:var(--ops9-accent)!important;background:rgba(var(--sv-brand-rgb), .07)!important} .ops-control-option>select{ width:100%!important; height:38px!important; border-color:var(--sv-color-border)!important; background:var(--sv-color-canvas)!important; font-size:12px!important; } #opsSelectWritingSkill{ justify-content:flex-start!important; min-height:58px!important; border-color:var(--sv-color-border)!important; background:var(--sv-color-canvas)!important; } #opsSelectWritingSkill:hover{background:var(--sv-color-surface)!important} #opsSelectWritingSkill>span{flex:1 1 auto!important} #opsSelectWritingSkill b{font-size:12px!important} #opsSelectWritingSkill small{font-size:10px!important} #opsSelectWritingSkill em{font-size:10px!important} .ops-publish-check>header span,.ops-generation-history>header span{font-size:12px!important} .ops-publish-check dt,.ops-publish-check dd{font-size:10px!important} #opsGenerationHistory button{border-color:var(--sv-color-border-soft)!important;background:var(--sv-color-surface-subtle)!important} .ops-manual-publish-note{border-color:rgba(var(--sv-brand-rgb), .14)!important;background:rgba(var(--sv-brand-rgb), .025)!important;font-size:10px!important} .ops-publish-actions{border-top-color:var(--sv-color-border-soft)!important;background:var(--sv-color-canvas)!important} .ops-publish-actions button{border-color:var(--sv-color-border)!important;background:var(--sv-color-surface)!important;font-size:12px!important} .ops-strategy{ padding:18px!important; border-left-color:var(--sv-color-border-soft)!important; background:var(--sv-color-canvas)!important; } .ops-guidance-head{ display:flex!important; align-items:flex-start!important; justify-content:space-between!important; gap:18px!important; padding:0 0 15px!important; border-bottom:1px solid var(--sv-color-border-soft)!important; } .ops-guidance-head>div{display:grid!important;gap:5px!important} .ops-guidance-head>div>span{color:var(--sv-color-text)!important;font: 700 10px/1 var(--sv-font-sans);letter-spacing:.08em!important} .ops-guidance-head h3{margin:0!important;font-size:24px!important;line-height:1.1!important} .ops-guidance-head p{margin:0!important;color:var(--ops9-muted)!important;font-size:11px!important;line-height:1.45!important} .ops-current-task{margin:12px 0 0!important;padding:13px 14px!important} .ops-current-task h4{margin:7px 0 4px!important;font-size:17px!important} .ops-current-task p{margin:0!important;font-size:10px!important;line-height:1.55!important} .ops-strategy-config-body{display:grid!important;gap:12px!important;padding-top:13px!important} .ops-strategy-config-body>header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important} .ops-strategy-config-body>header h4{margin:0!important;font-size:14px!important} .ops-strategy-config-body>header p{margin:0!important;font-size:10px!important} .ops-strategy-card,.ops-current-task{ border-color:var(--sv-color-border-soft)!important; background:var(--sv-color-canvas)!important; } .ops-strategy-card{margin:0!important;padding:14px!important} .ops-production-card{display:grid!important;gap:12px!important} .ops-strategy-card-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important} .ops-strategy-card-head>span{color:var(--sv-color-text)!important;font: 680 12px/1.2 var(--sv-font-sans)} .ops-strategy-card-head>small{color:var(--ops9-muted)!important;font: 600 9px/1.2 var(--sv-font-sans)} .ops-strategy-form-grid{ display:grid!important; grid-template-columns:1fr!important; gap:11px!important; } .ops-strategy-form-grid label{display:grid!important;gap:6px!important} .ops-strategy-form-grid label>span{color:var(--ops9-muted)!important;font: 600 10px/1.2 var(--sv-font-sans)} .ops-strategy-form-grid select{ box-sizing:border-box!important; width:100%!important; height:44px!important; padding:0 30px 0 10px!important; border:1px solid var(--sv-color-border)!important; border-radius:8px!important; outline:0!important; color:var(--ops9-text)!important; background:var(--sv-color-canvas)!important; font: 600 12px/1 var(--sv-font-sans); } .ops-strategy-form-grid select:focus{border-color:rgba(var(--sv-brand-rgb), .62)!important} .ops-strategy-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important} .ops-strategy-actions button{ min-height:40px!important; padding:0 10px!important; border:1px solid var(--sv-color-border)!important; border-radius:8px!important; color:var(--sv-color-text)!important; background:var(--sv-color-surface)!important; font: 680 11px/1 var(--sv-font-sans); } .ops-strategy-actions button.is-primary{border-color:var(--ops9-accent)!important;color: var(--sv-color-on-brand)!important;background:var(--ops9-accent)!important} .ops-strategy-actions button:not(.is-primary){min-height:30px!important;padding:0!important;border:0!important;color:var(--sv-color-text)!important;background:transparent!important;text-align:left!important} .ops-strategy-actions button:not(.is-primary):hover{color:var(--ops9-accent)!important} .ops-strategy-actions button:disabled{opacity:.5!important} .ops-strategy-status{display:block!important;min-height:14px!important;color:var(--ops9-accent)!important;font: 600 10px/1.4 var(--sv-font-sans)} .ops-platform-rules{display:grid!important;gap:10px!important;background:transparent!important} .ops-platform-rules dl{margin:0!important} .ops-platform-rules dl>div{min-height:34px!important;border-bottom:1px solid var(--sv-color-border-soft)!important} .ops-platform-rules dl>div:last-child{border-bottom:0!important} .ops-platform-rules dt{font-size:10px!important} .ops-platform-rules dd{max-width:66%!important;font-size:10px!important;white-space:normal!important} .ops-writing-skill-picker,.ops-preview-pane{background:var(--sv-color-canvas)!important} @media(max-width:1180px){ .ops-adapt-view{max-width:none!important;margin:0!important;padding:22px 14px 12px!important} } @media(max-width:900px){ .ops-strategy-form-grid{grid-template-columns:1fr!important} } /* v11 final balance: preserve the precision pass while restoring console breathing room */ .ops-adapt-view{ gap:14px!important; padding:24px 18px 18px!important; } .ops-selected-brief{gap:14px!important;padding-bottom:16px!important} .ops-selected-heading>div{gap:4px!important} .ops-selected-heading nav{margin-left:0!important} .ops-selected-media{gap:8px!important} .ops-platform-work{padding:15px 16px!important} .ops-workspace-head{padding-bottom:11px!important} .ops-publish-head{ min-height:78px!important; padding:17px 18px 15px!important; } .ops-publish-scroll{ gap:15px!important; padding:16px 18px!important; } .ops-publish-card,.ops-publish-check{ gap:10px!important; padding-bottom:16px!important; } .ops-current-account{min-height:62px!important;padding:10px 12px!important} .ops-control-option{grid-template-columns:42px minmax(0,1fr)!important;gap:11px!important} #opsSelectWritingSkill{min-height:64px!important;padding:10px 11px!important} .ops-publish-check dl>div{min-height:36px!important} #opsGenerationHistory{gap:9px!important} #opsGenerationHistory button{padding:11px!important} .ops-manual-publish-note{padding:12px!important;line-height:1.55!important} .ops-publish-actions{padding:15px 17px 17px!important} @media(max-width:1180px){ .ops-adapt-view{padding:22px 15px 15px!important} .ops-publish-head{padding-inline:15px!important} .ops-publish-scroll{padding:15px!important} } /* v12 polish: title/status align, console action cluster, butler clearance */ .ops-adapt-view{ --ops-console-width:clamp(350px,20vw,400px)!important; --ops-console-gap:52px!important; padding-right:12px!important; } .ops-publish-ready{ right:48px!important; } .ops-publish-head{ align-items:flex-start!important; gap:10px!important; padding:16px 16px 14px!important; /* match scroll right edge → 平台设置对齐参考线 */ } .ops-publish-head>div{ display:grid!important; gap:8px!important; min-width:0!important; } .ops-publish-head strong{ padding-left:13px!important; /* 7px status dot + 6px gap → 与「准备就绪」首字对齐 */ } .ops-publish-head>div>span{ display:flex!important; align-items:center!important; gap:6px!important; } .ops-publish-head>div>span i{ flex:0 0 7px!important; width:7px!important; height:7px!important; margin:0!important; } .ops-publish-head nav{ display:flex!important; flex:0 0 auto!important; flex-wrap:wrap!important; align-items:center!important; justify-content:flex-end!important; gap:8px!important; margin:1px 0 0 auto!important; max-width:100%!important; } .ops-publish-scroll{ padding-inline:16px!important; } .ops-publish-actions{ padding-inline:16px!important; } .ops-selected-heading{ justify-content:flex-start!important; width:100%!important; } #opsSelectedSource, #opsOpenReview, .ops-platform-settings{ box-sizing:border-box!important; height:34px!important; padding:0 12px!important; border:1px solid var(--sv-color-border)!important; border-radius:8px!important; color:var(--sv-color-text)!important; background:var(--sv-color-canvas-raised)!important; font: 650 10px/1 var(--sv-font-sans); white-space:nowrap!important; } #opsSelectedSource:hover, #opsOpenReview:hover, .ops-platform-settings:hover{ border-color:rgba(var(--sv-brand-rgb), .52)!important; color:var(--ops9-accent)!important; } #opsSelectedSource:disabled{ opacity:.45!important; cursor:not-allowed!important; } @media(max-width:1180px){ .ops-adapt-view{ --ops-console-width:300px!important; --ops-console-gap:44px!important; } .ops-publish-ready{right:40px!important} .ops-publish-head{padding-inline:14px!important} .ops-publish-scroll,.ops-publish-actions{padding-inline:14px!important} .ops-publish-head nav{gap:6px!important} #opsSelectedSource,#opsOpenReview,.ops-platform-settings{padding-inline:10px!important} } @media(max-width:900px){ .ops-adapt-view{--ops-console-gap:14px!important;padding-right:18px!important} .ops-publish-ready{right:auto!important} .ops-publish-head{ flex-wrap:wrap!important; align-items:flex-start!important; } .ops-publish-head nav{ width:100%!important; margin-left:0!important; justify-content:flex-start!important; } } /* Surface hierarchy shared with other light workspaces. */ html[data-theme="light"] .ops-nav-rail { background:var(--sv-color-canvas-raised)!important; } html[data-theme="light"] .ops-task-detail { background:var(--sv-color-surface)!important; } html[data-theme="light"] :is(.ops-edit-pane,.ops-publish-ready) { background:var(--sv-color-surface-subtle)!important; border-color:var(--sv-color-border)!important; }