/* Read-only format gallery. Creative pixel dimensions stay in the artboard;
   placement surfaces scale to their own available width. */
.studio-dialog.studio-ad-preview-dialog { width:min(1120px,calc(100vw - 32px)); max-width:1120px; }
.studio-ad-preview-dialog .studio-dialog-body { max-height:75vh; overflow:auto; }
.studio-ad-stage.studio-ad-preview-stage { display:block; padding:20px; overflow:auto; }
.studio-ad-preview-gallery { width:100%; min-width:0; color:#292d26; }
.studio-ad-preview-gallery [hidden] { display:none!important; }
/* Artwork stays the default view; catalogue requirements are secondary. */
.studio-ad-preview-view-tabs { display:flex; flex-wrap:wrap; gap:4px; margin:0 0 18px; border-bottom:1px solid #cbd0c4; }
.studio-ui .studio-ad-preview-view-tabs button,.studio-ad-preview-view-tabs button { min-height:34px; padding:7px 14px; margin-bottom:-1px; border:1px solid #cbd0c4; border-radius:9px 9px 0 0; background:#f6f7f3; color:#353a30; font:500 12px/1.4 'DM Sans',Arial,sans-serif; cursor:pointer; }
.studio-ui .studio-ad-preview-view-tabs button[aria-selected=true],.studio-ad-preview-view-tabs button[aria-selected=true],.studio-ui .studio-ad-preview-view-tabs button[aria-pressed=true],.studio-ad-preview-view-tabs button[aria-pressed=true] { background:#d3e9fc; border-bottom-color:#d3e9fc; }
.studio-ad-preview-view-tabs button:hover { background:#eeefec; }
.studio-ad-preview-view-tabs button:focus-visible { position:relative; z-index:1; outline:2px solid #4b97c5; outline-offset:2px; }
.studio-ad-preview-view-panel { width:100%; min-width:0; }
.studio-ad-preview-view-panel[hidden] { display:none!important; }
.studio-ad-preview-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.studio-ad-gallery-download { display:flex; flex-wrap:wrap; align-items:end; gap:8px 10px; margin:14px 0 12px; padding:12px; border:1px solid #c9cdc3; border-radius:5px; background:#f7f8f6; }
.studio-ad-gallery-download-controls { display:flex; flex:1 0 100%; flex-wrap:wrap; align-items:end; gap:8px 10px; min-width:0; }
.studio-ad-gallery-download label { display:grid; gap:4px; min-width:170px; font:12px/1.4 'DM Sans',Arial,sans-serif; }
.studio-ad-gallery-download label>span { color:#62685d; }
.studio-ad-gallery-download select { max-width:100%; min-height:34px; padding:5px 30px 5px 10px; border:1px solid #b8beb0; border-radius:4px; background-color:#fff; color:#262c22; font:12px/1.4 'DM Sans',Arial,sans-serif; }
.studio-ad-gallery-download button { min-height:34px; }
.studio-ad-gallery-download select:focus-visible,.studio-ad-gallery-download button:focus-visible { outline:2px solid #4b97c5; outline-offset:2px; }
.studio-ad-gallery-download [data-ad-download-progress] { flex:1 0 100%; width:100%; height:8px; accent-color:#6594b1; }
.studio-ad-gallery-download [data-ad-download-status] { flex:1 0 100%; margin:0; color:#4d5547; font:12px/1.5 'DM Sans',Arial,sans-serif; overflow-wrap:anywhere; }
.studio-ad-gallery-download small,.studio-ad-gallery-download .studio-ad-gallery-download-help { flex:1 0 100%; margin:0; color:#70756c; font:11px/1.5 'DM Sans',Arial,sans-serif; }
.studio-ad-gallery-download [hidden] { display:none!important; }
@media(max-width:580px) { .studio-ad-gallery-download { padding:10px; align-items:stretch; } .studio-ad-gallery-download label { flex:1 0 100%; min-width:0; } .studio-ad-gallery-download [data-ad-download-formats] { flex:1; white-space:normal; } }
.studio-ad-preview-platforms { display:flex; gap:4px; flex-wrap:wrap; }
.studio-ui .studio-ad-preview-platforms button,.studio-ad-preview-platforms button { min-height:30px; padding:6px 10px; border:0; border-radius:4px; background:transparent; color:inherit; font:500 12px/1.3 'DM Sans',Arial,sans-serif; cursor:pointer; }
.studio-ui .studio-ad-preview-platforms button[aria-pressed=true],.studio-ad-preview-platforms button[aria-pressed=true] { background:#d3e9fc; }
.studio-ad-preview-platforms button:hover { background:#eeefec; }
.studio-ad-preview-platforms button:focus-visible,.studio-ad-preview-card-controls button:focus-visible,.studio-ad-preview-info:focus-visible { outline:2px solid #4b97c5; outline-offset:2px; }
.studio-ad-preview-summary { margin:10px 0 20px; font:11px/1.5 'DM Sans',Arial,sans-serif; color:#70756c; }
.studio-ad-preview-info { position:relative; display:grid; place-items:center; flex:none; width:15px; height:15px; border:1px solid #747872; border-radius:50%; font:10px/1 Arial,sans-serif; color:#62685d; cursor:help; }
.studio-ad-preview-info>span { display:none; position:absolute; right:0; top:22px; z-index:5; width:min(280px,calc(100vw - 70px)); padding:10px 12px; border:1px solid #c9cdc3; border-radius:4px; background:#fff; box-shadow:0 3px 12px #0001; font:12px/1.5 'DM Sans',Arial,sans-serif; }
.studio-ad-preview-info:hover>span,.studio-ad-preview-info:focus>span { display:block; }
.studio-ad-preview-group { margin:0 0 28px; }
.studio-ad-preview-group>h3 { margin:0 0 12px; padding-bottom:10px; border-bottom:1px solid #d7dad2; font:600 13px/1.4 'DM Sans',Arial,sans-serif; }
.studio-ad-preview-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); align-items:start; gap:16px; }
.studio-ad-preview-tile { min-width:0; border:1px solid #d5d8d0; border-radius:5px; overflow:hidden; background:#fff; }
.studio-ad-preview-tile--ribbon { grid-column:1/-1; }
.studio-ad-preview-tile-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; padding:12px; border-bottom:1px solid #e1e3dd; }
.studio-ad-preview-tile-heading h4 { margin:0 0 4px; font:500 11px/1.4 'DM Sans',Arial,sans-serif; }
.studio-ad-preview-tile-heading p { margin:0 0 4px; font:11px/1.4 'DM Sans',Arial,sans-serif; overflow-wrap:anywhere; }
.studio-ad-preview-tile-heading>div>span { color:#73786d; font:10px/1.4 'DM Sans',Arial,sans-serif; }
.studio-ad-preview-kind { flex:none; padding:2px 0; color:#73786d; font:9px/1.4 'DM Sans',Arial,sans-serif; }
.studio-ad-preview-kind[data-ad-preview-status=saved] { color:#3b654d; }
.studio-ad-preview-artwork { display:grid; justify-items:center; align-items:start; padding:14px; min-width:0; background:#f3f4f0; }
.studio-ad-preview-artwork>[data-ad-preview-card] { width:min(100%,var(--ad-preview-display-width)); min-width:0; }
.studio-ad-preview-gallery .studio-ad-placement { width:100%; max-width:none; margin:0; box-shadow:none; }
.studio-ad-preview-gallery .studio-ad-placement-identity { padding:10px; gap:7px; font-size:11px; }
.studio-ad-preview-gallery .studio-ad-placement-identity strong { overflow-wrap:anywhere; }
.studio-ad-preview-gallery .studio-ad-placement-avatar { width:25px; height:25px; flex:none; }
.studio-ad-preview-gallery .studio-ad-placement-primary { padding:0 10px 10px; font-size:11px; }
.studio-ad-preview-gallery .studio-ad-placement-reddit-title { padding:0 10px 10px; font-size:12px; }
.studio-ad-preview-gallery .studio-ad-placement-details { padding:10px; gap:8px; font-size:11px; }
.studio-ad-preview-gallery .studio-ad-placement-details small { font-size:10px; }
.studio-ad-preview-gallery .studio-ad-placement-cta { padding:4px 6px; font-size:10px; }
.studio-ad-preview-gallery .studio-ad-placement-caption { padding:7px 8px; font-size:9px; }
.studio-ad-preview-gallery .studio-ad-placement-note { padding:6px 8px; font-size:9px; }
.studio-ad-preview-card-controls { display:flex; align-items:center; justify-content:center; gap:16px; padding:9px 12px; border-top:1px solid #e1e3dd; }
.studio-ui .studio-ad-preview-card-controls button,.studio-ad-preview-card-controls button { width:29px; min-width:29px; height:26px; min-height:26px; padding:0; border:1px solid #cbd0c4; border-radius:4px; background:#fff; color:#353a30; font:15px/1 Arial,sans-serif; cursor:pointer; }
.studio-ad-preview-card-controls button:disabled { color:#aab0a3; cursor:default; }
.studio-ad-preview-card-controls output { min-width:30px; text-align:center; font:11px/1.4 'DM Sans',Arial,sans-serif; color:#62695b; }
@media(max-width:580px) { .studio-ad-preview-grid { grid-template-columns:minmax(0,1fr); } .studio-ad-preview-tile-heading { flex-wrap:wrap; } .studio-ad-preview-artwork { padding:10px; } .studio-ad-preview-platforms { gap:2px; } .studio-ui .studio-ad-preview-platforms button,.studio-ad-preview-platforms button { padding:6px 7px; font-size:11px; } }

/* Catalogue controls use Pragtical's compact Studio vocabulary. Publisher
   environments below are simulations, isolated from exported artboards. */
.studio-placement-catalogue { font:12px/1.5 'DM Sans',Arial,sans-serif; min-width:0; }
.studio-placement-catalogue-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:12px; }
.studio-placement-catalogue-heading h2 { margin:0; font-size:17px; font-weight:600; }
.studio-placement-catalogue-heading p { margin:3px 0 0; color:#73786d; font-size:12px; }
.studio-placement-counts { display:flex; gap:5px 12px; flex-wrap:wrap; padding:10px 12px; border:1px solid #c8cdc2; border-radius:4px; background:#f8f9f5; font-size:10px; }
.studio-placement-counts b { display:inline-block; min-width:16px; padding:0 4px; margin-right:2px; text-align:center; background:#d6eafa; border-radius:3px; font-weight:500; }
.studio-placement-count-note { margin:6px 0 12px; color:#71776b; font-size:10px; }
.studio-placement-filters,.studio-placement-context { margin-bottom:12px; border:1px solid #d0d4c9; border-radius:4px; background:#fff; }
.studio-placement-filters>summary,.studio-placement-context>summary { padding:8px 10px; cursor:pointer; font-weight:500; }
.studio-placement-filter-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px 10px; padding:0 10px 10px; }
.studio-placement-filter-grid label,.studio-placement-detail-controls label,.studio-placement-structured-editor label { display:flex; flex-direction:column; gap:3px; min-width:0; color:#5b6253; font-size:10px; }
.studio-placement-filter-grid .studio-placement-filter-search { grid-column:1/-1; }
.studio-placement-context-note { margin:0 10px 10px; font-size:10px; color:#737c67; }
.studio-placement-historical { margin:10px 0; border:1px solid #d9c9ae; border-radius:4px; padding:9px 10px; background:#fffaf0; color:#796242; }
.studio-placement-historical summary { cursor:pointer; font-weight:500; }
.studio-placement-historical p,.studio-placement-historical small { font-size:10px; }
.studio-placement-historical li { margin:8px 0; overflow-wrap:anywhere; }
.studio-placement-historical li small { display:block; color:#8c785a; }
.studio-placement-display-context { display:flex; justify-content:space-between; gap:10px; padding:7px 10px; background:#f5f6f3; color:#7a8073; font-size:9px; }
.studio-ui .studio-placement-catalogue select,.studio-ui .studio-placement-catalogue input:not([type=checkbox]):not([type=file]),.studio-placement-catalogue select,.studio-placement-catalogue input:not([type=checkbox]):not([type=file]) { box-sizing:border-box; width:100%; min-width:0; max-width:100%; min-height:32px; padding:5px 8px; border:1px solid #bfc5b6; border-radius:4px; background:#fff; color:#30372a; font:12px/1.4 'DM Sans',Arial,sans-serif; }
.studio-placement-catalogue input[type=checkbox] { accent-color:#71842e; width:14px; height:14px; }
.studio-placement-simulation-note { margin:10px 0; color:#697160; font-size:10px; }
.studio-placement-row { border:1px solid #cbd0c4; border-radius:4px; margin:0 0 8px; min-width:0; background:#fff; }
.studio-placement-row-heading { display:flex; align-items:center; gap:7px; padding:9px 10px; min-width:0; }
.studio-placement-target { display:flex; flex:none; align-items:center; }
.studio-ui .studio-placement-open,.studio-placement-open { display:flex; flex-direction:column; flex:1; min-width:0; border:0; background:none; text-align:left; color:inherit; font:inherit; padding:0; cursor:pointer; }
.studio-placement-open strong { font-size:12px; font-weight:500; overflow-wrap:anywhere; }
.studio-placement-open small { font-size:10px; color:#727a69; }
.studio-placement-row-states { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:4px; max-width:49%; }
.studio-placement-badge { padding:2px 5px; border-radius:3px; background:#eff0eb; color:#616852; font-size:9px; white-space:nowrap; }
.studio-placement-badge[data-status=unknown],.studio-placement-badge[data-status=unverified],.studio-placement-badge[data-status=conditional] { background:#fbf7d9; color:#776223; }
.studio-placement-badge[data-status=eligible],.studio-placement-badge[data-status=valid],.studio-placement-badge[data-status=reviewed] { background:#eff8ce; color:#536624; }
.studio-placement-badge[data-status=legacy],.studio-placement-badge[data-status=ineligible],.studio-placement-badge[data-status=invalid] { background:#f7e6df; color:#8a5142; }
.studio-ui .studio-placement-chevron,.studio-placement-chevron { flex:none; width:25px; min-width:25px; height:25px; min-height:25px; border:1px solid #c8cebd; border-radius:4px; padding:0; background:#f8f9f4; font-size:16px; cursor:pointer; }
.studio-placement-panel { padding:12px; border-top:1px solid #d8dcd1; min-width:0; background:#fafbf7; }
.studio-placement-detail-controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-bottom:10px; }
.studio-placement-provenance { padding:6px 8px; margin:8px 0; border-left:3px solid #bfdcf2; background:#f0f6fa; color:#516476; font-size:10px; }
.studio-placement-target-note { margin:8px 0; color:#6a765c; font-size:10px; }
.studio-placement-badge[data-status=bundled] { background:#e8eef2; color:#566978; }
.studio-placement-qa-controls { display:flex; align-items:center; flex-wrap:wrap; gap:5px 12px; margin:8px 0; }
.studio-placement-qa-controls label { display:flex; align-items:center; gap:4px; font-size:10px; }
.studio-placement-qa-controls select { width:auto!important; min-height:26px!important; padding:3px 6px!important; font-size:10px!important; }
.studio-placement-preview-viewport { box-sizing:border-box; overflow:auto; width:100%; max-height:680px; min-height:100px; padding:12px; background:#edf0e9; border:1px solid #dce0d4; border-radius:3px; }
.studio-placement-preview-sizer { margin:0 auto; min-height:1px; }
.studio-placement-preview-content { box-sizing:border-box; margin:0; }
.studio-placement-actions { display:flex; flex-wrap:wrap; gap:6px; margin:12px 0 8px; }
.studio-placement-actions .studio-button { font-size:10px; padding:5px 8px; min-height:29px; }
.studio-placement-actions .studio-button[hidden] { display:none; }
.studio-placement-issues { padding:9px 12px 9px 25px; margin:10px 0; border:1px solid #e4d8ac; border-radius:4px; background:#fffced; color:#78642f; font-size:10px; }
.studio-placement-issues li+li { margin-top:4px; }
.studio-placement-requirements,.studio-placement-structured-editor { border:1px solid #d1d7c5; border-radius:4px; padding:8px 10px; margin-top:9px; background:#fff; font-size:11px; }
.studio-placement-requirements summary,.studio-placement-structured-editor summary { cursor:pointer; font-weight:500; }
.studio-placement-requirements dl { display:grid; grid-template-columns:90px minmax(0,1fr); gap:6px 10px; margin:12px 0; }
.studio-placement-requirements dt { color:#737c66; }
.studio-placement-requirements dd { margin:0; overflow-wrap:anywhere; }
.studio-placement-requirements pre { white-space:pre-wrap; margin:0; max-height:180px; overflow:auto; font-size:10px; }
.studio-placement-structured-editor p { color:#758069; font-size:10px; }
.studio-placement-structured-editor textarea { box-sizing:border-box; width:100%; resize:vertical; padding:8px; margin:4px 0 8px; border:1px solid #bfc7b4; border-radius:4px; background:#fbfcf9; color:#333c2a; font:11px/1.5 monospace; }
.studio-placement-structured-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 12px; margin:12px 0; }
.studio-placement-structured-fields textarea { font-family:'DM Sans',Arial,sans-serif; font-size:12px; }
.studio-placement-video-formatting { min-width:0; margin:12px 0; padding:8px 10px; border:1px solid #ccd4bd; border-radius:4px; background:#f8faf2; }
.studio-placement-video-formatting legend { padding:0 5px; color:#475638; font-size:11px; font-weight:500; }
.studio-placement-video-formatting .studio-placement-structured-fields { margin:5px 0 9px; }
.studio-placement-video-formatting input[type=color] { padding:3px!important; cursor:pointer; }
.studio-placement-video-formatting .studio-placement-video-format-status { padding:8px; border-left:3px solid #d9eaa1; color:#53613f; background:#fff; line-height:1.7; }
.studio-placement-advanced { border-top:1px solid #e1e5da; padding:8px 0; margin:8px 0; }
.studio-placement-advanced summary { font-size:10px; color:#6c765e; }
.studio-placement-upload-fields { display:flex; flex-wrap:wrap; gap:8px; margin:10px 0; }
.studio-placement-upload-fields label { flex:1; min-width:150px; }
.studio-placement-upload-fields input { width:100%; max-width:100%; font-size:10px; }
.studio-placement-pager { display:flex; align-items:center; flex-wrap:wrap; gap:7px; padding:9px 0; font-size:10px; }
.studio-placement-pager>span { flex:1; }
.studio-placement-pager .studio-button { min-height:27px; padding:3px 8px; font-size:10px; }
.studio-placement-no-results { padding:30px 18px; border:1px dashed #ccd3c0; color:#6c755f; text-align:center; }
.studio-placement-live-status { min-height:1em; color:#557042; font-size:11px; }

/* Publisher chrome, deliberately absent from exported artwork. */
.studio-placement-shell { box-sizing:border-box; width:100%; border:1px solid #d6d8d3; background:#fff; color:#242526; font:12px/1.4 Arial,sans-serif; overflow:hidden; }
.studio-placement-shell *, .studio-placement-shell *:before,.studio-placement-shell *:after { box-sizing:border-box; }
.studio-placement-shell h3 { margin:8px 0; font-size:15px; line-height:1.3; overflow-wrap:anywhere; }
.studio-placement-shell h4 { font-size:12px; margin:6px 0; }
.studio-placement-shell p { margin:6px 0; overflow-wrap:anywhere; }
.studio-placement-shell small { font-size:10px; }
.studio-placement-shell img { display:block; max-width:100%; }
.studio-placement-shell video { display:block; width:100%; max-height:600px; background:#141414; }
.studio-placement-video-frame { position:relative; width:100%; overflow:hidden; isolation:isolate; }
.studio-placement-shell .studio-placement-video-frame video { position:absolute; inset:0; display:block; width:100%; height:100%; max-height:none; }
.studio-placement-video-frame--bounds { outline:2px dashed #d33e98; outline-offset:-2px; }
.studio-placement-video-safe-area { position:absolute; z-index:1; border:1px dashed #e7ff98; box-shadow:0 0 0 1px #22300044; pointer-events:none; }
.studio-placement-video-safe-area>span { position:absolute; bottom:3px; left:3px; padding:2px 4px; border-radius:2px; color:#fff; background:#182500a6; font:9px/1.2 'DM Sans',Arial,sans-serif; }
.studio-placement-shell audio { display:block; width:100%; margin:14px 0; }
.studio-placement-shell-identity { display:flex; align-items:center; gap:8px; padding:12px; }
.studio-placement-shell-avatar { display:grid; place-items:center; width:30px; height:30px; flex:none; border-radius:50%; background:#e2e7dd; color:#4a5a3c; font-size:14px; }
.studio-placement-shell-identity>span:nth-child(2) { display:flex; flex-direction:column; min-width:0; }
.studio-placement-shell-identity strong { font-size:12px; overflow-wrap:anywhere; }
.studio-placement-shell-identity small { font-size:10px; opacity:.7; }
.studio-placement-shell-menu { margin-left:auto; font-size:18px; }
.studio-placement-shell-cta { display:inline-block; padding:6px 10px; border-radius:4px; background:#e4e6eb; color:#242526; font-size:11px; font-weight:600; }
.studio-placement-shell-footnote { margin:0!important; padding:8px 10px; font-size:9px!important; background:#f6f7f4; color:#6d7565; }
.studio-placement-asset { position:relative; width:100%; container-type:inline-size; overflow:hidden; }
.studio-placement-asset--bounds { outline:2px dashed #d33e98; outline-offset:-2px; }
.studio-placement-uploaded-image img { width:100%; height:auto; }
.studio-placement-missing { display:grid; place-items:center; min-height:110px; padding:20px; background:#f0f1ee; color:#737969; text-align:center; font:11px/1.5 'DM Sans',Arial,sans-serif; border:1px dashed #c8cebe; }
.studio-placement-feed-content>div { padding:0 12px 8px; }
.studio-placement-feed-content h3 { font-size:14px; }
.studio-placement-feed-footer { display:flex; justify-content:space-between; align-items:center; gap:8px; padding:10px; color:#656b60; font-size:10px; }
.studio-placement-feed-compact { display:flex; align-items:center; gap:10px; padding:0 10px; }
.studio-placement-feed-compact>div:first-child { flex:1; }
.studio-placement-feed-compact .studio-placement-asset { width:88px; flex:none; }
.studio-placement-reddit-context { padding:10px 12px; color:#616a71; background:#f4f6f8; font-size:11px; }
.studio-placement-fullscreen-stage { position:relative; min-height:360px; background:#151515; color:#fff; }
.studio-placement-fullscreen-stage--video { min-height:0; }
.studio-placement-fullscreen-stage>.studio-placement-missing { min-height:550px; background:#252525; color:#c6c6c6; }
.studio-placement-fullscreen-overlay { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:space-between; pointer-events:none; background:linear-gradient(#0004,transparent 30%,transparent 50%,#0009); }
.studio-placement-story-progress { position:absolute; top:9px; left:8px; right:8px; display:flex; gap:3px; }
.studio-placement-story-progress i { height:2px; flex:1; background:#ffffff90; }
.studio-placement-story-progress i:first-child { background:#fff; }
.studio-placement-overlay-identity { display:flex; align-items:center; gap:6px; padding:10px 12px 0 0; margin-top:12px; }
.studio-placement-overlay-identity>.studio-placement-shell-identity { flex:1; }
.studio-placement-overlay-identity>.studio-placement-shell-identity strong { color:#fff; }
.studio-placement-overlay-identity>span { font-size:25px; }
.studio-placement-fullscreen-bottom { padding:20px 48px 20px 15px; margin-top:auto; }
.studio-placement-fullscreen-bottom p { font-size:11px; max-height:3.2em; overflow:hidden; }
.studio-placement-fullscreen-bottom .studio-placement-shell-cta { display:block; text-align:center; padding:10px; margin-top:14px; background:#fff; color:#151515; }
.studio-placement-reaction-rail { position:absolute; right:12px; bottom:120px; display:flex; flex-direction:column; gap:18px; font-size:25px; }
.studio-placement-reels-title { display:flex; justify-content:space-between; padding:12px 15px 0; font-size:13px; font-weight:bold; }
.studio-placement-shell--reels .studio-placement-overlay-identity { margin-top:0; }
.studio-placement-discovery-title { padding:10px 12px; border-bottom:1px solid #e5e5e5; font-size:18px; font-weight:700; }
.studio-placement-market-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:10px; }
.studio-placement-market-grid article h3 { margin:5px 0; font-size:12px; }
.studio-placement-ghost-listing { min-height:160px; background:linear-gradient(140deg,#e9e7df,#d6dace); border-radius:5px; }
.studio-placement-right-column { max-width:260px; margin-left:auto; padding:10px; background:#f7f7f7; }
.studio-placement-right-column>small:first-child { display:block; font-size:12px; font-weight:bold; margin-bottom:10px; }
.studio-placement-right-column .studio-placement-asset { border-radius:8px; }
.studio-placement-right-column h3 { font-size:13px; }
.studio-placement-notification { padding:5px 10px 12px; background:#edf4ff; }
.studio-placement-notification>.studio-placement-shell-identity { padding-left:0; }
.studio-placement-notification-image { float:right; width:62px; margin:-50px 0 0 8px; }
.studio-placement-notification>div:nth-child(2) { padding-right:70px; }
.studio-placement-explore-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2px; background:#fff; }
.studio-placement-explore-grid>span { min-height:110px; background:linear-gradient(150deg,#dedfda,#bfc9bc); }
.studio-placement-explore-grid>span:nth-child(2n) { background:linear-gradient(70deg,#ccd5db,#e1d8ce); }
.studio-placement-explore-grid>article { position:relative; }
.studio-placement-explore-grid>article>small { position:absolute; bottom:5px; left:5px; background:#fff; padding:1px 4px; font-size:9px; }
.studio-placement-search-bar { padding:12px 16px; background:#f1f3f4; border-bottom:1px solid #dadce0; color:#5f6368; }
.studio-placement-search-ad { padding:18px; }
.studio-placement-search-url { margin:4px 0; color:#3c4043; font-size:11px; overflow-wrap:anywhere; }
.studio-placement-search-ad h3 { color:#1a0dab; font-size:19px; font-weight:400; line-height:1.4; }
.studio-placement-search-ad p { color:#4d5156; font-size:13px; }
.studio-placement-sitelink { display:inline-block; margin:8px 14px 0 0; color:#1a0dab; font-size:13px; }
.studio-placement-gmail-tabs { display:flex; justify-content:space-around; padding:13px 8px; border-bottom:1px solid #e5e8eb; font-size:10px; }
.studio-placement-gmail-tabs b { color:#137333; }
.studio-placement-gmail-teaser { display:grid; grid-template-columns:28px 1fr; gap:3px 8px; padding:13px 12px; background:#f2f6fc; border-bottom:1px solid #dce4eb; }
.studio-placement-gmail-mark { grid-row:1/4; height:18px; padding:1px 4px; border:1px solid #a5b6a6; border-radius:3px; color:#345c39; font-size:10px; }
.studio-placement-gmail-teaser>small { color:#647282; }
.studio-placement-gmail-expanded { padding:12px; }
.studio-placement-gmail-expanded>.studio-placement-shell-identity { padding-left:0; }
.studio-placement-mail-lines { padding:15px; }
.studio-placement-mail-lines i { display:block; height:15px; margin-bottom:15px; background:linear-gradient(90deg,#f0f1f3 25%,transparent 25%,transparent 29%,#f3f4f5 29%); }
.studio-placement-map { height:205px; position:relative; overflow:hidden; background:linear-gradient(20deg,transparent 43%,#fff 43%,#fff 48%,transparent 48%),linear-gradient(100deg,#e1ead7 20%,#c9def1 20%,#c9def1 28%,#e8ebdd 28%); }
.studio-placement-map-road { display:block; position:absolute; top:-10px; left:40%; width:17px; height:250px; background:#fff; transform:rotate(35deg); }
.studio-placement-map-pin { position:absolute; top:90px; left:50%; width:31px; height:31px; text-align:center; line-height:31px; border-radius:3px; background:#4b76bd; color:#fff; border:2px solid #fff; box-shadow:0 2px 5px #0003; }
.studio-placement-map-label { position:absolute; bottom:8px; right:8px; font-size:9px; color:#667462; }
.studio-placement-local-card { padding:14px; }
.studio-placement-local-card>div { display:flex; gap:8px; margin:12px 0; }
.studio-placement-local-images { display:grid!important; grid-template-columns:minmax(0,1fr); width:100%; }
.studio-placement-local-images--three { grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px!important; }
.studio-placement-local-images img { width:100%; aspect-ratio:1.4; object-fit:cover; border-radius:5px; }
.studio-placement-local-logo { width:64px; height:64px; object-fit:contain; }
.studio-placement-app-card { display:flex; align-items:center; gap:14px; padding:20px; }
.studio-placement-app-icon { width:70px; height:70px; border-radius:16px; object-fit:cover; flex:none; }
.studio-placement-message-context { padding:14px; color:#737b70; background:#f7f8f6; font-size:11px; }
.studio-placement-message-bubble { max-width:84%; background:#edf0eb; color:#86907f; padding:12px; margin:15px 0; border-radius:12px; }
.studio-placement-message-card { border:1px solid #deded8; border-radius:10px; margin:12px; padding:12px; }
.studio-placement-message-card>img { border-radius:6px; width:100%; max-height:220px; object-fit:cover; margin:10px 0; }
.studio-placement-message-card small { color:#777d71; }
.studio-placement-product-heading { padding:14px 14px 0; }
.studio-placement-product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; padding:14px; }
.studio-placement-product-grid>article { min-width:0; border:1px solid #e1e4dd; border-radius:6px; padding:8px; }
.studio-placement-product-grid>article>img { width:100%; aspect-ratio:1; object-fit:contain; }
.studio-placement-product-grid>.studio-placement-missing { grid-column:1/-1; }
.studio-placement-document-title { padding:0 12px; }
.studio-placement-document-page { width:100%; max-height:560px; object-fit:contain; background:#f1f1ee; }
.studio-placement-document-file { display:block; padding:50px 20px; text-align:center; background:#f1f1ee; }
.studio-placement-page-controls { display:flex; align-items:center; justify-content:center; gap:15px; padding:9px; border-top:1px solid #e1e3dd; }
.studio-ui .studio-placement-page-controls button,.studio-placement-page-controls button { width:28px; min-height:25px; height:25px; padding:0; border:1px solid #cbd0c4; border-radius:4px; background:#fff; font-size:14px; cursor:pointer; }
.studio-placement-page-controls button:disabled { color:#b3b8ae; cursor:default; }
.studio-placement-audio-player { padding:18px; background:#171b19; color:#fff; }
.studio-placement-audio-player>img { width:100%; max-height:330px; object-fit:contain; margin:14px 0; }
.studio-placement-lead-form { padding:20px; }
.studio-placement-lead-form label { display:block; margin:12px 0; color:#535a4e; }
.studio-placement-form-input { display:block; padding:9px; border:1px solid #d2d8cb; border-radius:3px; color:#a0a698; margin:4px 0; }
.studio-placement-lead-form>small:last-child { display:block; margin-top:15px; color:#7d8674; overflow-wrap:anywhere; }
.studio-placement-native>img { width:100%; max-height:300px; object-fit:cover; }
.studio-placement-native>div { padding:14px; }
.studio-placement-native-logo { width:35px; height:35px; object-fit:contain; float:left; margin:0 8px 8px 0; }
.studio-placement-native--text { border-left:4px solid #d3dcc7; }
.studio-placement-video-meta { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; padding:12px; }
.studio-placement-video-meta>small { flex-basis:100%; color:#7f8777; }
.studio-placement-media-caption { padding:8px 12px; font-size:11px; }
@media(max-width:700px) { .studio-placement-row-heading { flex-wrap:wrap; } .studio-placement-row-states { order:4; flex-basis:100%; max-width:none; justify-content:flex-start; padding-left:21px; } .studio-placement-filter-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .studio-placement-counts { gap:4px 8px; } }
@media(max-width:430px) { .studio-ad-stage.studio-ad-preview-stage { padding:10px; } .studio-placement-filter-grid,.studio-placement-detail-controls { grid-template-columns:minmax(0,1fr); } .studio-placement-panel { padding:9px; } .studio-placement-row-heading { padding:9px 8px; } .studio-placement-preview-viewport { padding:8px; } .studio-placement-counts { padding:8px; font-size:9px; } .studio-placement-requirements dl { grid-template-columns:minmax(0,1fr); gap:3px; } .studio-placement-requirements dd { margin-bottom:8px; } }
@media(max-width:430px) { .studio-placement-structured-fields { grid-template-columns:minmax(0,1fr); } }