.gb-tool .gb-layout{align-items: flex-start;row-gap: 16px}.gb-settings-panel,.gb-result-panel{min-width: 0;height: 100%}.gb-panel-header{gap: 12px}.gb-panel-header>span:first-child{flex: 1;min-width: 0}.gb-panel-header i{margin-right: 6px}.gb-result-status{flex: 0 1 auto;min-width: 0;color: var(--text-3);font-size: 12.5px;font-weight: 500;text-align: right}.gb-settings-body,.gb-result-body{gap: 16px}#gb-result-wrap{display: flex;flex-direction: column;gap: 12px;min-width: 0}.gb-field{display: flex;flex-direction: column;gap: 6px;min-width: 0;margin: 0;color: var(--text-2);font-size: 13.5px;font-weight: 600}.gb-field .form-control{width: 100%;min-width: 0;padding-top: 8px;padding-bottom: 8px;font-size: 14px}.gb-field-row{display: flex;flex-wrap: wrap;gap: 12px}.gb-field-half{flex: 1 1 150px;min-width: 0}.gb-check-row{display: flex;flex-wrap: wrap;gap: 8px 18px}.gb-check{display: flex;align-items: center;gap: 8px;margin: 0;color: var(--text-2);font-size: 13.5px;font-weight: 600}.gb-check input{width: 16px;height: 16px;margin: 0;accent-color: var(--primary)}.gb-cats{display: flex;flex-wrap: wrap;gap: 8px;min-width: 0}.gb-cat{display: inline-flex;align-items: center;gap: 6px;padding: 7px 12px;border: 1px solid var(--border);border-radius: 999px;background: var(--bg-soft);color: var(--text-2);cursor: pointer;font-family: inherit;font-size: 13px;font-weight: 600;line-height: 1.35;transition: border-color .16s ease,background-color .16s ease,color .16s ease}.gb-cat:hover{border-color: var(--text-3)}.gb-cat.is-on{border-color: currentColor}.gb-cat.is-on.is-blue{background: rgba(37,99,235,.12);color: #1d4ed8}.gb-cat.is-on.is-red{background: rgba(220,38,38,.12);color: #b91c1c}.gb-cat.is-on.is-green{background: rgba(22,163,74,.14);color: #15803d}.gb-cat.is-on.is-gray{background: rgba(75,85,99,.16);color: #374151}.gb-cat.is-on.is-brown{background: rgba(180,83,9,.14);color: #92400e}.gb-examples,.gb-history{display: flex;flex-direction: column;gap: 8px;min-width: 0}.gb-examples-title,.gb-history-title{color: var(--text-3);font-size: 12.5px;font-weight: 600}.gb-example-chips,.gb-history-list{display: flex;flex-wrap: wrap;gap: 6px}.gb-chip,.gb-history-btn{max-width: 100%;font-size: 12.5px}.gb-history-clear{align-self: flex-start;padding: 0;color: var(--text-3);font-size: 12.5px}.gb-action-row{display: flex;flex-wrap: wrap;gap: 8px}.gb-action-row .btn{justify-content: center;min-width: 132px}.gb-action-row .btn i,.gb-result-head .btn i,.gb-quiz-actions .btn i{margin-right: 6px}.gb-message{display: flex;align-items: flex-start;gap: 8px;padding: 10px 12px;border: 1px solid #fecaca;border-radius: var(--radius);background: var(--danger-soft);color: var(--danger);font-size: 13.5px;line-height: 1.45}.gb-quiz{display: flex;flex-direction: column;gap: 10px;padding: 12px 14px;border: 1px solid var(--primary-ring);border-radius: var(--radius);background: var(--primary-soft)}.gb-quiz-head{display: flex;flex-wrap: wrap;align-items: baseline;justify-content: space-between;gap: 6px 12px;color: var(--text-2);font-size: 12.5px;font-weight: 600}.gb-quiz-head>span:first-child{flex: 1 1 auto;min-width: 0}.gb-quiz-head i{margin-right: 5px}.gb-quiz-name{margin: 0;color: var(--text);font-size: 22px;font-weight: 700;letter-spacing: 1px;line-height: 1.35;word-break: break-all}.gb-quiz-options{display: flex;flex-wrap: wrap;gap: 8px;min-width: 0}.gb-quiz-opt{flex: 1 1 132px;justify-content: center;border: 1px solid var(--border);background: var(--bg-card);color: var(--text);font-size: 13.5px;font-weight: 600}.gb-quiz-opt.is-blue{border-color: rgba(37,99,235,.45)}.gb-quiz-opt.is-red{border-color: rgba(220,38,38,.45)}.gb-quiz-opt.is-green{border-color: rgba(22,163,74,.45)}.gb-quiz-opt.is-gray{border-color: rgba(75,85,99,.45)}.gb-quiz-opt.is-brown{border-color: rgba(180,83,9,.45)}.gb-quiz-opt:not(:disabled):hover{background: var(--bg-soft)}.gb-quiz-result:not(:empty){display: flex;flex-direction: column;gap: 4px;padding: 10px 12px;border-radius: var(--radius);background: var(--bg-card)}.gb-quiz-verdict{margin: 0;font-size: 13.5px;font-weight: 700;line-height: 1.5}.gb-quiz-verdict.is-ok{color: #15803d}.gb-quiz-verdict.is-bad{color: var(--danger)}.gb-quiz-duty{margin: 0;color: var(--text-2);font-size: 12.5px;line-height: 1.5}.gb-quiz-actions{display: flex;flex-wrap: wrap;gap: 8px}.gb-flash{min-height: 0;color: var(--primary);font-size: 12.5px;font-weight: 600}.gb-flash:empty{display: none}.gb-empty{display: flex;flex-direction: column;align-items: center;gap: 8px;padding: 36px 16px;color: var(--text-3);text-align: center}.gb-empty i{font-size: 34px;line-height: 1;color: var(--border)}.gb-empty p{margin: 0;font-size: 13.5px}.gb-empty-hint:not(:empty){margin-top: 2px;color: var(--warning);font-weight: 600}.gb-result-head{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 8px;padding: 12px 14px;border: 1px solid var(--border);border-radius: var(--radius);background: var(--bg-soft)}.gb-result-head>div:first-child{display: grid;gap: 5px;flex: 1 1 240px;min-width: 0}.gb-result-head .group-header-actions{flex: 0 1 auto;row-gap: 8px}.gb-inline-field{display: flex;align-items: center;gap: 6px;margin: 0;color: var(--text-3);font-size: 12.5px;font-weight: 600}.gb-inline-field .form-control{width: auto;padding-top: 6px;padding-bottom: 6px;font-size: 12.5px;font-weight: 500}.gb-summary{color: var(--text);font-size: 14.5px;font-weight: 700;line-height: 1.4}.gb-range{color: var(--text-3);font-size: 12.5px}.gb-range:empty{display: none}.gb-stats{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 10px}.gb-stat{display: flex;flex-direction: column;gap: 5px;min-width: 0;padding: 10px 12px;border: 1px solid var(--border);border-radius: var(--radius);background: var(--bg-soft)}.gb-stat strong{min-width: 0;overflow: hidden;color: var(--text);font-size: 15px;line-height: 1.3;text-overflow: ellipsis;white-space: nowrap}.gb-stat span{color: var(--text-2);font-size: 12.5px;line-height: 1.35}.gb-stat em{color: var(--text-3);font-size: 11.5px;font-style: normal;line-height: 1.4}.gb-answer{display: flex;flex-direction: column;gap: 8px;padding: 12px 14px;border: 1px solid var(--border);border-left: 4px solid var(--primary);border-radius: var(--radius);background: var(--bg-card)}.gb-answer-top{display: flex;flex-wrap: wrap;align-items: center;gap: 8px}.gb-answer-name{flex: 1 1 auto;min-width: 0;color: var(--text);font-size: 20px;font-weight: 700;line-height: 1.3;word-break: break-all}.gb-answer-note,.gb-answer-bin{margin: 0;color: var(--text-2);font-size: 13px;line-height: 1.5}.gb-answer-bin i{margin-right: 5px;color: var(--primary)}.gb-answer-duty{margin: 0;color: var(--text);font-size: 13.5px;line-height: 1.6}.gb-answer-list{display: flex;flex-direction: column;gap: 4px;margin: 0;padding-left: 20px;color: var(--text-2);font-size: 12.5px;line-height: 1.55}.gb-cat-tag{display: inline-flex;align-items: center;gap: 5px;padding: 3px 9px;border-radius: 999px;font-size: 12px;font-weight: 700;line-height: 1.4;white-space: nowrap}.gb-cat-tag em{font-size: 11px;font-style: normal;font-weight: 500;opacity: .75}.gb-cat-tag.is-blue{background: rgba(37,99,235,.12);color: #1d4ed8}.gb-cat-tag.is-red{background: rgba(220,38,38,.12);color: #b91c1c}.gb-cat-tag.is-green{background: rgba(22,163,74,.14);color: #15803d}.gb-cat-tag.is-gray{background: rgba(75,85,99,.16);color: #374151}.gb-cat-tag.is-brown{background: rgba(180,83,9,.14);color: #92400e}.gb-list{display: flex;flex-direction: column;gap: 6px;min-width: 0}.gb-item{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 6px 12px;width: 100%;padding: 9px 12px;border: 1px solid var(--border);border-radius: var(--radius);background: var(--bg-card);cursor: pointer;font-family: inherit;text-align: left;transition: border-color .16s ease,background-color .16s ease}.gb-item:hover{border-color: var(--primary);background: var(--primary-soft)}.gb-item-main{display: flex;flex-wrap: wrap;align-items: baseline;gap: 4px 8px;flex: 1 1 auto;min-width: 0}.gb-item-name{color: var(--text);font-size: 14.5px;font-weight: 600;line-height: 1.45;word-break: break-all}.gb-item-note{color: var(--text-3);font-size: 12px;line-height: 1.45}.gb-item-tags{display: flex;flex-wrap: wrap;align-items: center;gap: 6px;flex: 0 1 auto;min-width: 0}.gb-tag{display: inline-flex;align-items: center;padding: 2px 8px;border: 1px solid var(--border);border-radius: 999px;color: var(--text-3);font-size: 11.5px;font-weight: 600;line-height: 1.4;white-space: nowrap}.gb-mark{padding: 0 1px;border-radius: 2px;background: rgba(250,204,21,.45);color: inherit}.gb-pager{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 10px;padding: 4px 0}.gb-pager .btn{min-width: 84px;justify-content: center}.gb-page-info{color: var(--text-2);font-size: 13px}.gb-note{display: flex;align-items: flex-start;gap: 8px;padding: 10px 12px;border-radius: var(--radius);background: var(--bg-soft);color: var(--text-2);font-size: 12.5px;line-height: 1.5}.gb-note i{flex: 0 0 auto;margin-top: 2px;color: var(--primary)}.gb-guide-panel{margin-top: 16px}.gb-guide{display: grid;grid-template-columns: repeat(auto-fit,minmax(230px,1fr));gap: 12px}.gb-guide-card{display: flex;flex-direction: column;gap: 8px;min-width: 0;padding: 12px 14px;border: 1px solid var(--border);border-left: 4px solid var(--border);border-radius: var(--radius);background: var(--bg-card)}.gb-guide-card.is-blue{border-left-color: #2563eb}.gb-guide-card.is-red{border-left-color: #dc2626}.gb-guide-card.is-green{border-left-color: #16a34a}.gb-guide-card.is-gray{border-left-color: #4b5563}.gb-guide-card.is-brown{border-left-color: #b45309}.gb-guide-head{display: flex;flex-wrap: wrap;align-items: baseline;gap: 4px 8px}.gb-guide-head strong{flex: 1 1 auto;min-width: 0;color: var(--text);font-size: 14.5px;font-weight: 700}.gb-guide-alias{color: var(--text-3);font-size: 12px;font-weight: 600}.gb-guide-count{color: var(--text-2);font-size: 12.5px;font-weight: 700;white-space: nowrap}.gb-guide-bin,.gb-guide-def{margin: 0;color: var(--text-2);font-size: 12.5px;line-height: 1.55}.gb-guide-bin i{margin-right: 5px;color: var(--text-3)}.gb-guide-duty{display: flex;flex-direction: column;gap: 4px;margin: 0;padding-left: 18px;color: var(--text-2);font-size: 12.5px;line-height: 1.5}.gb-guide-examples{display: flex;flex-wrap: wrap;gap: 6px;min-width: 0}.gb-samples{display: grid;gap: 16px}.gb-sample{padding: 12px 14px;border: 1px solid var(--border);border-radius: var(--radius);background: var(--bg-card)}.gb-sample-head{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 8px;margin: 0 0 8px}.gb-sample-head strong{color: var(--text);font-size: 14px}.gb-sample-head i{margin-right: 6px;color: var(--primary)}.gb-sample p{margin: 0;color: var(--text-2);font-size: 13.5px;line-height: 1.7}.gb-sample code{padding: 1px 5px;border-radius: 4px;background: var(--bg-soft);color: var(--text);font-size: 12.5px}:root[data-theme="dark"] .gb-cat.is-on.is-blue{background: rgba(59,130,246,.26);color: #bfdbfe}:root[data-theme="dark"] .gb-cat.is-on.is-red{background: rgba(248,113,113,.24);color: #fecaca}:root[data-theme="dark"] .gb-cat.is-on.is-green{background: rgba(34,197,94,.24);color: #bbf7d0}:root[data-theme="dark"] .gb-cat.is-on.is-gray{background: rgba(148,163,184,.26);color: #e2e8f0}:root[data-theme="dark"] .gb-cat.is-on.is-brown{background: rgba(217,119,6,.26);color: #fde68a}:root[data-theme="dark"] .gb-cat-tag.is-blue{background: rgba(59,130,246,.26);color: #bfdbfe}:root[data-theme="dark"] .gb-cat-tag.is-red{background: rgba(248,113,113,.24);color: #fecaca}:root[data-theme="dark"] .gb-cat-tag.is-green{background: rgba(34,197,94,.24);color: #bbf7d0}:root[data-theme="dark"] .gb-cat-tag.is-gray{background: rgba(148,163,184,.26);color: #e2e8f0}:root[data-theme="dark"] .gb-cat-tag.is-brown{background: rgba(217,119,6,.26);color: #fde68a}:root[data-theme="dark"] .gb-mark{background: rgba(180,83,9,.55)}:root[data-theme="dark"] .gb-sample code{background: rgba(148,163,184,.16)}:root[data-theme="dark"] .gb-message{border-color: rgba(248,113,113,.4)}:root[data-theme="dark"] .gb-quiz-verdict.is-ok{color: #86efac}@media (max-width: 991px){.gb-stats{grid-template-columns: repeat(2,minmax(0,1fr))}.gb-result-status{text-align: left}}@media (max-width: 640px){.gb-action-row .btn{flex: 1 1 100%;min-width: 0}.gb-result-head{align-items: flex-start;flex-direction: column}.gb-result-head .group-header-actions{width: 100%}.gb-inline-field{width: 100%;justify-content: space-between}.gb-inline-field .form-control{flex: 1 1 auto;min-width: 0}.gb-stats{grid-template-columns: repeat(2,minmax(0,1fr))}.gb-answer-name,.gb-quiz-name{font-size: 19px}.gb-item{align-items: flex-start}.gb-quiz-opt{flex: 1 1 calc(50% - 4px)}}