/* Part 15.3.1 + 15.3.2 — Tool hero and smart workspace */
.thv2-tool{--thv2-workspace-ink:#0a1020;--thv2-workspace-muted:#68758f;--thv2-workspace-line:#dfe5f1;--thv2-workspace-surface:#fff;--thv2-workspace-panel:#f7f9fd}
.thv2-tool .thv2-breadcrumbs{margin-bottom:18px}
.thv2-tool-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;padding:30px 32px 24px;border:1px solid rgba(103,119,255,.2);border-radius:28px;background:linear-gradient(135deg,#091225 0%,#111b36 56%,#10172b 100%);box-shadow:0 30px 80px rgba(15,24,48,.2);color:#fff;isolation:isolate}
.thv2-tool-hero:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent 95%)}
.thv2-tool-hero:after{content:"";position:absolute;width:520px;height:520px;right:-180px;top:-270px;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(103,92,255,.38),rgba(56,214,201,.08) 48%,transparent 70%);filter:blur(8px)}
.thv2-tool-hero__signal{position:absolute;right:20px;top:18px;display:flex;gap:6px}.thv2-tool-hero__signal i{width:5px;height:5px;border-radius:50%;background:#55e4cf;box-shadow:0 0 12px #55e4cf}.thv2-tool-hero__signal i:nth-child(2){opacity:.55}.thv2-tool-hero__signal i:nth-child(3){opacity:.25}
.thv2-tool-hero__identity{display:flex;gap:22px;align-items:flex-start;min-width:0}.thv2-tool-hero__icon{display:grid;place-items:center;flex:0 0 78px;width:78px;height:78px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:linear-gradient(145deg,rgba(124,109,255,.32),rgba(69,220,204,.12));box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 16px 32px rgba(0,0,0,.22)}.thv2-tool-hero__icon svg{width:34px;height:34px;color:#fff}
.thv2-tool-hero__copy{min-width:0}.thv2-tool-hero__eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:7px}.thv2-tool-hero__eyebrow>a{color:#9ea9ff;font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}.thv2-tool-hero__live{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid rgba(83,228,207,.25);border-radius:99px;background:rgba(83,228,207,.08);color:#9af1e4;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.thv2-tool-hero__live i{width:6px;height:6px;border-radius:50%;background:#55e4cf;box-shadow:0 0 10px #55e4cf}
.thv2-tool-hero h1{margin:0;color:#fff;font-size:clamp(32px,3.2vw,54px);line-height:1.02;letter-spacing:-.045em}.thv2-tool-hero p{max-width:760px;margin:12px 0 0;color:#b8c2d8;font-size:16px;line-height:1.65}
.thv2-tool-hero__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.thv2-tool-hero__chips span{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.045);color:#d8dff0;font-size:11px;font-weight:700}.thv2-tool-hero__chips svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:#7f8cff}
.thv2-tool-hero__actions{display:flex;align-items:flex-start;gap:8px;padding-top:30px;position:relative}.thv2-tool-hero__actions button{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 13px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.06);color:#eaf0ff;cursor:pointer;transition:.2s ease}.thv2-tool-hero__actions button:hover,.thv2-tool-hero__actions button.is-active{transform:translateY(-2px);border-color:rgba(127,140,255,.55);background:rgba(127,140,255,.16);box-shadow:0 12px 24px rgba(0,0,0,.18)}.thv2-tool-hero__actions svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.thv2-tool-hero__actions small{position:absolute;right:0;top:78px;color:#93f2df;font-size:11px}
.thv2-tool-hero__rail{grid-column:1/-1;display:flex;align-items:center;gap:12px;margin-top:2px;padding-top:18px;border-top:1px solid rgba(255,255,255,.09);color:#78859f;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em}.thv2-tool-hero__rail i{display:block;flex:1;height:1px;background:linear-gradient(90deg,rgba(126,137,255,.8),rgba(82,228,207,.18))}
.thv2-tool>.thv2-tool__meta{margin:12px 0 20px;padding:10px 14px;border:1px solid #e2e7f1;border-radius:12px;background:#fff;box-shadow:0 8px 20px rgba(30,45,76,.05)}

.thv2-workspace--schema{overflow:hidden;border:1px solid #dce3ef!important;border-radius:26px!important;background:#f6f8fc!important;box-shadow:0 28px 70px rgba(26,39,69,.13)!important}
.thv2-workspace--schema>.thv2-workspace__toolbar{position:relative;display:flex!important;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;background:linear-gradient(120deg,#0d162a,#111d37 60%,#102c38)!important;color:#fff}.thv2-workspace__toolbar>div{display:grid;gap:3px}.thv2-workspace__kicker{color:#7f8cff;font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em}.thv2-workspace__toolbar strong{font-size:18px!important;color:#fff!important}.thv2-workspace__toolbar>div>span:last-child{color:#aeb9cf!important;font-size:12px}.thv2-workspace__ready{padding:7px 10px!important;border:1px solid rgba(83,228,207,.22);border-radius:99px;background:rgba(83,228,207,.08);color:#a6f3e7!important;font-size:10px!important;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.thv2-workspace-commandbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;border-bottom:1px solid #e0e6f0;background:rgba(255,255,255,.88);backdrop-filter:blur(14px)}.thv2-workspace-commandbar__actions,.thv2-workspace-commandbar__stats{display:flex;align-items:center;gap:6px}.thv2-workspace-commandbar button{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border:1px solid #dce3ef;border-radius:9px;background:#fff;color:#283550;font-size:11px;font-weight:750;cursor:pointer;transition:.18s ease}.thv2-workspace-commandbar button:hover:not(:disabled){border-color:#7f8cff;color:#4f5fe8;transform:translateY(-1px);box-shadow:0 7px 16px rgba(74,89,200,.12)}.thv2-workspace-commandbar button:disabled{opacity:.42;cursor:not-allowed}.thv2-workspace-commandbar button span{color:#6978ff}.thv2-workspace-commandbar__stats span{padding:6px 8px;border-radius:8px;background:#f1f4fa;color:#78839b;font:650 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.thv2-workspace-commandbar__stats b{color:#24304a}
.thv2-workspace__body{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:14px!important;background:radial-gradient(circle at 92% 8%,rgba(105,91,255,.08),transparent 28%),#f4f7fb}.thv2-workspace-panel,.thv2-schema-result{min-width:0;border:1px solid #dce3ef!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 30px rgba(31,47,79,.06)}.thv2-workspace-panel{padding:0 16px 16px}.thv2-workspace-panel__head,.thv2-schema-result__head{display:flex!important;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:0!important;border-bottom:1px solid #e8ecf3!important}.thv2-workspace-panel__head>div,.thv2-schema-result__head>div{display:grid;gap:3px}.thv2-workspace-panel__head span,.thv2-schema-result__head strong{color:#6877f5!important;font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.16em;text-transform:uppercase}.thv2-workspace-panel__head strong{color:#172136!important;font:750 14px/1.2 system-ui,sans-serif!important;letter-spacing:0;text-transform:none}.thv2-workspace-panel__head small,.thv2-schema-result__head small{color:#8994aa!important;font-size:10px!important}.thv2-schema-result{padding:0 16px 16px!important}.thv2-schema-result__head{margin:0!important}.thv2-schema-result__head>div>strong{color:#6877f5!important}.thv2-workspace__fields{padding-top:14px}.thv2-field{margin-bottom:12px!important}.thv2-tool__label{color:#293650!important;font-size:11px!important;font-weight:800!important}.thv2-tool__textarea,.thv2-workspace select,.thv2-workspace input[type=text],.thv2-workspace input[type=number]{border:1px solid #d9e1ee!important;border-radius:13px!important;background:#f9fbfe!important;color:#172136!important;box-shadow:inset 0 1px 2px rgba(15,28,55,.03)!important;transition:.18s ease!important}.thv2-tool__textarea:focus,.thv2-workspace select:focus,.thv2-workspace input:focus{border-color:#7382ff!important;background:#fff!important;box-shadow:0 0 0 4px rgba(115,130,255,.11)!important;outline:0!important}.thv2-tool__textarea{min-height:230px!important;resize:vertical}.thv2-tool__textarea--result{min-height:230px!important;background:#0e1729!important;color:#dce7ff!important;border-color:#24334f!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important}.thv2-schema-result__empty{display:grid;place-items:center;min-height:230px!important;padding:26px;border:1px dashed #ccd5e4;border-radius:13px;background:linear-gradient(135deg,#f9fbff,#f3f6fc);color:#8490a6;text-align:center}.thv2-schema-result__empty:before{content:"◇";display:block;margin-bottom:8px;color:#7482ff;font-size:26px}.thv2-result-copy{display:flex!important;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.thv2-result-copy[hidden]{display:none!important}.thv2-tool__actions{grid-column:1/-1;display:flex!important;align-items:center;gap:10px;margin:0!important;padding:2px 2px 0}.thv2-tool__actions .thv2-button{min-height:44px!important;border-radius:12px!important}.thv2-tool__actions .thv2-button--primary{min-width:160px;background:linear-gradient(135deg,#6f65ff,#536dff)!important;border:0!important;box-shadow:0 12px 28px rgba(86,96,255,.25)!important}.thv2-tool__status{grid-column:1/-1;margin:0!important;padding:9px 12px;border-radius:10px;background:#edf1f7;color:#69758c;font-size:11px}.thv2-source-preview{grid-column:1/-1}

@media (max-width:1180px){.thv2-tool-hero{grid-template-columns:1fr}.thv2-tool-hero__actions{padding-top:0}.thv2-tool-hero__actions small{left:0;right:auto;top:50px}.thv2-workspace__body{grid-template-columns:1fr}.thv2-tool__actions,.thv2-tool__status,.thv2-source-preview{grid-column:auto}}
@media (max-width:760px){.thv2-tool-hero{padding:22px 18px 18px;border-radius:20px}.thv2-tool-hero__identity{gap:14px}.thv2-tool-hero__icon{width:58px;height:58px;flex-basis:58px;border-radius:16px}.thv2-tool-hero__icon svg{width:27px;height:27px}.thv2-tool-hero h1{font-size:31px}.thv2-tool-hero p{font-size:14px;line-height:1.55}.thv2-tool-hero__chips span:nth-child(n+3){display:none}.thv2-tool-hero__actions{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.thv2-tool-hero__actions button{justify-content:center;padding:0 8px}.thv2-tool-hero__actions button b{display:none}.thv2-tool-hero__rail{gap:7px;font-size:8px}.thv2-tool>.thv2-tool__meta{display:none}.thv2-workspace-commandbar{align-items:flex-start;flex-direction:column}.thv2-workspace-commandbar__actions{width:100%;overflow-x:auto;padding-bottom:2px}.thv2-workspace-commandbar__stats{width:100%;justify-content:space-between}.thv2-workspace-commandbar__stats span{flex:1;text-align:center}.thv2-workspace__body{padding:9px!important;gap:9px}.thv2-workspace-panel,.thv2-schema-result{border-radius:15px!important}.thv2-workspace-panel{padding:0 11px 11px}.thv2-schema-result{padding:0 11px 11px!important}.thv2-tool__textarea,.thv2-tool__textarea--result,.thv2-schema-result__empty{min-height:190px!important}.thv2-tool__actions{display:grid!important;grid-template-columns:1fr 1fr}.thv2-tool__actions .thv2-button{min-width:0!important}.thv2-workspace--schema>.thv2-workspace__toolbar{padding:18px!important}.thv2-workspace__toolbar>div>span:last-child{max-width:270px}}
@media (prefers-reduced-motion:reduce){.thv2-tool-hero__actions button,.thv2-workspace-commandbar button{transition:none!important}}

/* Part 15.3.3 compact-first workspace refinement */
.thv2-main{padding-top:18px!important}
.thv2-breadcrumbs{margin:0 0 8px!important;font-size:11px!important}
.thv2-tool-hero{grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:17px 22px 16px;border-radius:22px;min-height:0}
.thv2-tool-hero__identity{gap:15px;align-items:center}
.thv2-tool-hero__icon{width:60px;height:60px;flex-basis:60px;border-radius:17px}
.thv2-tool-hero__icon svg{width:28px;height:28px}
.thv2-tool-hero__eyebrow{margin-bottom:4px}
.thv2-tool-hero h1{font-size:clamp(30px,2.65vw,44px);line-height:1}
.thv2-tool-hero p{display:-webkit-box;max-width:780px;margin:8px 0 0;overflow:hidden;font-size:14px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.thv2-tool-hero__chips{gap:6px;margin-top:10px}
.thv2-tool-hero__chips span{padding:5px 8px;border-radius:8px;font-size:10px}
.thv2-tool-hero__actions{align-self:center;padding-top:0}
.thv2-tool-hero__actions button{min-height:38px;padding:0 12px}
.thv2-tool-hero__actions small{top:46px}
.thv2-tool-blocks{margin-top:12px!important}
.thv2-workspace--schema{margin-top:0!important}
.thv2-workspace--schema>.thv2-workspace__toolbar{padding:14px 20px!important}
.thv2-workspace__toolbar>div{gap:2px!important}
.thv2-workspace__toolbar>div>span:last-child{font-size:11px!important}
.thv2-workspace-commandbar{min-height:48px;padding:7px 14px!important}
.thv2-workspace-commandbar button{min-height:32px!important}
.thv2-schema-result__empty[hidden]{display:none!important}
.thv2-schema-result__empty{min-height:230px!important}

.thv2-sidebar--left,.thv2-sidebar--right{position:sticky;top:68px;align-self:start;max-height:calc(100vh - 68px);overflow:auto}
.thv2-info-block--guide{padding-bottom:18px}
.thv2-info-block__eyebrow{display:block;margin-bottom:7px;color:#6877f5;font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}
.thv2-info-block--guide h2{margin:0 0 9px!important;font-size:16px!important;line-height:1.25}
.thv2-info-block--guide>p{margin:0;color:#657188;font-size:12px;line-height:1.6}
.thv2-info-steps{display:grid;gap:9px;margin:16px 0;padding:0;list-style:none}
.thv2-info-steps li{display:grid;grid-template-columns:24px 1fr;gap:9px;align-items:start}
.thv2-info-steps li>b{display:grid;place-items:center;width:24px;height:24px;border:1px solid #d7def0;border-radius:8px;background:#eef1ff;color:#5869ef;font-size:10px}
.thv2-info-steps li>span{color:#44516a;font-size:11px;line-height:1.45}
.thv2-info-facts{display:grid;gap:7px;padding-top:13px;border-top:1px solid #dfe4ed}
.thv2-info-facts span{display:flex;justify-content:space-between;gap:10px;color:#1e293b;font-size:11px}
.thv2-info-facts b{color:#7b879d;font-weight:700}

@media (max-width:1399px){
  .thv2-sidebar--left{display:none}
  .thv2-sidebar--right{top:68px}
}
@media (max-width:1023px){
  .thv2-sidebar--right{position:static;max-height:none;overflow:visible}
}
@media (max-width:760px){
  .thv2-main{padding-top:10px!important}
  .thv2-breadcrumbs{margin-bottom:6px!important}
  .thv2-tool-hero{gap:12px;padding:14px 14px 13px}
  .thv2-tool-hero__identity{align-items:flex-start}
  .thv2-tool-hero__icon{width:50px;height:50px;flex-basis:50px}
  .thv2-tool-hero h1{font-size:28px}
  .thv2-tool-hero p{-webkit-line-clamp:2;font-size:12px}
  .thv2-tool-hero__chips{margin-top:8px}
  .thv2-tool-hero__chips span{font-size:9px}
  .thv2-tool-hero__actions{grid-template-columns:repeat(2,1fr)}
  .thv2-tool-blocks{margin-top:8px!important}
}

/* Part 15.3.4 — unified hero/workspace and clearer preview UX */
.thv2-tool-hero{border-radius:22px 22px 0 0!important;border-bottom-color:rgba(127,140,255,.28)!important;box-shadow:0 20px 55px rgba(15,24,48,.16)!important}
.thv2-tool-blocks{margin-top:0!important}
.thv2-tool-blocks>[data-thv2-block="workspace"]{margin-top:0!important;border-top:0!important;border-radius:0 0 24px 24px!important;box-shadow:0 30px 70px rgba(26,39,69,.13)!important}
.thv2-workspace--schema>.thv2-workspace__toolbar{display:none!important}

/* Command controls now belong to the input panel. */
.thv2-workspace-commandbar--input{margin:0 -16px 0;padding:9px 16px!important;border-top:0;border-bottom:1px solid #e8ecf3;background:linear-gradient(180deg,#fbfcff,#f7f9fd);backdrop-filter:none}
.thv2-workspace-commandbar--input .thv2-workspace-commandbar__actions{flex-wrap:wrap}
.thv2-workspace-commandbar--input .thv2-workspace-commandbar__stats{margin-left:auto}
.thv2-workspace-commandbar--input button{background:#fff}
.thv2-workspace__fields{padding-top:12px}

/* The textarea stays visible; upload is a secondary action, not a competing mode. */
.thv2-input-mode--inline-upload{display:grid;gap:9px}
.thv2-inline-upload-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.thv2-inline-upload-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 11px;border:1px solid #dce3ef;border-radius:9px;background:#fff;color:#283550;font-size:11px;font-weight:750;cursor:pointer;transition:.18s ease}
.thv2-inline-upload-button:hover{border-color:#7f8cff;color:#4f5fe8;box-shadow:0 7px 16px rgba(74,89,200,.1)}
.thv2-inline-upload-button input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.thv2-inline-upload-row .thv2-file-list{flex:1;min-width:120px;color:#6f7b91;font-size:10px}
.thv2-inline-upload-row .thv2-upload-progress{flex:1;min-width:150px}
.thv2-inline-upload-row .thv2-button{min-height:34px!important;padding:0 11px!important;font-size:11px!important}

/* Preview tools: explain the two result areas clearly. */
.thv2-schema-result--preview .thv2-schema-result__head>div{gap:5px}
.thv2-schema-result--preview .thv2-schema-result__head strong{color:#172136!important;font:750 14px/1.2 system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
.thv2-schema-result--preview .thv2-schema-result__head small{max-width:420px;line-height:1.4}
.thv2-schema-result__empty:before{display:none!important;content:none!important}
.thv2-schema-result__empty{min-height:190px!important;padding:28px 34px!important;background:linear-gradient(135deg,#fbfcff,#f4f7fc)!important;font-size:13px;line-height:1.6}
.thv2-safe-preview{margin-top:14px!important;padding-top:14px;border-top:1px solid #e4e9f2}
.thv2-safe-preview>strong{display:block;color:#172136;font-size:14px}
.thv2-safe-preview>small{display:block;margin:4px 0 10px;color:#7d899f;font-size:10px;line-height:1.4}
.thv2-safe-preview iframe{width:100%;min-height:230px;border:1px solid #d9e1ee;background:#fff}

/* Sticky sidebars meet the sticky header without a visible seam. */
.thv2-sidebar--left,.thv2-sidebar--right{top:67px!important;max-height:calc(100vh - 67px)!important;margin-top:-1px}
.thv2-sidebar--left{box-shadow:0 -2px 0 #202731}
.thv2-sidebar--right{box-shadow:0 -2px 0 #f4f6f8}

@media (max-width:1023px){
  .thv2-sidebar--right{top:auto!important;max-height:none!important;margin-top:0;box-shadow:none}
}
@media (max-width:760px){
  .thv2-tool-hero{border-radius:18px 18px 0 0!important}
  .thv2-tool-blocks>[data-thv2-block="workspace"]{border-radius:0 0 18px 18px!important}
  .thv2-workspace-commandbar--input{align-items:stretch;flex-direction:column;margin-inline:-11px;padding-inline:11px!important}
  .thv2-workspace-commandbar--input .thv2-workspace-commandbar__stats{width:100%;margin-left:0}
  .thv2-schema-result__empty{min-height:160px!important;padding:22px!important}
}

/* Part 15.3.5 — compact first-screen workspace and sticky seam repair */
:root{--thv2-tool-sticky-top:60px}

/* Put more of the actual tool above the fold. */
.thv2-main{padding-top:10px!important}
.thv2-tool .thv2-breadcrumbs{margin:0 0 5px!important;line-height:1.2}
.thv2-tool-hero{
  gap:12px!important;
  padding:11px 16px 10px!important;
  border-radius:18px 18px 0 0!important;
}
.thv2-tool-hero__identity{gap:12px!important}
.thv2-tool-hero__icon{width:48px!important;height:48px!important;flex-basis:48px!important;border-radius:14px!important}
.thv2-tool-hero__icon svg{width:23px!important;height:23px!important}
.thv2-tool-hero__eyebrow{margin-bottom:2px!important}
.thv2-tool-hero h1{font-size:clamp(28px,2.25vw,38px)!important;line-height:1!important}
.thv2-tool-hero p{margin-top:4px!important;font-size:12px!important;line-height:1.35!important;-webkit-line-clamp:1!important}
.thv2-tool-hero__chips{gap:5px!important;margin-top:7px!important}
.thv2-tool-hero__chips span{padding:4px 7px!important;font-size:9px!important}
.thv2-tool-hero__actions{gap:6px!important}
.thv2-tool-hero__actions button{min-height:34px!important;padding:0 10px!important;border-radius:10px!important;font-size:12px!important}
.thv2-tool-hero__actions small{top:39px!important}
.thv2-tool-hero__signal{top:10px!important;right:13px!important}

/* Compact the information strip instead of letting it become a second hero. */
.thv2-workspace__body{gap:10px!important;padding:10px!important}
.thv2-workspace-panel,.thv2-schema-result{border-radius:14px!important}
.thv2-workspace-panel{padding:0 12px 12px!important}
.thv2-schema-result{padding:0 12px 12px!important}
.thv2-workspace-panel__head,.thv2-schema-result__head{min-height:46px!important;gap:9px!important}
.thv2-workspace-panel__head strong,.thv2-schema-result--preview .thv2-schema-result__head strong{font-size:12px!important}
.thv2-workspace-panel__head small,.thv2-schema-result__head small{font-size:9px!important;line-height:1.25!important}
.thv2-workspace__fields{padding-top:9px!important}
.thv2-field{margin-bottom:8px!important}
.thv2-tool__label{font-size:10px!important}

/* One compact utility row directly above input. */
.thv2-workspace-commandbar--input{
  min-height:38px!important;
  margin:0 -12px!important;
  padding:5px 12px!important;
}
.thv2-workspace-commandbar button{min-height:28px!important;padding:0 8px!important;border-radius:8px!important;font-size:10px!important}
.thv2-workspace-commandbar__actions,.thv2-workspace-commandbar__stats{gap:4px!important}
.thv2-workspace-commandbar__stats span{padding:5px 6px!important;font-size:9px!important}

/* Reduce tall blank areas while keeping enough room to work. */
.thv2-tool__textarea{min-height:178px!important}
.thv2-tool__textarea--result{min-height:150px!important}
.thv2-schema-result__empty{min-height:112px!important;padding:18px 22px!important;font-size:11px!important}
.thv2-safe-preview{margin-top:9px!important;padding-top:9px!important}
.thv2-safe-preview>strong{font-size:12px!important}
.thv2-safe-preview>small{margin:2px 0 7px!important;font-size:9px!important}
.thv2-safe-preview iframe{min-height:145px!important}
.thv2-inline-upload-row{gap:6px!important}
.thv2-inline-upload-button,.thv2-inline-upload-row .thv2-button{min-height:30px!important;padding:0 9px!important;font-size:10px!important}
.thv2-tool__actions{gap:7px!important;padding-top:0!important}
.thv2-tool__actions .thv2-button{min-height:38px!important;border-radius:10px!important;font-size:12px!important}
.thv2-tool__status{padding:7px 10px!important;font-size:10px!important}

/* Supported input / Tips become a compact technical hint rail. */
.thv2-workspace-hints,.thv2-workspace__hints{gap:8px!important;padding:9px 14px!important}
.thv2-workspace-hints>*,.thv2-workspace__hints>*{min-height:50px!important;padding:9px 12px!important}

/* Sticky sidebars: cover the one-pixel/scroll seam under the site header. */
.thv2-sidebar--left,.thv2-sidebar--right{
  top:var(--thv2-tool-sticky-top)!important;
  max-height:calc(100vh - var(--thv2-tool-sticky-top))!important;
  margin-top:0!important;
  overflow:auto!important;
  isolation:isolate;
}
.thv2-sidebar--left::before,.thv2-sidebar--right::before{
  content:"";
  position:absolute;
  z-index:5;
  top:-12px;
  left:0;
  right:0;
  height:13px;
  pointer-events:none;
}
.thv2-sidebar--left::before{background:#202731}
.thv2-sidebar--right::before{background:#f4f6f8}
.thv2-sidebar--left,.thv2-sidebar--right{box-shadow:none!important}

@media (max-width:1180px){
  .thv2-tool-hero{grid-template-columns:minmax(0,1fr) auto!important}
  .thv2-tool-hero__actions{align-self:center!important;padding-top:0!important}
}
@media (max-width:1023px){
  .thv2-sidebar--right{position:static!important;max-height:none!important;overflow:visible!important}
  .thv2-sidebar--right::before{display:none}
}
@media (max-width:760px){
  .thv2-main{padding-top:6px!important}
  .thv2-tool-hero{grid-template-columns:1fr!important;padding:10px 11px 9px!important}
  .thv2-tool-hero__icon{width:44px!important;height:44px!important;flex-basis:44px!important}
  .thv2-tool-hero h1{font-size:25px!important}
  .thv2-tool-hero p{display:none!important}
  .thv2-tool-hero__chips{margin-top:5px!important}
  .thv2-tool-hero__actions{display:flex!important;width:100%!important}
  .thv2-tool-hero__actions button{flex:1!important}
  .thv2-workspace__body{padding:7px!important;gap:7px!important}
  .thv2-workspace-panel{padding:0 9px 9px!important}
  .thv2-schema-result{padding:0 9px 9px!important}
  .thv2-workspace-commandbar--input{margin-inline:-9px!important;padding-inline:9px!important}
  .thv2-tool__textarea{min-height:150px!important}
  .thv2-tool__textarea--result{min-height:135px!important}
  .thv2-schema-result__empty{min-height:92px!important;padding:14px!important}
  .thv2-safe-preview iframe{min-height:125px!important}
}

/* Part 15.3.6 — workspace comfort, clipboard paste and favorite alignment */
@media (min-width:1024px){
  .thv2-main{
    padding-left:clamp(12px,1.25vw,22px)!important;
    padding-right:clamp(12px,1.25vw,22px)!important;
  }
}

/* Restore comfortable working height after the compact first-screen pass. */
.thv2-tool__textarea{min-height:220px!important}
.thv2-tool__textarea--result{min-height:200px!important}
.thv2-schema-result__empty{min-height:150px!important;padding:22px!important}
.thv2-safe-preview iframe{min-height:180px!important}

/* Active favorite stays aligned with Share; only hover lifts the control. */
.thv2-tool-hero__actions button.is-active{
  transform:none!important;
  border-color:rgba(103,228,207,.55)!important;
  background:linear-gradient(135deg,rgba(103,228,207,.18),rgba(112,104,255,.18))!important;
  color:#effffc!important;
  box-shadow:inset 0 0 0 1px rgba(103,228,207,.08),0 0 22px rgba(77,214,197,.12)!important;
}
.thv2-tool-hero__actions button.is-active:hover{transform:translateY(-2px)!important}

@media (max-width:760px){
  .thv2-tool__textarea{min-height:180px!important}
  .thv2-tool__textarea--result{min-height:165px!important}
  .thv2-schema-result__empty{min-height:120px!important}
  .thv2-safe-preview iframe{min-height:145px!important}
}


/* Part 15.3.7 — one stable code panel for preview tools */
.thv2-schema-result--preview .thv2-schema-result__empty{display:none!important}
.thv2-schema-result--preview [data-thv2-result]{display:block!important;min-height:230px!important}
.thv2-schema-result--preview [data-thv2-result]::placeholder{color:#8f9bb1;opacity:1;text-align:center}
@media (max-width:760px){.thv2-schema-result--preview [data-thv2-result]{min-height:190px!important}}


/* Part 15.3.8 — universal result idle-state cleanup */
.thv2-schema-result__empty{display:none!important}
.thv2-tool__status[data-state="waiting"],
.thv2-tool__status:empty{display:none!important}
.thv2-tool__status:not([data-state="waiting"]):not(:empty){display:block!important}
.thv2-schema-result__head>div>strong{font-size:12px!important;line-height:1.25!important;letter-spacing:.11em!important}
.thv2-schema-result__head small{font-size:11px!important;line-height:1.4!important}
.thv2-workspace-panel__head span{font-size:10px!important}
.thv2-workspace-panel__head strong{font-size:15px!important}
.thv2-workspace-panel__head small{font-size:11px!important}
.thv2-tool__label{font-size:12px!important;line-height:1.35!important}
.thv2-workspace-commandbar__actions .thv2-button{font-size:11px!important;font-weight:800!important}
.thv2-workspace-commandbar__stats span{font-size:10px!important}
.thv2-tool__textarea--result::placeholder{color:#91a0b8!important;opacity:1!important;font-family:system-ui,sans-serif!important;font-size:13px!important}

/* Part 15.3.11 — compact input header and stable dark result focus */
.thv2-workspace-commandbar--stats-only{justify-content:flex-end!important;min-height:34px!important;padding:5px 0!important}
.thv2-workspace-commandbar--stats-only .thv2-workspace-commandbar__stats{margin-left:auto}
.thv2-tool__textarea--result:focus,.thv2-tool__textarea--result:focus-visible{background:#0e1729!important;color:#dce7ff!important;border-color:#344766!important;box-shadow:0 0 0 3px rgba(91,110,255,.12)!important;outline:0!important}
.thv2-tool__status[hidden]{display:none!important}

/* Part 15.3.12 — vertical full-width workspace with control/action rails */
@media (min-width:1024px){
  .thv2-main{padding-left:8px!important;padding-right:8px!important}
}

.thv2-workspace__body{
  display:block!important;
  padding:10px!important;
}
.thv2-workspace-input-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 84px;
  gap:10px;
  align-items:stretch;
}
.thv2-workspace-panel--input,
.thv2-schema-result{
  width:100%;
  min-width:0;
}
.thv2-workspace-panel--input{margin:0!important}
.thv2-input-stats{
  display:grid;
  grid-template-rows:repeat(3,1fr);
  gap:7px;
  min-width:0;
}
.thv2-input-stats span{
  display:grid;
  place-items:center;
  align-content:center;
  gap:3px;
  min-height:58px;
  padding:7px 4px;
  border:1px solid #dce3ef;
  border-radius:13px;
  background:linear-gradient(180deg,#fff,#f5f7fc);
  color:#172136;
  box-shadow:0 8px 20px rgba(31,47,79,.05);
}
.thv2-input-stats b{font:800 15px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#5e6ff2}
.thv2-input-stats small{font:800 8px/1 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#8a95aa}

.thv2-schema-result{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 220px;
  column-gap:12px;
  align-items:start;
  margin-top:10px!important;
}
.thv2-schema-result__head{grid-column:1/-1}
.thv2-schema-result>[data-thv2-result],
.thv2-schema-result>.thv2-stat-grid,
.thv2-schema-result>.thv2-result-list,
.thv2-schema-result>.thv2-inline-result,
.thv2-schema-result>.thv2-validation-result,
.thv2-schema-result>.thv2-jwt-result,
.thv2-schema-result>.thv2-safe-preview,
.thv2-schema-result>.thv2-result-summary,
.thv2-schema-result>.thv2-result-meta{
  grid-column:1;
}
.thv2-schema-result>.thv2-result-actionbar{
  grid-column:2;
  grid-row:2 / span 8;
  position:sticky;
  top:84px;
  display:grid!important;
  align-content:start;
  gap:12px;
  margin:0!important;
  padding:13px!important;
  border:1px solid #dce3ef!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fbfcff,#f2f5fb)!important;
  box-shadow:0 10px 26px rgba(31,47,79,.07)!important;
}
.thv2-schema-result>.thv2-result-actionbar[hidden]{display:none!important}
.thv2-result-actionbar__state{padding:0 0 10px!important;border-bottom:1px solid #dfe5ef}
.thv2-result-actionbar__buttons{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
.thv2-result-actionbar__action{display:grid!important;gap:3px!important}
.thv2-result-actionbar__action .thv2-button{width:100%!important;justify-content:center!important;min-height:38px!important;padding:0 10px!important}
.thv2-result-actionbar__action small{min-height:15px;font-size:9px!important;text-align:center}

/* Right sidebar becomes the processing cockpit. */
.thv2-info-block--workspace-controls{padding-top:18px!important}
.thv2-info-block--workspace-controls h2{margin:0 0 7px!important;font-size:16px!important}
.thv2-info-block--workspace-controls>p{margin:0 0 14px;color:#667188;font-size:11px;line-height:1.5}
.thv2-control-panel__fields{display:grid;gap:12px}
.thv2-control-field{display:grid;gap:6px}
.thv2-control-field>label{color:#59657a;font-size:10px;font-weight:800;letter-spacing:.04em}
.thv2-control-field select,
.thv2-control-field input[type=text],
.thv2-control-field input[type=number],
.thv2-control-field textarea{
  width:100%;min-height:38px;padding:8px 10px;border:1px solid #d7deea;border-radius:10px;background:#fff;color:#182238;font-size:12px;box-shadow:none;
}
.thv2-control-field textarea{min-height:90px;resize:vertical}
.thv2-control-field select:focus,
.thv2-control-field input:focus,
.thv2-control-field textarea:focus{outline:0;border-color:#6d7df3;box-shadow:0 0 0 3px rgba(109,125,243,.11)}
.thv2-control-field>small{color:#8993a7;font-size:9px;line-height:1.4}
.thv2-control-radio{display:grid;gap:6px}
.thv2-control-radio label,.thv2-control-check{display:flex;align-items:center;gap:8px;min-height:36px;padding:7px 9px;border:1px solid #dfe4ed;border-radius:10px;background:#fff;color:#344056;font-size:11px}
.thv2-control-panel__empty{padding:11px;border:1px dashed #d6deeb;border-radius:10px;background:#f7f9fc;color:#78849a;font-size:10px;line-height:1.45}
.thv2-control-panel__actions{display:grid;gap:8px;margin-top:15px;padding-top:14px;border-top:1px solid #dfe4ed}
.thv2-control-panel__actions .thv2-button{width:100%;min-height:40px!important;justify-content:center;border-radius:10px!important}
.thv2-info-block--workspace-controls .thv2-tool__status{margin-top:9px!important;padding:8px 9px!important;font-size:10px!important}

/* The main source and result now read as two full-width stages. */
.thv2-workspace-panel--input .thv2-tool__textarea{min-height:245px!important}
.thv2-schema-result .thv2-tool__textarea--result{min-height:245px!important}
.thv2-schema-result--preview [data-thv2-result]{min-height:210px!important}
.thv2-schema-result .thv2-safe-preview iframe{min-height:210px!important}

@media (max-width:1399px){
  .thv2-workspace-input-row{grid-template-columns:minmax(0,1fr) 76px}
  .thv2-schema-result{grid-template-columns:minmax(0,1fr) 200px}
}
@media (max-width:1023px){
  .thv2-workspace-input-row{grid-template-columns:minmax(0,1fr) 74px}
  .thv2-schema-result{grid-template-columns:minmax(0,1fr) 190px}
  .thv2-sidebar--right .thv2-info-block--workspace-controls{grid-column:1/-1}
}
@media (max-width:760px){
  .thv2-workspace-input-row{grid-template-columns:1fr}
  .thv2-input-stats{grid-template-columns:repeat(3,1fr);grid-template-rows:auto}
  .thv2-input-stats span{min-height:44px}
  .thv2-schema-result{display:block!important}
  .thv2-schema-result>.thv2-result-actionbar{position:static!important;margin-top:10px!important}
  .thv2-result-actionbar__buttons{grid-template-columns:repeat(3,1fr)!important}
  .thv2-result-actionbar__action .thv2-button{font-size:10px!important;padding-inline:6px!important}
  .thv2-workspace-panel--input .thv2-tool__textarea,
  .thv2-schema-result .thv2-tool__textarea--result{min-height:190px!important}
}
@media (max-width:520px){
  .thv2-result-actionbar__buttons{grid-template-columns:1fr!important}
}

/* Part 15.3.13 — compact input heading, centered stats and control visibility */
.thv2-workspace-input-row{display:block!important}
.thv2-workspace-panel__head--primary{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  min-height:52px!important;
  padding:10px 14px!important;
  border-bottom:1px solid #e1e6ef!important;
}
.thv2-workspace-panel__head--primary>div:first-child{min-width:0}
.thv2-workspace-panel__head--primary strong{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-top:2px!important;
  font-size:15px!important;
  line-height:1.2!important;
}
.thv2-workspace-panel__head--primary strong svg{width:17px!important;height:17px!important;color:#4d8b82!important}
.thv2-workspace-panel__head--primary .thv2-workspace-commandbar__stats{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:6px!important;
  margin:0!important;
}
.thv2-workspace-panel__head--primary .thv2-workspace-commandbar__stats span{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  min-height:25px!important;
  padding:0 9px!important;
  border:1px solid #e2e7f0!important;
  border-radius:999px!important;
  background:#f5f7fb!important;
  color:#7a869b!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  white-space:nowrap!important;
}
.thv2-workspace-panel__head--primary .thv2-workspace-commandbar__stats b{
  color:#5869ef!important;
  font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;
}
.thv2-input-stats{display:none!important}

/* Remove the old duplicate source label row and tighten the input stage. */
.thv2-workspace-panel--input .thv2-workspace__fields{padding-top:0!important}
.thv2-workspace-panel--input .thv2-field{padding-top:10px!important}
.thv2-workspace-panel--input .thv2-tool__label{display:none!important}
.thv2-workspace-panel--input .thv2-tool__textarea{min-height:230px!important}

/* Upload action and its guidance now share one compact line. */
.thv2-inline-upload-row{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px 12px!important;
  min-height:34px!important;
  margin-top:8px!important;
}
.thv2-inline-upload-help{
  flex:1 1 420px!important;
  min-width:220px!important;
  margin:0!important;
  color:#6f7b91!important;
  font-size:10px!important;
  line-height:1.35!important;
  white-space:normal!important;
}
.thv2-inline-upload-help span{color:#59657a!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important}
.thv2-inline-upload-button{flex:0 0 auto!important}
.thv2-workspace-panel--input .thv2-field__help{display:none!important}
.thv2-workspace-panel--input{padding-bottom:10px!important}

/* Processing cockpit: significantly denser without sacrificing readability. */
.thv2-info-block--workspace-controls{padding-top:14px!important}
.thv2-info-block--workspace-controls h2{margin-bottom:4px!important}
.thv2-info-block--workspace-controls>p{margin-bottom:10px!important;line-height:1.4!important}
.thv2-control-panel__fields{gap:8px!important}
.thv2-control-field{gap:4px!important}
.thv2-control-field>label{font-size:9px!important}
.thv2-control-field select,
.thv2-control-field input[type=text],
.thv2-control-field input[type=number],
.thv2-control-field textarea{min-height:36px!important;padding:7px 9px!important}
.thv2-control-field>small{margin-top:0!important;font-size:8px!important;line-height:1.3!important}
.thv2-control-radio{gap:4px!important}
.thv2-control-radio label,.thv2-control-check{min-height:32px!important;padding:6px 8px!important;font-size:10px!important}
.thv2-control-panel__actions{gap:7px!important;margin-top:10px!important;padding-top:10px!important}

/* Primary process/download buttons must remain legible in every state. */
.thv2-control-panel__actions .thv2-button--primary,
.thv2-result-actionbar__action .thv2-button--primary{
  border-color:#5968ee!important;
  background:linear-gradient(135deg,#6270ff,#4d5de8)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(80,94,232,.22)!important;
  opacity:1!important;
  text-shadow:none!important;
}
.thv2-control-panel__actions .thv2-button--primary:hover,
.thv2-result-actionbar__action .thv2-button--primary:hover{
  border-color:#6f7cff!important;
  background:linear-gradient(135deg,#7380ff,#5b69ef)!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
}
.thv2-control-panel__actions .thv2-button--primary:disabled,
.thv2-result-actionbar__action .thv2-button--primary:disabled{
  border-color:#ccd3e2!important;
  background:#e5e9f1!important;
  color:#8b95a8!important;
  box-shadow:none!important;
  opacity:1!important;
}

@media (max-width:760px){
  .thv2-workspace-panel__head--primary{grid-template-columns:1fr!important;gap:8px!important;padding:9px 10px!important}
  .thv2-workspace-panel__head--primary .thv2-workspace-commandbar__stats{justify-content:flex-start!important;overflow-x:auto!important}
  .thv2-inline-upload-row{align-items:flex-start!important}
  .thv2-inline-upload-help{flex-basis:100%!important;min-width:0!important}
}

/* Part 15.3.14 — compact control spacing and premium checkbox/button styling */
.thv2-info-block--workspace-controls{
  padding-top:10px!important;
  padding-bottom:10px!important;
}
.thv2-info-block--workspace-controls h2{
  margin:0 0 3px!important;
}
.thv2-info-block--workspace-controls>p{
  margin:0 0 8px!important;
  font-size:10px!important;
  line-height:1.35!important;
}
.thv2-control-panel__fields{
  gap:6px!important;
}
.thv2-control-field{
  gap:3px!important;
  margin:0!important;
}
.thv2-control-field>label{
  margin:0!important;
  line-height:1.15!important;
}
.thv2-control-field>small{
  margin:0!important;
  line-height:1.2!important;
}
.thv2-control-field select,
.thv2-control-field input[type=text],
.thv2-control-field input[type=number],
.thv2-control-field textarea{
  min-height:34px!important;
  padding:6px 9px!important;
  border-radius:9px!important;
}
.thv2-control-radio{
  gap:5px!important;
}
.thv2-control-radio label,
.thv2-control-check{
  position:relative;
  min-height:36px!important;
  margin:0!important;
  padding:7px 10px!important;
  border:1px solid #d9e1ee!important;
  border-radius:11px!important;
  background:linear-gradient(180deg,#fff,#f8faff)!important;
  color:#26334a!important;
  box-shadow:0 3px 10px rgba(31,47,79,.04)!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease!important;
}
.thv2-control-radio label:hover,
.thv2-control-check:hover{
  border-color:#9eabff!important;
  background:linear-gradient(180deg,#fff,#f2f4ff)!important;
  box-shadow:0 8px 18px rgba(82,96,220,.10)!important;
  transform:translateY(-1px)!important;
}
.thv2-control-radio input[type=radio],
.thv2-control-check input[type=checkbox]{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  margin:0!important;
  border:1.5px solid #b9c3d7!important;
  background:#fff!important;
  box-shadow:inset 0 0 0 2px #fff!important;
  cursor:pointer!important;
  transition:.18s ease!important;
}
.thv2-control-radio input[type=radio]{border-radius:50%!important}
.thv2-control-check input[type=checkbox]{border-radius:5px!important}
.thv2-control-radio input[type=radio]:checked,
.thv2-control-check input[type=checkbox]:checked{
  border-color:#6574f5!important;
  background:linear-gradient(135deg,#6f7cff,#5160e8)!important;
  box-shadow:inset 0 0 0 3px #fff,0 0 0 3px rgba(101,116,245,.12)!important;
}
.thv2-control-check input[type=checkbox]:checked::after{
  content:"";
  display:block;
  width:7px;
  height:4px;
  margin:4px 0 0 3px;
  border-left:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:rotate(-45deg);
}
.thv2-control-panel__actions{
  gap:6px!important;
  margin-top:8px!important;
  padding-top:8px!important;
}
.thv2-control-panel__actions .thv2-button{
  min-height:38px!important;
  border-radius:11px!important;
  font-weight:750!important;
}
.thv2-control-panel__actions .thv2-button:not(.thv2-button--primary){
  border-color:#cfd7e6!important;
  background:linear-gradient(180deg,#fff,#f7f9fd)!important;
  color:#1f2b40!important;
  box-shadow:0 4px 12px rgba(31,47,79,.05)!important;
}
.thv2-control-panel__actions .thv2-button:not(.thv2-button--primary):hover{
  border-color:#9eabff!important;
  color:#4f5fe8!important;
  transform:translateY(-1px)!important;
}

/* Remove the remaining excess empty space in the input stage. */
.thv2-workspace-panel--input{
  padding-bottom:4px!important;
}
.thv2-workspace-panel--input .thv2-field{
  margin-bottom:0!important;
  padding-bottom:0!important;
}
.thv2-inline-upload-row{
  min-height:30px!important;
  margin-top:6px!important;
  margin-bottom:0!important;
  gap:6px 10px!important;
}
.thv2-inline-upload-help{
  font-size:9px!important;
  line-height:1.25!important;
}
.thv2-inline-upload-button{
  min-height:28px!important;
  padding:0 8px!important;
  border-radius:8px!important;
  font-size:9px!important;
}


/* Part 15.3.15 — aligned premium checks + code-editor Grammarly guard */
.thv2-control-field--checkbox{
  display:block!important;
}
.thv2-control-check{
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:9px!important;
  min-height:38px!important;
  padding:8px 10px!important;
  cursor:pointer!important;
  overflow:hidden!important;
}
.thv2-control-check input[type=checkbox]{
  position:absolute!important;
  inline-size:1px!important;
  block-size:1px!important;
  margin:-1px!important;
  padding:0!important;
  border:0!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
.thv2-control-check__box{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  inline-size:18px!important;
  block-size:18px!important;
  border:1px solid #b8c2d6!important;
  border-radius:6px!important;
  background:#fff!important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.9)!important;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.thv2-control-check__box::after{
  content:""!important;
  inline-size:7px!important;
  block-size:4px!important;
  margin-top:-1px!important;
  border-left:2px solid #fff!important;
  border-bottom:2px solid #fff!important;
  opacity:0!important;
  transform:rotate(-45deg) scale(.65)!important;
  transition:opacity .16s ease,transform .16s ease!important;
}
.thv2-control-check input[type=checkbox]:checked + .thv2-control-check__box{
  border-color:#6372f4!important;
  background:linear-gradient(135deg,#7480ff,#5060e8)!important;
  box-shadow:0 0 0 3px rgba(99,114,244,.12),0 5px 12px rgba(79,94,226,.2)!important;
}
.thv2-control-check input[type=checkbox]:checked + .thv2-control-check__box::after{
  opacity:1!important;
  transform:rotate(-45deg) scale(1)!important;
}
.thv2-control-check input[type=checkbox]:focus-visible + .thv2-control-check__box{
  outline:2px solid #6a78f5!important;
  outline-offset:2px!important;
}
.thv2-control-check__label{
  min-width:0!important;
  color:#26334a!important;
  font-size:10px!important;
  font-weight:750!important;
  line-height:1.25!important;
}
.thv2-control-check:hover .thv2-control-check__box{
  border-color:#8390f7!important;
  transform:scale(1.04)!important;
}
/* Neutralize the old native-checkbox pseudo drawing. */
.thv2-control-check input[type=checkbox]::before,
.thv2-control-check input[type=checkbox]::after{content:none!important;display:none!important}

/* Grammarly should not attach to code/data workspaces. */
.thv2-tool__textarea grammarly-extension,
.thv2-tool__textarea + grammarly-extension,
.thv2-workspace-panel grammarly-extension{display:none!important}

/* Part 15.3.17.3 — layout containment and sidebar scrolling repair */
.thv2-layout{
  grid-template-columns:minmax(190px,230px) minmax(0,1fr) minmax(250px,286px)!important;
  overflow:visible!important;
}
.thv2-main{
  min-width:0!important;
  width:100%!important;
  padding-left:clamp(14px,1.35vw,24px)!important;
  padding-right:clamp(14px,1.35vw,24px)!important;
  overflow:visible!important;
}
.thv2-tool,.thv2-tool-blocks,.thv2-content-block,.thv2-workspace{
  min-width:0!important;
  max-width:100%!important;
}
.thv2-sidebar--left,.thv2-sidebar--right{
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
  overscroll-behavior:auto!important;
  scrollbar-width:none!important;
}
.thv2-sidebar--left::-webkit-scrollbar,.thv2-sidebar--right::-webkit-scrollbar{display:none!important}
.thv2-workspace-examples,.thv2-workspace-examples__grid,.thv2-workspace-example,.thv2-workspace-example__flow{min-width:0!important;max-width:100%!important}
.thv2-workspace-example__flow pre{overflow:auto!important;max-width:100%!important}
.thv2-shortcuts{display:none!important}

/* Keep content panels inside the center column instead of bleeding under side rails. */
.thv2-tool-faq{
  width:100%!important;
  max-width:100%!important;
  margin-inline:0!important;
  padding:clamp(30px,3vw,48px)!important;
  border-radius:24px!important;
  overflow:hidden!important;
}
.thv2-tool-faq .thv2-content-heading,.thv2-tool-faq__list{max-width:100%!important}

/* Rebuilt About block: contained, readable and resistant to long content. */
.thv2-about-tool{
  position:relative!important;
  overflow:hidden!important;
  padding:clamp(26px,3vw,42px)!important;
  border:1px solid #dde4ef!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,#fff,#f7f9fd)!important;
  box-shadow:0 14px 34px rgba(24,39,75,.055)!important;
}
.thv2-about-tool::after{
  content:"";
  position:absolute;
  right:-80px;
  bottom:-100px;
  width:240px;
  height:240px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(98,111,244,.12),transparent 70%);
  pointer-events:none;
}
.thv2-about-tool .thv2-content-heading{position:relative;z-index:1;margin-bottom:18px!important}
.thv2-about-tool .thv2-content-heading h2{max-width:900px!important}
.thv2-about-tool__body{
  position:relative;
  z-index:1;
  width:100%!important;
  max-width:980px!important;
  overflow-wrap:anywhere!important;
  color:#55627a!important;
  font-size:15px!important;
  line-height:1.78!important;
}
.thv2-about-tool__body p,.thv2-about-tool__body li{max-width:100%!important}

@media (max-width:1399px){
  .thv2-layout{grid-template-columns:minmax(0,1fr) minmax(250px,286px)!important}
}
@media (max-width:1023px){
  .thv2-layout{display:block!important}
  .thv2-main{padding-inline:clamp(12px,3vw,24px)!important}
  .thv2-sidebar--right{overflow:visible!important}
  .thv2-tool-faq{border-radius:18px!important}
}
@media (max-width:760px){
  .thv2-main{padding-inline:12px!important}
  .thv2-about-tool,.thv2-tool-faq{padding:24px 18px!important}
}

/* Part 15.3.18 — tool intelligence: Words to Lines reference experience */
.thv2-tool-intelligence{
  margin:16px;
  border:1px solid #dce3f2;
  border-radius:18px;
  background:linear-gradient(145deg,#fbfcff 0%,#f5f7ff 100%);
  box-shadow:0 12px 30px rgba(38,52,92,.06);
  overflow:hidden;
}
.thv2-tool-intelligence__head{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:18px 20px 15px;border-bottom:1px solid #e2e7f3;
}
.thv2-tool-intelligence__head>div{display:grid;gap:4px;min-width:0}
.thv2-tool-intelligence__eyebrow{font-size:9px;letter-spacing:.18em;font-weight:850;color:#6070f4}
.thv2-tool-intelligence__head strong{font-size:15px;color:#17263e;line-height:1.35}
.thv2-tool-intelligence__live{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:800;color:#397255;text-transform:uppercase;letter-spacing:.08em}
.thv2-tool-intelligence__live i{width:8px;height:8px;border-radius:50%;background:#45b979;box-shadow:0 0 0 4px rgba(69,185,121,.13)}
.thv2-tool-intelligence__metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#e1e6f2}
.thv2-tool-intelligence__metrics article{display:grid;gap:4px;padding:16px 18px;background:#fff;min-width:0}
.thv2-tool-intelligence__metrics span{font-size:10px;font-weight:750;color:#75819a;text-transform:uppercase;letter-spacing:.06em}
.thv2-tool-intelligence__metrics strong{font-size:23px;line-height:1;color:#17263e;overflow-wrap:anywhere}
.thv2-tool-intelligence__metrics small{font-size:10px;color:#8a95aa;line-height:1.35}
.thv2-tool-intelligence__insight{margin:16px 18px;padding:13px 15px;border:1px solid #dfe5f3;border-left:3px solid #6574f5;border-radius:10px;background:#fff;color:#52617a;font-size:12px;line-height:1.55}
.thv2-tool-intelligence__result{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 18px 16px;padding:14px 15px;border:1px solid #cfe9da;border-radius:12px;background:#f3fbf6}
.thv2-tool-intelligence__result>div{display:grid;gap:3px}.thv2-tool-intelligence__result span{font-size:9px;font-weight:850;letter-spacing:.1em;color:#39815a;text-transform:uppercase}.thv2-tool-intelligence__result strong{font-size:12px;color:#284b38;line-height:1.45}
.thv2-tool-intelligence__result .thv2-button{white-space:nowrap;padding:9px 12px!important;font-size:10px!important}
.thv2-tool-intelligence__history{padding:14px 18px 17px;border-top:1px solid #e1e6f1;background:rgba(255,255,255,.6)}
.thv2-tool-intelligence__history>span{display:block;margin-bottom:8px;font-size:9px;font-weight:850;letter-spacing:.1em;color:#7b879d;text-transform:uppercase}
.thv2-tool-intelligence__history>div{display:flex;flex-wrap:wrap;gap:8px}
.thv2-tool-intelligence__history>div>div{display:inline-flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid #dde3ef;border-radius:8px;background:#fff;font-size:10px;color:#3d4d67}
.thv2-tool-intelligence__history small{color:#929caf}
@media(max-width:900px){.thv2-tool-intelligence__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.thv2-tool-intelligence{margin:12px}.thv2-tool-intelligence__head,.thv2-tool-intelligence__result{align-items:flex-start;flex-direction:column}.thv2-tool-intelligence__metrics{grid-template-columns:1fr 1fr}.thv2-tool-intelligence__metrics article{padding:14px}.thv2-tool-intelligence__result .thv2-button{width:100%}}

/* Part 15.3.18.1 — full-width intelligence summary below result */
.thv2-workspace > .thv2-tool-intelligence{
    width:calc(100% - 24px);
    max-width:none;
    margin:12px;
    box-sizing:border-box;
    overflow:hidden;
    border:1px solid #dbe2f0;
    border-radius:16px;
    background:#f8faff;
    box-shadow:0 12px 34px rgba(32,50,85,.07);
}
.thv2-workspace > .thv2-tool-intelligence .thv2-tool-intelligence__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:16px 18px;
    border-bottom:1px solid #e1e6f2;
    background:#fff;
}
.thv2-workspace > .thv2-tool-intelligence .thv2-tool-intelligence__metrics{
    grid-template-columns:repeat(4,minmax(0,1fr));
}
.thv2-workspace > .thv2-tool-intelligence .thv2-tool-intelligence__metrics article{
    min-height:92px;
    align-content:center;
}
.thv2-tool-intelligence__lower{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:stretch;
    gap:12px;
    padding:14px 18px 16px;
}
.thv2-workspace > .thv2-tool-intelligence .thv2-tool-intelligence__insight{
    margin:0;
    min-width:0;
    display:flex;
    align-items:center;
}
.thv2-workspace > .thv2-tool-intelligence .thv2-tool-intelligence__result{
    margin:0;
    min-width:330px;
    max-width:520px;
}
.thv2-workspace > .thv2-tool-intelligence .thv2-tool-intelligence__history{
    padding:12px 18px 15px;
}
@media(max-width:1100px){
    .thv2-tool-intelligence__lower{grid-template-columns:1fr}
    .thv2-workspace > .thv2-tool-intelligence .thv2-tool-intelligence__result{min-width:0;max-width:none}
}
@media(max-width:760px){
    .thv2-workspace > .thv2-tool-intelligence{width:calc(100% - 20px);margin:10px}
    .thv2-workspace > .thv2-tool-intelligence .thv2-tool-intelligence__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
    .thv2-tool-intelligence__lower{padding:12px}
}
@media(max-width:480px){
    .thv2-workspace > .thv2-tool-intelligence .thv2-tool-intelligence__metrics{grid-template-columns:1fr}
}

/* On phones the processing controls belong directly below the workspace. */
@media (max-width:760px){
  .thv2-info-block--workspace-controls.is-mobile-workspace-controls{
    width:100%!important;box-sizing:border-box!important;margin:10px 0 0!important;padding:18px!important;border:1px solid #dce3ef!important;border-radius:18px!important;background:#f7f9fd!important;box-shadow:0 10px 28px rgba(31,47,79,.06)!important;
  }
  .thv2-info-block--workspace-controls.is-mobile-workspace-controls .thv2-control-panel__actions{grid-template-columns:1fr!important}
}


/* Mobile-only tool order: workspace, run controls, quick guide, then examples/content. */
@media (max-width:760px){
  .thv2-tool-hero__actions{grid-template-columns:1fr 1fr!important}
  .thv2-tool-hero__actions button{min-height:42px!important;gap:8px!important;padding:0 12px!important}
  .thv2-tool-hero__actions button b{display:inline!important;font-size:12px!important;white-space:nowrap}
  .thv2-info-block--guide.is-mobile-quick-guide{
    width:100%!important;box-sizing:border-box!important;margin:0!important;padding:18px!important;border:1px solid #dce3ef!important;border-radius:18px!important;background:#f7f9fd!important;box-shadow:0 10px 28px rgba(31,47,79,.06)!important;
  }
  .thv2-info-block--guide.is-mobile-quick-guide .thv2-info-steps{margin-top:14px!important}
  .thv2-info-block--guide.is-mobile-quick-guide .thv2-info-facts{margin-top:16px!important}
}

/* Desktop side rails scroll independently under the pointer. Mobile/tablet layout is unchanged. */
@media (min-width:1024px){
  .thv2-sidebar--left,.thv2-sidebar--right{
    position:sticky!important;
    top:var(--thv2-tool-sticky-top,60px)!important;
    height:calc(100vh - var(--thv2-tool-sticky-top,60px))!important;
    max-height:calc(100vh - var(--thv2-tool-sticky-top,60px))!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain!important;
    scrollbar-width:thin!important;
    scrollbar-gutter:stable;
    -webkit-overflow-scrolling:touch;
  }
  .thv2-sidebar--left::-webkit-scrollbar,.thv2-sidebar--right::-webkit-scrollbar{display:block!important;width:7px}
  .thv2-sidebar--left::-webkit-scrollbar-thumb,.thv2-sidebar--right::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(111,124,151,.42)}
  .thv2-sidebar--left::-webkit-scrollbar-track,.thv2-sidebar--right::-webkit-scrollbar-track{background:transparent}
}

/* Human-readable Password Strength Checker result. */
.thv2-password-strength{display:grid;gap:16px;padding:18px;border-left:4px solid #6174ff;background:#f7f9ff;color:#182238}
.thv2-password-strength__top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.thv2-password-strength__score{display:flex;align-items:baseline;gap:5px;font-weight:850}
.thv2-password-strength__score strong{font-size:34px;line-height:1;color:#172136}
.thv2-password-strength__score span{color:#75819a;font-size:14px}
.thv2-password-strength__label{padding:7px 11px;border-radius:999px;background:#e9edff;color:#4657df;font-size:12px;font-weight:800}
.thv2-password-strength__meter{height:10px;overflow:hidden;border-radius:999px;background:#e3e8f2}
.thv2-password-strength__meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e35757,#e6a83f 45%,#41a66f 75%,#3f75e6);transition:width .25s ease}
.thv2-password-strength h3{margin:0 0 8px!important;font-size:13px!important;color:#26324b!important}
.thv2-password-strength__checks,.thv2-password-strength__suggestions{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.thv2-password-strength__checks li,.thv2-password-strength__suggestions li{position:relative;padding-left:24px;color:#46536b;font-size:12px;line-height:1.45}
.thv2-password-strength__checks li::before,.thv2-password-strength__suggestions li::before{position:absolute;left:0;top:0;font-weight:900}
.thv2-password-strength__checks li.is-pass::before{content:'✓';color:#289b63}
.thv2-password-strength__checks li.is-fail::before{content:'×';color:#d05c5c}
.thv2-password-strength__suggestions li::before{content:'→';color:#596cf0}
@media (max-width:760px){.thv2-password-strength{padding:14px}.thv2-password-strength__top{align-items:flex-start;flex-direction:column;gap:9px}}

/* Password Strength Checker visual result */
.thv2-password-strength{--strength-color:#6174ff;display:grid;gap:18px;padding:22px;border:1px solid color-mix(in srgb,var(--strength-color) 26%,#dfe5ef);border-left:5px solid var(--strength-color);border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--strength-color) 7%,#fff),#fff 58%);color:#182238}
.thv2-password-strength.is-weak{--strength-color:#dc4c4c}.thv2-password-strength.is-fair{--strength-color:#df8a2f}.thv2-password-strength.is-good{--strength-color:#d2a022}.thv2-password-strength.is-strong{--strength-color:#2f9b68}.thv2-password-strength.is-excellent{--strength-color:#227bda}
.thv2-password-strength__top{display:flex;align-items:center;justify-content:flex-start;gap:22px}
.thv2-password-strength__gauge{width:112px;height:112px;flex:0 0 112px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--strength-color) var(--score-angle),#e7ebf2 0);position:relative}
.thv2-password-strength__gauge::before{content:'';position:absolute;inset:10px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #edf0f5}
.thv2-password-strength__score{position:relative;z-index:1;display:flex;align-items:baseline;gap:3px;font-weight:900}
.thv2-password-strength__score strong{font-size:38px;line-height:1;color:#172136}.thv2-password-strength__score span{font-size:14px;color:#7c879b}
.thv2-password-strength__headline{display:grid;gap:5px}.thv2-password-strength__headline>span{font-size:10px;letter-spacing:.16em;font-weight:800;color:#78839a}.thv2-password-strength__headline>strong{font-size:24px;line-height:1.15;color:var(--strength-color)}.thv2-password-strength__headline p{margin:2px 0 0;max-width:650px;color:#56627a;font-size:13px;line-height:1.55}
.thv2-password-strength__meter{height:12px;overflow:hidden;border-radius:999px;background:#e7ebf2}.thv2-password-strength__meter span{display:block;height:100%;border-radius:inherit;background:var(--strength-color);transition:width .25s ease}
.thv2-password-strength__details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.thv2-password-strength__details>div{padding:15px 16px;border:1px solid #e2e7f0;border-radius:12px;background:#fff}.thv2-password-strength__details h3{margin:0 0 11px!important;font-size:13px!important;color:#202c43!important}
.thv2-password-strength__checks,.thv2-password-strength__suggestions{display:grid;gap:8px;margin:0;padding:0;list-style:none}.thv2-password-strength__checks li,.thv2-password-strength__suggestions li{position:relative;padding-left:25px;color:#46536b;font-size:12px;line-height:1.45}.thv2-password-strength__checks li::before,.thv2-password-strength__suggestions li::before{position:absolute;left:0;top:0;font-weight:900}.thv2-password-strength__checks li.is-pass::before{content:'✓';color:#289b63}.thv2-password-strength__checks li.is-fail::before{content:'×';color:#d05c5c}.thv2-password-strength__suggestions li::before{content:'→';color:var(--strength-color)}
@media (max-width:760px){.thv2-password-strength{padding:16px}.thv2-password-strength__top{align-items:flex-start}.thv2-password-strength__gauge{width:88px;height:88px;flex-basis:88px}.thv2-password-strength__score strong{font-size:30px}.thv2-password-strength__headline>strong{font-size:20px}.thv2-password-strength__details{grid-template-columns:1fr}}

/* Security tools 031-033: visual UUID result cards */
.thv2-uuid-result{display:grid;gap:18px;padding:22px;border-radius:18px;background:var(--thv2-surface,#fff)}
.thv2-uuid-result__hero{display:flex;align-items:center;gap:14px}
.thv2-uuid-result__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;font-size:24px;font-weight:800;background:#e8f7ef;color:#16804a;flex:0 0 auto}
.thv2-uuid-result.is-invalid .thv2-uuid-result__icon{background:#fff0f0;color:#c83e3e}
.thv2-uuid-result__hero strong{display:block;font-size:1.15rem}.thv2-uuid-result__hero p{margin:4px 0 0;color:var(--thv2-muted,#64748b)}
.thv2-uuid-result__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.thv2-uuid-result__grid>div,.thv2-uuid-result__fields>div{padding:12px 14px;border:1px solid var(--thv2-border,#dfe5ec);border-radius:12px;background:var(--thv2-card,#f8fafc)}
.thv2-uuid-result__grid span,.thv2-uuid-result__fields span{display:block;margin-bottom:5px;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--thv2-muted,#64748b)}
.thv2-uuid-result code{overflow-wrap:anywhere;white-space:normal}.thv2-uuid-result__fields{display:grid;gap:8px}.thv2-uuid-result__fields h3{margin:0 0 2px}
@media(max-width:760px){.thv2-uuid-result__grid{grid-template-columns:1fr}.thv2-uuid-result{padding:16px}}