.js [data-demo-panel]:not([data-active]){display:none}[data-demo-panel]{min-width:0}.product-hero-blue{--product-color:var(--color-brand)}.product-copy .product-page-title{overflow-wrap:normal;hyphens:none;max-width:100%;font-size:clamp(2.9rem,5.5vw,5.8rem);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-tight);word-break:normal;margin:0}.primary-action{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);color:var(--color-surface);background:var(--product-color);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;border:0;padding:.85rem 1.05rem;display:inline-flex}.demo-static-notice{margin:var(--space-3) 0 0;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);background:var(--color-surface);font-size:var(--font-size-sm)}.datatool-hero,.datatool-hero .product-copy,.datatool-hero .product-visual{transition:all var(--duration-slow) var(--ease-standard)}.datatool-hero .product-copy{min-width:0}.datatool-hero.demo-focus-active{grid-template-columns:minmax(0,1fr);gap:0;min-height:0;padding-block:0;padding-inline:clamp(4.5rem,7vw,7rem)}.datatool-hero.demo-focus-active .product-copy{display:none}.datatool-hero.demo-focus-active .product-visual{grid-column:1;justify-self:center;width:min(100%,64rem);max-width:none;margin-block:8rem}.datatool-hero.demo-focus-active .questionnaire-stage{min-height:clamp(34rem,68svh,44rem)}.datatool-hero.demo-focus-active .questionnaire-sheet{width:min(100%,44rem)}.questionnaire-demo{border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-lg);border:1px solid #d6dee8;position:relative;overflow:hidden}.questionnaire-demo-heading{padding:.85rem var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:1px solid #e1e7ef;display:flex}.questionnaire-demo-heading>div:first-child{gap:.18rem;display:grid}.questionnaire-demo-heading span{color:var(--color-brand);font-size:.6rem;font-weight:var(--font-weight-heavy);letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.questionnaire-demo-heading strong{min-height:1.35em;font-size:clamp(.78rem,1.3vw,.96rem);display:block}.questionnaire-demo-controls{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.questionnaire-demo-heading button,.questionnaire-demo-footer button{border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-secondary);background:var(--color-surface);font:inherit;font-size:.67rem;font-weight:var(--font-weight-bold);cursor:pointer;flex:none;padding:.48rem .7rem}.demo-focus-return{color:var(--color-surface)!important;border-color:var(--color-brand)!important;background:var(--color-brand)!important}.demo-tutorial{z-index:30;backdrop-filter:blur(.3rem);background:#0f172a94;place-items:center;padding:clamp(.8rem,3vw,1.5rem);display:grid;position:absolute;inset:0}.accessible-dialog{border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0}.accessible-dialog::backdrop{background:0 0}.demo-tutorial-card{border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid #dbe4ef;width:min(100%,31rem);max-height:calc(100% - 1rem);padding:clamp(1.2rem,3vw,1.8rem);position:relative;overflow:auto;box-shadow:0 2rem 5rem #0f172a52}.demo-tutorial-close{border:1px solid var(--color-border);width:2rem;height:2rem;color:var(--color-text-secondary);background:var(--color-surface);cursor:pointer;border-radius:50%;place-items:center;padding:0;font-size:1.2rem;display:grid;position:absolute;top:.75rem;right:.75rem}.demo-tutorial-card>p:first-of-type{color:var(--color-brand);font-size:.65rem;font-weight:var(--font-weight-heavy);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;margin:0 2.5rem .45rem 0}.demo-tutorial-card h2{max-width:17ch;margin:0;font-size:clamp(1.45rem,3vw,2.05rem);line-height:1.05}.demo-tutorial-steps{margin-top:var(--space-5);border-top:1px solid var(--color-border)}.demo-tutorial-steps article{padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);grid-template-columns:2.5rem minmax(0,1fr);gap:.8rem;display:grid}.demo-tutorial-steps article>span{border-radius:var(--radius-md);width:2.4rem;height:2.4rem;color:var(--color-surface);background:var(--color-brand);font-size:.75rem;font-weight:var(--font-weight-heavy);place-items:center;display:grid}.demo-tutorial-steps p{color:var(--color-text-muted);margin:.3rem 0 0;font-size:.8rem;line-height:1.55}.demo-tutorial-tip{margin:var(--space-4) 0 0;border-radius:var(--radius-md);color:var(--color-text-secondary);background:var(--color-surface-subtle);padding:.75rem .85rem;font-size:.75rem}.demo-tutorial-confirm{width:100%;margin-top:var(--space-4);padding:.8rem var(--space-4);border-radius:var(--radius-pill);color:var(--color-surface);background:var(--color-brand);font:inherit;font-weight:var(--font-weight-bold);border:0}.color-info{border-radius:var(--radius-pill);font:inherit;font-weight:var(--font-weight-heavy);cursor:help;border:0;padding:.08rem .38rem .12rem;position:relative}.color-info-green{color:#047857;background:#d1fae5}.color-info-violet{color:#6d28d9;background:#ede9fe}.color-tooltip{z-index:15;visibility:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);width:min(18rem,100vw - 4rem);color:var(--color-text-secondary);background:var(--color-surface);box-shadow:var(--shadow-md);opacity:0;font-size:.68rem;font-weight:var(--font-weight-regular);text-align:left;gap:.3rem;padding:.75rem .8rem;display:grid;position:absolute;top:calc(100% + .55rem);right:0}.color-info:is(:hover,:focus-visible,[aria-expanded=true]) .color-tooltip{visibility:visible;opacity:1}.questionnaire-stage{background:#edf2f7;place-items:center;min-height:clamp(23rem,43vw,34rem);padding:clamp(.7rem,1.8vw,1.1rem);display:grid}.questionnaire-sheet{aspect-ratio:1;background:var(--color-surface);width:min(100%,34rem);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.questionnaire-sheet>picture,.questionnaire-sheet>picture>img{width:100%;height:100%;display:block}.questionnaire-sheet>picture>img{object-fit:contain}.answer-row{cursor:pointer;min-height:1.5rem;display:grid;position:absolute}.answer-row:focus-visible{z-index:3;outline:3px solid var(--color-focus);outline-offset:2px}.answer-overlay,.support-overlay{cursor:pointer;background:0 0;border:2px solid #0000;padding:0}.answer-overlay{width:100%;height:100%}.answer-overlay.detected,.support-overlay.detected{background:#fbbf2424;border-color:#dc2626}.answer-overlay:is(:hover,:focus-visible),.support-overlay:is(:hover,:focus-visible){z-index:2;border-color:#06b6d4;outline:none;box-shadow:0 0 0 2px #06b6d438}.answer-overlay.confirmed,.support-overlay.confirmed{background:0 0;border-width:3px;border-color:#22c55e}.support-overlay.cleared,.answer-row.all-cleared .answer-overlay{background:0 0;border-width:1px;border-color:gray}.answer-row.has-correction .answer-overlay.detected:not(.confirmed){background:0 0;border-color:#0000}.answer-row.all-marked{background:#fbbf2426;outline:2px solid #7c3aed}.answer-row.all-marked .answer-overlay{background:0 0;border-color:#7c3aed}.answer-row-work-1,.answer-row-work-2,.answer-row-work-3,.answer-row-work-4{grid-template-columns:110fr 112fr 111fr 109fr 107fr;width:43.78%;left:40.59%}.answer-row-work-1{height:4.47%;top:17.38%}.answer-row-work-2{height:4.47%;top:21.85%}.answer-row-work-3{height:4.39%;top:26.32%}.answer-row-work-4{height:4.47%;top:30.7%}.answer-row-rating{grid-template-columns:repeat(9,1fr);width:56.38%;height:4.47%;top:45.45%;left:21.77%}.answer-row-frequency-1,.answer-row-frequency-2,.answer-row-frequency-3,.answer-row-frequency-4,.answer-row-multiple{grid-template-columns:repeat(7,1fr);width:48.56%;left:35.81%}.answer-row-frequency-1{height:4.07%;top:57.89%}.answer-row-frequency-2{height:4.31%;top:61.96%}.answer-row-frequency-3{height:4.31%;top:66.27%}.answer-row-frequency-4{height:4.23%;top:70.57%}.answer-row-multiple{height:4.15%;top:74.8%}.support-overlays{pointer-events:none;position:absolute;inset:0}.support-overlays:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px}.support-overlay{pointer-events:auto;width:1.91%;height:1.91%;position:absolute}.support-overlay-1{top:84.37%;left:16.11%}.support-overlay-2{top:87.56%;left:16.11%}.support-overlay-3{height:1.83%;top:90.75%;left:16.11%}.support-overlay-4{top:84.37%;left:51.12%}.support-overlay-5{top:87.56%;left:51.12%}.support-overlay-6{height:1.83%;top:90.75%;left:51.12%}.questionnaire-demo-footer{border-top:1px solid var(--color-border);justify-content:flex-end;min-height:2.7rem;padding:.6rem .85rem;display:flex}.questionnaire-touch-controls{display:none}.next-demo-bar{min-height:6rem;padding:1.55rem var(--page-gutter);color:var(--color-surface);background:var(--color-text);text-align:center;justify-items:center;gap:.7rem;display:grid}.next-demo-heading p{color:#8bc5ff;font-size:.65rem;font-weight:var(--font-weight-heavy);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;margin:0 0 .22rem}.next-demo-heading h2{margin:0;font-size:clamp(1.05rem,1.7vw,1.32rem)}.next-demo-description{color:#c7ced9;max-width:38rem;margin:0;font-size:.88rem}.next-demo-link{min-height:3rem;padding:.78rem var(--space-4);border-radius:var(--radius-md);color:var(--color-surface);background:var(--color-brand);font-size:.8rem;font-weight:var(--font-weight-heavy);align-items:center;text-decoration:none;display:inline-flex}.template-lab-section{min-width:0;padding:clamp(5rem, 9vw, 8rem) max(var(--page-gutter), calc((100vw - var(--content-default)) / 2));background:radial-gradient(circle at 12% 20%,#2563eb17,#0000 28%),#eef3f9;scroll-margin-top:5.5rem;overflow:hidden}.template-lab-intro{max-width:54rem}.template-lab-intro h2{max-width:14ch;margin:0;font-size:clamp(2.55rem,5vw,4.9rem);line-height:.98}.template-lab-intro>p:last-child{max-width:46rem;color:var(--color-text-muted);margin:1.4rem 0 0;line-height:1.72}.template-lab{border-radius:var(--radius-xl);background:var(--color-surface);width:100%;box-shadow:var(--shadow-lg);border:1px solid #d5deea;margin-top:clamp(2.5rem,5vw,4rem);position:relative;overflow:hidden}.template-lab button,.template-lab input,.template-lab select{font:inherit}.template-lab-header{min-height:4.25rem;padding:.8rem var(--space-4) .8rem 1.25rem;border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.template-lab-header>div{display:grid}.template-lab-header span,.template-tools>p,.template-value-editor>p{color:var(--color-brand);font-size:.61rem;font-weight:var(--font-weight-heavy);letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.template-lab-header button{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);font-size:.72rem;font-weight:var(--font-weight-bold);padding:.55rem .8rem}.template-lab-progress{border-bottom:1px solid var(--color-border);background:var(--color-surface-subtle);grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:0;padding:.85rem 1.25rem;list-style:none;display:grid}.template-lab-progress li{color:#596477;font-size:.7rem;font-weight:var(--font-weight-bold);align-items:center;gap:.55rem;display:flex}.template-lab-progress li span{background:var(--color-surface);border:1px solid #cfd8e4;border-radius:50%;flex:none;place-items:center;width:1.65rem;height:1.65rem;display:grid}.template-lab-progress li:is(.active,.complete){color:var(--color-text)}.template-lab-progress li:is(.active,.complete) span{color:var(--color-surface);border-color:var(--color-brand);background:var(--color-brand)}.template-lab-workspace{background:#edf2f7;grid-template-columns:minmax(0,1fr) 15.5rem;min-height:39rem;display:grid}.template-canvas-shell{min-width:0;padding:var(--space-4);grid-template-rows:auto minmax(0,1fr);gap:.75rem;display:grid}.template-canvas-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);border-radius:var(--radius-md);background:#ffffffeb;border:1px solid #d8e1eb;min-height:2.9rem;padding:.65rem .8rem;display:flex}.template-canvas-toolbar span{color:var(--color-text-muted);font-size:.68rem;font-weight:var(--font-weight-bold)}.template-canvas{aspect-ratio:1;background:var(--color-surface);width:min(100%,35rem);box-shadow:var(--shadow-md);user-select:none;margin:auto;position:relative;overflow:hidden}.template-canvas>picture,.template-canvas>picture>img{width:100%;height:100%;display:block}.template-canvas>picture>img{object-fit:contain;pointer-events:none}.template-target,.template-draw-selection,.template-generated-grid,.template-draw-surface{position:absolute}.template-target,.template-draw-selection,.template-generated-grid{width:43.78%;height:17.78%;top:17.38%;left:40.59%}.template-target{z-index:2;background:#2563eb0d;border:2px dashed #2563ebb3}.template-draw-selection{z-index:4;border:2px solid var(--color-brand);pointer-events:none;background:#2563eb1a}.template-generated-grid{z-index:6;grid-template-columns:repeat(var(--template-cols,5), minmax(0, 1fr));grid-template-rows:repeat(var(--template-rows,4), minmax(0, 1fr));outline:2px solid var(--color-brand);display:grid}.template-grid-cell{color:#075985;background:#0ea5e912;border:1px solid #0ea5e9;min-width:0;padding:0;font-size:clamp(.4rem,.8vw,.62rem)!important;font-weight:var(--font-weight-heavy)!important}.template-grid-cell.selected{z-index:2;background:#f59e0b33;outline:2px solid #f59e0b}.template-grid-cell.configured{color:#166534;background:#22c55e29;border-color:#16a34a}.template-draw-surface{z-index:8;touch-action:none;cursor:crosshair;inset:0}.template-draw-surface.disabled{pointer-events:none}.template-tools{min-width:0;padding:var(--space-4);border-left:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;gap:.6rem;display:flex}.template-tools>p,.template-value-editor>p{margin:.15rem 0 .25rem}.template-tool{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-secondary);background:var(--color-surface);text-align:left;align-items:center;gap:.65rem;padding:.7rem .75rem;display:flex;font-size:.75rem!important;font-weight:var(--font-weight-bold)!important}.template-tool span{border:2px solid;width:.75rem;height:.75rem}.template-tool.active{color:var(--color-surface);border-color:var(--color-brand);background:var(--color-brand)}.template-value-editor{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-subtle);gap:.75rem;padding:.85rem;display:grid}.template-value-editor label,.template-config-fields label{color:var(--color-text-muted);font-size:.67rem;font-weight:var(--font-weight-bold);gap:.3rem;display:grid}.template-value-editor :is(select,input),.template-config input{border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid #cfd9e5;width:100%;min-width:0;height:2.35rem;padding:0 .65rem}.template-apply-value,.template-save{border-radius:var(--radius-md);color:var(--color-surface);background:var(--color-text);border:0;padding:.7rem .75rem;font-size:.7rem!important;font-weight:var(--font-weight-heavy)!important}.template-tools-footer{gap:.75rem;margin-top:auto;display:grid}.template-tools-footer p{min-height:2.7em;color:var(--color-text-muted);margin:0;font-size:.69rem}.template-save{background:var(--color-success)}.template-save:disabled{color:#8a96a8;background:#e5eaf0}.template-config,.template-success{z-index:30;padding:var(--space-4);backdrop-filter:blur(.25rem);background:#0f172a94;place-items:center;display:grid;position:fixed;inset:0}.template-config>section,.template-success>div{border-radius:var(--radius-lg);background:var(--color-surface);width:min(100%,29rem);box-shadow:var(--shadow-lg);border:1px solid #dbe4ef;padding:clamp(1.2rem,3vw,1.8rem)}.template-config>section>p:first-child,.template-success p{color:var(--color-brand);font-size:.64rem;font-weight:var(--font-weight-heavy);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;margin:0 0 .45rem}.template-config h2{max-width:16ch;margin:0;font-size:clamp(1.45rem,3vw,2rem)}.template-draw-surface:focus-visible{outline:4px solid var(--color-focus);outline-offset:-4px}.template-config-fields{margin-top:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.template-config-preview{border-radius:var(--radius-md);background:var(--color-surface-subtle);padding:.7rem .8rem;font-size:.74rem}.template-config section>button,.template-success button{width:100%;padding:.78rem var(--space-4);border-radius:var(--radius-md);color:var(--color-surface);background:var(--color-brand);font-weight:var(--font-weight-heavy);border:0}.template-success>div{text-align:center}.template-success span{width:3.4rem;height:3.4rem;margin:0 auto var(--space-4);color:var(--color-surface);background:var(--color-success);border-radius:50%;place-items:center;font-size:1.6rem;display:grid}.template-success strong{margin:.65rem auto var(--space-5);font-size:clamp(1.25rem,2.6vw,1.8rem);display:block}.corner-drag-marker:active{cursor:grabbing}.corner-drag-marker.selected{outline-offset:.12rem;outline:.22rem solid #fbbf24}.corner-drag-marker.is-dragging{opacity:.35}.corner-drag-marker-ghost{z-index:999;pointer-events:none;opacity:.95;position:fixed;transform:translate(-50%,-50%)scale(1.08)}.corner-dropzone{cursor:pointer;padding:0}.corner-dropzone.drag-over{border-color:var(--color-success);background:#d1fae5}.corner-dropzone.filled{border-style:solid;border-color:var(--color-success);background:var(--color-success)}.corner-dropzone.filled:after{content:none}.corner-dropzone .corner-drag-marker{width:100%;height:100%;box-shadow:none}.corner-game-footer span.complete{color:var(--color-success);font-weight:var(--font-weight-bold)}@media (width<=51.25rem){.datatool-hero.demo-focus-active{padding-inline:var(--page-gutter)}.datatool-hero.demo-focus-active .product-visual{width:100%;margin-block:.75rem}.template-lab-workspace{grid-template-columns:minmax(0,1fr);min-height:auto}.template-tools{border-top:1px solid var(--color-border);border-left:0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.template-tools>p,.template-value-editor,.template-tools-footer{grid-column:1/-1}}@media (width<=35rem){.product-copy .product-page-title{font-size:clamp(2.5rem,12.5vw,2.9rem)}.questionnaire-demo-heading{flex-direction:column;align-items:flex-start}.questionnaire-demo-controls{width:100%}.questionnaire-stage{min-height:20rem;padding:.55rem}.template-lab-section{padding-inline:var(--space-4)}.template-lab-progress{gap:.25rem;padding-inline:.65rem}.template-lab-progress li{justify-content:center;font-size:0}.template-lab-progress li span{font-size:.66rem}.template-canvas-toolbar{flex-direction:column;align-items:flex-start}.template-tools{grid-template-columns:1fr}.template-tools>p,.template-value-editor,.template-tools-footer{grid-column:auto}.template-config-fields{gap:.45rem}}@media (pointer:coarse){.questionnaire-touch-controls{padding:var(--space-4);gap:var(--space-3);border-top:1px solid var(--color-border);background:var(--color-surface-subtle);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.questionnaire-touch-controls label{gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);display:grid}.questionnaire-touch-controls :is(select,button){min-height:2.75rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface);font-size:var(--font-size-xs)}.questionnaire-support-controls{gap:var(--space-2);grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.questionnaire-support-controls button[aria-pressed=true]{color:var(--color-surface);border-color:var(--color-success);background:var(--color-success)}}@media (prefers-reduced-motion:reduce){.datatool-hero,.datatool-hero .product-copy,.datatool-hero .product-visual{transition:none}}