:root{--smg-primary:var(--main-primary);--smg-primary-light:#6366f114;--smg-text:#1e293b;--smg-text-muted:#64748b;--smg-bg:#fff;--smg-bg-secondary:#f8fafc;--smg-bg-hover:#f1f5f9;--smg-border:#e2e8f0;--smg-border-focus:var(--main-primary);--smg-shadow:0 1px 3px #0000000f;--smg-shadow-md:0 2px 8px #00000014;--smg-radius:.5rem;--smg-radius-lg:.75rem;--smg-error:#ef4444;--smg-error-light:#ef444414;--smg-warning:#f59e0b;--smg-warning-light:#f59e0b14;--smg-success:#10b981;--smg-code-bg:#1e293b;--smg-code-text:#e2e8f0;--smg-code-key:#7dd3fc;--smg-code-string:#86efac;--smg-code-bracket:#94a3b8}._smg-container{max-width:1200px;margin:0 auto}._smg-header{flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;display:flex}._smg-type-selector{flex:1;min-width:200px;max-width:320px}._smg-label{color:var(--smg-text);margin-bottom:.375rem;font-size:.8125rem;font-weight:600;display:block}._smg-select{width:100%;color:var(--smg-text);background-color:var(--smg-bg);border-style:solid;border-width:1.5px;border-color:var(--smg-border);border-radius:var(--smg-radius);-webkit-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E");background-position:right .625rem center;background-repeat:no-repeat;padding:.5625rem 2rem .5625rem .75rem;font-size:.875rem;transition:border-color .15s}._smg-select:focus{border-color:var(--smg-border-focus);box-shadow:0 0 0 3px var(--smg-primary-light);outline:none}._smg-header-actions{gap:.25rem;display:flex}._smg-btn{border-radius:var(--smg-radius);cursor:pointer;white-space:nowrap;border:0 solid #0000;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;transition:opacity .15s,background-color .15s;display:inline-flex}._smg-btn:hover{opacity:.85}._smg-btn-ghost{color:var(--smg-text-muted);background:0 0;padding:.5rem .625rem}._smg-btn-ghost:hover{background:var(--smg-bg-hover);color:var(--smg-text);opacity:1}._smg-btn-icon{color:var(--smg-text-muted);border-radius:var(--smg-radius);background:0 0;padding:.375rem}._smg-btn-icon:hover{background:var(--smg-bg-hover);color:var(--smg-text);opacity:1}._smg-main{grid-template-columns:1fr 400px;align-items:start;gap:1.25rem;display:grid}._smg-form-panel,._smg-output-panel{min-width:0}._smg-output-sticky{position:sticky;top:1rem}@media (max-width:900px){._smg-main{grid-template-columns:1fr}._smg-output-sticky{position:static}}@media (max-width:768px){._smg-container{padding-left:1rem;padding-right:1rem}._smg-header{flex-direction:column;align-items:stretch}._smg-type-selector{max-width:100%}._smg-header-actions{justify-content:flex-end}}._smg-form-container{min-height:200px}._smg-field-group{background:var(--smg-bg);border-style:solid;border-width:1px;border-color:var(--smg-border);border-radius:var(--smg-radius-lg);box-shadow:var(--smg-shadow);margin-bottom:.75rem;padding:1.25rem}._smg-field-group-title{color:var(--smg-text);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--smg-border);align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.625rem;font-size:.8125rem;font-weight:600;display:flex}._smg-field-group-title ._smg-optional-badge{color:var(--smg-text-muted);background:var(--smg-bg-secondary);border-radius:var(--main-radius-full,9999px);padding:.125rem .5rem;font-size:.6875rem;font-weight:500}._smg-fields-grid{grid-template-columns:1fr 1fr;gap:.875rem;display:grid}._smg-field{flex-direction:column;gap:.3125rem;display:flex}._smg-field--full{grid-column:1/-1}._smg-field-label{color:var(--smg-text-muted);font-size:.75rem;font-weight:500}._smg-field-label .required{color:var(--smg-error);margin-left:.125rem}._smg-input,._smg-textarea{width:100%;color:var(--smg-text);background:var(--smg-bg);border-style:solid;border-width:1.5px;border-color:var(--smg-border);border-radius:var(--smg-radius);box-sizing:border-box;padding:.5rem .75rem;font-size:.8125rem;transition:border-color .15s,box-shadow .15s}._smg-input:focus,._smg-textarea:focus{border-color:var(--smg-border-focus);box-shadow:0 0 0 3px var(--smg-primary-light);outline:none}._smg-input::placeholder,._smg-textarea::placeholder{color:#94a3b8}._smg-input.has-error,._smg-textarea.has-error{border-color:var(--smg-error);box-shadow:0 0 0 3px var(--smg-error-light)}._smg-textarea{resize:vertical;min-height:72px}._smg-field-select{width:100%;color:var(--smg-text);background-color:var(--smg-bg);border-style:solid;border-width:1.5px;border-color:var(--smg-border);border-radius:var(--smg-radius);-webkit-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E");background-position:right .625rem center;background-repeat:no-repeat;padding:.5rem 2rem .5rem .75rem;font-size:.8125rem;transition:border-color .15s}._smg-field-select:focus{border-color:var(--smg-border-focus);box-shadow:0 0 0 3px var(--smg-primary-light);outline:none}._smg-repeater{grid-column:1/-1}._smg-repeater-label{color:var(--smg-text-muted);margin-bottom:.5rem;font-size:.75rem;font-weight:500}._smg-repeater-items{flex-direction:column;gap:.5rem;display:flex}._smg-repeater-item{background:var(--smg-bg-secondary);border-style:solid;border-width:1px;border-color:var(--smg-border);border-radius:var(--smg-radius);padding:.75rem;position:relative}._smg-repeater-item-header{justify-content:space-between;align-items:center;margin-bottom:.625rem;display:flex}._smg-repeater-item-number{color:var(--smg-text-muted);background:var(--smg-bg);border-radius:var(--main-radius-full,9999px);border-style:solid;border-width:1px;border-color:var(--smg-border);padding:.125rem .5rem;font-size:.6875rem;font-weight:600}._smg-repeater-remove{width:1.5rem;height:1.5rem;color:var(--smg-text-muted);cursor:pointer;border-radius:var(--smg-radius);background:0 0;border:0 solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}._smg-repeater-remove:hover{background:var(--smg-error-light);color:var(--smg-error)}._smg-repeater-fields{grid-template-columns:1fr 1fr;gap:.625rem;display:grid}._smg-repeater-add{color:var(--smg-primary);background:var(--smg-primary-light);border-radius:var(--smg-radius);cursor:pointer;border:0 solid #0000;align-items:center;gap:.375rem;margin-top:.5rem;padding:.4375rem .75rem;font-size:.75rem;font-weight:500;transition:opacity .15s;display:inline-flex}._smg-repeater-add:hover{opacity:.8}._smg-collapse-toggle{width:100%;color:var(--smg-text-muted);cursor:pointer;background:0 0;border:0 solid #0000;grid-column:1/-1;align-items:center;gap:.375rem;padding:.5rem 0;font-size:.75rem;font-weight:500;display:flex}._smg-collapse-toggle:hover{color:var(--smg-text)}._smg-collapse-toggle svg{transition:transform .2s}._smg-collapse-toggle.expanded svg{transform:rotate(180deg)}._smg-collapse-content{grid-column:1/-1;display:none}._smg-collapse-content.expanded{grid-template-columns:1fr 1fr;gap:.875rem;display:grid}@media (max-width:600px){._smg-fields-grid,._smg-collapse-content.expanded,._smg-repeater-fields{grid-template-columns:1fr}._smg-field-group{padding:1rem}}._smg-output-header{background:var(--smg-code-bg);border-top-left-radius:var(--smg-radius-lg);border-top-right-radius:var(--smg-radius-lg);border-bottom:1px solid #ffffff14;align-items:center;gap:.625rem;padding:.625rem .875rem;display:flex}._smg-output-title{color:#94a3b8;letter-spacing:.025em;font-size:.75rem;font-weight:600}._smg-output-badge{color:var(--smg-warning);background:var(--smg-warning-light);border-radius:var(--main-radius-full,9999px);align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:500;display:inline-flex}._smg-output-actions{gap:.25rem;margin-left:auto;display:flex}._smg-output-actions ._smg-btn-icon{color:#94a3b8}._smg-output-actions ._smg-btn-icon:hover{color:#e2e8f0;background:#ffffff14}._smg-output-body{background:var(--smg-code-bg);border-bottom-left-radius:var(--smg-radius-lg);border-bottom-right-radius:var(--smg-radius-lg);box-shadow:var(--smg-shadow-md);overflow:hidden}._smg-code-block{font-size:.8125rem;line-height:1.6;font-family:var(--main-font-mono);color:var(--smg-code-text);-moz-tab-size:2;tab-size:2;white-space:pre;min-height:200px;max-height:70vh;margin:0;padding:1rem;overflow-x:auto}._smg-code-block code{font-family:inherit}._smg-syn-key{color:var(--smg-code-key)}._smg-syn-string{color:var(--smg-code-string)}._smg-syn-bracket{color:var(--smg-code-bracket)}._smg-syn-number{color:#fbbf24}._smg-syn-null{color:#f87171}._smg-syn-bool{color:#c084fc}._smg-btn-icon.copied{color:var(--smg-success)!important}@media (max-width:900px){._smg-code-block{min-height:150px;max-height:50vh}}