.formatter-workspace{--fw-border:#d9e3dc;border:1px solid var(--fw-border);color:#15251c;background:#f7faf7;border-radius:20px;margin:24px 0;overflow:hidden}.formatter-heading{background:#eaf5e9;justify-content:space-between;gap:20px;padding:28px;display:flex}.formatter-heading h2{margin:8px 0;font-size:clamp(24px,3vw,36px)}.formatter-heading p{margin:0}.formatter-eyebrow{letter-spacing:.13em;font-size:11px;font-weight:700}.formatter-private{white-space:nowrap;background:#d4f6cc;border-radius:30px;align-self:flex-start;padding:8px 12px;font-size:12px}.formatter-toolbar,.formatter-actions{border-bottom:1px solid var(--fw-border);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 18px;display:flex}.formatter-workspace button,.formatter-workspace select{font:inherit;color:#18341f;cursor:pointer;background:#fff;border:1px solid #b7cbbc;border-radius:7px;padding:8px 12px;font-size:13px}.formatter-workspace button:disabled{opacity:.45;cursor:not-allowed}.formatter-workspace button:focus-visible,.formatter-workspace select:focus-visible,.formatter-workspace input:focus-visible{outline-offset:2px;outline:3px solid #348c32}.formatter-workspace button:hover:enabled{background:#e1f5dc}.formatter-workspace .formatter-primary{color:#142b17;background:#7cf973;border-color:#60ce58;font-weight:700}.formatter-toolbar label{align-items:center;gap:6px;font-size:12px;display:flex}.formatter-toolbar .formatter-check input{accent-color:#2d782b}.formatter-panels{background:var(--fw-border);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1px;display:grid}.formatter-panel{background:#fff;min-width:0;overflow:hidden}.formatter-panel-title{background:#f1f6f0;justify-content:space-between;align-items:center;gap:10px;min-height:58px;padding:10px 14px;font-size:13px;display:flex}.formatter-panel-title span{color:#536757;font-size:11px}.formatter-panel-title button{margin-left:5px;padding:5px 9px}.formatter-panel-title button[aria-pressed=true]{background:#d3f8c8}.formatter-status{border-top:1px solid var(--fw-border);padding:12px 18px;font-size:13px}.formatter-note,.formatter-help{margin:14px 18px;font-size:13px;line-height:1.7}.formatter-help{border:1px solid var(--fw-border);border-radius:10px;padding:16px}.formatter-help summary{cursor:pointer;font-weight:650}.formatter-tree{height:460px;padding:18px;font-size:13px;overflow:auto}.formatter-tree input{border:1px solid #b7cbbc;border-radius:6px;width:100%;margin:8px 0 18px;padding:8px}.formatter-tree summary{cursor:pointer;padding:7px 0}.formatter-tree small{color:#536757}.formatter-branches{border-left:1px solid #d3e4d5;padding-left:18px}.formatter-leaf{overflow-wrap:anywhere;padding:5px}.formatter-diff{padding:18px}.formatter-diff-scroll{max-height:480px;overflow:auto}.formatter-diff table{border-collapse:collapse;width:100%;font-size:13px}.formatter-diff th,.formatter-diff td{border:1px solid var(--fw-border);text-align:left;vertical-align:top;padding:10px}.formatter-diff pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:280px;margin:0}.formatter-full{z-index:10000;margin:0;position:fixed;inset:12px;overflow:auto;box-shadow:0 0 0 20px #101d17bb}.formatter-workspace .tool-error{margin:14px 18px}.formatter-editor .cm-search{color:#142b17;background:#e9f3e8}.formatter-editor .cm-tooltip{color:#142b17;background:#f7faf7}@media (max-width:760px){.formatter-heading{padding:18px;display:block}.formatter-private{margin-top:14px;display:inline-block}.formatter-panels{grid-template-columns:minmax(0,1fr)}.formatter-toolbar,.formatter-actions{gap:8px;padding:12px}.formatter-full{border-radius:0;inset:0}.formatter-panel-title{flex-wrap:wrap}}.formatter-heading p{color:#435747}.tool-detail:has(.formatter-workspace)>.tool-heading{z-index:auto;position:static;top:auto}.formatter-workspace{background:#fcfdfb;border-color:#dce7dc;box-shadow:0 12px 40px #15351b05}.formatter-heading{background:linear-gradient(115deg,#edf7e9,#f7fbf4);align-items:center;padding:22px 24px}.formatter-brand{align-items:center;gap:14px;min-width:0;display:flex}.formatter-brand-icon{color:#356b33;background:#fff;border:1px solid #c5dfbb;border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.formatter-heading h2{letter-spacing:-.04em;align-items:center;gap:12px;margin:6px 0;font-family:inherit;font-size:25px;display:flex}.formatter-heading p{color:#4b604b;font-size:13px}.formatter-version{letter-spacing:.02em;color:#4b6547;border:1px solid #cee0c8;border-radius:5px;padding:4px 7px;font-size:10px;font-weight:500}.formatter-private{color:#31572d;background:#e2f5dc;align-self:center;align-items:center;gap:6px;font-size:11px;display:flex}.formatter-eyebrow{letter-spacing:.14em;color:#42613e;font-size:9px}.formatter-ai{background:linear-gradient(110deg,#f0f5ee,#f7faf3);border:1px solid #dce7d5;border-radius:12px;margin:16px 20px;padding:14px 16px}.formatter-ai-title{color:#315c2c;align-items:center;gap:8px;font-size:13px;display:flex}.formatter-preview-badge{color:#4b6544;border:1px solid #c6d7be;border-radius:20px;margin-left:auto;padding:3px 8px;font-size:10px}.formatter-ai-cases{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:14px;display:grid}.formatter-ai-cases article{align-items:flex-start;gap:9px;font-size:12px;display:flex}.formatter-ai-cases svg{color:#416b37;flex-shrink:0;margin-top:2px}.formatter-ai-cases strong{font-size:12px;font-weight:600}.formatter-ai-cases p{color:#52634c;margin:4px 0 0;font-size:11px;line-height:1.5}.formatter-ai-disclosure{color:#52634c;margin:12px 0 0;font-size:10px;line-height:1.6}.formatter-toolbar{background:#fff;justify-content:space-between;gap:14px;padding:12px 18px}.formatter-selects{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.formatter-toolbar label{color:#52634c;flex-direction:column;align-items:flex-start;gap:5px;font-size:10px;font-weight:600}.formatter-toolbar select{color:#253e23;background:#f9fbf7;border:1px solid #d8e2d3;min-height:34px;padding:7px 24px 7px 9px;font-size:12px}.formatter-view-controls,.formatter-panel-actions{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:flex}.formatter-control-divider{background:#dce5d6;flex-shrink:0;width:1px;height:18px;margin:0 5px}.formatter-action-wrap{flex-shrink:0;display:inline-flex;position:relative}.formatter-workspace .formatter-icon{color:#4b6246;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.formatter-workspace .formatter-icon:hover:enabled{color:#274e24;background:#eaf2e5;border-color:#d9e5d2}.formatter-workspace .formatter-icon[aria-pressed=true]{color:#2a5726;background:#e4f4da;border-color:#c9dfbe}.formatter-workspace .formatter-icon.formatter-primary{color:#193c18;background:#7cf973;border-color:#67df60;width:38px;box-shadow:0 2px 5px #3c8d2d12}.formatter-workspace .formatter-icon.formatter-primary:hover:enabled{background:#6de563}.formatter-icon:disabled{opacity:.36}.formatter-action-wrap:has(button:not(:disabled)):hover:after{content:attr(data-tooltip);color:#fff;white-space:normal;z-index:40;pointer-events:none;background:#203320;border-radius:6px;width:max-content;max-width:200px;padding:6px 9px;font-size:11px;font-weight:500;line-height:1.5;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #14231422}.formatter-action-wrap:has(button:focus-visible):after{content:attr(data-tooltip);color:#fff;white-space:normal;z-index:40;pointer-events:none;background:#203320;border-radius:6px;width:max-content;max-width:200px;padding:6px 9px;font-size:11px;font-weight:500;line-height:1.5;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #14231422}.formatter-font-size{text-align:center;color:#43583e;font-variant-numeric:tabular-nums;min-width:18px;font-size:11px}.formatter-operation-bar{background:#f7faf4;border-bottom:1px solid #dce7d6;justify-content:space-between;align-items:center;gap:10px;padding:10px 18px;display:flex}.formatter-operation-bar .formatter-actions{border:0;gap:5px;padding:0}.formatter-context-hint{color:#53674d;margin:0;font-size:11px;line-height:1.5}.formatter-panel-title{background:#f9fbf7;flex-wrap:wrap;gap:6px;min-height:54px;padding:10px 12px}.formatter-panel-caption{white-space:nowrap;align-items:center;gap:7px;min-height:32px;display:flex}.formatter-panel-caption strong{font-size:12px;font-weight:600}.formatter-panel-dot{background:#617d56;border-radius:50%;width:6px;height:6px}.formatter-dot-output{background:#47a93c}.formatter-panel-title .formatter-language-label{letter-spacing:.07em;color:#52634c;font-size:9px}.formatter-panel-title button{margin:0;padding:0}.formatter-panel-actions .formatter-icon{width:30px;height:30px}.formatter-panel-actions .formatter-icon svg{width:16px;height:16px}.formatter-panel-actions .formatter-control-divider{margin:0 3px}.formatter-panel-footer{color:#52634c;background:#f9fbf7;border-top:1px solid #dce7d6;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:8px 12px;font-size:10px;display:flex}.formatter-output-editor{position:relative}.formatter-empty{pointer-events:none;color:#c1cdbf;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.formatter-empty svg{opacity:.8}.formatter-empty strong{font-size:13px;font-weight:500}.formatter-empty span{font-size:11px;line-height:1.8}.formatter-workspace:not(.formatter-dark) .formatter-empty{color:#63735c}.formatter-status{color:#43583e;background:#fff;align-items:center;gap:8px;min-height:42px;font-size:11px;line-height:1.5;display:flex}.formatter-status-dot{background:#46873a;border-radius:50%;flex-shrink:0;width:6px;height:6px}.formatter-working{animation:1s ease-in-out infinite formatter-pulse}.formatter-status-shortcut{color:#53674d;white-space:nowrap;align-items:center;gap:5px;margin-left:auto;font-size:10px;display:flex}.formatter-guidance{border-top:1px solid #e1e9dc;grid-template-columns:1fr 1fr;gap:12px;padding:16px 18px;display:grid}.formatter-guidance .formatter-help{background:#f9fbf7;border-color:#dce7d6;margin:0;font-size:12px}.formatter-help summary{color:#355c2e;align-items:center;gap:8px;font-size:12px;list-style:none;display:flex}.formatter-help summary:after{content:"+";margin-left:auto;font-size:16px;font-weight:400}.formatter-help[open] summary:after{content:"âˆ’"}.formatter-help li{margin:8px 0}.formatter-help ol,.formatter-help ul{padding-left:20px}.formatter-help p{color:#40543b;font-size:12px;line-height:1.8}.formatter-change-added{color:#286321}.formatter-change-removed{color:#a02d34}.formatter-change-changed{color:#815015}.formatter-full{box-shadow:none;border-radius:0;flex-direction:column;display:flex;inset:0;overflow:auto}.formatter-full .formatter-heading,.formatter-full .formatter-ai,.formatter-full .formatter-guidance{display:none}.formatter-full .formatter-panels{--formatter-editor-height:calc(100dvh - 260px);flex:1;min-height:320px}.formatter-full .formatter-tree{height:var(--formatter-editor-height)}.formatter-full-input .formatter-output-panel,.formatter-full-output .formatter-input-panel{display:none}.formatter-full-input .formatter-panels,.formatter-full-output .formatter-panels{grid-template-columns:minmax(0,1fr)}.formatter-full-input .formatter-diff{display:none}.formatter-full .formatter-panel-title{min-height:52px}.formatter-full .formatter-panel-footer{min-height:30px}.formatter-url-dialog{color:#213a20;box-sizing:border-box;background:#fcfef9;border:1px solid #cddfc4;border-radius:18px;width:calc(100% - 32px);max-width:520px;padding:24px;font-family:inherit;box-shadow:0 24px 90px #15231433}.formatter-url-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14261799}.formatter-dialog-heading{color:#315c2c;align-items:center;gap:10px;display:flex}.formatter-dialog-heading h3{letter-spacing:-.03em;flex:1;margin:0;font-family:inherit;font-size:20px;font-weight:600;line-height:1.3}.formatter-url-dialog button{color:#294c24;font:inherit;cursor:pointer;background:#f7faf3;border:1px solid #b8cdb0;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:13px;display:flex}.formatter-dialog-heading button{background:0 0;border:0;padding:6px}.formatter-url-dialog p{color:#496142;font-size:13px;line-height:1.8}.formatter-url-dialog label{margin:18px 0 8px;font-size:12px;font-weight:600;display:block}.formatter-url-dialog input{box-sizing:border-box;color:#203b20;width:100%;font:inherit;background:#fff;border:1px solid #b5ccaa;border-radius:8px;padding:12px;font-size:13px}.formatter-url-dialog .formatter-url-hint,.formatter-url-dialog .formatter-url-privacy{font-size:11px;line-height:1.8}.formatter-url-privacy{border-top:1px solid #dce7d6;margin-bottom:0;padding-top:14px}.formatter-dialog-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.formatter-url-dialog .formatter-primary{color:#173a15;background:#7cf973;border-color:#62d55b}.formatter-url-dialog button:disabled{opacity:.5;cursor:not-allowed}.formatter-url-dialog :focus-visible{outline-offset:2px;outline:3px solid #438d37}.formatter-url-dialog .tool-error{color:#a12d37}.formatter-spin{animation:1s linear infinite formatter-spin}@keyframes formatter-spin{to{transform:rotate(360deg)}}@keyframes formatter-pulse{50%{opacity:.35}}@media (max-width:1000px){.formatter-toolbar{align-items:flex-start}.formatter-view-controls{margin-left:auto}.formatter-ai-cases{gap:12px}.formatter-status-shortcut{display:none}}@media (max-width:760px){.formatter-heading{flex-wrap:wrap;align-items:flex-start;gap:12px;padding:18px;display:flex}.formatter-brand{gap:10px}.formatter-brand-icon{border-radius:11px;width:40px;height:40px}.formatter-heading h2{gap:8px;font-size:21px}.formatter-heading .formatter-private{margin:0 0 0 50px}.formatter-ai{margin:12px;padding:12px}.formatter-ai-cases{grid-template-columns:1fr;gap:12px}.formatter-ai-cases p{margin-top:2px}.formatter-preview-badge{font-size:9px}.formatter-toolbar{gap:10px;padding:12px}.formatter-selects{gap:8px;width:100%}.formatter-toolbar select{max-width:170px;font-size:11px}.formatter-view-controls{gap:2px;margin-left:0}.formatter-workspace .formatter-icon{width:34px;height:34px}.formatter-operation-bar{flex-wrap:wrap;gap:6px;padding:10px 12px}.formatter-context-hint{font-size:10px}.formatter-panel-title{gap:8px;padding:10px 12px}.formatter-panel-actions{gap:3px}.formatter-panel-actions .formatter-icon{width:32px;height:32px}.formatter-panel-caption{width:100%}.formatter-guidance{grid-template-columns:1fr;padding:12px}.formatter-status{padding:10px 12px}.formatter-full-both .formatter-panels{--formatter-editor-height:40dvh}.formatter-full-input .formatter-panels,.formatter-full-output .formatter-panels{--formatter-editor-height:calc(100dvh - 350px)}.formatter-full .formatter-selects{width:auto}.formatter-panel-footer{font-size:9px}.formatter-action-wrap:has(button:not(:disabled)):hover:after{max-width:150px;font-size:10px}.formatter-action-wrap:has(button:focus-visible):after{max-width:150px;font-size:10px}.formatter-url-dialog{padding:20px}}@media (prefers-reduced-motion:reduce){.formatter-workspace .formatter-icon{transition:none}.formatter-spin,.formatter-working{animation:none}}.formatter-view-controls>.formatter-action-wrap:last-child:after,.formatter-panel-actions>.formatter-action-wrap:last-child:after{left:auto;right:0;transform:none}
