.playground-page{padding-bottom:20px}.pg-hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:54px;padding-top:55px;padding-bottom:48px;display:grid}.pg-hero h1{letter-spacing:-.055em;margin:18px 0 24px;font-size:clamp(38px,4.4vw,62px);line-height:1.12}.pg-hero h1 em{color:var(--teal);font-style:normal}.pg-lead{max-width:480px;color:var(--muted);font-size:17px;line-height:1.85}.pg-hero-actions{flex-wrap:wrap;align-items:center;gap:20px;margin:28px 0 20px;display:flex}.pg-small{color:var(--muted);font-size:11px;line-height:1.8}.pg-cover{border:1px solid var(--line);background:#f0f4ec;border-radius:12px;overflow:hidden}.pg-cover img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.pg-cover figcaption{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:14px 18px;font-size:10px;line-height:1.8;display:flex}.pg-cover figcaption span{color:var(--ink);font-weight:700}.pg-welcome{border:1px solid var(--line);color:var(--muted);background:#f2f6ed;border-radius:10px;grid-template-columns:1.3fr 1fr;gap:32px;padding:24px 30px;font-size:13px;line-height:1.9;display:grid}.playground-page a:not(.button):not(.pg-tool):not(.pg-file){text-underline-offset:4px}.pg-welcome a,.pg-expected a,.pg-details a,.pg-link-list a{color:var(--teal);text-decoration:underline}.pg-tools{padding-top:72px;padding-bottom:65px;scroll-margin-top:110px}.pg-heading{justify-content:space-between;align-items:end;gap:36px;margin-bottom:28px;display:flex}.pg-heading h2{letter-spacing:-.035em;margin-top:10px;font-size:clamp(25px,3vw,36px)}.pg-heading>p{max-width:280px;color:var(--muted);font-size:13px;line-height:1.9}.pg-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.pg-tool{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:start;gap:12px;min-width:0;padding:18px 16px;transition:background .15s,border-color .15s;display:flex}.pg-tool:hover,.pg-tool:focus-visible{border-color:var(--teal);background:#f1f7ee}.pg-tool-icon{width:30px;height:30px;color:var(--teal);flex-shrink:0;place-items:center;display:grid}.pg-tool-icon svg{width:24px;height:24px}.pg-tool b{font-size:13px;line-height:1.5;display:block}.pg-tool small{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.75;display:block}.pg-tool-number{color:var(--muted);margin-left:auto;font-size:10px}.pg-marker{color:var(--teal);letter-spacing:.03em;border-top:1px solid #bdcec2;border-bottom:1px solid #bdcec2;flex-wrap:wrap;justify-content:space-between;gap:15px;padding-top:15px;padding-bottom:15px;scroll-margin-top:110px;font-size:11px;font-weight:650;display:flex}.pg-marker span+span{color:var(--muted);font-weight:400}.pg-section{border-bottom:1px solid var(--line);grid-template-columns:160px minmax(0,1fr);gap:46px;padding-top:64px;padding-bottom:64px;scroll-margin-top:85px;display:grid}.pg-section-label{color:var(--muted);font-size:12px;line-height:1.8}.pg-index{color:var(--teal);padding-bottom:12px;font-size:12px;font-weight:700;display:block}.pg-section-body{min-width:0}.pg-section-body>h2{letter-spacing:-.035em;margin-bottom:16px;font-size:clamp(25px,3vw,36px);line-height:1.25}.pg-instruction{color:var(--muted);max-width:790px;margin-bottom:26px;font-size:14px;line-height:1.9}.pg-expected{color:var(--muted);background:#f0f5ed;border-left:3px solid #8caf94;border-radius:0 6px 6px 0;margin-top:24px;padding:19px 22px;font-size:12px;line-height:1.9}.pg-expected strong{color:var(--ink)}.pg-article{border:1px solid var(--line);background:#fff;border-radius:10px;max-width:760px;padding:34px}.pg-article-kicker{letter-spacing:.07em;text-transform:uppercase;color:var(--teal);margin-bottom:12px;font-size:10px}.pg-article h3{letter-spacing:-.035em;margin-bottom:22px;font-size:29px;line-height:1.3}.pg-article>p:not(.pg-article-kicker){margin-top:16px;font-size:15px;line-height:1.95}.pg-article figure{margin:24px 0}.pg-article img{border-radius:6px;width:100%;height:auto}.pg-article figcaption{color:var(--muted);margin-top:9px;font-size:11px}.pg-article h4{margin-top:24px;font-size:17px}.pg-article ul{margin-top:12px;padding-left:22px;font-size:14px;line-height:1.9;list-style:outside}.pg-article blockquote{border-left:3px solid var(--teal);margin-top:26px;padding-left:20px;font-size:18px;line-height:1.7}.pg-article a{color:var(--teal);text-decoration:underline}.pg-image-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.pg-image-grid figure,.pg-graphic-grid figure{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;overflow:hidden}.pg-image-grid img{aspect-ratio:1.6;object-fit:contain;background:#f5f3e9;width:100%;height:auto;display:block}.pg-image-grid figcaption,.pg-graphic-grid figcaption,.pg-video figcaption,.pg-ocr-image figcaption{overflow-wrap:anywhere;color:var(--muted);flex-direction:column;gap:6px;padding:15px;font-size:11px;line-height:1.7;display:flex}.pg-image-grid figcaption strong,.pg-graphic-grid figcaption strong,.pg-video figcaption strong,.pg-ocr-image figcaption strong{color:var(--ink);font-size:12px}.pg-graphic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.pg-graphic-grid svg,.pg-graphic-grid canvas{aspect-ratio:900/560;background:#f5f3e9;width:100%;height:auto;display:block}.pg-table-scroll{border:1px solid var(--line);background:#fff;border-radius:8px;overflow-x:auto}.pg-table-scroll:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.pg-table{border-collapse:collapse;text-align:left;width:100%;min-width:480px;font-size:13px}.pg-table caption{text-align:left;color:var(--ink);background:#f0f4ec;padding:18px;font-weight:700}.pg-table th,.pg-table td{border-top:1px solid var(--line);padding:16px 20px}.pg-table thead th{color:var(--muted);background:#f7f9f4;font-size:11px}.pg-table tbody th{font-weight:550}.pg-link-list{border:1px solid var(--line);background:#fff;border-radius:8px;gap:12px;padding:24px 24px 24px 44px;font-size:14px;line-height:1.8;list-style:outside;display:grid}.pg-file-list{gap:9px;display:grid}.pg-file{border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;gap:18px;min-width:0;padding:18px;display:flex}.pg-file:hover{border-color:var(--teal)}.pg-format{color:#235c51;background:#e9f2e6;border-radius:4px;padding:6px 8px;font-size:10px;font-weight:750;display:inline-block}.pg-file strong{overflow-wrap:anywhere;font-size:13px}.pg-file small{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.7;display:block}.pg-file>span:last-child{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:11px}.pg-video{border:1px solid var(--line);background:#fff;border-radius:9px;overflow:hidden}.pg-video video{aspect-ratio:16/9;background:#f5f3e9;width:100%;height:auto;display:block}.pg-audio{border:1px solid var(--line);background:#fff;border-radius:8px;margin:25px 0;padding:20px}.pg-audio>p{margin-bottom:12px;font-size:13px;font-weight:650;display:block}.pg-audio audio{width:100%;display:block}.pg-details{border:1px solid var(--line);background:#fff;border-radius:7px;margin-top:18px;padding:17px 20px;font-size:13px;line-height:1.9}.pg-details summary{cursor:pointer;font-weight:650}.pg-details p,.pg-details pre,.pg-details ul{margin-top:16px}.pg-details ul{padding-left:20px;list-style:outside}.pg-capture-target{border:2px dashed var(--teal);text-align:center;background:#e9f2e6;border-radius:10px;place-items:center;height:340px;padding:45px 16px;display:grid;position:relative}.pg-capture-target>div{max-width:100%}.pg-capture-target p{letter-spacing:.04em;text-transform:uppercase;font-size:11px}.pg-capture-target strong{letter-spacing:-.035em;margin:15px 0;font-size:clamp(24px,3vw,38px);display:block}.pg-capture-target>div>span{letter-spacing:.08em;font-size:14px}.pg-corner{letter-spacing:.04em;font-size:9px;font-weight:650;position:absolute}.pg-corner-tl{top:15px;left:17px}.pg-corner-tr{top:15px;right:17px}.pg-corner-bl{bottom:15px;left:17px}.pg-corner-br{bottom:15px;right:17px}.pg-swatches{justify-content:center;gap:10px;margin-top:23px;display:flex}.pg-swatches i{background:#087e83;border-radius:3px;width:36px;height:20px}.pg-swatches i:nth-child(2){background:#a4bb8b}.pg-swatches i:nth-child(3){background:#d59e42}.pg-swatches i:nth-child(4){background:#ce8165}.pg-select-label{margin-bottom:14px;font-size:12px;font-weight:650;display:block}.pg-select-label select{width:100%;max-width:300px;color:var(--ink);font:inherit;background:#fff;border:1px solid #bdccc4;border-radius:5px;margin-top:9px;padding:12px;font-size:14px;display:block}.pg-ocr-image{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.pg-ocr-image img{width:100%;height:auto;display:block}.pg-reference{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:16px}.pg-save-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.pg-save-grid>div{border:1px solid var(--line);background:#fff;border-radius:8px;padding:22px}.pg-save-grid h3{margin:14px 0;font-size:18px}.pg-save-grid p{color:var(--muted);font-size:13px;line-height:1.9}.pg-save-grid button{margin-top:20px}.playground-page textarea{resize:vertical;width:100%;color:var(--ink);background:#fff;border:1px solid #bdccc4;border-radius:7px;padding:18px;font:12px/1.9 ui-monospace,monospace}.pg-batch-actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:18px;font-size:12px;display:flex}.pg-copy-status{color:var(--teal);margin-top:14px;font-size:12px;line-height:1.8}.pg-finish{padding-top:70px;padding-bottom:60px}.pg-finish h2{letter-spacing:-.035em;margin:14px 0 20px;font-size:clamp(26px,3vw,38px);line-height:1.3}.pg-finish>p:not(.eyebrow){color:var(--muted);max-width:790px;font-size:14px;line-height:1.9}.pg-finish .related-links{margin-top:24px}.playground-page .related-links{flex-wrap:wrap;line-height:1.9}@media (width<=1050px){.pg-hero{gap:28px}.pg-section{grid-template-columns:115px minmax(0,1fr);gap:28px}.pg-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-save-grid{grid-template-columns:1fr}.pg-image-grid{gap:10px}.pg-image-grid figcaption{padding:10px}}@media (width<=760px){.pg-hero{grid-template-columns:1fr;gap:30px;padding-top:35px}.pg-hero h1{font-size:clamp(38px,7vw,54px)}.pg-lead{font-size:15px}.pg-welcome{grid-template-columns:1fr;gap:16px;padding:22px}.pg-heading{display:block}.pg-heading>p{max-width:none;margin-top:15px}.pg-tools{padding-top:45px;padding-bottom:42px}.pg-section{grid-template-columns:1fr;gap:18px;padding-top:42px;padding-bottom:42px}.pg-section-label{align-items:baseline;gap:16px;display:flex}.pg-section-label p{word-spacing:.12em}.pg-index{padding-bottom:0}.pg-article{padding:24px}.pg-article h3{font-size:25px}.pg-image-grid{grid-template-columns:1fr;gap:17px}.pg-image-grid img{max-height:300px}.pg-graphic-grid{grid-template-columns:1fr}.pg-file{gap:12px;padding:15px}.pg-file>span:last-child{white-space:normal;font-size:10px}.pg-capture-target{height:300px}.pg-cover figcaption{font-size:10px}.pg-hero-actions{align-items:start}.pg-finish{padding-top:45px;padding-bottom:40px}}@media (width<=480px){.pg-tool-grid{grid-template-columns:1fr}.pg-tool{padding:15px}.pg-tool small{font-size:12px}.pg-article{padding:20px}.pg-capture-target strong{font-size:23px}.pg-file strong{font-size:12px}.pg-file small{font-size:10px}.pg-file .pg-format{font-size:9px}.pg-marker{font-size:10px}.pg-hero-actions{flex-direction:column}.pg-lead{line-height:1.85}}@media print{.site-header,.site-footer,.breadcrumbs,.skip-link,.pg-tools,.pg-hero-actions,.pg-batch-actions,.analytics-banner,.analytics-dialog,[data-print-page],.pg-details,.pg-select-label{display:none!important}.playground-page{font-size:11pt}.container{width:100%!important;max-width:none!important}.pg-hero{padding-top:0;display:block}.pg-cover{max-width:70%;margin-top:20px}.pg-welcome{display:block}.pg-welcome p+p{margin-top:12px}.pg-section{break-inside:auto;padding:25px 0;display:block}.pg-section-label{gap:15px;margin-bottom:15px;display:flex}.pg-section-label br{display:none}.pg-section-body>h2{font-size:20pt}.pg-article{max-width:none}.pg-table-scroll{overflow:visible}.pg-table{min-width:0}.pg-video{max-width:70%}.pg-audio audio{display:none}.pg-section-body>figure,.pg-graphic-grid figure,.pg-capture-target,.pg-ocr-image,.pg-file,.pg-table{break-inside:avoid}.pg-save-grid{display:block}.pg-save-grid>div{margin-top:15px}.pg-reference{white-space:pre-wrap}textarea{height:auto}a{color:inherit!important}*{box-shadow:none!important}}