body[data-page=media],body[data-page=workbench]{--accent:#246549;--soft:#e2f3e8}body[data-page=knowledge]{--accent:#97601f;--soft:#fff0d3}body[data-page=write],body[data-page=images]{--accent:#7751ad;--soft:#eee5fa}body[data-page=drafts]{--accent:#32658e;--soft:#e5effa}body[data-page=orders]{--accent:#a25538;--soft:#ffeadf}.workspace-nav a[href="#knowledge"]{--nav-accent:#97601f;--nav-soft:#fff0d3}.workspace-nav a[href="#write"],.workspace-nav a[href="#images"]{--nav-accent:#7751ad;--nav-soft:#eee5fa}.workspace-nav a[href="#media"]{--nav-accent:#246549;--nav-soft:#e2f3e8}.workspace-nav a[href="#orders"]{--nav-accent:#a25538;--nav-soft:#ffeadf}.tone-amber{--tone-bg:#fff4df;--tone-ink:#78531d;--tone-accent:#a36a28;--tone-block:#ffe4af}.client-welcome{display:flex;justify-content:space-between;gap:32px;padding:30px;background:var(--tone-bg);border-radius:16px;color:var(--tone-ink)}.client-welcome p{color:var(--tone-ink);font-size:13px;max-width:60ch;margin:20px 0}.client-shortcuts{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.client-wallet{border-left:1px solid #c9e3d2;padding-left:30px;min-width:210px;display:flex;flex-direction:column;justify-content:center;gap:9px;font-size:13px}.client-wallet strong{font-size:30px;font-variant-numeric:tabular-nums;color:#246549}.client-wallet a{color:#246549;text-underline-offset:4px}.content-totals{display:flex;gap:32px;padding:20px 2px;color:#53665a;font-size:13px}.content-totals strong{font-size:19px;margin-left:9px;color:#293c34;font-variant-numeric:tabular-nums}.workflow-rows{display:flex;flex-direction:column}.workflow-row{display:flex;align-items:center;gap:16px;border-bottom:1px solid #e5ebe7;padding:20px 0;color:#293c34;text-decoration:none}.workflow-row:last-child{border:0}.workflow-row p{font-size:12px;margin:5px 0 0;color:#5a6f61}.workflow-row>.badge{margin-left:auto;white-space:nowrap}.workflow-symbol{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#e1f2e7;color:#277557;flex-shrink:0}.workflow-row:nth-child(2) .workflow-symbol{background:#eee5fa;color:#7751ad}.workflow-row:nth-child(3) .workflow-symbol{background:#e5effa;color:#32658e}.workflow-row:nth-child(4) .workflow-symbol{background:#f8e4f1;color:#a04b82}.workflow-row:hover{background:#fafcfb}.knowledge-intro,.writing-intro{padding:24px;background:var(--tone-bg);color:var(--tone-ink);border-radius:16px}.writing-intro>p{font-size:13px;color:var(--tone-ink);margin-bottom:0}.content-filter{display:grid;grid-template-columns:minmax(140px,1fr) minmax(180px,2fr) auto;gap:16px;align-items:end;margin:10px 0 24px}.content-filter label{margin-top:0}#draftSearchForm{grid-template-columns:1fr auto;max-width:760px}.excerpt{white-space:normal;max-width:330px;line-height:1.8;overflow-wrap:anywhere;max-height:3.6em;overflow:hidden}.content-empty{padding:35px 12px;text-align:center}.content-empty p{font-size:13px}.document-editor input[type=file]{font-size:12px;padding:10px;width:100%}.document-editor small{display:block;margin-top:6px}.editor-generation{display:flex;gap:12px;align-items:end;padding-bottom:1px}.editor-generation a{font-size:12px}.article-editor textarea{line-height:1.9;min-height:460px}.article-editor .row>.badge{font-size:12px}.pending-service>p{max-width:68ch;line-height:1.9;margin:24px 0}.pending-service .client-shortcuts{margin-top:28px}.document-editor .error:empty,.article-editor .error:empty{min-height:16px}.workflow-row:focus-visible{outline:3px solid #c9e3d2;outline-offset:2px}@media(max-width:950px){.client-welcome{display:block}.client-wallet{border-left:0;border-top:1px solid #c9e3d2;padding:20px 0 0;margin-top:24px}.client-wallet strong{font-size:26px}}@media(max-width:650px){.client-welcome{padding:22px}.content-totals{gap:18px;flex-wrap:wrap;padding:18px 2px}.content-totals strong{font-size:17px;margin-left:6px}.workflow-row{gap:12px;flex-wrap:wrap}.workflow-row>div{flex:1;min-width:180px}.workflow-row>.badge{margin-left:56px}.content-filter{grid-template-columns:1fr}.content-filter button{width:100%}#draftSearchForm{grid-template-columns:1fr}.knowledge-intro,.writing-intro{padding:20px}.article-editor textarea{min-height:400px}.editor-generation{margin-top:16px}.client-shortcuts .btn,.client-shortcuts button{flex:1;white-space:nowrap}.article-editor .row{align-items:stretch}.article-editor .row>div{display:flex;gap:8px;flex-wrap:wrap}.content-empty{padding:28px 0}}

.generated-preview{display:block;max-width:100%;max-height:720px;object-fit:contain;margin:20px 0;border-radius:12px;background:#f6f3fb}.wrap-cell{overflow-wrap:anywhere}#creationForm textarea{line-height:1.9}#creationForm>.row{margin-top:20px}#jobDetail .prompt-preview{max-height:600px;overflow:auto}body[data-page=images] .knowledge-intro{background:#f4e6f4;color:#7e3f79}

body[data-page=media] td:first-child{white-space:normal;min-width:160px;max-width:300px;overflow-wrap:anywhere}.creation-task-list{min-width:0}

.media-channel-switch{
    display:flex;
    gap:6px;
    overflow-x:auto;
    padding:4px 2px 10px;
    scrollbar-width:thin;
}
.media-channel-switch button{flex:none;min-height:42px;white-space:nowrap}
.media-channel-switch button[aria-pressed=true],.media-filters .media-chip[aria-pressed=true]{
    background:#23664d;
    color:#fff;
    border-color:#23664d;
}
.media-filters,.media-results{margin-block:12px 20px}
.media-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.media-panel-head h2{margin:0}
.media-panel-head p{margin:4px 0 0}
.media-reset{padding:4px 9px}
.media-facet{
    position:relative;
    min-width:0;
    border:0;
    border-top:1px solid #e7ede9;
    margin:0;
    padding:8px 0 8px 96px;
}
.media-facet legend{position:absolute;inset:15px auto auto 0;color:#27483a;font-size:13px;font-weight:650}
.media-chip-row{display:flex;gap:6px;flex-wrap:wrap}
.media-chip{
    padding:5px 10px;
    min-height:34px;
    background:#f5f8f6;
    border:1px solid #dae6de;
    color:#2a4638;
    font-size:13px;
    overflow-wrap:anywhere;
}
.media-chip:hover:not([aria-pressed=true]){background:#e8f2eb}
.media-more summary{width:max-content;cursor:pointer;color:#23664d;font-size:13px;padding-block:5px}
.media-advanced>summary{cursor:pointer;color:#23664d;padding:8px 0;border-top:1px solid #e7ede9;font-size:13px}

.media-source{
    display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:15px 0 20px;
    padding:11px 15px;border:1px solid #c6e8dc;border-radius:13px;background:#e4f6ee;color:#1e604c;
}
.media-source span{display:flex;align-items:center;gap:8px;font-weight:650}
.media-source svg{width:16px;height:16px}
.media-source small{color:#386554}
.media-source a{margin-left:auto;color:#23664d;text-underline-offset:3px;font-size:13px}
.media-workspace{padding:0;overflow:hidden;border-radius:18px}
.media-workspace .media-channel-switch{padding:0 22px;border-bottom:1px solid #e1e8e5;gap:14px}
.media-workspace .media-channel-switch button{display:flex;align-items:center;gap:6px;justify-content:center;padding:13px 4px 11px;border:0;border-bottom:3px solid transparent;border-radius:0;background:#fff;color:#526176}
.media-workspace .media-channel-switch button[aria-pressed=true]{color:#187760;border-bottom-color:#187760;font-weight:700}
.media-tab-count{font-size:11px;font-variant-numeric:tabular-nums;background:#edf2ef;color:#3e6556;border-radius:6px;padding:0 5px}
.media-workspace .media-filters,.media-workspace .media-results{margin:0;padding:18px 22px}
.media-workspace .media-results{border-top:1px solid #e1e8e5}
.media-workspace .media-search{border:0;padding-top:0;margin:0 0 14px}
.media-workspace .media-results .media-facet{padding:0;border:0}
.media-workspace .media-results .media-facet legend{position:static;padding:0 0 4px}
.media-workspace .media-chip[aria-pressed=true]{background:#d5f1e5;color:#165746;border-color:#b6e4d2}
.media-name{display:flex;align-items:center;gap:9px}
.media-name-mark{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:9px;background:#e4f3ec;color:#217057;font-weight:650}
.b2b-catalog{white-space:normal}
.b2b-catalog th{background:#e9f3ed;color:#27483a}
.b2b-catalog td{overflow-wrap:anywhere}
.b2b-catalog .media-result-price{font-weight:650;color:#187760}
.b2b-availability{display:inline-block;border-radius:6px;padding:3px 7px;background:#f3f0eb;color:#695638;font-size:12px}
.b2b-availability.is-ready{background:#d8f2e7;color:#175842}
.brand .header-brand-glyph{
    display:block;width:40px;height:40px;flex:none;color:#262921;
    transform-box:fill-box;transform-origin:center;
}
@media(prefers-reduced-motion:no-preference){
    .brand .header-brand-glyph .glyph-eyes{
        transform-box:fill-box;transform-origin:center;
        animation:meihe-brand-blink 7.5s ease-in-out infinite;
    }
    .brand:is(:hover,:focus-visible,:active) .header-brand-glyph{
        animation:meihe-brand-nod .65s cubic-bezier(.2,.8,.2,1);
    }
    .workspace-nav a:hover .glyph-eyes{transform:translateX(1px)}
}
@keyframes meihe-brand-blink{
    0%,42%,46%,100%{transform:scaleY(1)}
    44%{transform:scaleY(.12)}
}
@keyframes meihe-brand-nod{
    0%,100%{transform:rotate(0)}
    40%{transform:rotate(-8deg)}
    70%{transform:rotate(4deg)}
}
@media(max-width:650px){.brand .header-brand-glyph{width:32px;height:32px}}
@media(max-width:540px){
    .media-workspace .media-channel-switch{padding-inline:9px;gap:5px}
    .media-workspace .media-channel-switch button{gap:3px;font-size:11px}
    .media-tab-count{font-size:9px;padding:0 3px}
    .media-workspace .media-filters,.media-workspace .media-results{padding:14px 12px}
    .media-workspace .media-results .media-panel-head{flex-wrap:wrap}
    .media-source{gap:6px 10px;margin-block:10px}
    .media-source a{margin-left:0}
    .b2b-catalog td,.b2b-catalog th{padding:9px 3px;font-size:11px}
    .b2b-catalog td:first-child{min-width:0!important;width:24%}
    .b2b-catalog td button{margin:0;padding:5px;min-height:36px}
}
.media-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;border-top:1px solid #e7ede9;margin-top:8px;padding-top:12px}
.media-search label{margin-top:0}
.media-result-table{table-layout:auto;white-space:normal;font-variant-numeric:tabular-nums}
.media-result-table th{background:#e9f3ed;color:#27483a}
.media-result-table th,.media-result-table td{padding-inline:8px}
.media-result-table .media-result-title{width:23%;min-width:0;max-width:none}
.media-result-table .media-result-title button{margin:0;padding:0;min-height:30px;font-size:14px}
.media-result-table .media-result-price{white-space:nowrap;color:#1d6549;font-weight:700}
.media-result-table .media-result-action{white-space:nowrap}
.media-result-table .media-result-action button{margin-right:0}
.media-result-main td{border:0;padding-block:13px 5px;overflow-wrap:anywhere}
.media-result-table tbody{border-bottom:1px solid #e3ebe6}
.media-result-table tbody:nth-of-type(even){background:#f8fbf9}
.media-result-table .media-result-notes td{max-width:none;padding-block:4px 12px;color:#4d6358;font-size:12px;overflow-wrap:anywhere}
.media-result-notes strong{color:#334c40;margin-right:5px}
.media-empty{padding:26px 0;color:#27483a}
.media-empty p{margin:5px 0}
@media(max-width:900px){
    .media-result-table,.media-result-table tbody{display:block}
    .media-result-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
    .media-result-main{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 8px 6px}
    .media-result-table .media-result-main td{padding:0;min-width:0}
    .media-result-main td:not(.media-result-title,.media-result-price,.media-result-action)::before{
        display:block;content:attr(data-label);font-size:11px;color:#506259
    }
    .media-result-table .media-result-title{width:auto;grid-column:span 2}
    .media-result-main .media-result-price{justify-self:end;align-self:center}
    .media-result-main .media-result-action{grid-column:1/-1}
    .media-result-table .media-result-action button{min-height:40px;width:100%}
    .media-result-notes{display:block;padding:0 8px}
    .media-result-table .media-result-notes td{display:block;padding-inline:0;border:0}
}
@media(max-width:540px){
    .media-channel-switch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
    .media-channel-switch button{padding-inline:4px;font-size:12px}
    .media-facet{padding:8px 0}
    .media-facet legend{position:static;padding:0 7px 0 0}
    .media-chip{min-height:40px}
    .media-more summary{padding-block:9px}
}
