:root{--ui-color-primary:#a1cb5f;--ui-color-primary-hover:#94bd54;--ui-color-primary-active:#86ad49;--ui-color-primary-disabled:#a1cb5f70;--ui-color-secondary:#fff;--ui-color-secondary-hover:#f7f8fb;--ui-color-secondary-active:#edeef5;--ui-color-danger:#ff6363;--ui-color-danger-hover:#ee5656;--ui-color-danger-active:#d94c4c;--ui-color-warning:#f1bd4b;--ui-color-warning-hover:#e0ac3d;--ui-color-warning-active:#ca9832;--ui-color-warning-text:#755110;--ui-color-success:#669f2b;--ui-color-info:#0679d5;--ui-color-danger-text:#9d2c2c;--ui-color-text-primary:#1d1d1d;--ui-color-text-secondary:#1d1d1da3;--ui-color-text-disabled:#1d1d1d6b;--ui-color-text-inverse:#fff;--ui-color-border:#0100001a;--ui-color-border-hover:#0100002e;--ui-color-border-focus:#a1cb5f;--ui-color-border-error:#ff6363;--ui-color-background:#edeef5;--ui-color-surface:#fff;--ui-color-surface-hover:#f7f8fb;--ui-color-disabled-background:#edeef5;--ui-radius-base:12px;--ui-radius-control:8px;--ui-radius-card:12px;--ui-radius-modal:12px;--ui-radius-tooltip:12px;--ui-radius-pill:999px;--ui-control-height-small:30px;--ui-control-height-medium:44px;--ui-control-height-large:52px;--ui-spacing-1:4px;--ui-spacing-2:8px;--ui-spacing-3:12px;--ui-spacing-4:9px;--ui-spacing-5:20px;--ui-spacing-6:24px;--ui-spacing-8:32px;--ui-spacing-10:40px;--ui-font-size-xs:12px;--ui-font-size-sm:14px;--ui-font-size-md:16px;--ui-font-size-lg:20px;--ui-font-size-xl:32px;--ui-font-size-button-small:12px;--ui-line-height-tight:1.2;--ui-line-height-normal:1.5;--ui-line-height-relaxed:1.65;--ui-font-weight-regular:400;--ui-font-weight-medium:600;--ui-font-weight-semibold:700;--ui-font-weight-bold:800;--ui-shadow-sm:0 8px 20px #1212120d;--ui-shadow-md:0 18px 45px #12121214;--ui-shadow-lg:0 24px 80px #1212122e;--ui-shadow-focus:0 0 0 3px #a1cb5f47;--ui-transition-fast:.12s ease;--ui-transition-base:.18s ease;--ui-transition-slow:.24s ease;--ui-z-dropdown:30;--ui-z-sticky:30;--ui-z-overlay:50;--ui-z-modal:60;--ui-z-popover:65;--ui-z-tooltip:70;--ui-z-toast:80}*{box-sizing:border-box}.codeshare{gap:var(--ui-spacing-5);display:grid}.codeshare__panel{min-height:240px}.codeshare__panel>.ui-card__body{display:grid}.codeshare__language-bar{gap:var(--ui-spacing-2);flex-wrap:wrap;display:flex}.codeshare__language-button{appearance:none;background:var(--ui-color-surface);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-control);color:var(--ui-color-text-secondary);cursor:pointer;font:inherit;font-size:var(--ui-font-size-xs);min-height:var(--ui-control-height-small);padding:0 var(--ui-spacing-3);text-transform:uppercase;align-items:center;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.codeshare__language-button:hover,.codeshare__language-button--active{background:var(--ui-color-primary);border-color:var(--ui-color-primary);color:var(--ui-color-text-inverse)}.codeshare__editor{border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-control);overflow:hidden}.codeshare__editor .cm-editor{font-size:var(--ui-font-size-sm)}.codeshare__actions,.codeshare__viewer-header>.ui-card__body,.codeshare__viewer-actions{align-items:center;gap:var(--ui-spacing-4);flex-direction:row;display:flex}.codeshare__actions,.codeshare__viewer-header>.ui-card__body{justify-content:space-between}.codeshare__viewer-header{bottom:var(--ui-spacing-4);z-index:var(--ui-z-sticky);position:sticky}.codeshare__viewer-header>.ui-card__body{align-items:center}.codeshare__viewer-meta{min-width:0}.codeshare__actions{background:var(--ui-color-surface);border-radius:var(--ui-radius-control);bottom:var(--ui-spacing-4);padding:var(--ui-spacing-3);z-index:3;position:sticky}.codeshare__submit-controls{align-items:center;gap:var(--ui-spacing-3);display:flex}.codeshare__submit-controls .ui-form-field{align-items:center;gap:var(--ui-spacing-3);flex-direction:row;min-width:250px;margin:0;display:flex}.codeshare__submit-controls .ui-form-field__label{white-space:nowrap;margin:0}.codeshare__submit-controls .ui-select{height:var(--ui-control-height-medium);min-height:var(--ui-control-height-medium);padding-top:0;padding-bottom:0}.codeshare__actions p,.codeshare__viewer-desc{color:var(--ui-color-text-secondary);font-size:var(--ui-font-size-xs);margin:0}.codeshare__viewer-language{color:var(--ui-color-text-secondary);font-size:var(--ui-font-size-xs)}.codeshare__status{border-radius:var(--ui-radius-control);padding:var(--ui-spacing-3) var(--ui-spacing-4);margin:0}.codeshare__status--error{color:var(--ui-color-danger-text);background:#ff63631f}.codeshare__share-result{gap:var(--ui-spacing-4);display:grid}.codeshare__share-result p{color:var(--ui-color-text-secondary);margin:0}.codeshare__share-link{border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-control);background:var(--ui-color-surface);color:var(--ui-color-text-primary);align-items:center;gap:var(--ui-spacing-3);font-size:var(--ui-font-size-sm);min-height:var(--ui-control-height-medium);padding:var(--ui-spacing-2) var(--ui-spacing-2) var(--ui-spacing-2) var(--ui-spacing-4);display:flex}.codeshare__share-link__text{overflow-wrap:anywhere;align-items:center;display:block}.codeshare__share-link__button{margin-left:auto}.codeshare__share-link .snippet-copy{flex:none}@media (width<=759px){.codeshare__actions,.codeshare__viewer-header>.ui-card__body,.codeshare__viewer-actions{flex-direction:column;align-items:stretch}.codeshare__actions .ui-button,.codeshare__viewer-actions .ui-button{width:100%}.codeshare__submit-controls{flex-direction:column;align-items:stretch;width:100%}.codeshare__submit-controls .ui-form-field{width:100%;min-width:0}}