.guide-shell{max-width:1370px;margin:0 auto;grid-template-columns:215px minmax(0,780px) 170px;gap:42px;padding:35px 28px 70px}.guide-shell .docs-v3-sidebar{background:transparent;border:0;padding:0}.guide-nav-title{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:#33567c;margin-bottom:20px}.guide-nav-title .ico{width:18px;height:18px}.guide-shell .docs-v3-search{font-size:12px;min-height:37px;border-radius:9px;padding:9px 11px;background:#fff}.guide-shell .doc-nav-group{font-size:10px;letter-spacing:.08em;color:#92a0b4;margin:23px 10px 8px}.guide-shell .docs-v3-sidebar>button{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;font-size:12px;line-height:1.5;border-radius:8px;color:#677c97;background:transparent;margin:2px 0;width:100%;border:0;cursor:pointer}.guide-shell .docs-v3-sidebar>button:hover{background:#eff5ff;color:#2678d4}.guide-shell .docs-v3-sidebar>button.active{background:#eaf3ff;color:#1d76d7;font-weight:600}.guide-shell .docs-v3-sidebar .ico{width:13px;height:13px}.guide-shell .docs-v3-sidebar .guide-key-link{margin-top:24px;border-top:1px solid #e5ebf4;border-radius:0;padding-top:18px;justify-content:flex-start;gap:9px}.guide-key-link .ico:last-child{margin-left:auto}.guide-shell .docs-v3-content{min-width:0;padding:0;background:transparent;border:0}.guide-breadcrumb{font-size:11px;color:#8495ac;display:flex;gap:9px;margin:2px 0 23px}.guide-breadcrumb span{color:#bdc8d6}.guide-heading{border-bottom:1px solid #e5ecf5;padding-bottom:21px;margin-bottom:26px}.guide-heading>span{font-size:10px;color:#518acc;letter-spacing:.14em;font-weight:600}.guide-article .guide-heading h1{font-size:36px;line-height:1.2;letter-spacing:-.03em;color:#203c5c;margin:12px 0}.guide-article .guide-heading p{font-size:15px;line-height:1.6;color:#7c90ab;margin:0}.guide-actions{display:flex;gap:8px;margin-top:20px}.guide-actions button{display:flex;align-items:center;gap:6px;border:1px solid #e1e9f3;background:#fff;border-radius:7px;color:#7186a1;font-size:11px;padding:7px 9px;cursor:pointer}.guide-actions button:hover{color:#246fce;border-color:#a9c6ef}.guide-actions .ico{width:13px;height:13px}.guide-start-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:30px}.guide-start-cards button{display:grid;grid-template-columns:25px 1fr;gap:8px 10px;border:1px solid #e0e9f5;border-radius:12px;padding:17px;text-align:left;background:linear-gradient(135deg,#fff,#f3f8ff);cursor:pointer;transition:border-color .16s,box-shadow .16s}.guide-start-cards button+button{background:linear-gradient(135deg,#fff,#f5f2ff)}.guide-start-cards button:hover{border-color:#92bbed;box-shadow:0 5px 18px #426daf10}.guide-start-cards button>.ico{width:20px;height:20px;grid-row:1/3;color:#4889d8}.guide-start-cards strong{font-size:14px;color:#34577f}.guide-start-cards span{display:flex;justify-content:space-between;font-size:11px;color:#8094b0}.guide-start-cards span .ico{width:13px;height:13px}.guide-section{margin:28px 0;scroll-margin-top:105px}.guide-article .guide-section h2{font-size:19px;color:#355477;letter-spacing:-.01em;line-height:1.4;margin:0 0 12px;font-weight:600}.guide-article .guide-section p{font-size:13px;color:#6e819b;line-height:1.85;margin:0 0 15px}.guide-code{border:1px solid #233e60;border-radius:12px;background:#142c48;overflow:hidden;margin:15px 0 20px;box-shadow:0 6px 20px #203b5810}.guide-code>div{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #ffffff10;color:#89a9ce;font-size:9px;letter-spacing:.09em}.guide-code button{background:transparent;border:0;display:flex;gap:6px;align-items:center;color:#afc7e3;font-size:10px;cursor:pointer}.guide-code button:hover{color:#fff}.guide-code .ico{width:12px;height:12px}.guide-article .guide-code pre{font-size:11px;line-height:1.8;white-space:pre;overflow:auto;padding:16px 17px;margin:0;background:transparent;color:#d6e8fc;border:0;border-radius:0}.guide-code code{background:none;color:inherit;padding:0}.guide-table{border:1px solid #e3ebf6;border-radius:10px;overflow:auto;margin:15px 0}.guide-table table{border-collapse:collapse;width:100%;font-size:11px;min-width:450px;margin:0}.guide-table th{background:#f2f6fc;color:#5f7897;font-weight:500}.guide-table td,.guide-table th{padding:11px 13px;border:0;border-bottom:1px solid #e8eef7;text-align:left;line-height:1.55}.guide-table tr:last-child td{border-bottom:0}.guide-table td{color:#6a809b}.guide-table td:first-child{color:#3b6898}.guide-next{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e6edf5;margin-top:32px;padding-top:22px;gap:12px;font-size:13px;color:#7d90a9}.guide-shell .docs-toc{padding:2px 0;border:0;align-self:start;position:sticky;top:130px}.guide-shell .docs-toc h4{font-size:10px;letter-spacing:.08em;color:#8498b1;margin:0 0 15px}.guide-shell .docs-toc a{font-size:11px;color:#8494aa;line-height:1.6;padding:6px 0;display:block;overflow-wrap:anywhere}.guide-shell .docs-toc a:hover{color:#267bce}.guide-help{border-top:1px solid #e5ecf5;margin-top:20px;padding-top:20px}.guide-help strong{font-size:11px;color:#6384ab}.guide-help p{white-space:pre-line;font-size:11px;line-height:1.9;color:#91a0b5}.guide-help button{display:flex;align-items:center;gap:8px;border:0;background:none;padding:0;font-size:11px;color:#4284cc;cursor:pointer}.guide-help .ico{width:12px;height:12px}@media(max-width:1100px){.guide-shell{grid-template-columns:190px minmax(0,1fr);gap:28px}.guide-shell .docs-toc{display:none}}@media(max-width:760px){.guide-shell{display:block;padding:23px 20px 45px}.guide-shell .docs-v3-sidebar{display:flex;overflow-x:auto;gap:6px;align-items:center;margin-bottom:25px;padding-bottom:9px;position:static}.guide-shell .docs-v3-sidebar>button{flex:none;width:auto;white-space:nowrap;margin:0;padding:8px 10px;border:1px solid #e4ebf6}.guide-shell .guide-nav-title,.guide-shell .doc-nav-group,.guide-shell .docs-v3-search,.guide-shell .docs-v3-sidebar .guide-key-link{display:none}.guide-article .guide-heading h1{font-size:29px}.guide-article .guide-heading p{font-size:13px}.guide-article .guide-section h2{font-size:17px}.guide-start-cards{gap:9px}.guide-start-cards button{padding:13px 11px;grid-template-columns:19px 1fr;gap:7px}.guide-start-cards strong{font-size:13px}.guide-article .guide-section p{font-size:12px}.guide-next{font-size:12px}}

/* Media documentation uses the existing developer-center shell. */
.doc-media-lab{--doc-ink:#173452;--doc-muted:#607794;--doc-blue:#256dcc;--doc-line:#dce7f3;margin:8px 0 42px;color:var(--doc-ink)}
.doc-media-lab button,.doc-media-lab select,.doc-media-lab input{font:inherit}.doc-media-lab button{cursor:pointer}.doc-media-lab button:disabled{cursor:wait;opacity:.65}.doc-media-lab :is(button,input,select,a):focus-visible{outline:3px solid #469bec;outline-offset:3px}
.doc-lab-kicker{display:block;color:#267dc6;font-size:10px;font-weight:700;letter-spacing:.14em;margin:0 0 12px}.doc-lab-head{display:flex;align-items:flex-start;gap:18px;justify-content:space-between}.doc-article .doc-media-lab h2,.doc-gallery-heading h2{font-size:27px;line-height:1.3;letter-spacing:-.035em;color:#1e4569;margin:0 0 12px}.doc-media-lab h3{font-size:16px;color:var(--doc-ink);line-height:1.4;margin:0 0 9px}.doc-media-lab p{font-size:12px;line-height:1.8;color:var(--doc-muted);margin:0 0 16px}.doc-lab-head>.doc-status-pill{max-width:220px;flex:none;white-space:normal;line-height:1.5}.doc-status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:7px;font-size:10px;font-weight:600;line-height:1.35;white-space:nowrap;background:#edf1f6;color:#586d86}.doc-status-pill i{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.doc-status-green{color:#197247;background:#e5f4eb}.doc-status-yellow{color:#94600a;background:#fff2d8}.doc-status-red{color:#b34242;background:#fdebec}.doc-status-gray{color:#566b84;background:#edf1f6}
.doc-image-demo{padding:24px;border:1px solid #dbe8f5;border-radius:18px;background:linear-gradient(145deg,#f3f9ff,#ffffff 50%,#eaf3fe)}.doc-image-stage{--doc-quality:50%;--mag-x:50%;--mag-y:50%;position:relative;width:100%;max-width:560px;aspect-ratio:1;margin:22px auto 0;border:1px solid #c6d9ec;border-radius:13px;overflow:hidden;isolation:isolate;touch-action:pan-y;background:#dce8f3}.doc-image-compare{position:absolute;inset:0;transform-origin:center;will-change:transform}.doc-image-compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0;border-radius:0;max-width:none}.doc-image-original{clip-path:inset(0 0 0 var(--doc-quality))}.doc-image-label{position:absolute;z-index:2;top:12px;font-size:9px;font-weight:700;letter-spacing:.05em;color:#23425f;background:#fffffff0;border:1px solid #ffffffdd;box-shadow:0 2px 9px #14395812;padding:6px 9px;border-radius:5px;pointer-events:none}.doc-image-label-left{left:10px}.doc-image-label-right{right:10px}.doc-comparison-line{position:absolute;left:var(--doc-quality);top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 8px #14395877;pointer-events:none;z-index:3}.doc-comparison-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;width:36px;height:36px;background:#fff;color:#2f628c;font-size:21px;box-shadow:0 3px 14px #142c4855}.doc-magnifier{position:absolute;z-index:4;display:none;left:clamp(72px,var(--mag-x),calc(100% - 72px));top:clamp(72px,var(--mag-y),calc(100% - 72px));transform:translate(-50%,-50%);width:144px;height:144px;border:4px solid #fff;border-radius:50%;box-shadow:0 9px 35px #142c4866;background-image:url('/assets/docs/image-2-original.png');background-size:300%;background-position:var(--mag-x) var(--mag-y);pointer-events:none}.has-magnifier .doc-magnifier{display:block}.doc-control-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0 9px}.doc-control-row label{display:flex;flex:1 1 135px;flex-direction:column;gap:7px;font-size:10px;color:#456887}.doc-control-row output{font-size:11px;color:#2d648f;min-width:38px}.doc-control-row input[type=range]{width:100%;height:24px;accent-color:#2c82ce;cursor:ew-resize;margin:0}.doc-loupe-button{align-self:flex-end;border:1px solid #bdd3e9;border-radius:7px;padding:7px 9px;color:#285f8f;background:white;font-size:10px!important;min-height:34px}.doc-loupe-button[aria-pressed=true]{background:#1c67af;color:white;border-color:#1c67af}.doc-media-lab .doc-caption{font-size:10px;color:#667e98;line-height:1.75;margin:10px 0 0}
.doc-size-explorer{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(120px,.8fr);gap:20px;padding:24px 0;border-bottom:1px solid var(--doc-line);margin:10px 0 25px;align-items:center}.doc-size-explorer p{font-size:11px}.doc-segment{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.doc-segment button{border:1px solid #d4e2f0;border-radius:6px;background:white;color:#56748f;font-size:10px;min-height:33px;padding:6px 10px}.doc-segment button[aria-pressed=true]{background:#e8f3ff;color:#145c9c;border-color:#70a8d9;box-shadow:inset 0 0 0 1px #a2c7e7}.doc-resolutions button[aria-pressed=true]{background:#fff3e5;color:#95571e;border-color:#dfb178;box-shadow:none}.doc-size-explorer [data-doc-resolution-note]{font-size:10px;color:#768ba2}.doc-size-grid{height:208px;background:linear-gradient(#d5e3ef80 1px,transparent 1px),linear-gradient(90deg,#d5e3ef80 1px,transparent 1px),#f7fbff;background-size:16px 16px;display:grid;place-items:center;border:1px solid #dce7f2;border-radius:10px;overflow:hidden;padding:15px}.doc-size-grid [data-doc-frame]{width:170px;max-height:174px;max-width:100%;display:grid;place-items:center;color:#3274aa;background:linear-gradient(135deg,#bfdff580,#d2eaffcc);border:1px solid #77acd4;box-shadow:0 6px 15px #3470a019;font-size:22px;font-weight:300;border-radius:4px;transition:width .2s,aspect-ratio .2s}
.doc-api-ribbon{display:flex;align-items:center;gap:20px;border:1px solid #d6e4f2;background:#f4f9ff;border-radius:11px;padding:15px;margin:22px 0}.doc-api-ribbon>div{min-width:0}.doc-api-ribbon small{display:block;font-size:8px;letter-spacing:.1em;color:#6a87a2;margin-bottom:6px}.doc-api-ribbon code{font-size:11px;color:#235b8e;background:transparent;padding:0;word-break:break-all}.doc-api-ribbon button{margin-left:auto;flex:none;font-size:10px;gap:5px}.doc-command-panel{margin:25px 0}.doc-command-heading{display:flex;gap:15px;align-items:start;justify-content:space-between}.doc-command-heading h3{font-size:18px}.doc-model-picker{display:flex;gap:10px;align-items:center;font-size:11px;color:#526f8c;margin:16px 0;flex-wrap:wrap}.doc-model-picker select,.doc-filter-label select,.doc-status-filters select{border:1px solid #ccdaea;border-radius:7px;padding:8px 28px 8px 10px;background:white;color:#2f5980;min-height:36px;font-size:11px}.doc-model-picker>span{font-size:10px;color:#788ca3}.doc-media-lab .doc-code pre{max-height:420px;font-size:11px}.doc-code-tabs{display:flex;gap:12px}.doc-code-tabs button{font-size:10px!important;padding:4px 2px!important;color:#a7c0dc!important;border-bottom:2px solid transparent!important}.doc-code-tabs button[aria-selected=true]{color:#fff!important;border-color:#6bbaff!important}.doc-code button[data-feedback=error]{color:#ffb6b1!important}.doc-code button[data-feedback=success]{color:#91e8b1!important}.doc-info-notice{padding:14px 16px;border:1px solid #d9e3ef;border-left:3px solid #94adc8;background:#f6f9fd;border-radius:8px;color:#647b93;font-size:11px;line-height:1.75}
.doc-flow{list-style:none;padding:0!important;margin:28px 0!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--doc-line);border-radius:10px;overflow:hidden;background:#fff}.doc-flow li{display:grid;grid-template-columns:24px 1fr;column-gap:9px;padding:17px 12px;margin:0!important;border-right:1px solid var(--doc-line)}.doc-flow li:last-child{border:0}.doc-flow b{color:#8daac7;font-size:13px;grid-row:1/3}.doc-flow strong{font-size:11px;color:#365d83}.doc-flow span{font-size:9px;color:#8799ac;margin-top:5px}
.doc-gallery-heading{border-left:3px solid #d9985b;padding-left:18px;margin-bottom:22px}.doc-gallery-heading .doc-lab-kicker{color:#ac743a}.doc-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:0 0 25px}.doc-video-card{margin:0;background:#f3f8fc;border:1px solid #dce7f0;overflow:hidden;border-radius:12px;box-shadow:0 6px 17px #2954780b}.doc-video-card>div{aspect-ratio:496/864;background:#0d2231;position:relative;overflow:hidden}.doc-video-card video{display:block;width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.doc-video-state{position:absolute;top:12px;left:8px;right:8px;font-size:10px;color:#fff;text-shadow:0 1px 5px #000;background:#132f477a;border-radius:4px;text-align:center;pointer-events:none}.doc-video-state:empty{display:none}.doc-video-card figcaption{padding:12px 10px}.doc-video-card strong{display:block;font-size:12px;color:#315779;margin-bottom:5px}.doc-video-card figcaption>span:not(.doc-status-pill){display:block;font-size:9px;color:#7b90a6;margin-bottom:10px}.doc-video-card .doc-status-pill{font-size:9px;padding:4px 6px}.doc-live-panel{border:1px solid #cce5dc;border-radius:11px;padding:17px;background:linear-gradient(130deg,#f0faf5,#fbfefd);display:flex;gap:12px;flex-wrap:wrap}.doc-live-panel>div:first-child{flex:1;min-width:200px}.doc-live-panel strong{display:block;color:#286949;font-size:13px;margin-bottom:5px}.doc-live-panel>div>span{font-size:10px;line-height:1.7;display:block;color:#6f877b}.doc-live-panel>button,.doc-live-state>button{align-self:start;border:1px solid #bddaca;background:#fff;border-radius:6px;padding:7px 9px;font-size:10px;color:#3a7556}.doc-live-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:10px;border-top:1px solid #d5e8de;padding-top:14px;margin-top:4px}.doc-live-prices>div>strong{font-size:11px;color:#366852}.doc-live-prices span{display:block;font-size:9px;color:#789080;margin-bottom:9px}.doc-live-prices b{font-size:14px;color:#226e48;font-variant-numeric:tabular-nums}.doc-live-panel>p{width:100%;font-size:11px;margin:0}.doc-live-state{display:flex;align-items:center;gap:12px;border:1px solid #d7e4f1;background:#f2f8fe;padding:17px;border-radius:10px;font-size:12px;color:#607c98}.doc-live-state.is-error{background:#fff2ef;border-color:#f0d3ca;color:#9e574b;line-height:1.7}.doc-live-state.is-error button{border-color:#e8bfb2;color:#9e574b;white-space:nowrap}.doc-spinner{width:16px;height:16px;border:2px solid #b8d1e9;border-top-color:#3a83c2;border-radius:50%;animation:doc-spin .8s linear infinite;flex:none}@keyframes doc-spin{to{transform:rotate(360deg)}}
.doc-detail-panel{border:1px solid var(--doc-line);border-radius:10px;margin:18px 0;background:#fff;overflow:hidden}.doc-detail-panel>summary{cursor:pointer;padding:16px 18px;font-size:13px;font-weight:600;color:#315b80;display:list-item;list-style-position:inside;background:#f5f9fe}.doc-detail-panel>summary>span+span{float:right;font-size:10px;font-weight:400;color:#7b94ac;padding-top:2px}.doc-detail-body{padding:17px}.doc-detail-body>p{font-size:11px}.doc-filter-label{display:flex;align-items:center;gap:12px;font-size:11px;color:#6b8199}.doc-price-table{max-height:510px}.doc-price-table table{min-width:640px}.doc-price-table th{position:sticky;top:0;z-index:1}.doc-price-table td{font-size:10px!important;padding:10px!important}.doc-price-table td:first-child{font-weight:600}.doc-price-table td:nth-child(2)>span{margin-right:5px}.doc-price-table small{display:block;font-size:8px;color:#8a9aaf;margin-top:4px}.doc-price-amount{font-variant-numeric:tabular-nums;color:#235e94!important;font-weight:600;font-size:12px!important}.doc-processing{display:inline-block;background:#e9f2fc;color:#3b71a1;border-radius:4px;padding:3px 5px;font-size:8px}.doc-processing.enhanced{background:#fff0df;color:#9a6b34}.doc-price-table .doc-status-pill{font-size:8px}.doc-status-summary{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.doc-status-filters{display:flex;gap:9px}.doc-status-filters input{border:1px solid #ccdcec;border-radius:7px;min-height:38px;min-width:0;flex:1;padding:9px 11px;font-size:11px;color:#365b7f;background:#fff}.doc-status-table{max-height:520px}.doc-status-table table{min-width:620px}.doc-status-table th{position:sticky;top:0;z-index:1}.doc-status-table td:first-child>strong{display:block;font-size:11px;color:#315c83;margin-bottom:4px}.doc-status-table td:first-child>code{display:block;font-size:9px;padding:0;background:transparent;color:#748ba2;overflow-wrap:anywhere}.doc-status-table td:first-child>small{display:block;font-size:8px;color:#8c9daf;margin-top:3px}.doc-status-table .doc-status-pill{font-size:9px}
@media(max-width:1050px){.doc-api-ribbon{gap:12px;flex-wrap:wrap}.doc-api-ribbon button{margin-left:0}.doc-lab-head{display:block}.doc-lab-head>.doc-status-pill{margin:0 0 5px}.doc-video-grid{gap:9px}.doc-video-card strong{font-size:11px}}
@media(max-width:600px){.doc-image-demo{padding:15px}.doc-article .doc-media-lab h2,.doc-gallery-heading h2{font-size:23px}.doc-image-label{font-size:7px;padding:5px}.doc-control-row{gap:7px}.doc-control-row label{flex-basis:125px}.doc-size-explorer{grid-template-columns:1fr;gap:13px;padding-top:15px}.doc-size-grid{height:190px}.doc-size-grid [data-doc-frame]{max-height:158px}.doc-video-grid{display:flex;overflow-x:auto;gap:12px;padding-bottom:12px;scroll-snap-type:x mandatory}.doc-video-card{min-width:73%;scroll-snap-align:start}.doc-video-card>div{max-height:410px}.doc-video-card strong{font-size:14px}.doc-video-card figcaption>span:not(.doc-status-pill){font-size:10px}.doc-api-ribbon{display:block}.doc-api-ribbon>div{margin-bottom:12px}.doc-api-ribbon button{margin-top:2px}.doc-command-heading{display:block}.doc-command-heading>.doc-status-pill{margin:0 0 10px}.doc-live-prices{grid-template-columns:1fr}.doc-live-prices>div{display:grid;grid-template-columns:1fr auto;column-gap:10px}.doc-live-prices span{grid-column:1;margin-bottom:6px}.doc-live-prices b{grid-column:2;grid-row:1/3;align-self:center}.doc-flow{display:block}.doc-flow li{border-right:0;border-bottom:1px solid var(--doc-line);padding:13px 15px}.doc-flow strong{font-size:12px}.doc-flow span{font-size:10px}.doc-detail-panel>summary{font-size:12px;padding:14px 11px}.doc-detail-panel>summary>span+span{font-size:8px}.doc-detail-body{padding:12px}.doc-status-filters{flex-direction:column}.doc-code-tabs{gap:10px}.doc-media-lab .doc-code pre{font-size:10px;max-height:340px}.doc-live-state{flex-wrap:wrap}.doc-image-stage{max-width:430px}.doc-magnifier{width:110px;height:110px}}
@media(prefers-reduced-motion:reduce){.doc-media-lab *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.doc-spinner{border-color:#719cbc}}