#jegstudio-tools .jcg{color:var(--ink)}#jegstudio-tools .jcg [hidden]{display:none!important}#jegstudio-tools .jcg-layout{align-items:start;display:grid;gap:28px;grid-template-columns:minmax(300px,350px) minmax(0,1fr)}#jegstudio-tools .jcg-panel{background:#fff;border:1px solid var(--line);border-radius:14px;min-width:0;padding:24px}#jegstudio-tools .jcg-heading{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}#jegstudio-tools .jcg-heading h2,#jegstudio-tools .jcg-values h2{font-size:19px;margin:0}#jegstudio-tools .jcg fieldset{border:0;margin:0;min-width:0;padding:0}#jegstudio-tools .jcg fieldset.jcg-group{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}#jegstudio-tools .jcg-group>legend{font-size:12px;font-weight:700;letter-spacing:.025em;padding-right:8px}#jegstudio-tools .jcg-fields{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}#jegstudio-tools .jcg-field{margin-bottom:14px;min-width:0}#jegstudio-tools .jcg-field label,#jegstudio-tools .jcg-preview-panel>label{display:block;font-size:12px;font-weight:600;margin-bottom:7px}#jegstudio-tools .jcg-field input,#jegstudio-tools .jcg-field select{background:#fff;border:1px solid #aab7ca;border-radius:7px;color:var(--ink);font:inherit;font-size:14px;line-height:1.4;margin:0;min-height:44px;padding:10px;width:100%}#jegstudio-tools .jcg input:focus-visible{outline:3px solid #7395ff;outline-offset:2px}#jegstudio-tools .jcg input[aria-invalid=true]{border-color:#b52c43}#jegstudio-tools .jcg .jcg-hint{color:var(--muted);font-size:12px;line-height:1.7;margin:8px 0 0}#jegstudio-tools .jcg-error{color:#a51d2d;display:block;font-size:12px;line-height:1.5;margin-top:6px}#jegstudio-tools .jcg button{background:#fff;border:1px solid #bdc8d8;border-radius:7px;color:var(--ink);cursor:pointer;font:inherit;font-size:12px;font-weight:600;line-height:1.4;min-height:38px;padding:8px 12px}#jegstudio-tools .jcg button:hover{background:#f0f4ff}#jegstudio-tools .jcg button:disabled{cursor:not-allowed;opacity:.5}#jegstudio-tools .jcg button.jcg-text-button{border:0;color:var(--accent);padding:4px 0;text-decoration:underline;text-underline-offset:3px}#jegstudio-tools .jcg-mode{background:#f0f3f8;border-radius:9px;display:flex;gap:4px;margin-bottom:22px;padding:4px}#jegstudio-tools .jcg-mode button{background:transparent;border-color:transparent;flex:1}#jegstudio-tools .jcg-mode button[aria-pressed=true]{background:#fff;border-color:#d9e1ed;box-shadow:0 1px 3px rgba(23,43,66,.063);color:var(--accent)}#jegstudio-tools .jcg .jcg-private{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}#jegstudio-tools .jcg-workspace{min-width:0}#jegstudio-tools .jcg .jcg-status{color:var(--muted);font-size:12px;margin:0 0 12px;min-height:20px}#jegstudio-tools .jcg .jcg-status[data-error=true]{color:#a51d2d}#jegstudio-tools .jcg-preview-panel{background:#f8faff}#jegstudio-tools .jcg-badge{background:#e9eeff;border-radius:6px;color:#2448b7;font-size:12px;font-variant-numeric:tabular-nums;font-weight:600;padding:5px 10px}#jegstudio-tools .jcg-badge:empty{display:none}#jegstudio-tools .jcg-preview-panel output{color:var(--accent);float:right;font-variant-numeric:tabular-nums}#jegstudio-tools #jcg-preview-width{accent-color:var(--accent);cursor:pointer;display:block;margin:0;min-height:32px;padding:0;width:100%}#jegstudio-tools .jcg-screen-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 22px}#jegstudio-tools .jcg-screen-buttons button{background:transparent;font-size:11px;min-height:32px}#jegstudio-tools .jcg-screen-buttons button[aria-pressed=true]{border-color:#254fd0;color:#254fd0}#jegstudio-tools .jcg-preview{background:#fff;border:1px solid var(--line);border-radius:9px;max-height:520px;min-height:180px;overflow:auto;padding:24px}#jegstudio-tools .jcg-preview:focus-visible{outline:3px solid #7395ff;outline-offset:3px}#jegstudio-tools .jcg-specimen+.jcg-specimen{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}#jegstudio-tools .jcg-specimen-label{color:var(--muted);display:block;font-family:ui-monospace,monospace;font-size:11px;margin-bottom:12px}#jegstudio-tools .jcg .jcg-specimen-text{color:var(--ink);font-weight:600;letter-spacing:-.025em;line-height:1.3;margin:0;overflow-wrap:anywhere}#jegstudio-tools .jcg .jcg-empty{color:var(--muted);font-size:14px}#jegstudio-tools .jcg-code-panel{margin-top:24px}#jegstudio-tools .jcg-actions{display:flex;flex-wrap:wrap;gap:6px}#jegstudio-tools .jcg [data-copy-css]{background:#254fd0;border-color:#254fd0;color:#fff}#jegstudio-tools .jcg [data-copy-css]:hover{background:#1b3ba5}#jegstudio-tools #jcg-code{background:#15283e;border:1px solid #15283e;border-radius:9px;color:#e2ebff;display:block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.8;margin:0;min-height:180px;padding:20px;resize:vertical;-moz-tab-size:2;-o-tab-size:2;tab-size:2;white-space:pre;width:100%}#jegstudio-tools .jcg-values{margin-top:28px}#jegstudio-tools .jcg-table-scroll{margin-top:20px;overflow:auto}#jegstudio-tools .jcg-table-scroll:focus-visible{outline:3px solid #7395ff;outline-offset:3px}#jegstudio-tools .jcg table{border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums;text-align:left;width:100%}#jegstudio-tools .jcg td,#jegstudio-tools .jcg th{border:0;border-bottom:1px solid var(--line);padding:13px 14px;white-space:nowrap}#jegstudio-tools .jcg thead{background:#f5f7fb;color:var(--muted)}#jegstudio-tools .jcg tbody th{font-family:ui-monospace,monospace;font-weight:500}#jegstudio-tools .jcg td code{background:none;color:#2448b7;font-size:12px;padding:0}#jegstudio-tools .jcg-guide{margin-top:40px;max-width:860px}#jegstudio-tools .jcg-guide p{color:var(--muted);font-size:14px;line-height:1.8}#jegstudio-tools .jcg-guide details{border-bottom:1px solid var(--line);padding:16px 0}#jegstudio-tools .jcg-guide summary{cursor:pointer;font-size:14px;font-weight:600}#jegstudio-tools .jcg-guide summary:focus-visible{outline:3px solid #7395ff;outline-offset:4px}#jegstudio-tools .jcg-guide details p{margin:12px 0 0}#jegstudio-tools .jcg-sr-only{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media (max-width:960px){#jegstudio-tools .jcg-layout{gap:20px;grid-template-columns:minmax(260px,300px) minmax(0,1fr)}#jegstudio-tools .jcg-panel{padding:20px}}@media (max-width:760px){#jegstudio-tools .jcg-layout{grid-template-columns:minmax(0,1fr)}#jegstudio-tools .jcg-field input,#jegstudio-tools .jcg-field select{font-size:16px}#jegstudio-tools .jcg-preview{padding:18px}}