.jrb{--jrb-border:var(--theme-elevation-150,#dcdcdc);--jrb-bg:var(--theme-elevation-0,#fff);--jrb-panel:var(--theme-elevation-50,#f6f6f6);--jrb-text:var(--theme-elevation-800,#222);--jrb-accent:#e8551d;--jrb-radius:6px;border:1px solid var(--jrb-border);border-radius:var(--jrb-radius);background:var(--jrb-bg);color:var(--jrb-text);flex-direction:column;min-height:70vh;display:flex;overflow:hidden}.jrb--fullscreen{z-index:60;border-radius:0;min-height:100vh;position:fixed;inset:0}.jrb button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:4px 8px;line-height:1.2}.jrb button:hover:not(:disabled){background:var(--jrb-panel)}.jrb button:disabled{opacity:.35;cursor:not-allowed}.jrb button.is-active{background:var(--jrb-accent);color:#fff;border-color:var(--jrb-accent)}.jrb button.is-danger:hover{color:#fff;background:#c0392b}.jrb input[type=text],.jrb input[type=number],.jrb input[type=url],.jrb input[type=email],.jrb input[type=tel],.jrb input[type=search],.jrb select,.jrb textarea{width:100%;font:inherit;border:1px solid var(--jrb-border);background:var(--jrb-bg);color:inherit;border-radius:4px;padding:5px 7px}.jrb__toolbar{border-bottom:1px solid var(--jrb-border);background:var(--jrb-panel);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.jrb__toolbar-group{align-items:center;gap:6px;display:flex}.jrb__count{opacity:.7;font-size:12px}.jrb__readonly{color:#7a4b00;background:#fff6e5;margin:0;padding:6px 12px;font-size:13px}.jrb__body{flex:1;grid-template-columns:240px 1fr 320px;align-items:stretch;min-height:0;display:grid}.jrb--preview .jrb__body{grid-template-columns:1fr}.jrb__drag-ghost{background:var(--jrb-accent);color:#fff;border-radius:4px;padding:6px 10px;font-size:13px;box-shadow:0 6px 20px #00000040}.jrb-lib,.jrb-layers,.jrb-inspector{border-right:1px solid var(--jrb-border);background:var(--jrb-panel);max-height:80vh;padding:10px;overflow-y:auto}.jrb-inspector{border-right:0;border-left:1px solid var(--jrb-border)}.jrb-lib__tabs,.jrb-inspector__tabs{gap:4px;margin-bottom:8px;display:flex}.jrb-lib__tabs button,.jrb-inspector__tabs button{border:1px solid var(--jrb-border);flex:1;font-size:12px}.jrb-lib__search{margin-bottom:8px}.jrb-lib__list section{margin-bottom:12px}.jrb-lib__list section h4{text-transform:uppercase;letter-spacing:.06em;opacity:.6;margin:0 0 4px;font-size:11px}.jrb-lib__item{text-align:left;border:1px solid var(--jrb-border);background:var(--jrb-bg);width:100%;margin-bottom:4px;padding:6px 8px;display:block}.jrb-lib__item.is-dragging{opacity:.4}.jrb-lib__label{font-size:13px;display:block}.jrb-lib__desc{opacity:.6;font-size:11px;display:block}.jrb-lib__error{color:#b3261e;background:#fdecea;border-radius:4px;margin:8px 0;padding:6px 8px;font-size:11px}.jrb-lib__hint{opacity:.6;margin:8px 0 0;font-size:11px}.jrb-lib__presets{gap:6px;display:grid}.jrb-lib__preset{border:1px solid var(--jrb-border);background:var(--jrb-bg);text-align:left;padding:6px;font-size:12px}.jrb-lib__preview{gap:2px;height:18px;margin-bottom:4px;display:flex}.jrb-lib__preview span{background:var(--jrb-accent);opacity:.35;border-radius:2px}.jrb-lib__save{border:1px solid var(--jrb-border);background:var(--jrb-bg);width:100%;margin-bottom:8px;font-size:12px}.jrb-layers header h4{text-transform:uppercase;letter-spacing:.06em;opacity:.6;margin:0 0 6px;font-size:12px}.jrb-layers__row{cursor:pointer;border-radius:3px;align-items:center;gap:4px;padding:3px 4px;font-size:12px;display:flex}.jrb-layers__row:hover{background:var(--jrb-bg)}.jrb-layers__row.is-selected{background:var(--jrb-accent);color:#fff}.jrb-layers__row.is-depth-1{padding-left:18px}.jrb-layers__row.is-depth-2{opacity:.85;padding-left:32px}.jrb-layers__caret{padding:0 4px}.jrb-layers__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.jrb-canvas{background:repeating-conic-gradient(#f0f0f0 0% 25%,#fafafa 0% 50%) 50%/16px 16px;max-height:80vh;padding:16px;overflow:auto}.jrb--fullscreen .jrb-canvas,.jrb--fullscreen .jrb-lib,.jrb--fullscreen .jrb-inspector,.jrb--fullscreen .jrb-layers{max-height:calc(100vh - 52px)}.jrb-canvas__frame{background:#fff;margin:0 auto;transition:width .15s;box-shadow:0 2px 16px #0000001f}.jrb-canvas__frame.is-drop{outline:2px dashed var(--jrb-accent)}.jrb-canvas__page{min-height:200px;container:jr/inline-size}.jrb-canvas__empty{text-align:center;color:#888;padding:48px 24px;font-size:13px}.jrb-node{outline:1px dashed #0000;transition:outline-color .1s;position:relative}.jrb-node.is-hovered{outline-color:#e8551d73}.jrb-node.is-selected{outline:2px solid var(--jrb-accent)}.jrb-node.is-drop{background:#e8551d14}.jrb-node__bar{z-index:5;background:var(--jrb-accent);color:#fff;white-space:nowrap;border-radius:3px;align-items:center;gap:4px;padding:1px 4px;font-size:10px;line-height:1.6;display:none;position:absolute;top:-11px;left:0}.jrb-node__bar button{color:#fff;padding:0 3px;font-size:10px}.jrb-node__bar button:hover:not(:disabled){background:#ffffff40}.jrb-node.is-selected>.jrb-node__bar,.jrb-node.is-hovered>.jrb-node__bar{display:flex}.jrb-node__bar--section{background:#2b2b2a}.jrb-node__bar--column{background:#6b6b6a}.jrb-node__grip{cursor:grab}.jrb-node__span.is-warning{color:#ffd27f}.jrb-node--column{min-height:40px}.jrb-column__inner{min-height:32px}.jrb-column__empty{border:1px dashed var(--jrb-border);color:#999;text-align:center;padding:12px 6px;font-size:11px}.jrb-section__grid{position:relative}.jrb-resize{z-index:4;cursor:col-resize;background:0 0;border-radius:3px;width:7px;margin-inline:-3px;position:relative}.jrb-resize:hover,.jrb-resize:active{background:var(--jrb-accent)}.jrb-unknown{color:#c0392b;border:1px dashed #c0392b;padding:10px;font-size:12px}.jr-placeholder{border:1px dashed var(--jrb-border);color:#999;text-align:center;padding:18px;font-size:12px}.jrb-inspector__head{margin-bottom:8px}.jrb-inspector__head h3{margin:0;font-size:15px}.jrb-inspector__kind{text-transform:uppercase;letter-spacing:.08em;opacity:.6;font-size:10px}.jrb-inspector__empty{opacity:.7;text-align:center;padding:24px 8px;font-size:12px}.jrb-inspector__rule{border:0;border-top:1px solid var(--jrb-border);margin:12px 0}.jrb-widths{margin-bottom:10px}.jrb-widths__presets{flex-wrap:wrap;gap:3px;margin-bottom:6px;display:flex}.jrb-widths__presets button{border:1px solid var(--jrb-border);padding:2px 5px;font-size:11px}.jrb-widths__slider{align-items:center;gap:6px;font-size:11px;display:flex}.jrb-widths__slider input{flex:1}.jrb-fields{flex-wrap:wrap;gap:10px;display:flex}.jrb-ctl{flex:100%;min-width:0}.jrb-ctl.is-half{flex:calc(50% - 5px)}.jrb-ctl__label{opacity:.8;margin-bottom:3px;font-size:11px;font-weight:600;display:block}.jrb-ctl__hint{opacity:.6;margin:3px 0 0;font-size:10px}.jrb-ctl__check{align-items:center;gap:6px;font-size:12px;display:flex}.jrb-ctl__check input{width:auto}.jrb-segmented{border:1px solid var(--jrb-border);border-radius:4px;display:flex;overflow:hidden}.jrb-segmented button{border:0;border-right:1px solid var(--jrb-border);border-radius:0;flex:1;padding:4px 2px;font-size:11px}.jrb-segmented button:last-child{border-right:0}.jrb-number{align-items:center;gap:4px;font-size:11px;display:flex}.jrb-color{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.jrb-color__swatch{border:1px solid var(--jrb-border);border-radius:4px;flex:none;width:22px;height:22px}.jrb-color__swatch[data-empty=true]{background-image:linear-gradient(45deg,#ccc 25%,#0000 25% 75%,#ccc 75%),linear-gradient(45deg,#ccc 25%,#0000 25% 75%,#ccc 75%);background-position:0 0,4px 4px;background-size:8px 8px}.jrb-color__select{flex:100px}.jrb-color__picker{border:1px solid var(--jrb-border);border-radius:4px;width:28px;height:24px;padding:0}.jrb-color__text{flex:80px}.jrb-picker,.jrb-media{align-items:center;gap:4px;display:flex}.jrb-picker__button{border:1px solid var(--jrb-border);background:var(--jrb-bg);text-align:left;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.jrb-picker__clear{border:1px solid var(--jrb-border)}.jrb-media__button{border:1px dashed var(--jrb-border);background:var(--jrb-bg);flex:1;min-height:48px;font-size:12px}.jrb-media__button img{max-width:100%;max-height:60px;margin:0 auto;display:block}.jrb-multipicker{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.jrb-multipicker__chip{border:1px solid var(--jrb-border);border-radius:999px;align-items:center;gap:3px;padding:1px 6px;font-size:11px;display:inline-flex}.jrb-link{gap:5px;display:grid}.jrb-spacing__head{align-items:center;gap:5px;margin-bottom:4px;display:flex}.jrb-spacing__head button{border:1px solid var(--jrb-border)}.jrb-spacing__head select{width:auto}.jrb-spacing__inherited{opacity:.6;font-size:10px;font-style:italic}.jrb-spacing__grid,.jrb-border__row,.jrb-shadow__row{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.jrb-spacing__grid label,.jrb-border__row label,.jrb-shadow__row label{font-size:10px;display:block}.jrb-spacing__grid span,.jrb-border__row span,.jrb-shadow__row span{opacity:.7;display:block}.jrb-border__row{grid-template-columns:1fr 1fr;margin-bottom:5px}.jrb-spacing__reset{border:1px solid var(--jrb-border);margin-top:4px;font-size:10px}.jrb-respnum{align-items:center;gap:4px;font-size:11px;display:flex}.jrb-background{gap:5px;display:grid}.jrb-background__stop{align-items:center;gap:4px;display:flex}.jrb-animation{gap:5px;display:grid}.jrb-animation label{font-size:11px}.jrb-icons__grid{grid-template-columns:repeat(6,1fr);gap:3px;max-height:140px;margin-top:4px;display:grid;overflow-y:auto}.jrb-icons__grid button{border:1px solid var(--jrb-border);aspect-ratio:1;place-items:center;padding:0;display:grid}.jrb-array__row{border:1px solid var(--jrb-border);background:var(--jrb-bg);border-radius:4px;margin-bottom:4px}.jrb-array__head{align-items:center;gap:4px;padding:3px 5px;display:flex}.jrb-array__toggle{text-align:left;flex:1;align-items:center;gap:6px;font-size:12px;display:flex;overflow:hidden}.jrb-array__index{background:var(--jrb-panel);border-radius:3px;padding:0 5px;font-size:10px}.jrb-array__title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.jrb-array__body{border-top:1px solid var(--jrb-border);padding:6px 8px 8px}.jrb-array__add,.jrb-menu-field__add,.jrb-menu-field__add-child{border:1px dashed var(--jrb-border);width:100%;padding:5px;font-size:12px}.jrb-group{border:1px solid var(--jrb-border);border-radius:4px;flex:100%;padding:5px 7px}.jrb-group summary{cursor:pointer;font-size:12px;font-weight:600}.jrb-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.jrb-rte{border:1px solid var(--jrb-border);background:#fff;border-radius:4px;position:relative}.jrb-rte__toolbar{border-bottom:1px solid var(--jrb-border);background:var(--jrb-panel);gap:2px;padding:3px;display:flex}.jrb-rte__toolbar button{border:1px solid #0000;min-width:26px;font-size:12px}.jrb-rte__toolbar button.is-active{background:var(--jrb-accent);color:#fff}.jrb-rte__input{color:#222;outline:none;min-height:90px;padding:7px 9px;font-size:13px;line-height:1.5}.jrb-rte__placeholder{pointer-events:none;color:#aaa;font-size:13px;position:absolute;top:36px;left:10px}.jr-rich__bold{font-weight:700}.jr-rich__italic{font-style:italic}.jr-rich__underline{text-decoration:underline}.jr-rich__strike{text-decoration:line-through}.jr-rich__mark{background:#e8551d40}.jr-rich__link{color:var(--jrb-accent);text-decoration:underline}.jrb-menu-field__row{border:1px solid var(--jrb-border);background:var(--theme-elevation-0,#fff);border-radius:4px;margin-bottom:4px}.jrb-menu-field__head{align-items:center;gap:6px;padding:5px 8px;display:flex}.jrb-menu-field__title{text-align:left;cursor:pointer;background:0 0;border:0;flex:1}.jrb-menu-field__title small{opacity:.6;font-size:11px;display:block}.jrb-menu-field__actions{gap:2px;display:flex}.jrb-menu-field__actions button{border:1px solid var(--theme-elevation-150,#ddd);cursor:pointer;background:0 0;border-radius:3px;padding:2px 6px}.jrb-menu-field__actions button:disabled{opacity:.3;cursor:not-allowed}.jrb-menu-field__body{border-top:1px solid var(--theme-elevation-150,#ddd);gap:8px;padding:8px 10px 10px;display:grid}.jrb-color-field__row{align-items:center;gap:6px;display:flex}.jrb-color-field__row input[type=color]{border:1px solid var(--theme-elevation-150,#ddd);border-radius:4px;width:34px;height:30px;padding:0}.jrb-color-rowlabel{align-items:center;gap:8px;display:inline-flex}.jrb-color-rowlabel code{opacity:.6;font-size:11px}.jrb-color-rowlabel__swatch{border:1px solid #00000026;border-radius:3px;width:14px;height:14px}.jr-sso{margin-top:18px}.jr-sso__divider{color:var(--theme-elevation-400,#888);align-items:center;gap:10px;margin-bottom:12px;font-size:12px;display:flex}.jr-sso__divider:before,.jr-sso__divider:after{content:"";background:var(--theme-elevation-150,#ddd);flex:1;height:1px}.jr-sso__button{text-align:center;width:100%;display:block}.jr-sso__error{color:#b3261e;background:#fdecea;border-radius:4px;margin-bottom:10px;padding:8px 10px;font-size:13px}.jrb-bare,.jrb-bare__column{display:block}.jrb-bare__column.is-drop{outline:2px dashed var(--jrb-accent);outline-offset:-2px}.jrb-bare__column>.jrb-column__empty{min-height:60px}.jr-original--editing [contenteditable=true]{cursor:text;outline-offset:2px;outline:1px dashed #0000;transition:outline-color .1s}.jr-original--editing [contenteditable=true]:hover{outline-color:#e8551d8c}.jr-original--editing [contenteditable=true]:focus{outline:2px solid var(--jrb-accent)}.jr-original--editing img{cursor:pointer}.jr-original--editing img:hover{outline:2px dashed var(--jrb-accent);outline-offset:2px}
