/* ROBERIN The New — random-number-generator 20260924e. Workspace only; common partials stay shared. */
.tn-rng-page{--rng-paper:#faf6ee;--rng-ink:#1a1208;--rng-muted:#5a4a30;--rng-line:#b8a888;--rng-soft:#ddd4be;--rng-surface:#fffaf0;--rng-wash:#f5efdf;--rng-accent:#c44a00;--rng-good:#2f7d54;--rng-primary:#1a1208;--rng-primary-hover:#873600;--rng-primary-text:#f7ead1;--rng-secondary:#ede6d4;--rng-secondary-hover:#dfd4bb;--rng-secondary-text:#1a1208;--rng-action-line:#b8a888;--rng-field:#fffaf0;--rng-accent-text:#873600;--rng-match:#873600;--rng-match-text:#faf6ee;--rng-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--rng-sans:-apple-system,BlinkMacSystemFont,"Pretendard","Segoe UI",system-ui,sans-serif;width:100%;min-width:0;max-width:1180px;margin-inline:auto}
body:is([data-scheme=dark],[data-scheme=inverse],[data-scheme=auto][data-l=dark],[data-scheme=auto][data-d=dark]) .tn-rng-page,
html[data-scheme=dark] body:not([data-scheme=light]) .tn-rng-page{--rng-paper:#241d12;--rng-ink:#efe6d2;--rng-muted:#c3b492;--rng-line:#6f6047;--rng-soft:#574a37;--rng-surface:#322a1a;--rng-wash:#2c2517;--rng-accent:#e8823f;--rng-good:#66a77f;--rng-primary:#6a3b1f;--rng-primary-hover:#824826;--rng-primary-text:#f7ead1;--rng-secondary:#2f2115;--rng-secondary-hover:#3a2a1b;--rng-secondary-text:#f7ead1;--rng-action-line:#826744;--rng-field:#21170f;--rng-accent-text:#e8823f;--rng-match:#e8823f;--rng-match-text:#241d12;color-scheme:dark}
@media(prefers-color-scheme:dark){
body[data-scheme=auto]:not([data-l=light]):not([data-d=light]) .tn-rng-page{--rng-paper:#241d12;--rng-ink:#efe6d2;--rng-muted:#c3b492;--rng-line:#6f6047;--rng-soft:#574a37;--rng-surface:#322a1a;--rng-wash:#2c2517;--rng-accent:#e8823f;--rng-good:#66a77f;--rng-primary:#6a3b1f;--rng-primary-hover:#824826;--rng-primary-text:#f7ead1;--rng-secondary:#2f2115;--rng-secondary-hover:#3a2a1b;--rng-secondary-text:#f7ead1;--rng-action-line:#826744;--rng-field:#21170f;--rng-accent-text:#e8823f;--rng-match:#e8823f;--rng-match-text:#241d12;color-scheme:dark}
}
.tn-rng-page [hidden]{display:none!important}

/* Responsive DISPLAY wrappers own their neighbour spacing (Ads Gate 2026-09-23). */
.tn-rng-page .tn-rng-ad{min-height:90px}
.tn-rng-page .tn-rng-ad--top{margin:54px auto 20px}
.tn-rng-page .tn-rng-ad--bottom{margin:24px auto 28px}

.tn-rng-tool,.tn-rng-tool *{box-sizing:border-box}
.tn-rng-page .tn-rng-tool{display:grid;grid-template-columns:304px minmax(0,1fr);align-items:stretch;width:100%;max-width:1040px;margin:0 auto;border:1px solid var(--rng-line);border-radius:0;background:var(--rng-paper);color:var(--rng-ink);-webkit-text-fill-color:var(--rng-ink);font-family:var(--rng-sans);font-size:13px;line-height:1.5}
.tn-rng-tool :where(p,ul,ol,li,dl,dt,dd,fieldset,legend){margin:0;padding:0}
.tn-rng-tool :where(ul,ol,li){list-style:none}
.tn-rng-tool :where(fieldset){border:0;min-width:0}
.tn-rng-tool :where(code,pre,kbd,samp){padding:0;border:0;background:transparent;color:inherit}
.tn-rng-tool :where(p,span,strong,b,dt,dd,li,small){overflow-wrap:anywhere}
.tn-rng-tool .tn-rng-label{display:block;margin:0;padding:0;font-family:var(--rng-sans);font-size:12px;font-weight:800;line-height:1.4;letter-spacing:0;color:var(--rng-muted);-webkit-text-fill-color:var(--rng-muted)}
.tn-rng-tool .tn-rng-note{font-size:11px;font-weight:400;line-height:1.4;color:var(--rng-muted);-webkit-text-fill-color:var(--rng-muted)}

/* ---------- settings rail */
.tn-rng-tool .tn-rng-setup{display:grid;align-content:start;gap:14px;min-width:0;padding:16px;border-right:1px solid var(--rng-line);background:var(--rng-paper)}
.tn-rng-tool .tn-rng-presets{display:flex;flex-wrap:wrap;gap:6px}
.tn-rng-page .tn-rng-tool .tn-rng-chip{display:inline-grid;place-items:center;min-height:28px;margin:0;padding:0 9px;border:1px solid var(--rng-soft)!important;border-radius:0;background:var(--rng-surface)!important;color:var(--rng-ink)!important;-webkit-text-fill-color:var(--rng-ink)!important;font-family:var(--rng-sans)!important;font-size:12px!important;font-weight:700!important;line-height:1!important;letter-spacing:0!important;text-transform:none;white-space:nowrap;box-shadow:none;cursor:pointer}
.tn-rng-page .tn-rng-tool .tn-rng-chip:hover{border-color:var(--rng-accent)!important;background:var(--rng-secondary)!important}
.tn-rng-page .tn-rng-tool .tn-rng-chip:focus-visible{outline:2px solid var(--rng-accent);outline-offset:2px}

.tn-rng-tool .tn-rng-range{display:grid;gap:6px;min-width:0}
.tn-rng-tool .tn-rng-range__row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:6px}
.tn-rng-tool .tn-rng-tilde{display:grid;place-items:center;height:40px;font-family:var(--rng-sans);font-size:16px;font-weight:700;color:var(--rng-muted)}
.tn-rng-tool .tn-rng-field{display:grid;align-content:start;gap:5px;min-width:0;margin:0;padding:0;border:0;background:none}
.tn-rng-tool .tn-rng-field>span:not(.tn-rng-control){display:block;margin:0;padding:0;font-size:12px;font-weight:700;line-height:1.35;color:var(--rng-ink);-webkit-text-fill-color:var(--rng-ink)}
.tn-rng-tool .tn-rng-field small{font-weight:400;color:var(--rng-muted);-webkit-text-fill-color:var(--rng-muted)}
.tn-rng-page .tn-rng-tool .tn-rng-control{display:flex!important;align-items:stretch!important;min-width:0;height:40px;margin:0;padding:0;border:1px solid var(--rng-line);background:var(--rng-field)}
.tn-rng-page .tn-rng-tool .tn-rng-control input{display:block;flex:1 1 auto;width:auto;min-width:0;height:38px;min-height:0;margin:0;padding:0 10px;border:0!important;border-radius:0;outline:0!important;background:transparent!important;color:var(--rng-ink)!important;-webkit-text-fill-color:var(--rng-ink)!important;font-family:var(--rng-sans)!important;font-size:15px!important;font-weight:600!important;line-height:normal;letter-spacing:normal!important;box-shadow:none}
.tn-rng-page .tn-rng-tool :is(#rngMin,#rngMax,#rngCount){font-variant-numeric:lining-nums tabular-nums!important;font-feature-settings:"lnum","tnum"}
.tn-rng-page .tn-rng-tool #rngCount{text-align:center;padding:0 4px}
.tn-rng-tool .tn-rng-control input[type=number]{-moz-appearance:textfield;appearance:textfield}
.tn-rng-tool .tn-rng-control input[type=number]::-webkit-outer-spin-button,.tn-rng-tool .tn-rng-control input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.tn-rng-page .tn-rng-tool .tn-rng-control input::placeholder{color:var(--rng-ink)!important;-webkit-text-fill-color:var(--rng-ink)!important;font-weight:400!important;opacity:.35!important}
.tn-rng-tool .tn-rng-control:focus-within{outline:2px solid var(--rng-accent);outline-offset:2px}
.tn-rng-tool .tn-rng-control:has([aria-invalid=true]){border-color:var(--rng-accent);border-style:dashed}
.tn-rng-tool .tn-rng-control b{display:grid;place-items:center;flex:0 0 auto;margin:0;padding:0 8px 0 0;border:0;font-size:12px;font-weight:700;color:var(--rng-muted);-webkit-text-fill-color:var(--rng-muted)}
.tn-rng-tool .tn-rng-control--stepper{max-width:200px}
.tn-rng-page .tn-rng-tool .tn-rng-step{display:grid;place-items:center;flex:0 0 40px;width:40px;height:38px;margin:0;padding:0;border:0!important;border-radius:0;background:var(--rng-secondary)!important;color:var(--rng-secondary-text)!important;-webkit-text-fill-color:var(--rng-secondary-text)!important;font-family:var(--rng-sans)!important;font-size:18px!important;font-weight:700!important;line-height:1!important;box-shadow:none;cursor:pointer}
.tn-rng-page .tn-rng-tool .tn-rng-step[data-rng-step="-1"]{border-right:1px solid var(--rng-soft)!important}
.tn-rng-page .tn-rng-tool .tn-rng-step[data-rng-step="1"]{border-left:1px solid var(--rng-soft)!important}
.tn-rng-page .tn-rng-tool .tn-rng-step:hover{background:var(--rng-secondary-hover)!important}
.tn-rng-page .tn-rng-tool .tn-rng-step:focus-visible{outline:2px solid var(--rng-accent);outline-offset:-2px}

.tn-rng-tool .tn-rng-options{display:grid;gap:7px;min-width:0;padding:12px 0;border-top:1px solid var(--rng-soft);border-bottom:1px solid var(--rng-soft)}
.tn-rng-tool .tn-rng-options>legend{float:left;width:100%;margin-bottom:2px}
.tn-rng-tool .tn-rng-check{display:flex;align-items:flex-start;gap:8px;margin:0;padding:0;font-size:13px;font-weight:600;line-height:1.4;color:var(--rng-ink);-webkit-text-fill-color:var(--rng-ink);cursor:pointer}
.tn-rng-tool .tn-rng-check small{font-weight:400;color:var(--rng-muted);-webkit-text-fill-color:var(--rng-muted)}
.tn-rng-tool .tn-rng-check.is-disabled{opacity:.5;cursor:default}
.tn-rng-tool .tn-rng-check input{display:block;flex:0 0 auto;width:16px;height:16px;min-height:0;margin:1px 0 0;padding:0;border:1px solid var(--rng-line);border-radius:0;background:var(--rng-surface);-webkit-appearance:none;appearance:none;outline:0;cursor:pointer}
.tn-rng-tool .tn-rng-check input:checked{border-color:var(--rng-accent);background:var(--rng-accent)}
.tn-rng-tool .tn-rng-check input:checked::before{content:"";display:block;width:5px;height:9px;margin:1px auto 0;border:solid var(--rng-paper);border-width:0 2px 2px 0;transform:rotate(45deg)}
.tn-rng-tool .tn-rng-check input:focus-visible{outline:2px solid var(--rng-accent);outline-offset:2px}
.tn-rng-tool .tn-rng-check input:disabled{cursor:default}
.tn-rng-tool .tn-rng-hint{display:block;margin-top:-8px;font-size:11px;font-weight:400;line-height:1.45;color:var(--rng-muted);-webkit-text-fill-color:var(--rng-muted)}

.tn-rng-tool .tn-rng-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.tn-rng-page .tn-rng-tool .tn-rng-btn{display:inline-grid;place-items:center;flex:0 0 auto;width:auto;min-width:0;min-height:36px;height:36px;max-width:100%;margin:0;padding:0 12px;border:1px solid var(--rng-action-line)!important;border-radius:0;background:var(--rng-secondary)!important;color:var(--rng-secondary-text)!important;-webkit-text-fill-color:var(--rng-secondary-text)!important;font-family:var(--rng-sans)!important;font-size:12px!important;font-weight:800!important;line-height:1!important;letter-spacing:0!important;text-transform:none;white-space:nowrap;text-align:center;box-shadow:none;outline:0;cursor:pointer}
.tn-rng-page .tn-rng-tool .tn-rng-btn:hover:not(:disabled){background:var(--rng-secondary-hover)!important}
.tn-rng-page .tn-rng-tool .tn-rng-btn:focus-visible{outline:2px solid var(--rng-accent);outline-offset:2px}
.tn-rng-page .tn-rng-tool .tn-rng-btn:disabled{opacity:.5;cursor:default}
.tn-rng-page .tn-rng-tool .tn-rng-btn--primary{height:48px;min-height:48px;border-color:var(--rng-primary)!important;background:var(--rng-primary)!important;color:var(--rng-primary-text)!important;-webkit-text-fill-color:var(--rng-primary-text)!important;font-size:16px!important;letter-spacing:.04em!important}
.tn-rng-page .tn-rng-tool .tn-rng-btn--primary:hover:not(:disabled){border-color:var(--rng-primary-hover)!important;background:var(--rng-primary-hover)!important}
.tn-rng-page .tn-rng-tool #rngReset{height:48px;min-height:48px}
.tn-rng-tool .tn-rng-setup-status{min-height:36px;font-size:12px;font-weight:400;line-height:1.5;color:var(--rng-muted);-webkit-text-fill-color:var(--rng-muted)}
.tn-rng-page.tn-rng-page .tn-rng-tool.tn-rng-tool :is(.tn-rng-setup-status,.tn-rng-status)[data-state=error]{color:var(--rng-accent)!important;-webkit-text-fill-color:var(--rng-accent)!important}
.tn-rng-page.tn-rng-page .tn-rng-tool.tn-rng-tool .tn-rng-status[data-state=success]{color:var(--rng-good)!important;-webkit-text-fill-color:var(--rng-good)!important}

/* ---------- result stage */
.tn-rng-tool .tn-rng-stage{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:12px;min-width:0;padding:16px;background:var(--rng-paper)}
.tn-rng-tool .tn-rng-stage:focus{outline:0}
.tn-rng-tool .tn-rng-stage__head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;min-width:0}
.tn-rng-tool .tn-rng-stage__head>div:first-child{display:grid;gap:2px;min-width:0}
.tn-rng-tool .tn-rng-stage__tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.tn-rng-tool .tn-rng-sort{display:flex;border:1px solid var(--rng-action-line)}
.tn-rng-page .tn-rng-tool .tn-rng-sort button{display:grid;place-items:center;min-height:30px;margin:0;padding:0 10px;border:0!important;border-radius:0;background:var(--rng-surface)!important;color:var(--rng-muted)!important;-webkit-text-fill-color:var(--rng-muted)!important;font-family:var(--rng-sans)!important;font-size:12px!important;font-weight:700!important;line-height:1!important;letter-spacing:0!important;text-transform:none;white-space:nowrap;box-shadow:none;cursor:pointer}
.tn-rng-page .tn-rng-tool .tn-rng-sort button+button{border-left:1px solid var(--rng-soft)!important}
.tn-rng-page .tn-rng-tool .tn-rng-sort button[aria-pressed=true]{background:var(--rng-primary)!important;color:var(--rng-primary-text)!important;-webkit-text-fill-color:var(--rng-primary-text)!important}
.tn-rng-page .tn-rng-tool .tn-rng-sort button:focus-visible{outline:2px solid var(--rng-accent);outline-offset:-2px}
.tn-rng-page .tn-rng-tool .tn-rng-btn--ghost{height:32px;min-height:32px;background:transparent!important}

.tn-rng-tool .tn-rng-board{position:relative;overflow:hidden;display:grid;place-items:center;min-width:0;min-height:236px;padding:22px 18px;border:1px solid var(--rng-soft);background-color:var(--rng-wash);background-image:radial-gradient(var(--rng-line) .55px,transparent .55px);background-size:10px 10px}
.tn-rng-tool .tn-rng-board::before,.tn-rng-tool .tn-rng-board::after{content:"";position:absolute;left:10px;right:10px;border-top:1px solid var(--rng-soft);pointer-events:none}
.tn-rng-tool .tn-rng-board::before{top:6px}
.tn-rng-tool .tn-rng-board::after{bottom:6px}
.tn-rng-tool .tn-rng-board[data-state=filled] .tn-rng-empty{display:none}
.tn-rng-tool .tn-rng-board[data-state=empty] .tn-rng-results{display:none}
.tn-rng-tool .tn-rng-empty{display:grid;justify-items:center;gap:8px;font-size:12px;font-weight:400;line-height:1.5;text-align:center;color:var(--rng-muted);-webkit-text-fill-color:var(--rng-muted)}
.tn-rng-tool .tn-rng-empty span{display:grid;place-items:center;width:96px;height:96px;border:1px dashed var(--rng-line);background:var(--rng-surface);font-family:var(--rng-sans);font-size:44px;font-weight:800;line-height:1;color:var(--rng-soft);-webkit-text-fill-color:var(--rng-line)}

.tn-rng-tool .tn-rng-results{display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:10px;width:100%;min-width:0;max-height:420px;margin:0;padding:4px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--rng-line) var(--rng-wash)}
.tn-rng-tool .tn-rng-tile{position:relative;display:grid;justify-items:center;align-content:center;gap:4px;min-width:84px;min-height:84px;margin:0;padding:10px 12px;border:1px solid var(--rng-line);background:var(--rng-surface);box-shadow:2px 3px 0 var(--rng-soft)}
.tn-rng-tool .tn-rng-tile::after{content:"";position:absolute;top:-1px;right:-1px;width:12px;height:12px;border-left:1px solid var(--rng-soft);border-bottom:1px solid var(--rng-soft);background:linear-gradient(45deg,var(--rng-wash) 49%,var(--rng-paper) 50%);pointer-events:none}
.tn-rng-page .tn-rng-tool .tn-rng-tile__n{display:block;font-family:var(--rng-sans)!important;font-size:34px;font-weight:800!important;line-height:1.05;letter-spacing:normal!important;font-variant-numeric:lining-nums tabular-nums!important;font-feature-settings:"lnum","tnum";white-space:nowrap;color:var(--rng-ink);-webkit-text-fill-color:var(--rng-ink)}
.tn-rng-tool .tn-rng-tile small{display:block;font-size:10px;font-weight:400;line-height:1.2;color:var(--rng-muted);-webkit-text-fill-color:var(--rng-muted);font-variant-numeric:tabular-nums}
.tn-rng-tool .tn-rng-results.is-one .tn-rng-tile{min-width:min(100%,220px);min-height:170px;padding:18px 28px;border-width:1px;box-shadow:3px 4px 0 var(--rng-soft)}
.tn-rng-page .tn-rng-tool .tn-rng-results.is-one .tn-rng-tile__n{font-size:clamp(56px,8vw,104px);line-height:1}
.tn-rng-page .tn-rng-tool .tn-rng-results.is-some .tn-rng-tile{min-width:62px;min-height:62px;padding:8px}
.tn-rng-page .tn-rng-tool .tn-rng-results.is-some .tn-rng-tile__n{font-size:22px}
.tn-rng-page .tn-rng-tool .tn-rng-results.is-many{gap:6px}
.tn-rng-page .tn-rng-tool .tn-rng-results.is-many .tn-rng-tile{min-width:54px;min-height:46px;padding:5px 6px;box-shadow:none}
.tn-rng-page .tn-rng-tool .tn-rng-results.is-many .tn-rng-tile::after{display:none}
.tn-rng-page .tn-rng-tool .tn-rng-results.is-many .tn-rng-tile__n{font-size:16px}
.tn-rng-tool .tn-rng-results.is-many small{font-size:9px}

/* Range ruler: where the drawn values fall inside min~max. */
.tn-rng-tool .tn-rng-ruler{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:2px 0}
.tn-rng-tool .tn-rng-ruler__track{position:relative;grid-column:2;grid-row:1;height:14px;min-width:0;border-bottom:1px solid var(--rng-line);background-image:linear-gradient(90deg,var(--rng-line) 1px,transparent 1px);background-size:10% 5px;background-repeat:repeat-x;background-position:0 100%}
.tn-rng-tool .tn-rng-ruler__track::after{content:"";position:absolute;right:0;bottom:0;height:5px;border-right:1px solid var(--rng-line)}
.tn-rng-tool .tn-rng-ruler__excl{position:absolute;bottom:0;height:12px;background:repeating-linear-gradient(135deg,var(--rng-soft) 0 2px,transparent 2px 5px);border-inline:1px solid var(--rng-soft)}
.tn-rng-tool .tn-rng-ruler__dot{position:absolute;bottom:3px;width:9px;height:9px;margin-left:-4.5px;border:1px solid var(--rng-paper);background:var(--rng-accent);transform:rotate(45deg)}
.tn-rng-tool .tn-rng-ruler.is-dense .tn-rng-ruler__dot{bottom:0;width:1px;height:12px;margin-left:0;border:0;transform:none;opacity:.8}
.tn-rng-page .tn-rng-tool .tn-rng-ruler__end{grid-row:1;font-family:var(--rng-sans)!important;font-size:12px;font-weight:700!important;line-height:1;font-variant-numeric:lining-nums tabular-nums!important;white-space:nowrap;color:var(--rng-muted);-webkit-text-fill-color:var(--rng-muted)}
.tn-rng-tool .tn-rng-ruler__end:not(.tn-rng-ruler__end--max){grid-column:1}
.tn-rng-tool .tn-rng-ruler__end--max{grid-column:3}

.tn-rng-tool .tn-rng-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:0;border-top:1px solid var(--rng-line);border-bottom:1px solid var(--rng-soft)}
.tn-rng-tool .tn-rng-metrics>div{display:grid;align-content:start;gap:3px;min-width:0;padding:9px 12px 10px}
.tn-rng-tool .tn-rng-metrics>div+div{border-left:1px solid var(--rng-soft)}
.tn-rng-tool .tn-rng-metrics>div:first-child{padding-left:0}
.tn-rng-tool .tn-rng-metrics dt{font-size:11px;font-weight:400;line-height:1.35;color:var(--rng-muted);-webkit-text-fill-color:var(--rng-muted)}
.tn-rng-page .tn-rng-tool .tn-rng-metrics dd{font-family:var(--rng-sans)!important;font-size:18px;font-weight:800!important;line-height:1.25;letter-spacing:normal!important;font-variant-numeric:lining-nums tabular-nums!important;font-feature-settings:"lnum","tnum";color:var(--rng-ink);-webkit-text-fill-color:var(--rng-ink)}

.tn-rng-tool .tn-rng-copyrow{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.tn-rng-tool .tn-rng-sep{display:flex;align-items:center;gap:0;height:36px;margin:0;padding:0;border:1px solid var(--rng-action-line);background:var(--rng-field)}
.tn-rng-tool .tn-rng-sep>span{display:grid;place-items:center;height:100%;padding:0 8px;border-right:1px solid var(--rng-soft);font-size:11px;font-weight:700;color:var(--rng-muted);-webkit-text-fill-color:var(--rng-muted)}
.tn-rng-page .tn-rng-tool .tn-rng-sep select{height:34px;min-height:0;margin:0;padding:0 24px 0 8px;border:0!important;border-radius:0;background-color:transparent!important;color:var(--rng-ink)!important;-webkit-text-fill-color:var(--rng-ink)!important;font-family:var(--rng-sans)!important;font-size:12px!important;font-weight:700!important;box-shadow:none;outline:0;cursor:pointer}
.tn-rng-tool .tn-rng-sep:focus-within{outline:2px solid var(--rng-accent);outline-offset:2px}
.tn-rng-page .tn-rng-tool .tn-rng-sep select option{background:var(--rng-paper);color:var(--rng-ink)}
.tn-rng-tool .tn-rng-status{min-height:18px;font-size:12px;font-weight:400;line-height:1.5;color:var(--rng-muted);-webkit-text-fill-color:var(--rng-muted)}

.tn-rng-tool .tn-rng-history{display:block;min-width:0;margin:0;padding:0;border-top:1px solid var(--rng-soft)}
.tn-rng-tool .tn-rng-history:not([open])>:not(summary){display:none!important}
.tn-rng-tool .tn-rng-history>summary{display:list-item;min-height:34px;margin:0;padding:8px 0;font-family:var(--rng-sans);font-size:12px;font-weight:800;line-height:1.5;color:var(--rng-ink);-webkit-text-fill-color:var(--rng-ink);cursor:pointer;outline:0}
.tn-rng-tool .tn-rng-history>summary::marker{color:var(--rng-muted)}
.tn-rng-tool .tn-rng-history>summary:focus-visible{outline:2px solid var(--rng-accent);outline-offset:2px}
.tn-rng-tool #rngHistoryNote{margin-left:6px;font-family:var(--rng-sans)}
.tn-rng-tool .tn-rng-history__tools{display:flex;flex-wrap:wrap;gap:8px;padding:2px 0 9px}
.tn-rng-tool .tn-rng-log{display:grid;align-content:start;gap:6px;min-width:0;max-height:220px;margin:0;padding:10px 12px;overflow-y:auto;overflow-x:hidden;border:1px solid var(--rng-soft);background:var(--rng-surface)}
.tn-rng-tool .tn-rng-log__empty{font-size:12px;font-weight:400;line-height:1.5;color:var(--rng-muted);-webkit-text-fill-color:var(--rng-muted)}
.tn-rng-tool .tn-rng-log__row{display:grid;grid-template-columns:minmax(150px,auto) minmax(0,1fr);align-items:baseline;gap:4px 12px;min-width:0;padding:0 0 6px;border-bottom:1px solid var(--rng-soft);font-size:11px;line-height:1.5}
.tn-rng-tool .tn-rng-log__row:last-child{padding-bottom:0;border-bottom:0}
.tn-rng-tool .tn-rng-log__row>span{min-width:0;color:var(--rng-muted);-webkit-text-fill-color:var(--rng-muted);font-variant-numeric:tabular-nums}
.tn-rng-page .tn-rng-tool .tn-rng-log__row>b{min-width:0;font-family:var(--rng-sans)!important;font-size:13px;font-weight:800!important;line-height:1.5;font-variant-numeric:lining-nums tabular-nums!important;color:var(--rng-ink);-webkit-text-fill-color:var(--rng-ink)}
.tn-rng-tool .tn-rng-caption{font-size:11px;font-weight:400;line-height:1.5;color:var(--rng-muted);-webkit-text-fill-color:var(--rng-muted)}
.tn-rng-tool .tn-rng-noscript{grid-column:1/-1;padding:12px 16px;border-top:1px solid var(--rng-line)}

/* ---------- draw effects: speed selector, card states, reveal bar, countdown, confetti */
.tn-rng-tool .tn-rng-effects{display:grid;gap:8px;min-width:0;padding:0 0 12px;border-bottom:1px solid var(--rng-soft)}
.tn-rng-tool .tn-rng-effects>legend{float:left;width:100%;margin-bottom:2px}
.tn-rng-tool .tn-rng-speed{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--rng-action-line)}
.tn-rng-page .tn-rng-tool .tn-rng-speed button{display:grid;place-items:center;min-width:0;min-height:34px;margin:0;padding:0 4px;border:0!important;border-radius:0;background:var(--rng-field)!important;color:var(--rng-muted)!important;-webkit-text-fill-color:var(--rng-muted)!important;font-family:var(--rng-sans)!important;font-size:12px!important;font-weight:700!important;line-height:1!important;letter-spacing:0!important;text-transform:none;white-space:nowrap;box-shadow:none;cursor:pointer}
.tn-rng-page .tn-rng-tool .tn-rng-speed button+button{border-left:1px solid var(--rng-soft)!important}
.tn-rng-page .tn-rng-tool .tn-rng-speed button:hover{background:var(--rng-secondary-hover)!important}
.tn-rng-page .tn-rng-tool .tn-rng-speed button[aria-pressed=true]{background:var(--rng-primary)!important;color:var(--rng-primary-text)!important;-webkit-text-fill-color:var(--rng-primary-text)!important}
.tn-rng-page .tn-rng-tool .tn-rng-speed button:focus-visible{outline:2px solid var(--rng-accent);outline-offset:-2px}
.tn-rng-tool .tn-rng-hint--speed{margin-top:0}
.tn-rng-page .tn-rng-tool .tn-rng-sort button:disabled{opacity:.5;cursor:default}

.tn-rng-tool .tn-rng-tile.is-hidden{border-style:dashed;background:var(--rng-wash);box-shadow:none}
.tn-rng-tool .tn-rng-tile.is-hidden::after{display:none}
.tn-rng-page.tn-rng-page .tn-rng-tool.tn-rng-tool .tn-rng-tile.is-hidden .tn-rng-tile__n{color:var(--rng-muted)!important;-webkit-text-fill-color:var(--rng-muted)!important}
.tn-rng-tool .tn-rng-tile.is-next{border-style:solid;border-color:var(--rng-accent);cursor:pointer}
.tn-rng-page.tn-rng-page .tn-rng-tool.tn-rng-tool .tn-rng-tile.is-next .tn-rng-tile__n{color:var(--rng-accent-text)!important;-webkit-text-fill-color:var(--rng-accent-text)!important}
.tn-rng-tool .tn-rng-tile.is-next:hover{background:var(--rng-surface)}
.tn-rng-tool .tn-rng-tile.is-active{border:1px solid var(--rng-accent);border-style:solid;background:var(--rng-surface);box-shadow:3px 5px 0 var(--rng-soft)}
.tn-rng-page.tn-rng-page .tn-rng-tool.tn-rng-tool .tn-rng-tile.is-spinning .tn-rng-tile__n,.tn-rng-page.tn-rng-page .tn-rng-tool.tn-rng-tool .tn-rng-tile.is-active .tn-rng-tile__n .is-spin{color:var(--rng-muted)!important;-webkit-text-fill-color:var(--rng-muted)!important}
.tn-rng-page.tn-rng-page .tn-rng-tool.tn-rng-tool .tn-rng-tile.is-active .tn-rng-tile__n .is-locked{color:var(--rng-accent-text)!important;-webkit-text-fill-color:var(--rng-accent-text)!important}
.tn-rng-tool .tn-rng-tile__n>span{display:inline}
.tn-rng-tool .tn-rng-tile.is-match{border-color:var(--rng-match);background:var(--rng-match);box-shadow:2px 3px 0 var(--rng-soft)}
.tn-rng-page.tn-rng-page .tn-rng-tool.tn-rng-tool .tn-rng-tile.is-match .tn-rng-tile__n,.tn-rng-page.tn-rng-page .tn-rng-tool.tn-rng-tool .tn-rng-tile.is-match small{color:var(--rng-match-text)!important;-webkit-text-fill-color:var(--rng-match-text)!important}
.tn-rng-tool .tn-rng-tile.is-match::after{background:linear-gradient(45deg,var(--rng-wash) 49%,var(--rng-paper) 50%)}

.tn-rng-tool .tn-rng-revealbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.tn-rng-page .tn-rng-tool #rngRevealNext{height:40px;min-height:40px;padding-inline:18px;font-size:14px!important}
.tn-rng-page .tn-rng-tool #rngSkip{height:40px;min-height:40px}
.tn-rng-tool #rngRevealNote{font-variant-numeric:tabular-nums}

.tn-rng-page.tn-rng-page .tn-rng-tool.tn-rng-tool .tn-rng-countdown{position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:var(--rng-wash);font-family:var(--rng-sans);font-size:clamp(72px,11vw,128px);font-weight:800;line-height:1;font-variant-numeric:lining-nums tabular-nums;color:var(--rng-accent-text)!important;-webkit-text-fill-color:var(--rng-accent-text)!important;pointer-events:none}
.tn-rng-tool .tn-rng-confetti{position:absolute;inset:0;z-index:4;pointer-events:none}
.tn-rng-tool .tn-rng-confetti span{position:absolute;display:block;width:7px;height:11px;margin:-5px 0 0 -3px}
.tn-rng-tool .tn-rng-confetti .is-a{background:var(--rng-accent)}
.tn-rng-tool .tn-rng-confetti .is-b{background:var(--rng-ink)}
.tn-rng-tool .tn-rng-confetti .is-c{background:var(--rng-line);width:9px;height:9px}
.tn-rng-tool .tn-rng-confetti .is-d{background:var(--rng-good);height:6px}

.tn-rng-tool .tn-rng-mine{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);align-items:end;gap:6px 12px;min-width:0}
.tn-rng-tool .tn-rng-mine__result{padding-bottom:11px;font-size:12px}
.tn-rng-page.tn-rng-page .tn-rng-tool.tn-rng-tool .tn-rng-mine__result[data-state=success]{color:var(--rng-accent-text)!important;-webkit-text-fill-color:var(--rng-accent-text)!important;font-weight:700}
.tn-rng-page.tn-rng-page .tn-rng-tool.tn-rng-tool .tn-rng-mine__result[data-state=error]{color:var(--rng-accent)!important;-webkit-text-fill-color:var(--rng-accent)!important}
.tn-rng-tool .tn-rng-stage.is-fullscreen .tn-rng-revealbar{display:flex}
.tn-rng-tool .tn-rng-stage.is-fullscreen .tn-rng-revealbar[hidden]{display:none!important}

/* ---------- presentation (fullscreen) */
.tn-rng-page .tn-rng-tool .tn-rng-stage:fullscreen{width:100%;height:100%;padding:28px 40px;overflow:auto;background:var(--rng-paper);grid-template-rows:auto minmax(0,1fr) auto auto auto}
.tn-rng-page .tn-rng-tool .tn-rng-stage:-webkit-full-screen{width:100%;height:100%;padding:28px 40px;overflow:auto;background:var(--rng-paper)}
.tn-rng-tool .tn-rng-stage.is-fullscreen>:not(.tn-rng-stage__head):not(.tn-rng-board):not(.tn-rng-ruler):not(.tn-rng-status):not(.tn-rng-revealbar){display:none}
.tn-rng-tool .tn-rng-stage.is-fullscreen .tn-rng-board{min-height:0;height:100%}
.tn-rng-tool .tn-rng-stage.is-fullscreen .tn-rng-results{max-height:none}
.tn-rng-page .tn-rng-tool .tn-rng-stage.is-fullscreen .tn-rng-results.is-one .tn-rng-tile{min-width:min(90%,420px);min-height:320px}
.tn-rng-page .tn-rng-tool .tn-rng-stage.is-fullscreen .tn-rng-results.is-one .tn-rng-tile__n{font-size:clamp(96px,20vw,260px)}
.tn-rng-page .tn-rng-tool .tn-rng-stage.is-fullscreen .tn-rng-results.is-few .tn-rng-tile{min-width:150px;min-height:150px}
.tn-rng-page .tn-rng-tool .tn-rng-stage.is-fullscreen .tn-rng-results.is-few .tn-rng-tile__n{font-size:clamp(48px,6vw,88px)}
.tn-rng-page .tn-rng-tool .tn-rng-stage.is-fullscreen .tn-rng-results.is-some .tn-rng-tile__n{font-size:32px}
.tn-rng-page .tn-rng-tool .tn-rng-stage.is-fullscreen .tn-rng-status{font-size:15px}


@media(max-width:860px){
.tn-rng-page .tn-rng-tool{grid-template-columns:minmax(0,1fr)}
.tn-rng-tool .tn-rng-setup{gap:12px;padding:12px;border-right:0;border-bottom:1px solid var(--rng-line)}
.tn-rng-tool .tn-rng-stage{gap:10px;padding:12px}
.tn-rng-tool .tn-rng-setup-status{min-height:0}
}
@media(max-width:760px){
.tn-rng-page .tn-rng-ad--top{margin-top:48px}
}
@media(max-width:560px){
.tn-rng-tool .tn-rng-stage__head{align-items:flex-start}
.tn-rng-tool .tn-rng-board{min-height:190px;padding:18px 10px}
.tn-rng-tool .tn-rng-tile{min-width:72px;min-height:72px;padding:8px 10px}
.tn-rng-page .tn-rng-tool .tn-rng-tile__n{font-size:28px}
.tn-rng-tool .tn-rng-results.is-one .tn-rng-tile{min-height:140px}
.tn-rng-tool .tn-rng-metrics>div{padding:8px 8px 9px}
.tn-rng-page .tn-rng-tool .tn-rng-metrics dd{font-size:15px}
.tn-rng-tool .tn-rng-metrics dt{font-size:10px}
.tn-rng-tool .tn-rng-log__row{grid-template-columns:minmax(0,1fr)}
.tn-rng-tool .tn-rng-mine{grid-template-columns:minmax(0,1fr)}
.tn-rng-tool .tn-rng-mine__result{padding-bottom:0}
.tn-rng-page .tn-rng-tool .tn-rng-speed button{font-size:12px!important;padding:0 2px}
.tn-rng-page .tn-rng-tool .tn-rng-sort button{padding:0 8px}
}