:root{--font: "Roboto", sans-serif;--xxs: 2px;--xs: 6px;--s: 10px;--m: 16px;--l: 26px;--xl: 42px;--xxl: 68px;--surface: #ffffff;--surface-2: #f5f5f5;--surface-hover: #eeeeee;--text-main: rgba(0, 0, 0, .85);--text-muted-mid: rgba(0, 0, 0, .7);--text-muted: rgba(0, 0, 0, .5);--accent: #111827;--accent-hover: rgba(17, 24, 39, .9);--overlay-hover: rgba(0, 0, 0, .04);--overlay-selected: rgba(0, 0, 0, .06);--border: rgba(0, 0, 0, .04);--border-subtle: rgba(0, 0, 0, .12);--border-dark: rgba(0, 0, 0, .08);--focus: 0 0 0 3px rgba(17, 24, 39, .16);--shadow-focus-soft: 0 0 0 3px rgba(0, 0, 0, .08);--border-focus: rgba(0, 0, 0, .15);--tooltip-bg: rgba(0, 0, 0, .85);--tooltip-fg: #ffffff;--backdrop: rgba(0, 0, 0, .28);--shadow-dropdown: 0 4px 12px rgba(0, 0, 0, .08);--shadow-modal: 0 4px 16px rgba(0, 0, 0, .08), 0 0 0 1px rgba(0, 0, 0, .02);--shadow-modal-focus: 0 6px 20px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .04);--radius-tooltip: 4px;--radius-control: 8px;--radius-button: 6px;--spinner-size: 10px;--spinner-color: var(--accent)}.cruzo-ui-component_button{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text-main);border-radius:var(--radius-button);padding:var(--s) var(--m);font-size:14px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:var(--xs);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .15s ease,border-color .15s ease,transform .05s ease,box-shadow .15s ease}.cruzo-ui-component_button-xxs{font-size:10px;padding:var(--xxs) var(--xs);gap:var(--xxs);border-radius:var(--radius-button)}.cruzo-ui-component_button-xs{font-size:11px;padding:3px var(--xs);gap:var(--xxs);border-radius:var(--radius-button)}.cruzo-ui-component_button-s{font-size:12px;padding:var(--xs) var(--s);gap:var(--xs);border-radius:var(--radius-button)}.cruzo-ui-component_button-m{font-size:14px;padding:var(--s) var(--m);gap:var(--xs);border-radius:var(--radius-button)}.cruzo-ui-component_button-l{font-size:15px;padding:var(--s) var(--m);gap:var(--s);border-radius:var(--radius-button)}.cruzo-ui-component_button-xl{font-size:16px;padding:var(--m) var(--l);gap:var(--s);border-radius:var(--radius-button)}.cruzo-ui-component_button-xxl{font-size:18px;padding:var(--m) var(--xl);gap:var(--m);border-radius:var(--radius-button)}.cruzo-ui-component_button-primary{background:var(--accent);border-color:transparent;color:#fff}.cruzo-ui-component_button-secondary{background:var(--surface-2);border-color:var(--border-dark);color:var(--text-main)}.cruzo-ui-component_button:hover{opacity:.75}.cruzo-ui-component_button-group{display:flex;gap:var(--xxs);background:var(--surface-2);border-radius:var(--m);padding:calc(var(--xs) / 2);width:fit-content}.cruzo-ui-component_button-group-item{padding:var(--s) var(--m);background:var(--surface);border:none;font-size:14px;font-weight:500;color:var(--text-main);cursor:pointer;transition:all .15s ease;border-radius:calc(var(--m) - 2px);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.cruzo-ui-component_button-group-item:hover{background:var(--surface-2)}.cruzo-ui-component_button-group-item-active{background:var(--accent);color:var(--surface);font-weight:500}.cruzo-ui-component_button-group-item-active:hover{background:var(--accent-hover)}.cruzo-ui-component_input{box-sizing:border-box;width:100%;max-width:100%;margin:0;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-control);padding:var(--s) var(--m);font-size:14px;line-height:1.5;color:var(--text-main);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.cruzo-ui-component_input::placeholder{color:var(--text-muted);opacity:1}.cruzo-ui-component_input:hover:not(:disabled){border-color:var(--border-dark)}.cruzo-ui-component_input:focus{outline:none;box-shadow:var(--shadow-focus-soft);border-color:var(--border-focus);background:var(--surface)}.cruzo-ui-component_input:disabled{opacity:.65;cursor:not-allowed;background:var(--surface-2)}.cruzo-ui-component_input-tooltip{position:fixed;z-index:10000;background:var(--tooltip-bg);color:var(--tooltip-fg);padding:var(--xs) var(--s);border-radius:var(--radius-tooltip);font-size:13px;font-family:var(--font);pointer-events:none;white-space:nowrap;max-width:min(300px,100vw - var(--m));overflow:hidden;text-overflow:ellipsis;box-shadow:var(--shadow-dropdown)}.cruzo-ui-component_textarea{box-sizing:border-box;width:100%;max-width:100%;margin:0;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-control);padding:var(--s) var(--m);font-size:14px;line-height:1.5;color:var(--text-main);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;resize:vertical;min-height:90px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.cruzo-ui-component_textarea::placeholder{color:var(--text-muted);opacity:1}.cruzo-ui-component_textarea:hover:not(:disabled){border-color:var(--border-dark)}.cruzo-ui-component_textarea:focus{outline:none;box-shadow:var(--shadow-focus-soft);border-color:var(--border-focus);background:var(--surface)}.cruzo-ui-component_textarea:disabled{opacity:.65;cursor:not-allowed;background:var(--surface-2)}.cruzo-ui-component_textarea-tooltip{position:fixed;z-index:10000;background:var(--tooltip-bg);color:var(--tooltip-fg);padding:var(--xs) var(--s);border-radius:var(--radius-tooltip);font-size:13px;font-family:var(--font);pointer-events:none;white-space:nowrap;max-width:min(300px,100vw - var(--m));overflow:hidden;text-overflow:ellipsis;box-shadow:var(--shadow-dropdown)}.cruzo-ui-component_modal-backdrop{position:fixed;inset:0;background:var(--backdrop);display:flex;align-items:center;justify-content:center;z-index:10}.cruzo-ui-component_modal{background:var(--surface);border-radius:var(--m);padding:var(--m);max-width:90vw;max-height:90vh;overflow-y:scroll}.cruzo-ui-component_modal:focus-within{box-shadow:var(--shadow-modal-focus)}.cruzo-ui-component_toast-host{position:fixed;inset:0;pointer-events:none;z-index:10000}.cruzo-ui-component_toast{pointer-events:auto;display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--s);padding:var(--s) var(--m);min-width:240px;max-width:min(360px,calc(100vw - var(--m) * 2));border-radius:var(--radius-control);border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,#000 8%);box-shadow:var(--shadow-dropdown);color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;animation:cruzo-toast-in .14s ease-out}@keyframes cruzo-toast-in{0%{opacity:0}to{opacity:1}}.cruzo-ui-component_toast-content{display:grid;gap:2px}.cruzo-ui-component_toast-title{font-weight:600;font-size:13px;line-height:1.3}.cruzo-ui-component_toast-message{font-size:13px;line-height:1.4;color:var(--text-muted-mid)}.cruzo-ui-component_toast-close{border:0;padding:0;margin:0;width:26px;height:26px;border-radius:999px;background:transparent;color:var(--text-muted);cursor:pointer;line-height:26px;font-size:18px;align-self:center}.cruzo-ui-component_toast:hover .cruzo-ui-component_toast-close{color:var(--text-main)}.cruzo-ui-component_toast-info{border-color:color-mix(in srgb,var(--border) 70%,#2563eb 30%);background:color-mix(in srgb,var(--surface) 85%,#2563eb 15%)}.cruzo-ui-component_toast-success{border-color:color-mix(in srgb,var(--border) 70%,#16a34a 30%);background:color-mix(in srgb,var(--surface) 85%,#16a34a 15%)}.cruzo-ui-component_toast-error{border-color:color-mix(in srgb,var(--border) 70%,#dc2626 30%);background:color-mix(in srgb,var(--surface) 85%,#dc2626 15%)}.cruzo-ui-component_spinner-wrapper{width:100%;height:100%;position:absolute;z-index:99999}.cruzo-ui-component_spinner{display:flex;position:absolute;inset:0;margin:auto;gap:calc(var(--spinner-size) / 3);width:calc(var(--spinner-size) * 4);height:var(--spinner-size)}.cruzo-ui-component_spinner-dot{width:var(--spinner-size);height:var(--spinner-size);border-radius:50%;background:var(--spinner-color);opacity:.4}.cruzo-ui-component--inactive .cruzo-ui-component_spinner-dot{display:none}.cruzo-ui-component--active .cruzo-ui-component_spinner-dot{display:block;animation:spinnerBounce .6s ease-in-out infinite both}.cruzo-ui-component--active .cruzo-ui-component_spinner-dot-1{animation-delay:0s}.cruzo-ui-component--active .cruzo-ui-component_spinner-dot-2{animation-delay:.1s}.cruzo-ui-component--active .cruzo-ui-component_spinner-dot-3{animation-delay:.2s}.cruzo-ui-component--active .cruzo-ui-component_spinner-dot-2,.cruzo-ui-component--active .cruzo-ui-component_spinner-dot-3{transform:none}.cruzo-ui-component--active .cruzo-ui-component_spinner-dot-2{animation-name:spinnerBounce2}.cruzo-ui-component--active .cruzo-ui-component_spinner-dot-3{animation-name:spinnerBounce3}@keyframes spinnerBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}@keyframes spinnerBounce2{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}@keyframes spinnerBounce3{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.mt_xxs{margin-top:var(--xxs)}.mt_xs{margin-top:var(--xs)}.mt_s{margin-top:var(--s)}.mt_m{margin-top:var(--m)}.mt_l{margin-top:var(--l)}.mt_xl{margin-top:var(--xl)}.mt_xxl{margin-top:var(--xxl)}.mb_xxs{margin-bottom:var(--xxs)}.mb_xs{margin-bottom:var(--xs)}.mb_s{margin-bottom:var(--s)}.mb_m{margin-bottom:var(--m)}.mb_l{margin-bottom:var(--l)}.mb_xl{margin-bottom:var(--xl)}.mb_xxl{margin-bottom:var(--xxl)}.ml_xxs{margin-left:var(--xxs)}.ml_xs{margin-left:var(--xs)}.ml_s{margin-left:var(--s)}.ml_m{margin-left:var(--m)}.ml_l{margin-left:var(--l)}.ml_xl{margin-left:var(--xl)}.ml_xxl{margin-left:var(--xxl)}.mr_xxs{margin-right:var(--xxs)}.mr_xs{margin-right:var(--xs)}.mr_s{margin-right:var(--s)}.mr_m{margin-right:var(--m)}.mr_l{margin-right:var(--l)}.mr_xl{margin-right:var(--xl)}.mr_xxl{margin-right:var(--xxl)}:root{--font: "Inter", sans-serif;--mono: ui-monospace, "JetBrains Mono", monospace;--bg: #fafafa;--shadow-card: 0 1px 2px rgba(0, 0, 0, .04), 0 0 0 1px rgba(0, 0, 0, .02)}html,body{height:100%}body{margin:0;font-family:var(--font);font-size:15px;line-height:1.5;letter-spacing:-.01em;background:var(--bg);color:var(--text-main);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}.app{min-height:100vh;max-width:720px;margin:0 auto;padding:var(--xl)}.block{background:var(--surface);border-radius:var(--m);box-shadow:var(--shadow-card);padding:var(--m) var(--l)}.description-paragraph{margin:0 0 var(--m);font-size:15px;line-height:1.7;color:var(--text-main)}.description-inline-code{font-family:var(--mono);font-size:.9em;padding:.15em .35em;border-radius:4px;background-color:var(--surface-2)}