@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";.cs-tool{--acc: #1F8A5B;--acc-soft: #EAF6EF;--acc-line: #CDE8DA;--ink: #16181A;--ink-1: #1A1C1E;--ink-2: #3F444A;--ink-3: #6A6F76;--muted: #9A968C;--label: #8E8A80;--page: #F4F3EF;--panel: #FBFBF9;--border: #E5E3DC;--input-border: #DEDCD3;--hairline: #ECEAE3;background:var(--page);color:var(--ink-1);font-family:IBM Plex Sans,system-ui,sans-serif;padding:40px 0 64px;min-height:70vh}.cs-tool *,.cs-tool *:before,.cs-tool *:after{box-sizing:border-box}.cs-tool-wrap{max-width:1140px;margin:0 auto;padding:0 28px}.cs-tool-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:26px}.cs-tool-eyebrow{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.16em;color:var(--acc);text-transform:uppercase;margin-bottom:8px}.cs-tool-h1{margin:0;font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--ink-1);font-family:IBM Plex Sans,system-ui,sans-serif}.cs-tool-dek{margin:7px 0 0;font-size:14px;color:var(--ink-3);max-width:470px;line-height:1.5}.cs-tool-badge{flex:none;font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:.1em;color:#0e1410;background:var(--acc-soft);border:1px solid var(--acc-line);padding:6px 11px;border-radius:20px;white-space:nowrap}.cs-tool-grid{display:grid;grid-template-columns:382px 1fr;gap:24px;align-items:start}.cs-panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:22px}.cs-label{display:block;font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:.12em;color:var(--label);text-transform:uppercase;margin:18px 0 8px}.cs-panel>.cs-label:first-of-type{margin-top:0}.cs-input{width:100%;padding:9px 11px;border:1px solid var(--input-border);border-radius:8px;background:#fff;font-size:13.5px;color:var(--ink-1);outline:none;font-family:inherit;transition:border-color .15s,box-shadow .15s}.cs-input-mono{font-family:IBM Plex Mono,monospace}.cs-input:focus{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft)}.cs-chips{display:flex;gap:8px}.cs-chip{position:relative;flex:1;padding:10px 8px;border-radius:8px;border:1px solid var(--input-border);background:#fff;cursor:pointer;font-size:13px;font-weight:600;color:var(--ink-2);font-family:inherit;transition:all .15s}.cs-chip:hover{border-color:#b6b3a9}.cs-chip.is-selected{border-color:var(--acc);background:var(--acc-soft);color:#0e1410}.cs-chip-2{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;border-radius:8px;border:1px solid var(--input-border);background:#fff;cursor:pointer;font-family:inherit;transition:all .15s}.cs-chip-2:hover{border-color:#b6b3a9}.cs-chip-2.is-selected{border-color:var(--acc);background:var(--acc-soft)}.cs-c2-label{font-size:13px;font-weight:600;color:var(--ink-1)}.cs-c2-note{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--label)}.cs-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.cs-fg-full{grid-column:1 / -1}.cs-fg-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cs-helper{margin:8px 0 0;font-size:12px;color:var(--ink-3);line-height:1.4}.cs-btn-row{display:flex;gap:9px;margin-top:22px}.cs-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:12px 16px;border-radius:9px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;border:1px solid transparent}.cs-btn-primary{flex:1;background:var(--acc);color:#0e1410;border:none}.cs-btn-primary:hover{background:#1a774f}.cs-btn-ghost{background:#fff;color:var(--ink-1);border:1px solid var(--input-border)}.cs-btn-ghost:hover{border-color:var(--ink-2)}.cs-tpl-row{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.cs-tpl-btn{flex:1;min-width:90px;padding:10px 8px;border-radius:9px;border:1px solid var(--input-border);background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;font:500 11.5px IBM Plex Sans,sans-serif;color:var(--ink-2);transition:all .15s}.cs-tpl-btn:hover{border-color:#b6b3a9}.cs-tpl-btn.is-selected{border-color:var(--acc);background:var(--acc-soft);color:#0e1410;font-weight:600}.cs-tpl-btn svg{display:block;border:1px solid var(--input-border);border-radius:3px;background:#fff}.cs-preview{border:1px solid var(--border);border-radius:14px;background:#fff;background-image:radial-gradient(#E9E7E0 1px,transparent 1px);background-size:18px 18px;min-height:600px;display:flex;align-items:center;justify-content:center;padding:40px}.cs-cage-card{width:336px;height:560px;background:#fff;border-radius:6px;box-shadow:0 12px 40px #14181a1a;overflow:hidden;display:flex;flex-direction:column;font-family:IBM Plex Sans,system-ui,sans-serif;color:var(--ink-1)}.cc-header{background:#16181a;color:#f4f3ef;padding:12px 18px;display:flex;align-items:center;justify-content:space-between}.cc-brand{font-size:13px;letter-spacing:-.01em;font-weight:600}.cc-tag{font-family:IBM Plex Mono,monospace;font-size:9.5px;letter-spacing:.12em;padding:3px 7px;background:#1f8a5b2e;border:1px solid rgba(31,138,91,.35);border-radius:4px;color:#b4e4cb}.cc-id-band{padding:16px 18px;border-bottom:2px solid var(--acc);display:flex;align-items:baseline;gap:12px}.cc-id-center{justify-content:center}.cc-id-lab{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.12em;color:var(--label);text-transform:uppercase}.cc-id-val{font-family:IBM Plex Mono,monospace;font-size:22px;font-weight:600;color:var(--ink-1);letter-spacing:-.01em}.cc-grid{padding:12px 18px;flex:1;display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;align-content:start}.cc-row{display:flex;flex-direction:column;gap:2px;padding:6px 0;border-bottom:1px solid var(--hairline)}.cc-row span{font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.cc-row b{font-size:12px;color:var(--ink-1);font-weight:600;font-family:IBM Plex Mono,monospace}.cc-footer{padding:12px 18px;background:#fafaf7;border-top:1px solid var(--hairline);display:flex;align-items:center;gap:12px}.cc-codebox-sm{width:72px;height:72px;background:#fff;border:1px solid var(--hairline);border-radius:4px;display:flex;align-items:center;justify-content:center;padding:4px;flex:none}.cc-codebox-sm img{max-width:100%;max-height:100%;display:block}.cc-foot-text{display:flex;flex-direction:column;gap:2px}.cc-foot-lab{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.1em;color:var(--ink-1);text-transform:uppercase;font-weight:600}.cc-foot-sub{font-size:11px;color:var(--ink-3)}.cc-top-brand{padding:12px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--hairline)}.cc-top-brand .cc-brand{color:var(--ink-1)}.cc-top-brand .cc-tag{color:var(--acc);border-color:var(--acc-line);background:var(--acc-soft)}.cc-top-codebox{padding:16px 18px;display:flex;align-items:center;justify-content:center;background:#fafaf7;min-height:130px}.cc-foot-dark{background:#16181a;color:#b0b5bb;font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.1em;text-align:center;padding:10px;text-transform:uppercase;margin-top:auto}.cc-side-layout{display:grid;grid-template-columns:118px 1fr;height:100%}.cc-side-rail{background:#16181a;color:#b0b5bb;padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:14px}.cc-side-codebox{width:92px;height:92px;background:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:4px}.cc-side-codebox img{max-width:100%;max-height:100%}.cc-side-codebox-vert{width:92px;height:230px;overflow:hidden}.cc-side-std{font-family:IBM Plex Mono,monospace;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase}.cc-side-content{display:flex;flex-direction:column}.cc-grid-side{grid-template-columns:1fr}.cc-min-head{padding:14px 18px;display:flex;align-items:center;justify-content:space-between}.cc-min-head .cc-tag{color:var(--acc);border-color:var(--acc-line);background:var(--acc-soft)}.cc-min-id{padding:4px 18px 8px;font-family:IBM Plex Mono,monospace;font-size:34px;font-weight:600;color:var(--ink-1);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-min-divider{height:2px;background:var(--acc);margin:0 18px}.cc-min-rows{padding:14px 18px;flex:1;display:flex;flex-direction:column;gap:0}.cc-min-row{display:flex;align-items:baseline;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--hairline)}.cc-min-row span{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.cc-min-row b{font-size:12.5px;color:var(--ink-1);font-weight:600;font-family:IBM Plex Mono,monospace}.cc-min-code{padding:12px 18px;display:flex;align-items:center;justify-content:center;min-height:72px}.cc-comp-head{background:#16181a;color:#f4f3ef;padding:10px 18px;font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}.cc-comp-bar{padding:12px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--acc);background:#fafaf7}.cc-comp-codebox{background:#fff;border:1px solid var(--hairline);border-radius:4px;padding:4px;display:flex;align-items:center}.cc-comp-table{width:100%;border-collapse:collapse;flex:1}.cc-comp-table tr{border-bottom:1px solid var(--hairline)}.cc-comp-k{width:124px;padding:8px 14px;background:#f1efe9;font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.08em;color:var(--label);text-transform:uppercase}.cc-comp-v{padding:8px 14px;font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--ink-1);font-weight:600}.cc-comp-foot{padding:8px 18px;background:#16181a;color:#b0b5bb;font-family:IBM Plex Mono,monospace;font-size:9.5px;letter-spacing:.1em;text-align:center;text-transform:uppercase;margin-top:auto}.cs-tool-cross{margin-top:48px;padding:20px 22px;background:var(--panel);border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.cs-cross-label{font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:.14em;color:var(--label);text-transform:uppercase}.cs-cross-row{display:flex;gap:14px 22px;flex-wrap:wrap}.cs-cross-row a{color:var(--ink-2);text-decoration:none;font-size:13.5px;font-weight:500;border-bottom:1px dotted transparent;transition:all .15s}.cs-cross-row a:hover{color:var(--acc);border-bottom-color:var(--acc)}@media(max-width:980px){.cs-tool-grid{grid-template-columns:1fr}.cs-preview{min-height:620px;padding:28px}}@media(max-width:768px){.cs-tool-wrap{padding:0 16px}.cs-tool{padding:24px 0 48px}.cs-tool-head{flex-direction:column;gap:12px}.cs-tool-h1{font-size:24px}.cs-panel{padding:18px}.cs-fields-grid{gap:10px}.cs-tpl-btn{min-width:70px;padding:8px 6px}.cs-tpl-btn span{font-size:10px}.cs-btn-row{flex-direction:column}.cs-btn-primary,.cs-btn-ghost{flex:none;width:100%}.cs-cage-card{transform:scale(.85);transform-origin:top center}}@media print{html,body{background:#fff!important}[data-app-chrome],header.nav,.mobile-menu,footer.ft,.cs-tool-head,.cs-tool-cross,.cs-tpl-row{display:none!important}[data-print-surface]{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;padding:0!important;border:0!important;box-shadow:none!important;background-image:none!important}.cs-cage-card{width:3in!important;height:5in!important;box-shadow:none!important;transform:none!important}}