.rly{--rly-surface: #ffffff;--rly-surface-2: #f7f8fa;--rly-border: #e3e6ea;--rly-text: #1f2733;--rly-text-dim: #626c79;--rly-accent: #2f68dc;--rly-hover: #eef1f5;--rly-active: #dfe9fb;--rly-radius: 10px;position:relative;width:100%;max-width:100%;min-width:0;contain:inline-size;box-sizing:border-box;background:var(--rly-surface);color:var(--rly-text);border:1px solid var(--rly-border);border-radius:var(--rly-radius);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif}[data-theme=dark] .rly{--rly-surface: #202329;--rly-surface-2: #24272e;--rly-border: #33373f;--rly-text: #e6e9ee;--rly-text-dim: #9aa3b0;--rly-accent: #6ea0ff;--rly-hover: #2b2f37;--rly-active: #31405c}.rly:focus-within{border-color:color-mix(in srgb,var(--rly-accent) 55%,var(--rly-border))}.rly-menubar{display:flex;flex-wrap:wrap;width:100%;max-width:100%;min-width:0;box-sizing:border-box;gap:2px;padding:4px 8px;border-bottom:1px solid var(--rly-border);font-size:13.5px}.rly-menu-wrap{position:relative;flex:0 0 auto}.rly-menu-btn{background:none;border:none;color:var(--rly-text);padding:4px 10px;border-radius:6px;cursor:pointer;font-size:13.5px}.rly-menu-btn:hover,.rly-menu-btn[aria-expanded=true]{background:var(--rly-hover)}.rly-menu-dd{position:absolute;top:100%;left:0;margin-top:4px;z-index:50;background:var(--rly-surface);border:1px solid var(--rly-border);border-radius:10px;box-shadow:0 4px 16px #141e321f;min-width:200px;padding:6px;display:none}.rly-menu-dd.rly-open{display:block}.rly-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border:none;background:none;color:var(--rly-text);border-radius:7px;cursor:pointer;font-size:13.5px;text-align:left}.rly-menu-item:hover{background:var(--rly-hover)}.rly-kbd{margin-left:auto;color:var(--rly-text-dim);font-size:11.5px;font-family:ui-monospace,monospace}.rly-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f141e73;display:grid;place-items:center;z-index:100}.rly-dialog{background:var(--rly-surface, #fff);color:var(--rly-text, #1f2733);border:1px solid var(--rly-border, #e3e6ea);border-radius:16px;box-shadow:0 20px 60px #0a0f1e47;padding:22px 24px 20px;width:min(520px,calc(100vw - 32px));box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif}.rly-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.rly-dialog-title{font-weight:700;font-size:19px;line-height:1.25;letter-spacing:-.01em}.rly-dialog-description{color:var(--rly-text-dim);font-size:12.5px;line-height:1.45;margin-top:4px}.rly-dialog-close{border:0;background:transparent;color:var(--rly-text-dim);border-radius:8px;cursor:pointer;width:30px;height:30px;font-size:25px;line-height:25px}.rly-dialog-close:hover{color:var(--rly-text);background:var(--rly-hover)}.rly-dialog-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.rly-dialog-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rly-dialog-row{display:grid;gap:4px;margin-bottom:10px;font-size:13px}.rly-dialog-row input:not([type=checkbox]){border:1px solid var(--rly-border, #e3e6ea);border-radius:8px;padding:7px 10px;font-size:14px;background:var(--rly-surface, #fff);color:inherit;outline:none}.rly-dialog-row input:focus{border-color:var(--rly-accent, #3574f0);box-shadow:0 0 0 3px color-mix(in srgb,var(--rly-accent) 13%,transparent)}.rly-dialog-row select{border:1px solid var(--rly-border, #e3e6ea);border-radius:8px;padding:7px 10px;font-size:14px;background:var(--rly-surface, #fff);color:inherit;outline:none}.rly-dialog-row-inline{display:flex!important;flex-direction:row;align-items:center;gap:8px}.rly-dialog-row-inline input[type=checkbox]{accent-color:var(--rly-accent, #3574f0);width:15px;height:15px}.rly-dialog-row-span{grid-column:1 / -1}.rly-dialog-hint{color:var(--rly-text-dim);font-size:11px;line-height:1.35}.rly-dialog-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--rly-border)}.rly-dialog-btn{border:1px solid var(--rly-border, #e3e6ea);background:none;color:inherit;border-radius:9px;padding:8px 16px;font-size:13px;cursor:pointer}.rly-dialog-btn:hover{background:var(--rly-hover, #eef1f5)}.rly-dialog-btn-primary{background:var(--rly-accent, #3574f0);border-color:var(--rly-accent, #3574f0);color:#fff}.rly-dialog-btn-primary:hover{filter:brightness(1.08);background:var(--rly-accent, #3574f0)}@media (max-width: 560px){.rly-dialog-fields-grid{grid-template-columns:minmax(0,1fr)}}.rly-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:6px 8px;border-bottom:1px solid var(--rly-border);width:100%;max-width:100%;min-width:0;box-sizing:border-box;contain:inline-size}.rly-toolbar.rly-toolbar-overflow-enabled{flex-wrap:nowrap}.rly-toolbar.rly-toolbar-sliding-enabled{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:0}.rly-toolbar-primary{display:flex;width:100%;min-width:0;align-items:center;gap:2px}.rly-toolbar-sliding-toggle{position:relative;flex:0 0 auto;margin-left:auto}.rly-toolbar-sliding-drawer{display:grid;width:100%;min-width:0;grid-template-rows:0fr;visibility:hidden;opacity:0;transform:translateY(-4px);pointer-events:none;transition:grid-template-rows .26s cubic-bezier(.22,1,.36,1),opacity .21s ease-out,transform .26s cubic-bezier(.22,1,.36,1),visibility 0s linear .26s}.rly-toolbar-sliding-drawer.rly-open{grid-template-rows:1fr;visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto;transition-delay:0s}.rly-toolbar-sliding-content{display:flex;min-width:0;min-height:0;flex-wrap:wrap;align-items:center;gap:2px;overflow:hidden;padding-top:0;margin-top:0;box-shadow:inset 0 1px transparent;transition:padding-top .26s cubic-bezier(.22,1,.36,1),margin-top .26s cubic-bezier(.22,1,.36,1),box-shadow .21s ease-out}.rly-toolbar-sliding-drawer.rly-expanded>.rly-toolbar-sliding-content{overflow:visible}.rly-toolbar-sliding-drawer.rly-open>.rly-toolbar-sliding-content{padding-top:6px;margin-top:6px;box-shadow:inset 0 1px var(--rly-border)}.rly-toolbar-sliding-content>.rly-tb-sep:first-child{display:none}.rly-toolbar-sliding-content>.rly-tb-group{flex:0 1 auto;flex-wrap:wrap}@media (prefers-reduced-motion: reduce){.rly-toolbar-sliding-drawer,.rly-toolbar-sliding-content{transition:none}}.rly-tb-group{display:flex;align-items:center;gap:1px;flex:0 0 auto}.rly-tb-row-break{flex:0 0 100%;width:100%;height:1px;margin:4px 0;background:var(--rly-border)}.rly-toolbar-overflow-enabled>.rly-tb-row-break,.rly-toolbar-sliding-enabled .rly-tb-row-break{display:none}.rly-tb-sep{flex:0 0 auto;width:1px;height:22px;background:var(--rly-border);margin:0 6px}.rly-tb-btn{position:relative;width:32px;height:30px;display:grid;place-items:center;background:none;border:none;border-radius:7px;cursor:pointer;color:var(--rly-text)}.rly-tb-btn:hover{background:var(--rly-hover)}.rly-tb-btn.rly-active{background:var(--rly-active);color:var(--rly-accent)}.rly-value-indicator .rly-icon-color-indicator{fill:var(--rly-control-value, currentColor);stroke:var(--rly-control-value, currentColor)}.rly-tb-btn:disabled{opacity:.35;cursor:default}.rly-tb-select{height:30px;min-width:88px;border:1px solid var(--rly-border);border-radius:7px;background:var(--rly-surface);color:var(--rly-text);padding:0 26px 0 8px;font-size:12.5px}.rly-tb-select:hover{background:var(--rly-hover)}.rly-tb-select:focus-visible{outline:2px solid color-mix(in srgb,var(--rly-accent) 45%,transparent);outline-offset:1px}.rly-font-size-stepper{position:relative;display:inline-grid;grid-template-columns:28px 66px 28px;height:30px;border:1px solid var(--rly-border);border-radius:7px;background:var(--rly-surface);color:var(--rly-text)}.rly-font-size-stepper:focus-within{border-color:var(--rly-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--rly-accent) 35%,transparent)}.rly-font-size-button{display:grid;place-items:center;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;font-size:18px;line-height:1}.rly-font-size-button:hover:not(:disabled){background:var(--rly-hover)}.rly-font-size-button:active:not(:disabled){background:var(--rly-active)}.rly-font-size-button:disabled{cursor:default;opacity:.45}.rly-font-size-decrease{border-right:1px solid var(--rly-border);border-radius:6px 0 0 6px}.rly-font-size-increase{border-left:1px solid var(--rly-border);border-radius:0 6px 6px 0}.rly-font-size-input-wrap{display:flex;min-width:0;align-items:center}.rly-font-size-input{width:100%;min-width:0;padding:0 2px 0 6px;border:0;outline:0;background:transparent;color:inherit;font:inherit;text-align:right;font-size:14px}.rly-font-size-unit{flex:none;padding-right:6px;color:var(--rly-text-dim);font-size:12px;pointer-events:none}.rly-font-size-input[aria-invalid=true]{color:var(--rly-danger, #b42318)}.rly-font-size-stepper[data-error=true]{border-color:var(--rly-danger, #b42318)}.rly-font-size-error{position:absolute;top:calc(100% + 5px);left:0;z-index:210;width:max-content;max-width:220px;padding:5px 8px;border-radius:6px;background:var(--rly-danger, #b42318);color:#fff;font-size:11.5px;line-height:1.3;box-shadow:0 4px 14px #0003}.rly-font-size-error[hidden]{display:none}@media (max-width: 640px){.rly-font-size-stepper{grid-template-columns:26px 54px 26px}.rly-font-size-unit{display:none}.rly-font-size-input{padding:0 4px;text-align:center}}.rly-tb-btn[data-tooltip]:after,.rly-tb-wrap[data-tooltip]:after,.rly-tb-choice[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%) translateY(-4px);white-space:nowrap;background:#1a1f2e;color:#f0f3f8;font-size:11.5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;font-weight:500;line-height:1;padding:5px 8px;border-radius:6px;box-shadow:0 4px 14px #00000038;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:200}.rly-tb-btn[data-tooltip]:not(:disabled):hover:after,.rly-tb-wrap[data-tooltip]:hover:after,.rly-tb-choice[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) translateY(0);transition-delay:.5s}[data-theme=dark] .rly-tb-btn[data-tooltip]:after,[data-theme=dark] .rly-tb-wrap[data-tooltip]:after,[data-theme=dark] .rly-tb-choice[data-tooltip]:after{background:#2e3342;box-shadow:0 4px 14px #00000080}.rly-tb-wrap[data-tooltip]{position:relative}.rly-toolbar-overflow{position:relative;flex:0 0 auto;margin-left:auto}.rly-toolbar-overflow-panel{position:absolute;top:100%;right:0;z-index:60;display:none;flex-direction:column;width:max-content;max-width:min(220px,calc(100vw - 16px));box-sizing:border-box;margin-top:4px;padding:8px;border:1px solid var(--rly-border);border-radius:10px;background:var(--rly-surface);box-shadow:0 10px 28px #141e3229;overflow-x:hidden;overflow-y:auto}.rly-toolbar-overflow-panel.rly-open{display:flex}.rly-toolbar-overflow-panel>.rly-tb-group{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.rly-toolbar-overflow-panel>.rly-tb-sep{width:100%;height:1px;margin:6px 0}.rly-tb-wrap{position:relative}.rly-tb-choice{position:relative;display:inline-flex;height:30px;border-radius:7px}.rly-tb-choice-split{border:1px solid var(--rly-border)}.rly-tb-choice-split .rly-tb-btn{height:28px;border-radius:0}.rly-tb-choice-split .rly-tb-split-primary{border-radius:6px 0 0 6px}.rly-tb-choice-split .rly-tb-split-chevron{width:20px;border-left:1px solid var(--rly-border);border-radius:0 6px 6px 0;font-size:13px}.rly-tb-menu-trigger{display:inline-flex;width:auto;min-width:32px;padding:0 7px;gap:6px;border:1px solid var(--rly-border);white-space:nowrap}.rly-tb-menu-icon,.rly-tb-choice-icon{display:inline-grid;flex:none;place-items:center}.rly-tb-choice-icon{width:24px;color:currentColor;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;font-weight:650;text-align:center}.rly-tb-menu-label{min-width:70px;overflow:hidden;color:var(--rly-text);font-size:12.5px;text-align:left;text-overflow:ellipsis}.rly-tb-menu-chevron{color:var(--rly-text-dim);font-size:13px}.rly-tb-choice-panel{left:0;min-width:210px;padding:6px}.rly-tb-choice-item{position:relative;display:flex;width:100%;min-height:36px;align-items:center;gap:10px;padding:6px 30px 6px 9px;border:0;border-radius:7px;background:transparent;color:var(--rly-text);cursor:pointer;font:inherit;font-size:13px;text-align:left;white-space:nowrap}.rly-tb-choice-item:hover,.rly-tb-choice-item:focus-visible{background:var(--rly-hover);outline:none}.rly-tb-choice-item.rly-active{background:var(--rly-active);color:var(--rly-accent)}.rly-tb-choice-item.rly-active:after{position:absolute;right:10px;content:"✓";font-weight:700}.rly-tb-choice-separated{margin-top:7px}.rly-tb-choice-separated:before{position:absolute;right:0;bottom:calc(100% + 3px);left:0;height:1px;background:var(--rly-border);content:""}.rly-tb-dd{position:absolute;top:100%;left:0;margin-top:4px;z-index:50;background:var(--rly-surface);border:1px solid var(--rly-border);border-radius:10px;box-shadow:0 4px 16px #141e321f;padding:8px;display:none}.rly-tb-dd.rly-open{display:block}.rly-tb-dd[data-testid=dd-table]{left:auto;right:0}.rly-tb-dd-color{box-sizing:border-box;max-height:calc(100vh - 16px);padding:0;overflow-x:hidden;overflow-y:auto}.rly-color-picker{box-sizing:border-box;width:272px;padding:12px;color:var(--rly-text);font-family:inherit}.rly-color-picker[data-view=custom]{width:min(420px,calc(100vw - 24px));padding:14px 16px 16px}.rly-color-picker button,.rly-color-picker input{font:inherit}.rly-color-header,.rly-color-header-leading{display:flex;align-items:center}.rly-color-header{justify-content:space-between;min-height:30px;margin-bottom:10px}.rly-color-header-leading{gap:7px;min-width:0}.rly-color-title{font-size:14px;font-weight:700}.rly-color-icon-btn{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--rly-text);cursor:pointer;font-size:20px;line-height:1}.rly-color-icon-btn:hover{background:var(--rly-hover)}.rly-color-reset{display:flex;align-items:center;gap:9px;width:100%;min-height:34px;padding:5px 7px;border:0;border-radius:7px;background:transparent;color:var(--rly-text);cursor:pointer;font-size:12.5px;text-align:left}.rly-color-reset:hover{background:var(--rly-hover)}.rly-color-reset.rly-selected{background:var(--rly-active);color:var(--rly-text)}.rly-color-reset-preview{box-sizing:border-box;width:22px;height:22px;border:1px solid var(--rly-border);border-radius:4px;background:linear-gradient(45deg,transparent 46%,#dc2626 47%,#dc2626 53%,transparent 54%),var(--rly-surface)}.rly-color-section-label{margin:10px 0 6px;color:var(--rly-text);font-size:11.5px;font-weight:650}.rly-color-grid{display:grid;grid-template-columns:repeat(8,24px);gap:6px}.rly-color-swatch{position:relative;box-sizing:border-box;width:24px;height:24px;padding:0;border:1px solid color-mix(in srgb,var(--rly-text) 18%,var(--rly-border));border-radius:5px;background:repeating-conic-gradient(#d1d5db 0,#d1d5db 25%,#fff 0,#fff 50%) 0 / 8px 8px;cursor:pointer;overflow:hidden}.rly-color-swatch:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--rly-swatch-color)}.rly-color-swatch:hover{z-index:1;transform:scale(1.1)}.rly-color-swatch:focus-visible,.rly-color-picker button:focus-visible,.rly-color-picker input:focus-visible{outline:2px solid color-mix(in srgb,var(--rly-accent) 55%,transparent);outline-offset:2px}.rly-color-swatch.rly-selected{box-shadow:0 0 0 2px var(--rly-surface),0 0 0 4px var(--rly-accent)}.rly-color-swatch.rly-selected:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-size:13px;font-weight:800;z-index:1;text-shadow:0 1px 2px #000,0 0 2px #000}.rly-color-recent{min-height:24px;display:flex;align-items:center;gap:7px}.rly-color-recent-empty{color:var(--rly-text-dim);font-size:11.5px}.rly-color-custom-label{margin-top:11px;padding-top:10px;border-top:1px solid var(--rly-border)}.rly-color-custom-entry{display:grid;grid-template-columns:30px 1fr 18px;align-items:center;gap:9px;width:100%;min-height:40px;padding:5px 7px;border:1px solid var(--rly-border);border-radius:8px;background:var(--rly-surface);color:var(--rly-text);cursor:pointer;text-align:left}.rly-color-custom-entry:hover{background:var(--rly-hover)}.rly-color-custom-preview{position:relative;display:block;box-sizing:border-box;width:30px;height:28px;border:1px solid var(--rly-border);border-radius:6px;background:repeating-conic-gradient(#d1d5db 0,#d1d5db 25%,#fff 0,#fff 50%) 0 / 8px 8px;overflow:hidden}.rly-color-custom-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--rly-preview-color)}.rly-color-custom-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.rly-color-custom-arrow{color:var(--rly-text-dim);font-size:20px}.rly-color-tabs{display:flex;gap:16px;border-bottom:1px solid var(--rly-border);margin-bottom:14px}.rly-color-tab{position:relative;border:0;background:transparent;color:var(--rly-text-dim);padding:7px 2px 9px;cursor:pointer;font-size:12.5px}.rly-color-tab.rly-selected{color:var(--rly-accent);font-weight:650}.rly-color-tab.rly-selected:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;border-radius:2px;background:var(--rly-accent)}.rly-color-picker-layout{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:14px}.rly-color-sv{position:relative;min-height:220px;border:1px solid var(--rly-border);border-radius:8px;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,hsl(var(--rly-picker-hue) 100% 50%));cursor:crosshair;touch-action:none}.rly-color-sv-thumb{position:absolute;box-sizing:border-box;width:16px;height:16px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #000000b3,0 1px 4px #00000059;transform:translate(-50%,-50%);pointer-events:none}.rly-color-hue,.rly-color-opacity,.rly-color-slider-row input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:0;height:12px;border:1px solid color-mix(in srgb,var(--rly-text) 12%,var(--rly-border));border-radius:999px;outline:none}.rly-color-hue{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.rly-color-hue-vertical{width:28px;height:220px;writing-mode:vertical-lr;direction:rtl;background:linear-gradient(to top,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.rly-color-hue::-webkit-slider-thumb,.rly-color-opacity::-webkit-slider-thumb,.rly-color-slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:17px;height:17px;border:2px solid #fff;border-radius:50%;background:var(--rly-accent);box-shadow:0 0 0 1px #00000059;cursor:pointer}.rly-color-hue::-moz-range-thumb,.rly-color-opacity::-moz-range-thumb,.rly-color-slider-row input[type=range]::-moz-range-thumb{width:13px;height:13px;border:2px solid #fff;border-radius:50%;background:var(--rly-accent);box-shadow:0 0 0 1px #00000059;cursor:pointer}.rly-color-opacity-row{display:grid;grid-template-columns:52px minmax(0,1fr) 48px;align-items:center;gap:9px;margin-top:13px;font-size:11.5px}.rly-color-opacity{width:100%;background:linear-gradient(to right,transparent,var(--rly-opacity-color)),repeating-conic-gradient(#d1d5db 0,#d1d5db 25%,#fff 0,#fff 50%) 0 / 10px 10px}.rly-color-opacity-row output{box-sizing:border-box;padding:5px;border:1px solid var(--rly-border);border-radius:6px;background:var(--rly-surface-2);text-align:center}.rly-color-hex-row{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:9px;margin-top:13px;font-size:11.5px}.rly-color-hex-row input,.rly-color-slider-row input[type=number]{box-sizing:border-box;width:100%;min-width:0;border:1px solid var(--rly-border);border-radius:7px;background:var(--rly-surface);color:var(--rly-text);padding:7px 9px;outline:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.rly-color-hex-row input[aria-invalid=true]{border-color:#dc2626}.rly-color-error{display:block;margin:4px 0 0 61px;color:#dc2626;font-size:11px}.rly-color-error[hidden]{display:none}.rly-color-presets-section{margin-top:12px}.rly-color-presets{display:flex;align-items:center;gap:7px;min-height:26px}.rly-color-add-preset{width:26px;height:26px;border:1px dashed var(--rly-text-dim);border-radius:6px;background:transparent;color:var(--rly-text);cursor:pointer;font-size:18px}.rly-color-eyedropper{width:100%;margin-top:12px;padding:8px 10px;border:1px solid var(--rly-border);border-radius:8px;background:var(--rly-surface-2);color:var(--rly-text);cursor:pointer;text-align:left;font-size:12px}.rly-color-slider-list{display:grid;gap:12px;padding:5px 0}.rly-color-slider-row{display:grid;grid-template-columns:72px minmax(0,1fr) 64px;align-items:center;gap:10px;font-size:11.5px}.rly-color-slider-row input[type=range]{width:100%;background:linear-gradient(to right,var(--rly-surface-2),var(--rly-accent))}.rly-color-slider-row:first-child input[type=range]{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.rly-color-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--rly-border)}.rly-color-action{min-width:76px;padding:7px 13px;border:1px solid var(--rly-border);border-radius:8px;background:var(--rly-surface);color:var(--rly-text);cursor:pointer;font-size:12px}.rly-color-action:hover{background:var(--rly-hover)}.rly-color-action-primary{border-color:var(--rly-accent);background:var(--rly-accent);color:#fff}.rly-color-action-primary:hover{filter:brightness(1.06);background:var(--rly-accent)}.rly-color-action:disabled{cursor:not-allowed;opacity:.45}@media (max-width: 460px){.rly-color-picker[data-view=custom]{width:calc(100vw - 24px)}.rly-color-sv,.rly-color-hue-vertical{min-height:190px;height:190px}}.rly-table-panel{display:grid;grid-template-columns:174px 292px;gap:0}.rly-table-grid-picker{padding:4px 8px 4px 4px}.rly-table-panel-title{font-size:12px;font-weight:700;letter-spacing:.01em;color:var(--rly-text)}.rly-grid{display:grid;gap:3px}.rly-table-grid-picker .rly-grid{margin-top:9px}.rly-grid i{width:18px;height:18px;border:1px solid var(--rly-border);border-radius:3px;background:var(--rly-surface-2);cursor:pointer}.rly-grid i.rly-on{background:var(--rly-active);border-color:var(--rly-accent)}.rly-grid-label{text-align:center;font-size:12px;color:var(--rly-text-dim);padding-top:6px}.rly-table-context{border-left:1px solid var(--rly-border);padding:4px 4px 4px 12px;transition:opacity .12s ease}.rly-table-context.rly-disabled{opacity:.62}.rly-table-context-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.rly-table-context-badge{border-radius:999px;padding:2px 7px;background:var(--rly-surface-2);color:var(--rly-text-dim);font-size:10px;white-space:nowrap}.rly-table-quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.rly-table-property-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:7px;padding-top:7px;border-top:1px solid var(--rly-border)}.rly-table-danger-row{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:7px}.rly-table-action{border:1px solid transparent;background:var(--rly-surface-2);color:var(--rly-text);border-radius:8px;min-height:34px;padding:5px 7px;display:flex;align-items:center;gap:6px;cursor:pointer;font:inherit;font-size:11px;text-align:left}.rly-table-action:hover:not(:disabled){border-color:color-mix(in srgb,var(--rly-accent) 42%,var(--rly-border));background:var(--rly-active)}.rly-table-action:disabled{cursor:default;opacity:.55}.rly-table-action-icon{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:6px;background:var(--rly-surface);color:var(--rly-accent);font-size:14px;font-weight:700}.rly-table-action-property{justify-content:center;flex-direction:column;gap:3px;padding-block:7px;text-align:center}.rly-table-action-danger{min-height:26px;padding:3px 5px;justify-content:center;color:#c73a3a;background:transparent;font-size:10.5px}.rly-table-action-danger .rly-table-action-icon{display:none}.rly-table-action-danger:hover:not(:disabled){background:color-mix(in srgb,#e5484d 10%,transparent);border-color:color-mix(in srgb,#e5484d 30%,transparent)}@media (max-width: 640px){.rly-table-panel{grid-template-columns:1fr;grid-template-rows:auto auto}.rly-table-context{border-left:0;border-top:1px solid var(--rly-border);padding:12px 4px 4px}}.rly-table-inline-toolbar{position:absolute;z-index:40;display:none;align-items:center;gap:4px;padding:8px 12px;background:var(--rly-surface);border:1px solid var(--rly-border);border-radius:12px;box-shadow:0 8px 24px #141e3229;pointer-events:none}.rly-table-inline-toolbar.rly-open{display:flex}.rly-table-inline-toolbar .rly-table-inline-btn{pointer-events:auto}.rly-table-inline-toolbar:before{content:"";position:absolute;top:-5px;left:50%;width:10px;height:10px;transform:translate(-50%) rotate(45deg);background:var(--rly-surface);border-left:1px solid var(--rly-border);border-top:1px solid var(--rly-border)}.rly-table-inline-toolbar.rly-flip:before{top:auto;bottom:-5px;border:none;border-right:1px solid var(--rly-border);border-bottom:1px solid var(--rly-border)}.rly-table-inline-btn{width:34px;height:32px;display:grid;place-items:center;background:none;border:none;border-radius:8px;cursor:pointer;color:var(--rly-text)}.rly-table-inline-btn:hover{background:var(--rly-hover);color:var(--rly-accent)}.rly-table-inline-sep{width:1px;height:22px;background:var(--rly-border);margin:0 8px}.rly-text-inline-toolbar{position:absolute;z-index:40;display:none;align-items:center;gap:4px;padding:8px 12px;background:var(--rly-surface);border:1px solid var(--rly-border);border-radius:12px;box-shadow:0 8px 24px #141e3229;pointer-events:none}.rly-text-inline-toolbar.rly-open{display:flex}.rly-text-inline-toolbar .rly-text-inline-btn{pointer-events:auto}.rly-text-inline-toolbar:before{content:"";position:absolute;top:auto;bottom:-5px;left:50%;width:10px;height:10px;transform:translate(-50%) rotate(45deg);background:var(--rly-surface);border-right:1px solid var(--rly-border);border-bottom:1px solid var(--rly-border)}.rly-text-inline-toolbar.rly-flip:before{top:-5px;bottom:auto;border:none;border-left:1px solid var(--rly-border);border-top:1px solid var(--rly-border)}.rly-text-inline-btn{width:34px;height:32px;display:grid;place-items:center;background:none;border:none;border-radius:8px;cursor:pointer;color:var(--rly-text)}.rly-text-inline-btn:hover{background:var(--rly-hover);color:var(--rly-accent)}.rly-text-inline-btn.rly-active{background:var(--rly-active);color:var(--rly-accent)}.rly-text-inline-sep{width:1px;height:22px;background:var(--rly-border);margin:0 8px}.rly-table-context-menu{position:absolute;z-index:70;display:none;width:min(292px,calc(100vw - 16px));box-sizing:border-box;padding:10px;border:1px solid var(--rly-border);border-radius:12px;background:var(--rly-surface);box-shadow:0 14px 38px #0f172a33}.rly-table-context-menu.rly-open{display:block;animation:rly-context-in .11s ease-out}.rly-table-context.rly-table-context-popup{border:0;padding:0}@keyframes rly-context-in{0%{opacity:0}to{opacity:1}}.rly.rly-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;border-radius:0;max-height:100vh}.rly.rly-fullscreen .rly-content{overflow:auto}.rly-dialog-wide{min-width:min(680px,90vw)}.rly-dialog-row textarea{border:1px solid var(--rly-border, #e3e6ea);border-radius:8px;padding:8px 10px;font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--rly-surface-2, #f7f8fa);color:inherit;outline:none;resize:vertical}.rly-dialog-row textarea:focus{border-color:var(--rly-accent, #3574f0)}.rly-content{padding:18px 24px;min-height:220px;outline:none;font-size:15.5px;line-height:1.65;flex:1 1 auto;overflow:auto}.rly-content h1{font-size:1.9em;margin:.4em 0 .35em;line-height:1.25}.rly-content h2{font-size:1.45em;margin:.9em 0 .35em}.rly-content p{margin:.45em 0}.rly-content.rly-blockquote-styled blockquote{border-left:3px solid var(--rly-accent);margin:.8em 0;padding:.3em 1em;color:var(--rly-text-dim);background:var(--rly-surface-2);border-radius:0 8px 8px 0}.rly-content pre{background:var(--rly-surface-2);border:1px solid var(--rly-border);border-radius:8px;padding:12px 14px;font-size:13px;overflow:auto}.rly-content a{color:var(--rly-accent)}.rly-content img{max-width:100%;border-radius:8px}.rly-content img[data-rly-uploading]{opacity:.62;pointer-events:none;animation:rly-upload-pulse 1s ease-in-out infinite}.rly-content img[data-rly-uploading]:after{content:"";position:absolute;top:40%;right:40%;bottom:40%;left:40%;border:2px solid color-mix(in srgb,var(--rly-accent) 25%,transparent);border-top-color:var(--rly-accent);border-radius:999px;animation:rly-upload-spin .8s linear infinite}@keyframes rly-upload-pulse{0%,to{filter:saturate(.9)}50%{filter:saturate(1.2)}}@keyframes rly-upload-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rly-content ::selection{background:var(--rly-active)}.rly-content mark.rly-match{background:color-mix(in srgb,var(--rly-accent) 22%,transparent);color:inherit;border-radius:2px}.rly-content mark.rly-match-current{background:color-mix(in srgb,var(--rly-accent) 55%,transparent);outline:1px solid var(--rly-accent)}.rly-findreplace{position:fixed;top:84px;right:24px;z-index:100;width:min(340px,calc(100vw - 32px));box-sizing:border-box;background:var(--rly-surface, #fff);color:var(--rly-text, #1f2733);border:1px solid var(--rly-border, #e3e6ea);border-radius:14px;box-shadow:0 20px 60px #0a0f1e47;padding:16px 18px 14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif}.rly-findreplace .rly-dialog-header{margin-bottom:14px}.rly-findreplace .rly-dialog-fields{gap:8px}.rly-findreplace-count{margin-top:12px;font-size:12.5px;color:var(--rly-text-dim);font-variant-numeric:tabular-nums}.rly-findreplace-footer{flex-wrap:wrap;margin-top:12px;padding-top:14px}.rly-findreplace-footer .rly-dialog-btn{padding:7px 12px}.rly-content.rly-visual-blocks>:is(p,h1,h2,h3,h4,h5,h6,blockquote,pre,ul,ol,table){position:relative;outline:1px dashed color-mix(in srgb,var(--rly-accent) 42%,transparent);outline-offset:2px}.rly-content.rly-visual-blocks>:is(p,h1,h2,h3,h4,h5,h6,blockquote,pre):before{content:attr(data-rly-block-label);position:absolute;top:-9px;left:3px;padding:0 3px;border-radius:3px;background:var(--rly-accent);color:#fff;font:8px/13px ui-monospace,monospace;text-transform:uppercase;pointer-events:none}.rly-content.rly-visual-blocks>p:before{content:"p"}.rly-content.rly-visual-blocks>h1:before{content:"h1"}.rly-content.rly-visual-blocks>h2:before{content:"h2"}.rly-content.rly-visual-blocks>h3:before{content:"h3"}.rly-content.rly-visual-blocks>blockquote:before{content:"quote"}.rly-content.rly-visual-blocks>pre:before{content:"pre"}.rly-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:16px;background:#0a0f197a}.rly-preview-dialog{display:flex;flex-direction:column;width:min(920px,calc(100vw - 32px));height:min(760px,calc(100vh - 32px));overflow:hidden;border:1px solid var(--rly-border, #e3e6ea);border-radius:14px;background:var(--rly-surface, #fff);box-shadow:0 24px 70px #0a142847}.rly-preview-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--rly-border, #e3e6ea)}.rly-preview-header button{width:30px;height:30px;border:0;border-radius:7px;background:transparent;color:inherit;cursor:pointer;font-size:22px}.rly-preview-header button:hover{background:var(--rly-hover, #eef1f5)}.rly-preview-frame{flex:1;width:100%;border:0;background:#fff}.rly-content table{border-collapse:collapse;margin:.8em 0;width:100%}.rly-content td,.rly-content th{border:1px solid var(--rly-border);padding:7px 10px;min-width:30px;overflow-wrap:normal;word-break:normal}.rly-content td.rly-cell-selected,.rly-content th.rly-cell-selected{background:color-mix(in srgb,var(--rly-accent) 18%,var(--rly-surface));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--rly-accent) 72%,transparent)}.rly-content th{background:var(--rly-surface-2);font-weight:600}.rly-content table.rly-striped tr:nth-child(2n) td{background:var(--rly-surface-2)}.rly-content caption{caption-side:top;text-align:left;font-size:.85em;color:var(--rly-text-dim);padding:4px 2px}.rly-table-selection{position:absolute;z-index:25;display:none;box-sizing:border-box;border:2px solid color-mix(in srgb,var(--rly-accent) 78%,transparent);border-radius:2px;pointer-events:none}.rly-table-selection.rly-show{display:block}.rly-image-selection{border-style:dashed}.rly-table-handle{position:absolute;display:block;box-sizing:border-box;width:10px;height:10px;padding:0;border:2px solid var(--rly-surface);border-radius:3px;background:var(--rly-accent);box-shadow:0 1px 3px #0a142833;pointer-events:auto}.rly-table-handle-x{right:-6px;top:calc(50% - 5px);cursor:ew-resize}.rly-table-handle-y{left:calc(50% - 5px);bottom:-6px;cursor:ns-resize}.rly-table-handle-xy{right:-6px;bottom:-6px;cursor:nwse-resize}.rly-image-handle{border-radius:999px}.rly-resize-grip{cursor:ns-resize;-webkit-user-select:none;user-select:none;padding:0 2px;opacity:.7;letter-spacing:-2px}.rly-resize-grip:hover{opacity:1;color:var(--rly-accent)}.rly-statusbar{display:flex;align-items:center;gap:14px;border-top:1px solid var(--rly-border);padding:5px 12px;font-size:12px;color:var(--rly-text-dim);background:var(--rly-surface-2);border-radius:0 0 var(--rly-radius) var(--rly-radius)}.rly-grow{flex:1}:root{color-scheme:light;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--demo-bg: #f5f7ff;--demo-bg-accent: rgba(99, 102, 241, .13);--demo-surface: rgba(255, 255, 255, .94);--demo-surface-solid: #ffffff;--demo-surface-muted: #f8f9fe;--demo-border: #dfe3f1;--demo-border-strong: #c7cee2;--demo-text: #12172a;--demo-text-muted: #5d667d;--demo-text-faint: #7d879e;--demo-accent: #6544e9;--demo-accent-strong: #5231d3;--demo-accent-soft: #eeeaff;--demo-blue: #3989f6;--demo-code-bg: #111625;--demo-code-text: #bcebd1;--demo-shadow: 0 22px 70px rgba(52, 60, 104, .11);--brand-wordmark: #0b0c5e}html[data-theme=dark]{color-scheme:dark;--demo-bg: #0b1020;--demo-bg-accent: rgba(124, 92, 246, .17);--demo-surface: rgba(17, 21, 34, .94);--demo-surface-solid: #151a2a;--demo-surface-muted: #101523;--demo-border: #29314a;--demo-border-strong: #3c4666;--demo-text: #f3f4ff;--demo-text-muted: #b8beda;--demo-text-faint: #858daf;--demo-accent: #9b82ff;--demo-accent-strong: #b3a1ff;--demo-accent-soft: rgba(124, 92, 246, .18);--demo-blue: #6ba8ff;--demo-code-bg: #090c15;--demo-code-text: #a7f3d0;--demo-shadow: 0 24px 80px rgba(0, 0, 0, .34);--brand-wordmark: #f2f3ff;--rly-bg: #0f1422;--rly-text-primary: #f2f3ff;--rly-text-secondary: #b8beda;--rly-text-muted: #858daf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;color:var(--demo-text);background:radial-gradient(circle at 6% -8%,var(--demo-bg-accent),transparent 32rem),radial-gradient(circle at 93% 17%,rgba(56,137,246,.1),transparent 31rem),var(--demo-bg);line-height:1.5}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}a{color:inherit}:focus-visible{outline:3px solid color-mix(in srgb,var(--demo-accent) 62%,transparent);outline-offset:3px}.app-header{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px;padding:12px clamp(20px,4vw,64px);border-bottom:1px solid color-mix(in srgb,var(--demo-border) 84%,transparent);background:color-mix(in srgb,var(--demo-bg) 82%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--demo-text);text-decoration:none}.brand-mark{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(11,12,94,.12);border-radius:11px;background:#fff;box-shadow:0 10px 24px #161c7833,0 2px 6px #1012521f}.brand-mark img{display:block;width:48px;height:48px;object-fit:contain}.brand-name,.brand-subtitle{display:block}.brand-name{color:var(--brand-wordmark);font-size:31px;font-weight:760;letter-spacing:-.045em;line-height:1}.header-actions{display:flex;align-items:center;gap:10px}.release-badge,.fixture-chip,.live-badge{display:inline-flex;align-items:center;border:1px solid var(--demo-border);border-radius:999px;background:var(--demo-surface-muted);color:var(--demo-text-muted);font-size:12px;font-weight:680}.release-badge{padding:6px 11px;border-color:color-mix(in srgb,var(--demo-accent) 18%,var(--demo-border));color:var(--demo-accent-strong);background:var(--demo-accent-soft)}.header-link,.theme-btn,.header-cta{min-height:40px;padding:8px 13px;border:1px solid var(--demo-border);border-radius:10px;color:var(--demo-text-muted);background:var(--demo-surface);font-size:13px;font-weight:680;text-decoration:none;cursor:pointer;transition:border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.header-cta,.primary-cta{border-color:transparent;color:#fff;background:linear-gradient(135deg,#7048ee,#4c28cd);box-shadow:0 10px 24px #5835d43d}.header-link:hover,.theme-btn:hover,.header-cta:hover{border-color:var(--demo-border-strong);color:var(--demo-text);transform:translateY(-1px)}.header-cta:hover{border-color:transparent;color:#fff;box-shadow:0 13px 30px #5835d452}.wrap{display:grid;width:100%;max-width:1760px;margin:0 auto;padding:clamp(16px,1.5vw,28px);grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.wrap>*{min-width:0}.full-span{grid-column:1 / -1}.playground-section,.fixture-card{overflow:visible;border:1px solid var(--demo-border);border-radius:20px;background:var(--demo-surface);box-shadow:var(--demo-shadow)}.playground-dashboard{display:grid;grid-template-columns:minmax(240px,286px) minmax(0,1fr)}.config-panel{display:flex;flex-direction:column;gap:22px;padding:26px 24px;border-right:1px solid var(--demo-border);border-radius:20px 0 0 20px;background:color-mix(in srgb,var(--demo-surface-muted) 90%,transparent)}.panel-heading,.fixture-heading,.inspector-heading,.section-intro,.showcase-label{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.panel-heading{justify-content:flex-start}.panel-icon{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border:1px solid color-mix(in srgb,var(--demo-accent) 28%,var(--demo-border));border-radius:11px;color:var(--demo-accent-strong);background:var(--demo-accent-soft)}.eyebrow,.fixture-kicker,.inspector-kicker{margin:0;color:var(--demo-accent-strong);font-size:11px;font-weight:780;letter-spacing:.11em;text-transform:uppercase}.panel-heading h2,.fixture-heading h3,.inspector-heading h2,.section-intro h2{margin:0;color:var(--demo-text);letter-spacing:-.025em}.panel-heading h2{margin-top:2px;font-size:17px}.config-section{display:grid;gap:9px;padding-top:19px;border-top:1px solid var(--demo-border)}.config-section h3{margin:0 0 4px;color:var(--demo-text);font-size:13px;letter-spacing:.01em}.field-label{margin-top:5px;color:var(--demo-text-muted);font-size:12px;font-weight:650}.config-select{width:100%;min-height:40px;padding:8px 34px 8px 11px;border:1px solid var(--demo-border);border-radius:9px;color:var(--demo-text);background:var(--demo-surface-solid);cursor:pointer}.toggle-row,.color-field{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:35px;color:var(--demo-text-muted);font-size:13px;cursor:pointer}.toggle-row input{width:34px;height:19px;accent-color:var(--demo-accent);cursor:pointer}.color-fields{display:grid;gap:4px;margin-top:4px;padding:9px 11px;border:1px solid var(--demo-border);border-radius:10px;background:var(--demo-surface-solid)}.color-field{min-height:31px;font-size:12px}.color-field input{width:38px;height:25px;padding:2px;border:1px solid var(--demo-border);border-radius:6px;background:transparent;cursor:pointer}.config-actions{display:grid;margin-top:auto;grid-template-columns:1fr 1fr;gap:8px}.secondary-btn,.copy-btn{border:1px solid var(--demo-border);border-radius:8px;color:var(--demo-text-muted);background:var(--demo-surface-solid);font-size:12px;font-weight:680;cursor:pointer}.secondary-btn{min-height:38px;padding:7px 8px}.secondary-btn:hover,.copy-btn:hover{border-color:var(--demo-accent);color:var(--demo-text)}.playground-workspace{position:relative;z-index:1;display:flex;min-width:0;flex-direction:column;gap:24px;padding:clamp(24px,2.6vw,42px);overflow:visible;border-radius:0 20px 20px 0;background:radial-gradient(circle at 76% 31%,color-mix(in srgb,var(--demo-accent) 10%,transparent),transparent 25rem),radial-gradient(circle at 96% 42%,color-mix(in srgb,var(--demo-blue) 9%,transparent),transparent 22rem)}.hero-grid{display:grid;align-items:self-start;grid-template-columns:minmax(320px,.82fr) minmax(500px,1.25fr);gap:clamp(28px,3.5vw,58px)}.hero-copy h1{max-width:660px;margin:13px 0 0;color:var(--demo-text);font-size:clamp(34px,3.5vw,57px);letter-spacing:-.052em;line-height:1.04}.hero-copy h1 span{color:transparent;background:linear-gradient(100deg,var(--demo-blue),#7a55ed 66%,#8a5af2);background-clip:text;-webkit-background-clip:text}.hero-lede{max-width:590px;margin:18px 0 0;color:var(--demo-text-muted);font-size:16px;line-height:1.65}.hero-proof{display:grid;margin-top:30px;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.hero-proof>div{display:flex;align-items:flex-start;gap:9px}.proof-icon{display:grid;width:26px;height:26px;flex:0 0 auto;place-items:center;border-radius:8px;color:var(--demo-accent-strong);background:var(--demo-accent-soft);font-size:13px;font-weight:800}.hero-proof p{margin:0;color:var(--demo-text-faint);font-size:11px;line-height:1.45}.hero-proof strong{display:block;margin-bottom:3px;color:var(--demo-text);font-size:12px}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}.primary-cta,.secondary-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 18px;border:1px solid transparent;border-radius:10px;font-size:13px;font-weight:740;text-decoration:none;transition:box-shadow .16s ease,transform .16s ease}.primary-cta:hover,.secondary-cta:hover{transform:translateY(-2px)}.primary-cta:hover{box-shadow:0 14px 30px #5835d44f}.secondary-cta{border-color:var(--demo-border);color:var(--demo-text);background:var(--demo-surface-solid)}.editor-showcase{min-width:0;padding:14px;border:0;border-radius:18px;background:color-mix(in srgb,var(--demo-surface-solid) 76%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--demo-border) 72%,transparent),0 26px 60px color-mix(in srgb,var(--demo-accent) 12%,transparent),0 12px 35px #2a315b17}.showcase-label{align-items:center;margin-bottom:11px;color:var(--demo-text-faint);font-size:11px;font-weight:720;letter-spacing:.08em;text-transform:uppercase}.live-badge{flex:0 0 auto;gap:7px;padding:5px 9px;color:#146c42;background:color-mix(in srgb,#22c55e 12%,var(--demo-surface-solid));letter-spacing:0;text-transform:none}html[data-theme=dark] .live-badge{color:#70e0a2}.live-badge span{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #22c55e21}.editor-frame{min-width:0;border-radius:12px}.editor-frame .rly,.fixture-editor .rly{box-shadow:0 8px 26px #070b181a}html[data-theme=dark] :is(.rly-dialog-btn-primary,.rly-color-action-primary){border-color:#356ac3;background:#356ac3}.playground-editor .rly-content{min-height:280px}.benefit-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--demo-border);border-radius:15px;background:color-mix(in srgb,var(--demo-surface-solid) 80%,transparent)}.benefit-strip article{display:flex;align-items:flex-start;gap:11px;min-width:0;padding:18px 16px}.benefit-strip article+article{border-left:1px solid var(--demo-border)}.benefit-strip article>span{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--demo-accent-soft);font-size:15px}.benefit-strip strong{display:block;color:var(--demo-text);font-size:12px}.benefit-strip p{margin:4px 0 0;color:var(--demo-text-faint);font-size:10.5px;line-height:1.45}.inspector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.inspector-card{min-width:0;overflow:hidden;border:1px solid var(--demo-border);border-radius:14px;background:var(--demo-surface-muted)}.inspector-heading{align-items:center;padding:13px 15px;border-bottom:1px solid var(--demo-border)}.inspector-heading h2{margin-top:2px;font-size:14px}.copy-btn{min-height:31px;padding:5px 10px}.output-size{color:var(--demo-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.code-output{min-height:230px;max-height:270px;margin:0;padding:15px;overflow:auto;color:var(--demo-code-text);background:var(--demo-code-bg);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10.5px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.code-output--html{color:#a8d8ff}.stack-card{display:flex;flex-direction:column}.stack-content{display:flex;min-height:230px;flex:1;flex-direction:column;justify-content:center;padding:24px;background:radial-gradient(circle at 80% 10%,var(--demo-accent-soft),transparent 12rem),var(--demo-surface-solid)}.stack-logos{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.stack-logo{display:grid;min-width:42px;height:42px;padding:0 9px;place-items:center;border:1px solid var(--demo-border);border-radius:12px;background:var(--demo-surface-muted);font-size:12px;font-weight:820}.stack-logo--js{color:#6f5900;background:#fff4a8}.stack-logo--react{border-color:color-mix(in srgb,var(--demo-border) 70%,transparent);background-color:#f8f9ff;background-image:url(/assets/react_logo_light-REqzj20l.svg);background-position:center;background-repeat:no-repeat;background-size:24px 24px}html[data-theme=dark] .stack-logo--react{background-color:#12182c;background-image:url(/assets/react_logo_dark-B5kdEa5J.svg)}.stack-logo--ts{color:#fff;background:#3178c6}.stack-logo--dom{color:var(--demo-accent-strong)}.stack-content p{margin:20px 0 0;color:var(--demo-text-muted);font-size:13px}.stack-content a{margin-top:18px;color:var(--demo-accent-strong);font-size:12px;font-weight:720;text-decoration:none}.section-intro{align-items:end;padding:32px 4px 0}.section-intro h2{margin-top:4px;font-size:clamp(23px,2.5vw,32px)}.section-intro>p{max-width:570px;margin:0;color:var(--demo-text-muted);font-size:14px}.fixture-card{padding:20px}.fixture-card.full-span{padding:20px 0 0}.fixture-card.full-span .fixture-heading{padding:0 20px}.fixture-heading{align-items:center;margin-bottom:14px}.fixture-heading h3{margin-top:3px;font-size:17px}.fixture-kicker{color:var(--demo-text-faint)}.fixture-chip{flex:0 0 auto;padding:4px 9px}.fixture-chip--new{border-color:color-mix(in srgb,#22c55e 35%,var(--demo-border));color:#187543;background:color-mix(in srgb,#22c55e 11%,var(--demo-surface-solid))}html[data-theme=dark] .fixture-chip--new{color:#6ee7a3}.fixture-editor .rly-content{min-height:155px}.rly-content .custom-timestamp-badge{display:inline-block;margin:0 4px;padding:2px 8px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#a855f7,#6366f1);font-size:.85em;font-weight:700;line-height:1.5;white-space:nowrap;box-shadow:0 2px 8px #6366f147}.capability-card{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(140deg,var(--demo-accent-soft),transparent 70%),var(--demo-surface)}.capability-card ul{display:grid;gap:11px;margin:17px 0 0;padding:0;color:var(--demo-text-muted);font-size:14px;list-style:none}.capability-card li{display:flex;align-items:flex-start;gap:9px}.capability-card li span{color:var(--demo-accent-strong);font-weight:800}.app-footer{display:flex;justify-content:space-between;gap:20px;max-width:1760px;margin:0 auto;padding:12px clamp(20px,3vw,42px) 38px;color:var(--demo-text-faint);font-size:12px}.app-footer a{color:var(--demo-accent-strong);font-weight:680;text-decoration:none}@media (max-width: 1320px){.hero-grid{align-items:start;grid-template-columns:1fr;gap:30px}.hero-copy{max-width:920px}.hero-copy h1{font-size:clamp(34px,3.4vw,48px)}.hero-proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.benefit-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.benefit-strip article+article{border-left:0}.benefit-strip article:nth-child(2),.benefit-strip article:nth-child(3),.benefit-strip article:nth-child(5){border-left:1px solid var(--demo-border)}.benefit-strip article:nth-child(n+4){border-top:1px solid var(--demo-border)}}@media (max-width: 1080px){.playground-dashboard{grid-template-columns:1fr}.config-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-right:0;border-bottom:1px solid var(--demo-border);border-radius:20px 20px 0 0}.panel-heading,.config-actions{grid-column:1 / -1}.config-section{align-content:start}.playground-workspace{border-radius:0 0 20px 20px}.inspector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stack-card{grid-column:1 / -1}}@media (max-width: 860px){.release-badge,.header-link{display:none}.wrap{grid-template-columns:1fr;padding:18px}.full-span{grid-column:auto}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:680px}.hero-proof{grid-template-columns:repeat(3,minmax(0,1fr))}.section-intro{align-items:flex-start;flex-direction:column}}@media (max-width: 660px){.app-header{min-height:64px;padding:10px 14px}.brand-mark,.brand-mark img{width:38px;height:38px}.brand-name{font-size:24px}.theme-btn{width:40px;padding:0;overflow:hidden;color:transparent}.theme-btn span{color:var(--demo-text-muted)}.header-cta{padding-inline:11px}.config-panel{display:flex;padding:20px}.playground-workspace{padding:20px}.hero-copy h1{font-size:36px}.hero-proof,.benefit-strip,.inspector-grid{grid-template-columns:1fr}.benefit-strip article:nth-child(n){border-top:1px solid var(--demo-border);border-left:0}.benefit-strip article:first-child{border-top:0}.stack-card{grid-column:auto}.fixture-card{padding:16px}.fixture-heading{align-items:flex-start}.app-footer{align-items:flex-start;flex-direction:column;padding-inline:18px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.header-link,.theme-btn,.header-cta,.primary-cta,.secondary-cta{transition:none}}