.gb{color:#1b1630;min-height:0;font-family:var(--mp-font), system-ui, sans-serif;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex}.gb,.gb *{box-sizing:border-box}.gb-bar,.gb-stage{background:#fff;border:1px solid #7c3aed1f;border-radius:16px}.gb-bar{align-items:flex-end;gap:10px;padding:12px;display:flex}.gb-list{flex:1;gap:4px;min-width:0;display:grid}.gb-list span,.gb-height span{color:#6f6880;font-size:.72rem;font-weight:700}.gb-height{flex:none;gap:4px;display:grid}.gb-height input{width:72px;height:36px;color:inherit;font:inherit;background:#fff;border:1px solid #e3e7f0;border-radius:10px;padding:0 10px;font-size:.88rem}.gb-list input,.gb-modal textarea{width:100%;height:36px;color:inherit;font:inherit;background:#fff;border:1px solid #e3e7f0;border-radius:10px;padding:0 10px;font-size:.88rem}.gb-btn{height:36px;color:inherit;font:inherit;cursor:pointer;background:#fff;border:1px solid #e3e7f0;border-radius:10px;flex:none;padding:0 14px;font-size:.84rem;font-weight:650}.gb-btn--primary{background:var(--mp-gradient);color:#fff;border-color:#0000}.gb-btn:disabled{opacity:.45;cursor:default}.gb-btn:hover{border-color:#c4b5fd}.gb-btn.is-on{color:#5b3fd6;background:#f4f0ff;border-color:#6d4dff}.gb-btn--danger{color:#fff;background:#b42318;border-color:#0000}.gb-btn--danger:hover{background:#912018;border-color:#0000}.gb-stage{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.gb-stage__body{background:#f7f5fc;flex:1;min-height:0;padding:16px;overflow:auto}.gb-preview{background:#fff;border:1px solid #e7e4ef;border-radius:12px;position:relative;overflow:auto}.gb-board{align-items:stretch;min-width:min-content;display:flex}.gb-board.is-rules .gb-colview{border-right:2px solid #c4b5fd}.gb-colview{-webkit-user-select:none;user-select:none;border-right:1px solid #edf0f3;flex-direction:column;flex:180px;min-width:180px;display:flex}.gb-live,.gb-fx input{-webkit-user-select:text;user-select:text}.gb-board[data-dragging=true]{cursor:grabbing}.gb-colview.is-dragging{opacity:.55;outline-offset:-2px;background:#f4f0ff;outline:2px dashed #6d4dff;box-shadow:0 10px 24px #6d4dff38}.gb-drop{background:#6d4dff;border-radius:4px;flex:0 0 4px;align-self:stretch;width:4px;margin:8px 2px;box-shadow:0 0 0 3px #6d4dff29}.gb-colview__tools{background:#fafafa;border-bottom:1px solid #edf0f3;justify-content:center;align-items:center;gap:4px;height:28px;display:flex}.gb-colview__tools button{color:#6d4dff;width:24px;height:22px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;font-size:.85rem;display:grid}.gb-colview__tools button:hover:not(:disabled){background:#6d4dff1a}.gb-colview__tools button:disabled{color:#c5c0d4;cursor:default}.gb-colview__tools .gb-width{width:auto;min-width:24px;padding:0 6px;font-size:11px;font-weight:700}.gb-grip{cursor:grab;touch-action:none}.gb-grip svg{fill:currentColor}.gb-colview.is-dragging .gb-grip,.gb-board[data-dragging=true] .gb-grip{cursor:grabbing}.gb-colview__head{background:#f4f5f8;align-items:center;gap:6px;min-height:44px;padding:6px 8px;display:flex}.gb-type{flex:none;position:relative}.gb-type__btn,.gb-remove,.gb-addcol>button,.gb-type-menu button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.gb-type__btn,.gb-remove,.gb-headicon,.gb-addcol>button{color:#6d4dff;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.gb-headicon{color:#a39bb8;font:inherit;cursor:pointer;background:0 0;border:1px dashed #d9d3ea;flex:none;padding:0}.gb-headicon.is-on{color:#5b3fd6;background:#f4f0ff;border-style:solid;border-color:#c4b5fd}.gb-headicon__svg,.gb-headicon__svg svg{color:#5b3fd6;width:16px;height:16px;display:block}.gb-iconpick .gb-headicon__svg,.gb-iconpick .gb-headicon__svg svg{width:22px;height:22px}.gb-type__btn:hover,.gb-remove:hover,.gb-addcol>button:hover,.gb-type-menu button:hover{background:#6d4dff1a}.gb-type__btn svg,.gb-type-menu svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.gb-type-menu{z-index:60;color:#1b1630;background:#fff;border:1px solid #e3e7f0;border-radius:12px;min-width:188px;padding:4px;position:fixed;box-shadow:0 10px 24px #4024821f}.gb-type-menu__dot{border-radius:99px;flex:none;width:8px;height:8px}.gb-type-menu button{color:#1b1630;text-align:left;border-radius:8px;align-items:center;gap:8px;width:100%;height:32px;padding:0 8px;font-size:.82rem;font-weight:650;display:flex}.gb-type-menu button.is-on{color:#6d4dff;background:#f4f0ff}.gb-type-menu__back,.gb-type-menu__icon{color:#5b3fd6;font-weight:700}.gb-type-menu__icon{border-top:1px solid #edf0f3;border-radius:0}.gb-colview.is-icon{flex:0 0 108px;min-width:108px}.gb-icon-name{color:#5b3fd6;flex:1;align-items:center;gap:4px;min-width:0;font-size:12px;font-weight:700;display:flex}.gb-icon-name svg,.gb-sample svg,.gb-type-menu svg,.gb-fx svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.gb-sample.is-pair,.gb-sample.is-icon{gap:6px}.gb-sample.is-icon{color:#6d4dff;justify-content:center}.gb-live{color:#64748b;min-width:0;height:28px;font:inherit;background:0 0;border:1px solid #0000;border-radius:6px;flex:1;padding:0 4px;font-size:12px;font-weight:700}.gb-live:focus,.gb-fx input:focus{color:#1b1630;background:#fff;border-color:#c4b5fd;outline:none}.gb-remove{color:#b42318;font-size:1.1rem;line-height:1}.gb-remove:disabled{color:#c5c0d4;cursor:default}.gb-icon-name{font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.gb-fx{color:#5b4b86;background:#faf8ff;border-top:1px solid #edf0f3;align-items:center;gap:2px;min-height:36px;padding:4px 8px;font-size:11px;display:flex;overflow:hidden}.gb-fx span,.gb-fx__tag,.gb-fx__more{white-space:nowrap;flex:none}.gb-fx span,.gb-fx input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.gb-fx input{width:0;min-width:0;height:24px;color:inherit;background:0 0;border:1px solid #0000;border-radius:6px;flex:1;padding:0 4px;font-size:11px}.gb-fx.is-bool input{field-sizing:content;flex:0 auto;width:auto;min-width:4ch;max-width:12ch}.gb-fx__tag{color:#b45309;font-weight:700}.gb-fx__more{text-overflow:ellipsis;color:#5b3fd6;max-width:7.5em;height:22px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e3e7f0;border-radius:999px;padding:0 6px;font-size:10px;font-weight:700;overflow:hidden}.gb-pop{z-index:60;color:#1b1630;background:#fff;border:1px solid #e3e7f0;border-radius:12px;gap:8px;width:260px;padding:10px;display:grid;position:fixed;box-shadow:0 10px 24px #4024821f}.gb-pop label{color:#6f6880;gap:4px;font-size:.72rem;font-weight:700;display:grid}.gb-pop input,.gb-pop select{color:#1b1630;height:32px;font:inherit;background:#fff;border:1px solid #e3e7f0;border-radius:8px;padding:0 8px;font-size:.84rem;font-weight:600}.gb-pop__cmp{grid-template-columns:72px 1fr;gap:6px;display:grid}.gb-pop__modes{grid-template-columns:1fr 1fr;gap:6px;display:grid}.gb-pop__modes button{color:#1b1630;height:32px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e3e7f0;border-radius:8px;font-size:.8rem;font-weight:700}.gb-pop__modes button.is-on{color:#5b3fd6;background:#f4f0ff;border-color:#6d4dff}.gb-sample.is-progress{grid-template-columns:36px 1fr;gap:8px;display:grid}.gb-sample.is-progress b{background:#e5e7eb;border-radius:10px;height:6px;overflow:hidden}.gb-sample.is-progress i{background:#9333ea;border-radius:10px;height:100%;display:block}.gb-fx input.is-label{flex:0 4.5em;width:4.5em}.gb-badges{border-top:1px solid #edf0f3;flex-direction:column;align-items:flex-start;gap:6px;padding:8px;display:flex}.gb-badge{border-radius:7px;max-width:100%;padding:4px 10px;display:inline-flex}.gb-badge input{width:100%;min-width:4ch;color:inherit;font:inherit;background:0 0;border:0;padding:0;font-size:12px;font-weight:650}.gb-badge input:focus{outline:none}.gb-sample{height:var(--gb-row,40px);color:#1b1630;text-overflow:ellipsis;white-space:nowrap;border-top:1px solid #edf0f3;align-items:center;padding:0 10px;font-size:13px;display:flex;overflow:hidden}.gb-board:not(:has(.gb-colview)){justify-content:center;align-items:center;width:100%;min-width:0;min-height:120px}.gb-addcol{background:#fafafa;flex:none;justify-content:center;align-items:flex-start;width:52px;padding-top:8px;display:flex;position:relative}.gb-board:not(:has(.gb-colview)) .gb-addcol{background:0 0;align-items:center;padding-top:0}.gb-addcol>button{border:1px dashed #c4b5fd;border-radius:10px;width:32px;height:32px;font-size:1.2rem}.gb-modal{z-index:40;background:#16122b59;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.gb-modal__card{background:#fff;border-radius:16px;flex-direction:column;gap:12px;width:min(560px,100%);max-height:min(720px,100vh - 40px);padding:18px;display:flex;box-shadow:0 16px 40px #40248229}.gb-modal__card h2{margin:0;font-size:1.05rem}.gb-modal__card--icons{width:min(720px,100%)}.gb-modal__card input{width:100%;height:36px;font:inherit;border:1px solid #e3e7f0;border-radius:10px;padding:0 10px;font-size:.88rem}.gb-iconpick{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;min-height:0;max-height:420px;display:grid;overflow:auto}.gb-iconpick button{color:#1b1630;min-width:0;font:inherit;cursor:pointer;background:#fff;border:1px solid #edf0f3;border-radius:10px;justify-items:center;gap:4px;padding:8px 4px;font-size:.68rem;display:grid}.gb-iconpick button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.gb-iconpick button:hover{background:#faf8ff;border-color:#c4b5fd}.gb-modal p,.gb-error{margin:0;font-size:.8rem;line-height:1.4}.gb-modal p{color:#6f6880}.gb-modal textarea{resize:vertical;height:180px;padding:10px}.gb-error{color:#b42318}.gb-pick{gap:6px;display:grid;overflow:auto}.gb-pick__item{border:1px solid #e3e7f0;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px 10px;font-size:.86rem;display:grid}.gb-pick__item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.gb-pick__item small,.gb-pick__item em{color:#6f6880;font-size:.75rem;font-style:normal}.gb-pick__item.is-in{background:#f7f5fc}.gb-pick__item.is-in em{color:#5b3fd6}.gb-modal__actions{justify-content:flex-end;gap:8px;display:flex}@media (max-width:900px){.gb{min-height:calc(100vh - 120px)}.gb-bar{flex-wrap:wrap}.gb-list{flex:100%}.gb-stage{overflow:visible}}
