.tool-preview-shell{position:relative;min-height:100vh;overflow:hidden;background:#020817}.tool-preview-background{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 12% 8%,rgba(46,220,233,.13),transparent 30rem),radial-gradient(circle at 88% 18%,rgba(36,141,255,.16),transparent 34rem),linear-gradient(rgba(80,169,222,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(80,169,222,.035) 1px,transparent 1px);background-size:auto,auto,48px 48px,48px 48px;-webkit-mask-image:linear-gradient(to bottom,#000 0,rgba(0,0,0,.8) 56%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0,rgba(0,0,0,.8) 56%,transparent 100%)}.tool-preview-hero,.tool-preview-workspace,.tool-preview-footer{position:relative;z-index:2;width:min(1480px,calc(100% - 64px));margin-inline:auto}.tool-preview-hero{min-height:360px;padding:138px 12px 48px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,540px);align-items:end;gap:64px}.tool-preview-title{max-width:780px}.tool-preview-badge{width:fit-content;margin-bottom:20px;padding:8px 12px;border:1px solid rgba(46,220,233,.35);border-radius:999px;display:inline-flex;align-items:center;gap:8px;color:#bffaff;background:#2edce914;font-size:12px;font-weight:700;letter-spacing:.06em}.tool-preview-badge svg{width:16px;height:16px}.tool-preview-eyebrow,.tool-kicker{margin:0 0 9px;color:#3edbe6;font-size:11px;font-weight:700;letter-spacing:.22em}.tool-preview-title h1{margin:0;color:#f2f8ff;font-size:clamp(38px,5vw,68px);line-height:1.12;letter-spacing:-.035em;text-wrap:balance}.tool-preview-description{max-width:720px;margin:22px 0 0;color:#aebfd2;font-size:17px;line-height:1.8}.tool-preview-notice{padding:24px 26px;border:1px solid rgba(46,220,233,.3);border-radius:16px;display:grid;gap:9px;color:#dffbff;background:linear-gradient(150deg,#144b5cb8,#051627d6);box-shadow:inset 0 1px #ffffff1f,0 20px 42px #0000004d}.tool-preview-notice strong{font-size:15px;line-height:1.65}.tool-preview-notice span{color:#96b5c8;font-size:13px;line-height:1.65}.tool-preview-workspace{padding:12px 0 80px;display:grid;grid-template-columns:minmax(280px,348px) minmax(0,1fr);align-items:start;gap:22px}.tool-preview-main-column{min-width:0;display:grid;gap:22px}.tool-panel{border:1px solid rgba(168,206,255,.2);border-radius:18px;background:linear-gradient(160deg,#0c1f35eb,#051020e6);box-shadow:inset 0 1px #ffffff17,0 24px 54px #00000047;-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%)}.tool-filters{padding:24px}.tool-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.tool-panel-heading h2{margin:0;color:#eef8ff;font-size:22px}.tool-panel-heading p:last-child{margin:8px 0 0;color:#819bb3;font-size:13px;line-height:1.55}.tool-panel-heading>svg{width:24px;height:24px;color:#46dfe9}.tool-fieldset{min-width:0;margin:26px 0 0;padding:0;border:0}.tool-fieldset legend,.tool-select-field>span{margin-bottom:11px;display:block;color:#bfd0df;font-size:13px;font-weight:700}.tool-category-tree{overflow:hidden;border:1px solid rgba(168,206,255,.14);border-radius:12px;background:#02091657}.tool-category-group+.tool-category-group{border-top:1px solid rgba(168,206,255,.1)}.tool-category-primary{width:100%;min-height:46px;padding:0 13px;border:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;color:#dceaf6;background:transparent;text-align:left;cursor:pointer}.tool-category-primary:hover{background:#ffffff0b}.tool-category-primary svg{width:15px;height:15px;color:#55e7ef}.tool-category-count{min-width:24px;padding:3px 7px;border-radius:999px;color:#7390a8;background:#ffffff0d;font-size:11px;text-align:center}.tool-category-children{padding:4px 12px 11px 38px;display:grid;gap:4px}.tool-category-children label{min-height:36px;display:flex;align-items:center;gap:9px;color:#95acc1;font-size:13px;cursor:pointer}.tool-category-children input{position:absolute;opacity:0;pointer-events:none}.tool-checkbox{width:18px;height:18px;border:1px solid rgba(168,206,255,.25);border-radius:5px;display:grid;place-items:center;background:#ffffff09}.tool-checkbox svg{width:12px;height:12px;opacity:0}.tool-category-children input:checked+.tool-checkbox{border-color:#2edce9b8;color:#001318;background:#36dfe7}.tool-category-children input:checked+.tool-checkbox svg{opacity:1}.tool-category-children input:focus-visible+.tool-checkbox{outline:2px solid #5df4ff;outline-offset:2px}.tool-segmented-control{padding:4px;border:1px solid rgba(168,206,255,.14);border-radius:11px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:#02091666}.tool-segmented-control button{min-width:0;min-height:38px;padding:0 6px;border:1px solid transparent;border-radius:8px;color:#7893aa;background:transparent;font-size:12px;cursor:pointer}.tool-segmented-control button.is-active{border-color:#2edce94d;color:#e4fdff;background:#2edce91f}.tool-select-field{margin-top:24px;display:block}.tool-select-field select{width:100%;min-height:44px;padding:0 12px;border:1px solid rgba(168,206,255,.18);border-radius:10px;color:#dfeefa;background:#07172b;cursor:pointer}.tool-demo-button{width:100%;min-height:54px;margin-top:24px;padding:9px 14px;border:1px solid rgba(83,233,242,.54);border-radius:11px;display:flex;align-items:center;justify-content:center;gap:10px;color:#effeff;background:linear-gradient(155deg,#21e0e257,#0f91d14d);cursor:pointer}.tool-demo-button:hover{filter:brightness(1.12)}.tool-demo-button svg{width:20px;height:20px}.tool-demo-button span{display:grid;gap:2px;font-weight:700}.tool-demo-button small{color:#9ac4cf;font-size:10px;font-weight:500}.tool-steps,.tool-results{padding:26px 28px}.tool-step-status,.tool-result-count{flex:0 0 auto;padding:7px 10px;border:1px solid rgba(168,206,255,.18);border-radius:999px;color:#8fa9bf;background:#ffffff09;font-size:11px;font-weight:700}.tool-step-status.is-complete{border-color:#2edce952;color:#aefaff;background:#2edce914}.tool-step-list{margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none}.tool-step-list li{position:relative;min-width:0;display:flex;align-items:center;gap:10px;color:#8da4b8;font-size:13px}.tool-step-list li:not(:last-child):after{content:"";height:1px;min-width:20px;flex:1;margin-inline:10px;background:#a8ceff29}.tool-step-index{width:32px;height:32px;flex:0 0 32px;border:1px solid rgba(168,206,255,.2);border-radius:50%;display:grid;place-items:center;color:#87a1b6;background:#ffffff09;font-size:12px;font-weight:700}.tool-step-index svg{width:16px;height:16px}.tool-step-list li.is-complete{color:#c9e2ee}.tool-step-list li.is-complete .tool-step-index{border-color:#2edce973;color:#001418;background:#39dfe7}.tool-step-list li.is-complete:not(:last-child):after{background:#2edce973}.tool-results{min-width:0}.tool-result-table{min-width:0;margin-top:24px;overflow:hidden;border:1px solid rgba(168,206,255,.14);border-radius:13px}.tool-result-row{min-width:0;padding:15px 18px;display:grid;grid-template-columns:minmax(260px,1.45fr) minmax(120px,.55fr) minmax(130px,.55fr) minmax(130px,.62fr);align-items:center;gap:20px;color:#9fb5c8;font-size:13px}.tool-result-row+.tool-result-row{border-top:1px solid rgba(168,206,255,.1)}.tool-result-row:not(.tool-result-header):hover{background:#ffffff06}.tool-result-header{padding-block:11px;color:#68849b;background:#02091661;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tool-product-cell{min-width:0;display:flex;align-items:center;gap:12px}.tool-product-index{width:32px;height:32px;flex:0 0 32px;border:1px solid rgba(46,220,233,.2);border-radius:9px;display:grid;place-items:center;color:#53dce4;background:#2edce90e;font-size:10px}.tool-product-cell>span:last-child{min-width:0}.tool-product-cell strong{display:block;color:#e2f0fa;font-size:14px;font-weight:700}.tool-product-cell small{margin-top:5px;display:block;color:#6f8ba2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-result-row em{width:fit-content;padding:5px 8px;border:1px solid rgba(46,220,233,.2);border-radius:999px;display:inline-block;color:#a7eef2;background:#2edce90f;font-size:11px;font-style:normal}.tool-preview-footer{padding:28px 0 36px;border-top:1px solid rgba(160,210,255,.14);display:flex;align-items:flex-start;justify-content:space-between;gap:32px;color:#658198;font-size:12px}.tool-preview-footer strong{max-width:720px;color:#89a8b8;font-weight:500;line-height:1.6;text-align:right}.tool-preview-shell :is(button,select,a):focus-visible{outline:2px solid #5df4ff;outline-offset:3px}@media(max-width:1180px){.tool-preview-hero{grid-template-columns:1fr;gap:30px}.tool-preview-notice{max-width:760px}.tool-preview-workspace{grid-template-columns:minmax(260px,310px) minmax(0,1fr)}.tool-step-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tool-step-list li:after{display:none}.tool-result-row{grid-template-columns:minmax(220px,1.35fr) repeat(3,minmax(100px,.6fr));gap:14px}}@media(max-width:900px){.tool-preview-hero,.tool-preview-workspace,.tool-preview-footer{width:calc(100% - 32px)}.tool-preview-hero{padding:122px 0 38px}.tool-preview-workspace{grid-template-columns:1fr}.tool-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.tool-filters>.tool-panel-heading,.tool-filters>.tool-demo-button{grid-column:1 / -1}.tool-select-field{align-self:end}.tool-result-header{display:none}.tool-result-table{border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:visible}.tool-result-row{padding:16px;border:1px solid rgba(168,206,255,.14)!important;border-radius:12px;grid-template-columns:1fr;gap:12px;background:#02091647}.tool-result-row>[role=cell]:not(.tool-product-cell){display:flex;align-items:center;justify-content:space-between;gap:14px}.tool-result-row>[role=cell]:not(.tool-product-cell):before{content:attr(data-label);color:#658198;font-size:11px}}@media(max-width:620px){.tool-preview-hero{min-height:0;padding-top:104px}.tool-preview-title h1{font-size:clamp(34px,10vw,46px)}.tool-preview-description{font-size:15px}.tool-preview-notice{padding:20px}.tool-filters{padding:20px;display:block}.tool-steps,.tool-results{padding:22px 18px}.tool-panel-heading{align-items:flex-start;flex-direction:column}.tool-panel-heading>svg{display:none}.tool-step-list,.tool-result-table{grid-template-columns:1fr}.tool-preview-footer{flex-direction:column;gap:10px}.tool-preview-footer strong{text-align:left}}