.extra-choice-row{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0 17px}
.extra-presets{margin:2px 0 20px}
.extra-presets .extra-choice-row{margin:8px 0 0}
.extra-timestamp-formats{margin:8px 0 19px}
#timestamp-format-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px}
.timestamp-format-item{display:flex;align-items:center;gap:10px;min-width:0;min-height:65px;text-align:left;padding:9px;border:1px solid #5e4b70;border-radius:10px;background:#281f35;color:#e9dcf0;cursor:pointer}
.timestamp-format-item:hover,.timestamp-format-item.selected{border-color:#b48acb;background:#39294b}
.format-token{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:7px;background:#68448b;color:#fff;font:800 15px var(--display)}
.format-detail{display:grid;min-width:0;gap:3px}
.format-detail strong{font:800 11px var(--display)}
.format-detail small{color:#c3b2ce;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}
.format-copy{margin-left:auto;color:#d2ad77;font:800 9px var(--display)}
.extra-output{display:grid;gap:12px;padding:18px;border:1px solid #665078;border-radius:10px;background:#1b1724;min-height:108px}
.extra-output code{overflow-wrap:anywhere;font-size:15px;color:#f2d797}
#mention-fields{display:grid;gap:8px}
#mention-fields .suite-hint{margin:2px 0}
#mention-fields .v2-switch{margin-top:8px}
.ansi-swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:8px 0 17px}
.ansi-swatch{display:flex;align-items:center;flex-direction:column;gap:5px;min-width:0;padding:7px 3px;border:1px solid #5b496b;border-radius:9px;background:#241c30;color:#cdbed8;cursor:pointer}
.ansi-swatch:hover,.ansi-swatch.selected{border-color:#c89cce;background:#3b2b4c}
.ansi-swatch span{display:block;width:25px;height:25px;background:var(--swatch);border:2px solid #fff4;border-radius:50%;box-shadow:0 2px 6px #0006}
.ansi-swatch small{font-size:9px;white-space:nowrap}
.extra-switches{display:flex;flex-wrap:wrap;gap:15px;margin-top:4px}
.ansi-preview{white-space:pre-wrap;overflow-wrap:anywhere;min-height:120px;margin:10px 0 21px;padding:18px;border-radius:10px;border:1px solid #51535a;background:#313338;color:#dbdee1;font:14px/1.5 Consolas,monospace}
.extra-code{font-family:Consolas,monospace;font-size:12px}
.extra-limit-grid{grid-template-columns:minmax(0,1.55fr) minmax(250px,.85fr)}
.limit-metrics{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:15px 0 8px;color:#e8dcee}
.limit-metrics strong{font:800 20px var(--display)}
.limit-metrics span{color:#c4b0d1;font-size:12px}
.limit-track{height:8px;overflow:hidden;border-radius:99px;background:#1c1526}
.limit-track>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#7757b1,#c0a5ee);transition:width .16s}
.limit-track>div.near{background:#e5ac5d}
.limit-track>div.over{background:#e36f7e}
.limit-reference{display:grid;gap:17px}
.limit-group h4{margin:3px 0 9px;color:#edce8e;font:800 11px var(--display);letter-spacing:.06em;text-transform:uppercase}
.limit-reference-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #ffffff15;color:#d2c4dc;font-size:12px}
.limit-reference-row strong{color:#fff;font-weight:800}
.extra-source{display:block;color:#d5a9e8;font-size:11px;margin-top:9px}
@media(max-width:780px){.extra-limit-grid{grid-template-columns:1fr}#timestamp-format-list{grid-template-columns:1fr}.ansi-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.format-copy{display:none}}
.regex-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 18px}
.regex-options-grid[hidden]{display:none}
.regex-option{display:flex!important;align-items:center;gap:9px;min-width:0;padding:9px;border:1px solid #5d4b70;border-radius:9px;background:#211a2e}
.regex-option>span:last-child{display:grid;gap:2px;min-width:0}
.regex-option strong{font-size:11px;color:#e9d9f2;white-space:normal;overflow-wrap:anywhere}
.regex-option small{font-size:10px;color:#bbaaca}
.regex-sample-panel{margin:12px 0 18px}
.regex-sample-results{display:grid;gap:5px;margin-top:9px}
.regex-sample-row{display:flex;gap:10px;align-items:center;padding:7px 9px;border:1px solid #ffffff17;border-radius:7px;color:#d7c8de;font-size:11px;overflow-wrap:anywhere}
.regex-sample-row strong{flex:none;color:#a9dfc0;font:800 9px var(--display)}
.regex-sample-row strong.regex-hit{color:#f0a6aa}
.v2-drag-handle{width:31px;height:31px;display:grid;place-items:center;cursor:grab;touch-action:none;border:1px solid #756187;border-radius:8px;background:linear-gradient(150deg,#493755,#281f35);color:#eac6f6;font-size:20px;line-height:1}
.v2-drag-handle:hover{border-color:#dab5ec;background:#644a76}
.v2-drag-handle:active{cursor:grabbing}
.v2-drag-handle:focus-visible{outline:2px solid #f4d69c;outline-offset:2px}
.v2-editor-container,.v2-block-editor{position:relative}
.v2-editor-container>.v2-drag-handle,.v2-block-editor>.v2-drag-handle{position:absolute;left:-17px;z-index:2;width:18px;height:47px;border-right:0;border-radius:8px 0 0 8px;background:linear-gradient(90deg,#674a7d,#382944);box-shadow:-4px 3px 11px #0005;font-size:17px}
.v2-editor-container>.v2-drag-handle{top:24px}
.v2-block-editor>.v2-drag-handle{top:50%;transform:translateY(-50%)}
.v2-editor-container>.v2-drag-handle:hover,.v2-block-editor>.v2-drag-handle:hover{background:linear-gradient(90deg,#9570b4,#543b6d)}
.v2-drag-source{opacity:.22;outline:2px dashed #be8cdc;outline-offset:2px;background:#805a9b33}
.v2-drag-ghost{overflow:hidden;border:1px solid #d4aeea!important;border-radius:12px;box-shadow:0 24px 55px #000a,0 0 0 3px #b58cff33;transform:scale(1.025) rotate(.5deg);transition:transform 140ms ease,box-shadow 140ms ease}
@media(max-width:780px){.regex-options-grid{grid-template-columns:1fr}}
.v2-upload-control{display:flex;align-items:center;justify-content:center;min-height:38px;margin:8px 0;padding:8px 12px;border:1px dashed #9d79b5;border-radius:8px;background:#352440;color:#e5c9f3;font:700 11px var(--display);cursor:pointer}
.v2-upload-control:hover{border-color:#d6aee9;background:#473053}
.v2-upload-control input{position:absolute;width:1px;height:1px;opacity:0}
.v2-webhook-panel{margin-top:23px;padding:18px;border:1px solid #665078;border-radius:11px;background:#211a2e}
.v2-webhook-panel h3{margin:0 0 15px;color:#f4d69c}
.v2-webhook-row{display:flex;gap:8px;min-width:0}
.v2-webhook-row input{flex:1;min-width:0}
.v2-webhook-panel .suite-hint{margin:10px 0 14px}
.v2-webhook-panel #v2-webhook-status{min-height:17px;margin-bottom:0}
.v2-webhook-panel #v2-webhook-status a{color:#e6bcfa}