/* The shared studio surface. All business forms retain their original markup and IDs. */
:root {
  --ink:#252d30; --muted:#69767b; --canvas:#f4f6f6; --surface:#fff; --line:#e2e7e8;
  --teal:#247d79; --dark:#232a2e; --dark-2:#30393e; --green:#246c59; --red:#a84238; --amber:#8b601e;
  --radius:12px; --sidebar-width:224px; --agent-width:380px;
  --font:"MiSans","PingFang SC","Microsoft YaHei UI","Microsoft YaHei",sans-serif;
}
body { font-size:14px; line-height:1.7; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.ui-icon { display:inline-block; width:20px; height:20px; flex-shrink:0; vertical-align:middle; }
.sidebar { width:var(--sidebar-width); padding:28px 16px 22px; background:var(--dark); }
.brand { padding:0 10px; font-size:17px; letter-spacing:.2px; }
.brand-mark { width:36px; height:36px; border-radius:10px; background:#d9eeeb; color:#2a655f; font-size:23px; }
.brand small { color:#8fa5a7; font-size:9px; letter-spacing:1.2px; margin-top:4px; }
.shop-label { margin:28px 8px 24px; background:#2b3439; border-color:#3e4a50; color:#c8d2d4; padding:10px; border-radius:7px; font-size:12px; }
.shop-dot { background:#88bdb0; width:6px; height:6px; }
.tiny-tag { font-size:10px; color:#8ca7a4; }
.nav-label { color:#8c9ba2; font-size:11px; letter-spacing:.8px; margin:22px 12px 10px; }
.sidebar nav a { min-height:44px; padding:10px 12px; margin:4px 0; border-radius:7px; color:#b8c4ca; gap:12px; font-size:13px; }
.sidebar nav a>span:first-child { display:flex; align-items:center; width:20px; height:20px; color:#8fa2aa; }
.sidebar nav a.active { box-shadow:none; color:#fff; background:#364747; }
.sidebar nav a.active>span:first-child { color:#a5d4cb; }
.sidebar nav a:hover { background:#313e44; color:#f4f7f7; }
.nav-count { background:#4a5b5d; font-size:11px; min-width:20px; text-align:center; }
.sidebar-bottom { margin-top:28px; border-color:#3b474c; padding:22px 12px 0; }
.sidebar-note { font-family:var(--font); font-size:14px; line-height:1.8; color:#c1cdce; letter-spacing:.5px; }
.sidebar-bottom p { color:#92a2a8; font-size:11px; margin-top:12px; }
.sidebar-bottom>span { color:#84979e; font-size:10px; letter-spacing:1px; }
.workspace { margin-left:var(--sidebar-width); transition:margin-right .18s ease; min-width:0; }
.topbar { min-height:72px; height:auto; padding:16px 32px; gap:16px; background:#fff; }
.breadcrumb { font-size:12px; color:var(--muted); white-space:nowrap; }
.breadcrumb b { color:#425259; }
.topbar-status { flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.topbar-status .pill { font-size:11px; padding:4px 7px; }
.topbar-status .button { min-height:34px; padding:6px 10px; font-size:12px; }
.topbar-status .button .ui-icon { width:17px; height:17px; }
.icon-button { width:34px; height:34px; border-radius:7px; color:#5d7077; display:inline-flex; justify-content:center; align-items:center; flex-shrink:0; }
.icon-button:hover { background:#f0f5f4; border-color:#c4d7d4; }
main { max-width:1800px; padding:32px 32px 0; }
.page-heading { margin-bottom:28px; align-items:flex-end; flex-wrap:wrap; }
h1 { font-size:29px; line-height:1.4; letter-spacing:-.6px; font-weight:650; }
h2 { font-size:17px; font-weight:650; letter-spacing:-.2px; }
h3 { font-size:14px; }
.eyebrow { color:#648a89; font-size:10px; letter-spacing:1.8px; margin-bottom:8px; }
.page-description { color:#63747b; font-size:13px; margin-top:8px; }
.heading-meta { color:var(--muted); font-size:11px; display:flex; }
.pill { font-size:11px; padding:4px 8px; border-radius:5px; font-weight:500; }
.pill.muted { color:#5f6c72; background:#eef1f2; }
.pill.green { color:#2d7161; background:#e8f3ee; }
.pill.amber { color:#8b621e; background:#faf1df; }
.pill.red { color:#a33f35; background:#fbedea; }
.panel { border-color:var(--line); box-shadow:0 2px 4px #263b4503; margin-bottom:24px; }
.panel-heading { padding:22px 24px 20px; gap:14px; }
.panel-heading .muted-text { font-size:12px; line-height:1.8; color:#6c7b82; margin-top:5px; }
.muted-text { font-size:13px; color:var(--muted); }
.button { border-color:#d5dfe0; border-radius:7px; color:#3e575d; min-height:36px; padding:8px 13px; font-size:12px; line-height:1.5; }
.button:hover { background:#f0f6f5; border-color:#adc6c3; }
.button.primary { background:var(--teal); border-color:var(--teal); color:#fff; box-shadow:0 2px 3px #134d4a0c; }
.button.primary:hover { background:#1a6865; border-color:#1a6865; }
.link-button { color:#25756f; font-size:12px; line-height:1.65; }
.metrics { gap:16px; margin-bottom:24px; }
.metric { padding:22px; border-radius:10px; }
.metric-label { color:#66777d; font-size:12px; margin-bottom:16px; }
.metric-value { font-family:"Bahnschrift","DIN Alternate",var(--font); font-size:30px; line-height:1.2; color:#27383d; font-weight:500; letter-spacing:-.5px; }
.metric small { font-size:11px; color:#73838a; margin-top:12px; line-height:1.6; }
.positive-metric { background:#edf5f2; border-color:#d7e7df; }
.positive-metric .metric-value { color:#256853; }
.negative-metric { background:#fff4ef; border-color:#f1ddd3; }
.negative-metric .metric-value { color:var(--red); }
.overview-grid { grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr); gap:24px; }
.operating-note { padding:26px; background:#eaf0ef; border-color:#dce7e5; }
.operating-note .eyebrow { color:#5d7b77; }
.operating-note h2 { font-family:var(--font); font-size:22px; font-weight:650; line-height:1.55; letter-spacing:-.3px; }
.operating-note>p:not(.eyebrow) { font-size:12px; color:#627b75; line-height:1.9; margin-top:12px; }
.guardrail { font-size:12px; color:#5d756e; border-color:#d4e0dc; padding:11px 0; }
.guardrail strong { font-size:12px; color:#3b6055; }
.operating-note>.button { font-size:12px; }
.chart { padding:6px 18px 18px; }
.chart-legend { font-size:11px; color:#667d80; }
.chart-caption { font-size:11px; color:#728188; line-height:1.7; }
.chart-data { font-size:12px; color:#526d73; }
.chart-product { padding:0 24px; }
.chart-product .product-cell strong { font-size:12px; }
.chart-product .product-cell small { font-size:11px; }
.chart-product .product-symbol { width:30px; height:30px; font-size:15px; }
.two-columns { gap:24px; }
table { font-size:13px; }
th { font-size:11px; font-weight:500; color:#6e7e84; background:#f6f8f8; padding:13px 20px; }
td { font-size:12px; padding:18px 20px; color:#3d555b; border-color:#ebefef; }
tbody tr:hover { background:#f7faf9; }
.cell-sub { font-size:11px; color:#74848a; }
.product-cell { gap:10px; }
.product-symbol { width:38px; height:42px; background:#edf2f0; color:#517269; border-radius:6px; font-size:20px; }
.product-cell strong { font-size:12px; color:#30494e; }
.product-cell small { font-size:10px; color:#7d8a90; }
.product-cell .pill { font-size:10px; }
.status-action { font-size:11px; color:#4e7168; background:#edf4f1; padding:5px 8px; }
.event-dot { background:#71a99c; width:6px; height:6px; }
.event-row p { font-size:12px; color:#506b70; }
.event-row small { font-size:11px; color:#7a8a91; }
.notice { font-size:12px; line-height:1.85; border-radius:8px; }
.notice.subtle { color:#5c7479; background:#eef4f4; border-color:#dce8e7; }
.notice strong { color:#355b5d; }
.notice.error { color:#a34137; background:#fff2ed; }
.empty-state { padding:44px 24px; color:#788990; }
.empty-state strong { font-size:14px; font-weight:550; color:#516a71; }
.empty-state p { font-size:12px; max-width:440px; margin:9px auto 0; line-height:1.9; }
.empty-icon { color:#9bb8b3; }
.field label { font-size:12px; color:#435e65; margin-bottom:7px; }
.field small,.checkbox-field small,.form-footer>small { font-size:11px; line-height:1.75; color:#77888d; }
input:not([type=checkbox]):not([type=range]):not([type=file]),select,textarea { min-height:40px; font-size:13px; color:#334d54; background:#fff; border-color:#d5dfe1; border-radius:7px; padding:9px 11px; }
input::placeholder,textarea::placeholder { color:#8c9da3; }
input:hover,select:hover,textarea:hover { border-color:#9ebcb7; }
input[type=checkbox] { width:15px; height:15px; flex-shrink:0; }
.form-grid { gap:20px; }
.checkbox-field { font-size:12px; color:#416266; padding-top:6px; }
.form-error { font-size:12px; }
.form-footer { padding-top:12px; }
.cost-item span { font-size:11px; color:#6e8387; }
.cost-item strong { font-size:17px; color:#416665; }
.economics-summary .metric-label { font-size:12px; }
.economics-summary .metric-value { font-size:24px; }
.scenario-layout { grid-template-columns:280px minmax(0,1fr); gap:24px; }
.three .metric-label { font-size:12px; }
.three .metric small { font-size:11px; }
.creative-grid { grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:24px; }
.upload-zone { border-color:#b8d2cd; background:#f5f9f8; border-radius:8px; padding:24px 16px; }
.upload-zone strong { font-size:13px; color:#4b6c67; }
.upload-zone small { font-size:11px; color:#768f88; }
.upload-zone input { font-size:12px; color:#6c857d; }
.upload-icon { color:#76a89b; }
.compact-task strong { font-size:12px; }
.compact-task small { font-size:11px; }
.task-summary strong { font-size:13px; }
.task-summary small { font-size:11px; }
.task-kind { background:#e9f1ef; color:#5b8c80; }
.task-prompt { font-size:12px; color:#5d7377; background:#f1f6f4; }
pre { font-size:12px; line-height:1.8; color:#526e73; }
.result-block h3 { color:#416565; }
.result-block .link-button { font-size:12px; }
.event-details summary { font-size:12px; color:#5c7478; }
.event-type { font-size:10px; color:#5c7e75; background:#edf4f1; }
.event-details time { font-size:11px; color:#7a8d91; }
.event-details pre { background:#f3f7f5; }
.advanced { font-size:12px; color:#537773; }
.settings-toolbar small { font-size:11px; }
.provider-test-result,.publishing-test-result { font-size:12px; }
.connection-footer { color:#758b8f; font-size:11px; }
.publishing-run summary strong { font-size:13px; }
.publishing-run-meta,.publishing-run-body>.muted-text { font-size:11px; }
.publishing-steps strong { font-size:12px; }
.publishing-steps small,.publishing-steps p { font-size:11px; }
.operations-jump { padding:6px; margin-bottom:22px; gap:3px; border:1px solid #dce5e5; background:#e9efee; border-radius:10px; position:static; }
.operations-jump .button { flex:1 1 auto; border-radius:6px; background:transparent; border-color:transparent; color:#637c7d; font-size:12px; padding:8px 10px; min-height:38px; }
.operations-jump .button[aria-selected=true] { color:#265e58; background:white; border-color:#dbe7e3; box-shadow:0 1px 4px #1739320b; }
.operations-section { margin-top:0; }
.operations-banner { background:#f1f6f5; border-color:#dce7e4; color:#5b7572; font-size:12px; }
.operations-status { color:#527174; font-size:12px; }
.operations-status small { color:#70898b; font-size:11px; }
.operations-feedback,.operations-record-body { font-size:12px; color:#547275; }
.operations-record>summary strong { font-size:12px; }
.operations-raw pre,.operations-candidates pre { background:#f3f7f6; }
#ops-portfolio-editor { background:#f6f9f8; }
#ops-portfolio-editor>.muted-text { font-size:12px; }
.footer { font-size:11px; color:#839399; margin-top:32px; }
dialog { border-color:#dce6e5; border-radius:14px; box-shadow:0 30px 100px #192e3c33; }
dialog::backdrop { background:#182c3b73; backdrop-filter:blur(4px); }
#toast { font-size:13px; background:#284b49; border-radius:8px; z-index:80; }
.asset-library-header { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:4px 0 24px; }
.asset-library-header h2 { font-size:21px; margin-bottom:5px; }
.assets-toolbar { padding:20px 24px; display:flex; flex-wrap:wrap; align-items:center; gap:18px; border-bottom:1px solid var(--line); }
.segmented-control { display:flex; gap:3px; padding:4px; border-radius:7px; background:#edf2f1; }
.segmented-control button { border:0; border-radius:5px; background:transparent; color:#68807d; font-size:12px; padding:7px 11px; }
.segmented-control button.active { background:white; color:#27675e; box-shadow:0 1px 3px #123d381a; }
.assets-filters { display:flex; gap:10px; flex:1; justify-content:flex-end; }
.assets-filters select { width:auto; min-width:130px; max-width:220px; }
.search-field { position:relative; width:240px; }
.search-field .ui-icon { position:absolute; top:11px; left:10px; width:17px; height:17px; color:#7d9294; }
.search-field input { padding-left:34px!important; }
.assets-results-heading { display:flex; justify-content:space-between; gap:15px; padding:18px 24px; color:#7b8b91; font-size:11px; }
.assets-results-heading>span:first-child { font-weight:600; color:#5d747b; }
.assets-grid { grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:20px; }
.asset-card { border-radius:8px; border-color:#dfe7e6; background:white; }
.asset-media { height:230px; background:#263236; }
.asset-invalid { color:#c0cccc; font-size:12px; padding:18px; text-align:center; }
.asset-info { padding:16px; }
.asset-info strong { font-size:13px; line-height:1.7; font-weight:550; color:#38515a; margin-top:10px; }
.asset-info small { font-size:11px; color:#7b8e93; }
.asset-info>.pill { font-size:10px; }
.asset-preview-wrap { position:relative; }
.asset-preview-action { position:absolute; top:10px; right:10px; width:32px; height:32px; display:grid; place-items:center; color:#f4f8f8; background:#233034b3; border:1px solid #ffffff36; border-radius:5px; }
.asset-preview-action:hover { background:#16252ddb; }
.asset-preview-action .ui-icon { width:17px; height:17px; }
.asset-meta-line { display:flex; justify-content:space-between; align-items:center; gap:8px; }
.asset-meta-line>span:last-child { font-size:10px; color:#788e94; }
.asset-card-actions { display:flex; justify-content:space-between; border-top:1px solid var(--line); margin-top:13px; padding-top:12px; }
.asset-card-actions .ui-icon { width:15px; height:15px; margin-right:4px; }
.asset-dialog { padding:0; width:min(1040px,calc(100vw - 40px)); max-width:1040px; max-height:94dvh; }
.asset-dialog-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:22px 24px; }
.asset-dialog h2 { font-size:18px; margin-bottom:4px; overflow-wrap:anywhere; }
.asset-dialog .asset-media { height:min(65dvh,720px); }
.asset-dialog .asset-media img,.asset-dialog .asset-media video { max-height:100%; }
.asset-dialog-footer { padding:18px 24px; display:flex; align-items:center; justify-content:space-between; }
.asset-comparison-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0 24px 18px; }
.asset-comparison-toolbar>.muted-text { font-size:11px; }
.asset-comparison-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:#4e5c60; }
.asset-comparison-figure { margin:0; min-width:0; }
.asset-comparison-figure figcaption { display:flex; justify-content:space-between; align-items:center; gap:12px; background:#edf3f1; padding:12px 16px; color:#496a63; font-size:12px; }
.asset-comparison-figure figcaption span { font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#6b7f7c; }
.asset-dialog .asset-comparison-grid .asset-media { height:min(58dvh,600px); }
.product-backdrop { position:fixed; inset:0; background:#25374229; border:0; z-index:18; }
.product-drawer { position:fixed; inset:0 0 0 auto; width:min(640px,calc(100vw - 32px)); z-index:20; display:flex; flex-direction:column; background:#f5f8f7; border-left:1px solid #d8e4e0; box-shadow:-12px 0 44px #233e481c; }
.product-drawer-header { display:flex; justify-content:space-between; gap:18px; align-items:flex-start; padding:25px 24px 20px; background:#fff; border-bottom:1px solid #e4ece8; }
.product-drawer-header h2 { font-size:22px; line-height:1.5; overflow-wrap:anywhere; }
.product-drawer-header .eyebrow { font-size:10px; margin-bottom:6px; }
.product-drawer-header .muted-text { margin-top:6px; font-size:11px; }
.product-drawer-actions { display:flex; gap:8px; align-items:center; flex-shrink:0; }
.product-drawer-actions .button { font-size:11px; }
.product-tabs { display:flex; padding:8px 20px 0; background:#fff; border-bottom:1px solid #dfe8e4; gap:20px; }
.product-tabs button { min-height:44px; border:0; border-bottom:2px solid transparent; background:transparent; color:#71877e; font-size:13px; padding:8px 5px 11px; }
.product-tabs button[aria-selected=true] { color:#2b7564; border-bottom-color:#2e8170; font-weight:550; }
.product-drawer-body { flex:1; min-height:0; overflow:auto; padding:20px; overscroll-behavior:contain; }
.product-drawer-body .panel { margin:0; }
.product-drawer-body .cost-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 0; }
.product-drawer-body .cost-item:nth-child(odd) { border-right:1px solid var(--line); padding-left:0; }
.product-drawer-body .cost-item:nth-child(even) { border-right:0; padding-left:16px; }
.product-drawer-body .economics-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
.product-drawer-body .economics-summary .metric { padding:20px; }
.product-drawer-body .economics-summary .metric-value { font-size:25px; }
.product-drawer-body .form-footer { position:sticky; bottom:-20px; background:#fff; border-top:1px solid #e7eeea; margin-inline:-24px; margin-bottom:-24px; padding:16px 24px; box-shadow:0 -5px 10px #2a463305; }
@media (min-width:1181px) { body.agent-open .product-drawer { right:var(--agent-width); width:min(640px,calc(100vw - var(--agent-width) - 24px)); }body.agent-open .product-backdrop { right:var(--agent-width); } }
@media (max-width:768px) { .product-drawer { width:100%; }.product-drawer-header { padding:20px; }.product-drawer-body { padding:16px; }.product-drawer-header h2 { font-size:19px; }.product-drawer-header .button { min-height:32px; padding:6px 8px; }.asset-comparison-toolbar { padding:0 16px 15px; flex-wrap:wrap; gap:10px; }.asset-comparison-grid { grid-template-columns:1fr; }.asset-dialog .asset-comparison-grid .asset-media { height:44dvh; } }
@media (max-width:480px) { .product-drawer-header { padding:18px 16px; gap:10px; }.product-drawer-header .muted-text { font-size:10px; }.product-drawer-actions { gap:5px; }.product-drawer-actions .button { font-size:10px; }.product-tabs { padding-inline:16px; gap:18px; }.product-tabs button { font-size:12px; }.product-drawer-body .form-footer { margin-inline:-18px; padding-inline:18px; }.product-drawer-body .economics-summary .metric { padding:16px; }.product-drawer-body .economics-summary .metric-value { font-size:21px; } }
.metric small,.cell-sub,.product-cell small,.chart-caption,.event-row small,.field small,.checkbox-field small,.form-footer>small,.event-details time,.connection-footer,.operations-status small,.footer,.asset-info small,.asset-meta-line>span:last-child,.assets-results-heading { color:#66777d; }
@media (min-width:1600px) { main { padding:40px 40px 0; }.topbar { padding-inline:40px; } }
@media (max-width:1400px) { .overview-grid { grid-template-columns:1fr; }.operating-note { display:grid; grid-template-columns:1fr 1fr; gap:6px 28px; }.operating-note>.eyebrow,.operating-note>h2,.operating-note>p,.operating-note>.button { grid-column:1; }.operating-note>#overview-guardrails { grid-column:2; grid-row:1 / 5; margin:0; }.operating-note>.button { width:max-content; }.providers-grid,.publishing-destinations,.operations-oauth-grid { grid-template-columns:1fr; }.provider-form { grid-template-columns:repeat(2,minmax(0,1fr)); }.assets-filters { flex:1 1 100%; justify-content:stretch; }.search-field { flex:1; } }
@media (max-width:1180px) { :root { --sidebar-width:200px; }.topbar { padding:16px 24px; }.topbar-status #ad-mode-status { display:none; }main { padding:28px 24px 0; }.two-columns,.creative-grid { grid-template-columns:1fr; }.metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.heading-meta { display:flex; flex-direction:row; align-items:center; flex-wrap:wrap; gap:10px; } }
@media (max-width:768px) { .sidebar { width:100%; position:relative; padding:20px 16px 16px; }.brand { padding:0 4px; }.sidebar nav { margin:18px 0 0; gap:4px; }.sidebar nav a { min-height:38px; font-size:12px; padding:8px 10px; margin:0; gap:7px; }.sidebar nav a>span:first-child { width:16px; height:16px; }.sidebar .ui-icon { width:16px; height:16px; }.workspace { margin-left:0; }.topbar { padding:14px 20px; }.topbar-status .pill { font-size:10px; }.topbar-status #platform-status { display:none; }.breadcrumb { font-size:12px; }.page-heading { margin-bottom:22px; }main { padding:25px 20px 0; }.page-description { font-size:12px; }.eyebrow { font-size:10px; }.metric-value { font-size:28px; }.metric-label { font-size:12px; }.metric small { font-size:11px; }.scenario-layout { grid-template-columns:1fr; }.operations-oauth-grid,.operations-columns,.publishing-destinations { grid-template-columns:1fr; }.asset-library-header { align-items:flex-start; }.asset-library-header h2 { font-size:18px; }.asset-library-header .muted-text { font-size:12px; }.assets-toolbar { padding:16px 20px; }.assets-grid { grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); }.assets-results-heading { padding:16px 20px; }.panel-heading .muted-text { font-size:12px; }.panel-heading .link-button { font-size:12px; }.toolbar .button { font-size:12px; }.footer { font-size:10px; } }
@media (max-width:480px) { .breadcrumb { width:auto; }.topbar-status { margin-left:auto; width:auto; }.topbar { padding:12px 16px; }.topbar-status .button { font-size:11px; }main { padding:22px 14px 0; }h1 { font-size:26px; }.metric { padding:18px 16px; }.metric-value { font-size:25px; }.metric small { font-size:10px; }.operating-note { display:block; padding:22px; }.operating-note>#overview-guardrails { margin:18px 0; }.panel-heading { padding:20px 18px; }.panel-heading:has(.toolbar) { align-items:stretch; }.assets-toolbar { padding:16px; gap:14px; }.segmented-control { width:100%; }.segmented-control button { flex:1; padding:7px; font-size:11px; }.assets-filters { flex-direction:column; }.search-field,.assets-filters select { width:100%; max-width:none; }.assets-grid { grid-template-columns:1fr; padding-inline:16px; }.asset-media { height:280px; }.asset-library-header { gap:12px; }.asset-library-header>.button { white-space:nowrap; font-size:11px; }.task-summary .pill { font-size:10px; }.task-summary small { font-size:11px; }.form-grid,.provider-form { grid-template-columns:1fr; }.operations-jump .button { flex:1 1 22%; font-size:11px; }.asset-dialog-heading { padding:16px; }.asset-dialog h2 { font-size:16px; }.asset-dialog-footer { padding:16px; }.footer { font-size:10px; }.cost-item span { font-size:11px; }.economics-summary .metric small { font-size:10px; } }