/* Purposeful color, spacious controls, and readable survey stories. */
[hidden]{display:none!important}
.studio-library-intro{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:34px 38px;border-radius:24px;background:linear-gradient(110deg,#f0e7fc,#eaf8f4);margin:28px 0;border:1px solid #e2d9ed}
.studio-library-intro>div{position:relative;padding-left:83px}
.studio-library-symbol{position:absolute;left:0;top:0;font-size:53px;color:#7145ad;margin:0;line-height:1.2}
#app .studio-library-intro h2{font-size:29px;color:#43236d}
.studio-library-intro p{margin-top:10px;color:#4f6070}
.studio-library-intro>.button{flex-shrink:0}
.hub-goal-picker{margin:28px 0 34px;padding:34px;border:1px solid #ded9ed;border-radius:24px;background:linear-gradient(130deg,#f7f3fd,#eef8f7)}
#app .hub-goal-picker h2{font-size:clamp(26px,3vw,38px);line-height:1.2;margin:8px 0 23px;color:#213b50}
.hub-goal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#app .hub-goal-card{appearance:none;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:14px;min-height:200px;padding:25px;border:1px solid #d5d8e5;border-radius:19px;background:#fff;color:#284052;box-shadow:0 8px 20px #29354a09;cursor:pointer;font:inherit;transition:transform .18s,box-shadow .18s,border-color .18s}
#app .hub-goal-card:hover,#app .hub-goal-card:focus-visible{transform:translateY(-3px);border-color:#7145ad;box-shadow:0 12px 28px #4932691a;outline-offset:3px}
#app .hub-goal-card strong{font-size:23px;line-height:1.2;color:#25374f}
#app .hub-goal-card span{font-size:16px;line-height:1.5;color:#566a79}
#app .hub-goal-card b{margin-top:auto;color:#563291;font-size:15px}
.hub-all-templates{margin-top:20px}
.hub-goal-summary,.hub-all-template-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:27px 0 18px}
#app .hub-goal-summary h2{font-size:31px;margin:5px 0;color:#243b50}
.hub-goal-summary p{color:#5a6b7a;margin:0}
.hub-decision-field{display:flex;flex-direction:column;gap:9px;max-width:680px;margin:0 0 23px;font-weight:700;color:#2d4255}
.hub-decision-field small{font-weight:400;color:#697988}
.hub-decision-field input{width:100%;padding:13px 16px;border-radius:12px;border:1px solid #c7cfdb;background:#fff;color:#243b50;font:inherit}
.hub-all-template-head strong{font-size:21px;color:#263d50}
.studio-library-controls{display:flex;justify-content:space-between;gap:25px;margin:30px 0;align-items:end}
.studio-library-controls nav{display:flex;gap:7px;flex-wrap:wrap}
.studio-library-controls nav button{border:1px solid #dbd4e7;border-radius:99px;padding:12px 21px;background:#fff;color:#5a4772;min-height:46px;font:inherit;cursor:pointer}
.studio-library-controls nav button.active{background:#43236d;color:#fff;border-color:#43236d}
.studio-search{display:flex;flex-direction:column;gap:7px;min-width:250px;max-width:100%;font-size:15px;color:#465870}
.studio-search input{border:1px solid #ccc8d8;background:#fff;border-radius:12px;padding:13px 16px;width:100%}
.studio-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.studio-template{display:flex;flex-direction:column;padding:27px 29px;border:1px solid #dcd4e8;background:#fff;border-radius:23px;box-shadow:0 7px 25px #38215307;transition:transform .18s,box-shadow .18s;min-width:0;position:relative;overflow:hidden}
.studio-template:hover{transform:translateY(-4px);box-shadow:0 14px 30px #38215312}
.studio-template:before{content:"";height:5px;background:#8051ba;position:absolute;top:0;left:0;right:0}
.studio-template-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px}
.studio-template-top>span:first-child{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:#f1e8fe;color:#5f3199;font-size:32px}
.tone-card-1:before{background:#138676}.tone-card-1 .studio-template-top>span:first-child{background:#e3f5ef;color:#0a6a5d}
.tone-card-2:before{background:#c28024}.tone-card-2 .studio-template-top>span:first-child{background:#fff1d6;color:#87500c}
.tone-card-3:before{background:#b84c67}.tone-card-3 .studio-template-top>span:first-child{background:#fce7ed;color:#90364d}
#app .studio-template h3{font-size:27px;line-height:1.25;margin-bottom:12px;color:#263b50}
#app .studio-template p{font-size:16px;line-height:1.65;color:#4a6073}
#app .studio-template .studio-template-tag{font-weight:700;color:#604180;margin-bottom:12px}
.studio-template-bottom{margin-top:auto;padding-top:27px;display:flex;flex-direction:column;gap:13px;align-items:start}
.studio-template-bottom>span{font-size:14px;color:#5b6174}
#app .studio-template-bottom .button{width:100%;background:#f4f0fa;color:#51327d;border-color:#d5c5e7;text-align:center}
#app .studio-library-note{color:#5b6477;margin:32px 0;font-size:15px}
.studio-brand-editor{min-width:0}
#app .studio-brand-editor h3{margin:12px 0 17px;color:#43236d;font-size:27px}
#app .studio-brand-editor>p{font-size:16px;line-height:1.65;margin-bottom:20px}
#studio-logo-preview{background:#fff;border:1px dashed #b9a6ce;min-height:104px;border-radius:15px;display:flex;align-items:center;justify-content:center;padding:20px;margin:22px 0 16px;color:#655776;font-size:16px}
#studio-logo-preview img{max-width:100%;max-height:105px;object-fit:contain}
.studio-brand-editor .field{margin:20px 0}
.studio-brand-editor input[type=file]{max-width:100%;width:100%;font-size:14px!important;padding:12px 9px;background:#fff}
.studio-color-control{display:flex;align-items:center;gap:15px}
.studio-color-control input[type=color]{width:64px!important;height:50px;padding:4px!important;cursor:pointer;background:#fff}
.studio-color-control output{color:#563775;font-weight:700;font-size:16px}
.studio-color-presets{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 25px}
.studio-color-presets button{width:40px;height:40px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #bbb2c9;cursor:pointer}
.studio-type-group{display:block!important;margin-top:26px}
.flow-builder-workbench>*{min-width:0}
.flow-question-map ol{max-width:100%}
.flow-type-palette>.studio-search{min-width:0}
.studio-type-group[hidden]{display:none!important}
.studio-type-group h4{color:#594273;font-size:16px;margin-bottom:13px;font-weight:700}
.flow-type-palette>.studio-search{max-width:490px;margin-top:20px}
.studio-type-group>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#app .studio-type-group button{display:flex;flex-direction:column;align-items:start;justify-content:center;min-height:104px;background:#fff;border:1px solid #ded4eb;border-radius:14px;gap:7px;padding:19px;text-align:left;color:#43236d}
#app .studio-type-group button:hover{background:#f2ebfd;border-color:#997ac1}
#app .studio-type-group button strong{font-size:16px;line-height:1.4}
#app .studio-type-group button small{font-size:13px;color:#615575;line-height:1.5}
.studio-type-tip{padding:15px 18px;background:#f4f0fb;border-radius:12px;color:#58416f;margin:22px 0}
.studio-scale-endpoints{display:flex;justify-content:space-between;gap:20px;margin:18px 0;font-size:16px;color:#3b5266}
.studio-scale-endpoints span{max-width:47%;overflow-wrap:anywhere}.studio-scale-endpoints span:last-child{text-align:right}
.studio-scale{display:flex;gap:10px;flex-wrap:wrap}.studio-scale label{flex:1;min-width:44px}
.studio-slider input[type=range]{width:100%;padding:0!important;height:44px;accent-color:var(--survey-accent,#7145ad)}
.studio-slider>.field{margin:25px 0 12px;max-width:330px}
.studio-grid-answers fieldset{border:0;border-bottom:1px solid #dfd7e9;padding:20px 0;margin:0}
.studio-grid-answers legend{font-weight:700;float:left;width:100%;margin:0 0 14px;color:#273d52}
.studio-grid-options{display:flex;gap:12px;flex-wrap:wrap;clear:both}
.studio-grid-options .survey-choice{flex:1;min-width:135px;margin:0;padding:15px;border:1px solid #d8d2e3;border-radius:12px;background:#fff}
.studio-grid-options label:has(input:checked){background:var(--survey-tint,#f0e7fb);border-color:var(--survey-accent,#7145ad)}
.studio-multi-fields .field{margin:22px 0}
.studio-allocation-summary{padding:19px 22px;border-radius:15px;background:var(--survey-tint,#f0e7fb);color:#293e52;line-height:1.65}
.studio-allocation-summary span{display:block;margin-top:5px;font-weight:700}
.studio-survey-logo{width:100%;margin-bottom:25px;display:flex;align-items:center}
.studio-survey-logo img{max-width:230px;max-height:85px;object-fit:contain;padding:12px 16px;border-radius:14px;background:#fff;box-sizing:content-box}
.studio-branded .flow-invitation-cover{background:var(--survey-tint);color:#273449;border-color:#d9dce5}
.studio-branded .flow-invitation-cover h1{color:#273449}
.studio-branded .flow-invitation-cover .eyebrow,.studio-branded .flow-invitation-tagline,.studio-branded .flow-invitation-facts{color:#455168}
.studio-branded .flow-invitation-cover .survey-art-mark{color:var(--survey-accent);opacity:.17}
.studio-branded .flow-question-card{border-top-color:var(--survey-accent)!important;background:#fff!important}
.studio-branded .flow-question-card .survey-question-number{color:#455168}
.studio-branded .progress-track>span{background:var(--survey-accent)}
.studio-branded #app .violet-button{background:var(--survey-accent);color:var(--survey-ink);border-color:var(--survey-accent)}
.studio-branded input[type=radio],.studio-branded input[type=checkbox]{accent-color:var(--survey-accent)}
.studio-branded .survey-scale input:checked+span{background:var(--survey-accent);color:var(--survey-ink);border-color:var(--survey-accent)}
.studio-branded #app .studio-grid-options label:has(input:checked){background:var(--survey-tint);border-color:var(--survey-accent)}
.studio-branded #app .flow-completion .button{background:var(--survey-accent);border-color:var(--survey-accent);color:var(--survey-ink)}
.studio-results-overview{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;margin:28px 0}
.studio-results-overview>.panel{margin:0;padding:30px}
#app .studio-results-overview h2{font-size:28px;margin:12px 0 18px;color:#30465c}
#app .studio-results-overview p{font-size:16px;color:#4b5e71}
.studio-story{background:linear-gradient(140deg,#fff,#f4f0fb)!important}
.studio-story-points{margin-top:24px;display:flex;flex-direction:column;gap:18px}
.studio-story-points>div{display:flex;gap:15px;align-items:start}.studio-story-points>div>span{color:#6f429f;font-size:27px;line-height:1.3}
.studio-trend .result-choice{margin:23px 0}.studio-trend .bar>span{background:#168579}
.studio-report-logo{position:relative;margin-bottom:20px;width:100%}.studio-report-logo img{max-width:220px;max-height:80px;object-fit:contain;background:#fff;border-radius:12px;padding:12px}
#app .studio-breakdowns{padding:32px}
#app .studio-breakdowns h2{font-size:29px;margin-top:8px}
.studio-breakdowns>.field{max-width:440px;margin:25px 0 18px}
.studio-breakdowns>.small{margin:18px 0}
.studio-comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:25px 0}
.studio-comparison-grid article{min-width:0;padding:23px;background:#f5f3fc;border:1px solid #e3dced;border-radius:16px}
#app .studio-comparison-grid h3{font-size:24px;margin-bottom:12px}
.studio-group-metric{display:grid;grid-template-columns:1fr auto;gap:8px 12px;margin-top:22px;border-top:1px solid #ded6e9;padding-top:18px}
.studio-group-metric>span{font-size:15px;color:#3c5168}.studio-group-metric strong{font-size:24px;color:#533380}.studio-group-metric small{grid-column:1/-1}
.studio-result-browser{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:45px 0 25px}
#app .studio-result-browser h2{margin-top:8px;font-size:31px}
.studio-result-meta{display:flex;gap:11px 22px;flex-wrap:wrap;margin:15px 0 23px;font-size:15px;color:#526577}
#studio-question-results .bar>span{background:var(--report-accent,#7145ad)}
.studio-numeric-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;background:#f1f6fc;border:1px solid #dce5ef;border-radius:18px;padding:24px;margin:20px 0 27px}
.studio-numeric-stats>div{display:flex;flex-direction:column;gap:9px;min-width:0}
.studio-numeric-stats strong{font-size:43px;line-height:1.2;color:#24536f}
.studio-numeric-stats span{font-size:14px;color:#485f73;line-height:1.6}
#app .studio-withheld{font-size:15px;color:#625476;background:#f3eff8;border-radius:12px;padding:14px 18px;margin:20px 0}
.studio-row-result{padding:23px 0;border-top:1px solid #e0e4ec}
#app .studio-row-result h3{font-size:22px;margin-bottom:17px}
.studio-row-stat{display:flex;align-items:center;gap:20px}.studio-row-stat strong{font-size:32px;color:#215671}.studio-row-stat span{font-size:15px;color:#4e6072}
#app .studio-next-move{background:#eef8f5;border-color:#cde6dc;padding:35px}
.studio-next-move h2{margin:14px 0 25px;color:#156353}
.studio-next-move ol{padding-left:24px;line-height:1.8;color:#38586a}.studio-next-move li{padding-left:7px;margin-bottom:14px}
.studio-next-move p{margin-top:20px;color:#4c6474}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #367ea4;outline-offset:3px}
@media(max-width:1050px){.studio-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-type-group>div{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-library-intro{align-items:start}.studio-library-intro>.button{flex-shrink:1}.studio-comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.hub-goal-grid{grid-template-columns:1fr}.hub-goal-picker{padding:26px}.hub-goal-card{min-height:0!important}.hub-goal-summary{align-items:flex-start;flex-direction:column}}
@media(max-width:780px){.studio-results-overview{grid-template-columns:1fr}.studio-library-controls{flex-direction:column;align-items:stretch}.studio-search{min-width:0}.studio-library-intro{flex-direction:column;gap:22px}.studio-type-group>div{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-result-browser{align-items:stretch;flex-direction:column}.studio-library-symbol{font-size:42px;margin-right:18px}}
@media(max-width:650px){.studio-template-grid{grid-template-columns:1fr;gap:18px}.studio-template{padding:25px}.studio-library-intro{padding:26px 24px}.studio-library-controls nav button{padding:10px 16px;font-size:14px}.studio-template-top{margin-bottom:18px}#app .studio-template h3{font-size:26px}#app .studio-type-group button{padding:15px 12px;min-height:110px}#app .studio-type-group button strong{font-size:15px}#app .studio-type-group button small{font-size:12px}.studio-scale{gap:6px}.studio-scale label{min-width:35px}.studio-scale label span{padding:12px 3px}.studio-grid-options{flex-direction:column}.studio-grid-options .survey-choice{width:100%;min-width:0}.studio-results-overview>.panel,#app .studio-breakdowns{padding:25px 23px}.studio-comparison-grid{grid-template-columns:1fr}.studio-numeric-stats{grid-template-columns:1fr 1fr;padding:20px;gap:24px 14px}.studio-numeric-stats strong{font-size:35px}.studio-numeric-stats span{font-size:13px}#app .studio-next-move{padding:27px 24px}.studio-survey-logo img{max-width:180px;max-height:65px}.studio-report-logo img{max-width:180px}.studio-brand-editor input[type=file]{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.studio-template{transition:none}.studio-template:hover{transform:none}}
@media print{.studio-result-browser,.studio-library-controls{display:none!important}.studio-results-overview{display:block}.studio-results-overview>.panel{margin-bottom:20px}.studio-comparison-grid{grid-template-columns:1fr 1fr}.studio-numeric-stats{grid-template-columns:repeat(3,1fr)}.studio-numeric-stats strong{font-size:28px}.studio-numeric-stats span{font-size:12px}.text-responses:not([open]){display:none}.studio-branded .flow-invitation-cover{background:#fff}.studio-report-logo img{max-height:60px}}