/* Unpublished presentation candidate. Processing, file formats and download handlers are unchanged. */
body.reference-tool{--ink:#183f35;--muted:#526b61;--line:#dce7df;--paper:#f7f9f6;--compare-selected:#e5f1e8;background:#f7f9f6;font-family:Arial,"Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:1.65}
body.reference-tool #botai-app-navigation{max-width:1184px;background:transparent;padding-inline:32px;min-height:80px}
body.reference-tool #tool-title{font-size:17px}body.reference-tool .header-links{font-size:14px}
body.reference-tool .reference-hero,body.reference-tool .reference-hero:has(.settings-disclosure[open]){height:auto;min-height:0;padding:0;background:#edf3ea;isolation:isolate}
body.reference-tool .reference-hero::before{background:linear-gradient(90deg,#edf3eaf2 45%,#edf3eac9),url('./assets/original-forest.png') center/cover;opacity:.7;z-index:-1}
body.reference-tool .hero-stage,body.reference-tool .reference-hero:has(.settings-disclosure[open]) .hero-stage{max-width:1184px;min-height:0;height:auto;padding:56px 32px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:56px}
body.reference-tool .value-intro{position:relative;z-index:1;padding-bottom:70px}
body.reference-tool .value-eyebrow{font-size:14px;letter-spacing:.06em;color:#427359;font-weight:700;margin:0 0 14px}
body.reference-tool .value-intro h2{font-size:48px;line-height:1.35;letter-spacing:-.04em;font-weight:700;margin:0 0 20px;color:#183f35}
body.reference-tool .value-lead{font-size:17px;line-height:1.9;color:#526b61;margin:0 0 24px}
body.reference-tool .value-privacy{font-size:14px;line-height:1.8;color:#345b47;margin:0;max-width:90%}
body.reference-tool #botai-workspace.workspace{width:100%;margin:0;background:#fff;border:1px solid #d6e2d6;border-radius:20px;padding:24px;box-shadow:0 16px 40px #173f3410;overflow:visible}
body.reference-tool .input-panel{display:flex;flex-direction:column;gap:20px}
body.reference-tool .settings-wrap{order:-1;background:transparent}
body.reference-tool .summary-values{padding:0;gap:16px;display:grid;grid-template-columns:1fr 1.5fr;align-items:start}
body.reference-tool .summary-values label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#526b61;flex-wrap:wrap}
body.reference-tool .summary-values label>span:first-child{flex-basis:100%;margin-bottom:2px}
body.reference-tool .summary-values #target,body.reference-tool .summary-values #format{height:48px;min-height:48px;background:#f7f9f6;border:1px solid #cbdacf;border-radius:9px;padding:8px;font-size:16px;color:#183f35}
body.reference-tool #botai-workspace .summary-values #format{width:100%;min-width:0;flex:1 1 100%}
body.reference-tool .summary-values #target{width:8ch;font-size:20px;font-weight:700}
body.reference-tool .settings-disclosure{border:0;background:transparent;border-radius:0;margin:8px 0 -8px}
body.reference-tool .settings-disclosure>summary{padding:0;min-height:44px;justify-content:flex-end;height:auto}
body.reference-tool .settings-change{font-size:14px;color:#426b51}
body.reference-tool #settings{padding:18px 0 0}body.reference-tool #settings .micro{font-size:14px}
body.reference-tool .drop{height:auto;min-height:202px;border:1.5px dashed #97b79e;border-radius:12px;background:#f0f6ed;color:#183f35;gap:10px;padding:22px 12px}
body.reference-tool .drop .upload-art{width:42px;height:42px;opacity:.85}
body.reference-tool #choose.primary{position:static;width:auto;max-width:100%;height:auto;min-height:50px;padding:12px 24px;font-size:17px;font-weight:700;border-radius:10px;background:#245d41;color:white;box-shadow:none}
body.reference-tool #choose:hover{background:#1b4f36}body.reference-tool #drop-limits{color:#526b61!important;font-size:14px!important;line-height:1.65;margin:0!important}
body.reference-tool .puppy,body.reference-tool .reference-hero:has(.settings-disclosure[open]) .puppy{left:54px;bottom:22px;width:82px;opacity:.95}
body.reference-tool .puppy img{filter:none}body.reference-tool .puppy-ground{display:none}
body.reference-tool .processing-status{grid-column:2;color:#245d41;max-width:100%;margin:0;width:100%}body.reference-tool #status{color:#245d41;text-shadow:none;font-size:15px;padding:0}
body.reference-tool .content-width{width:min(1056px,calc(100% - 64px))}
body.reference-tool .trust-line{min-height:60px;font-size:14px;color:#526b61}body.reference-tool .trust-line #collection-summary{font-size:14px}
body.reference-tool .output-panel{margin-top:16px;margin-bottom:32px}
body.reference-tool .result-heading{padding:12px 0}body.reference-tool .result-heading h2{font-size:28px;font-weight:700;outline:none}
body.reference-tool .result-guide{font-size:15px;line-height:1.7;margin-bottom:12px;color:#526b61}
body.reference-tool .session-notice{font-size:14px;padding:0;margin:0 0 12px;background:none;border:0;color:#526b61;line-height:1.8}
body.reference-tool .settings-scope-note{font-size:14px;color:#526b61;margin:0 0 20px}
body.reference-tool main:not(:has(#results .result)) .settings-scope-note{display:none}
body.reference-tool .settings-wrap .settings-scope-note{font-size:13px;margin:10px 0 0;line-height:1.7}
body.reference-tool .result{padding:24px;margin:0 0 16px;border:1px solid #dce7df;border-radius:16px;background:#fff;gap:24px}
body.reference-tool .result.compare-ready{grid-template-columns:240px minmax(0,1fr);align-items:center}
body.reference-tool .result.compare-ready>img{height:190px;width:100%;border-radius:10px}
body.reference-tool .result>div:first-of-type{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}
body.reference-tool .result .tag{order:0;background:#e9f3e6;color:#2d653f;font-family:inherit;font-size:13px;border-radius:20px;padding:3px 10px;margin:0}
body.reference-tool .result h3{order:1;font-size:15px;font-weight:500;color:#526b61;margin:0;max-width:100%}
body.reference-tool .result p{order:2;font-size:17px;line-height:1.7;color:#183f35;margin:0}
body.reference-tool .result .compare-controls{order:3;margin:0}
body.reference-tool .result .result-actions{order:4;justify-content:flex-start;gap:10px}
body.reference-tool .result .save-feedback{order:5;font-size:15px}
body.reference-tool .result .zip-choice{order:6;margin:0;font-size:14px;min-height:44px}
body.reference-tool .result :is(button,a.download),body.reference-tool .bulk-save .primary{font-size:15px;min-height:46px;border-radius:8px;padding:10px 16px}
body.reference-tool .result .download.primary,body.reference-tool .bulk-save .primary{background:#245d41;border-color:#245d41;color:#fff;font-weight:700}
body.reference-tool .result-details{padding:6px 0 0}body.reference-tool .result-details summary{font-size:14px;min-height:44px;padding:10px 0}
body.reference-tool .totals{font-size:15px;border-radius:10px;background:#eaf2e7;padding:16px 20px}
body.reference-tool .support-disclosure{padding:16px 0}body.reference-tool .support-disclosure>summary{font-size:16px}
body.reference-tool footer{width:min(1056px,calc(100% - 64px));padding-inline:0;color:#526b61}
body.reference-tool .reference-hero:has(~.output-panel #results .result) .hero-stage{padding-top:24px;padding-bottom:24px}
body.reference-tool main:has(#results .result) .value-intro,body.reference-tool main:has(#results .result) .puppy{display:none}
body.reference-tool main:has(#results .result) .hero-stage{display:block;padding:24px 32px}
body.reference-tool main:has(#results .result) #botai-workspace{padding:16px 20px;max-width:1056px;box-shadow:none}
body.reference-tool main:has(#results .result) .input-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center}
body.reference-tool main:has(#results .result) .drop{min-height:82px;padding:12px;gap:0}body.reference-tool main:has(#results .result) .upload-art,body.reference-tool main:has(#results .result) #drop-limits{display:none}
body.reference-tool main:has(#results .result) .processing-status{max-width:1056px;margin:12px auto 0}
body.reference-tool :is(button,a,input,select,summary):focus-visible{outline:3px solid #4d8762;outline-offset:3px}
@media(max-width:700px){
 body.reference-tool #botai-app-navigation{min-height:68px;padding:12px 20px;gap:12px}body.reference-tool #tool-title{font-size:14px;padding-left:12px;flex:1 1 6em}body.reference-tool .interface-language select{width:84px;font-size:14px}
 body.reference-tool .hero-stage,body.reference-tool .reference-hero:has(.settings-disclosure[open]) .hero-stage{display:block;padding:26px 20px 28px}
 body.reference-tool .value-intro{padding-bottom:0;margin-bottom:24px}body.reference-tool .value-eyebrow{font-size:13px;margin-bottom:10px}
 body.reference-tool .value-intro h2{font-size:33px;line-height:1.35;margin-bottom:12px;letter-spacing:-.035em}
 body.reference-tool .value-lead{font-size:16px;line-height:1.8;margin-bottom:12px}body.reference-tool .value-privacy{font-size:16px;margin:0;max-width:100%}
 body.reference-tool #botai-workspace.workspace{padding:18px;border-radius:16px}body.reference-tool .input-panel{gap:16px}body.reference-tool .summary-values{gap:12px;grid-template-columns:1fr 1.45fr}
 body.reference-tool .summary-values label{font-size:13px}body.reference-tool .summary-values #target{width:7ch;font-size:18px}body.reference-tool .summary-values #format{font-size:14px}
 body.reference-tool .drop{min-height:175px;padding:16px 10px;gap:10px}body.reference-tool .drop .upload-art{width:30px;height:30px}body.reference-tool #choose.primary{font-size:16px;padding:12px 16px;min-height:48px}
 body.reference-tool #drop-limits{font-size:13px!important;line-height:1.6}body.reference-tool .puppy{display:none}
 body.reference-tool .content-width{width:calc(100% - 40px)}body.reference-tool .trust-line{min-height:64px;flex-wrap:wrap;gap:0;padding-block:10px}body.reference-tool .trust-line>span{display:none}
 body.reference-tool .result-heading h2{font-size:23px}body.reference-tool .result-guide{font-size:15px}body.reference-tool .session-notice,body.reference-tool .settings-scope-note{font-size:14px}
 body.reference-tool .result.compare-ready{display:flex;flex-direction:column;align-items:stretch;gap:18px;padding:18px;border-radius:14px}body.reference-tool .result.compare-ready>img{height:180px;width:100%}
 body.reference-tool .result>div:first-of-type{gap:12px}body.reference-tool .result p{font-size:16px}body.reference-tool .result .result-actions{width:100%}body.reference-tool .result .download.primary{flex:1;text-align:center}
 body.reference-tool .result :is(button,a.download){font-size:16px;padding:10px 12px}body.reference-tool .result .zip-choice{font-size:16px}
 body.reference-tool main:has(#results .result) .hero-stage{padding:18px 20px}body.reference-tool main:has(#results .result) #botai-workspace{padding:14px}
 body.reference-tool main:has(#results .result) .input-panel{grid-template-columns:1fr;gap:12px}body.reference-tool main:has(#results .result) .drop{min-height:60px;padding:4px}
 body.reference-tool main:has(#results .result) .settings-disclosure>summary{min-height:36px}body.reference-tool footer{width:calc(100% - 40px);font-size:13px}
}
body.reference-tool :is(.session-notice,.settings-scope-note,.settings-wrap .settings-scope-note){font-size:16px;line-height:1.7}
@media(forced-colors:active){body.reference-tool #choose.primary,body.reference-tool .result .download.primary{border:1px solid ButtonText}}
/* Structure refinement from the independent design review. */
body.reference-tool{--ink:#203c32;--muted:#5b6b60;--paper:#f4f7f5;background:#f4f7f5}
body.reference-tool .value-eyebrow,body.reference-tool .value-privacy{display:none}
body.reference-tool .value-intro{padding-bottom:20px}
body.reference-tool .value-intro h2{font-size:36px;line-height:1.4;margin-bottom:12px}
body.reference-tool .value-lead{font-size:16px;line-height:1.7;margin:0}
body.reference-tool .value-tool-note{font-size:14px;line-height:1.7;color:#5b6b60;margin:16px 0 0}
body.reference-tool .preserve-note,body.reference-tool .target-next{display:none}
body.reference-tool main:has(#preserve-dimensions:checked) .preserve-note{display:inline}
body.reference-tool main:has(#preserve-dimensions:checked) .resize-note{display:none}
body.reference-tool main:has(#results .result) .target-first{display:none}
body.reference-tool main:has(#results .result) .target-next{display:inline}
body.reference-tool main:not(:has(#results .result)) .trust-line{display:none}
body.reference-tool .result .result-outcome{order:1;display:flex;flex-direction:column;gap:4px;align-items:flex-start}
body.reference-tool .result .outcome-label{font-size:14px;color:#5b6b60}
body.reference-tool .result .outcome-size{font-size:32px;font-weight:700;line-height:1.3;letter-spacing:-.025em;color:#203c32}
body.reference-tool .result .outcome-goal{font-size:14px;color:#315e42;background:#edf4eb;border-radius:6px;padding:3px 9px}
body.reference-tool .result h3{order:2}
body.reference-tool .result p{order:3;font-size:16px}
body.reference-tool .result .compare-controls{order:4}
body.reference-tool .result .result-actions{order:5}
body.reference-tool .result .save-feedback{order:6}
body.reference-tool .result .zip-choice{order:7}
body.reference-tool .result.error .tag,body.reference-tool .result[data-outcome="unmet"] .tag,body.reference-tool .result[data-outcome="larger"] .tag,body.reference-tool .result .result-outcome:not([data-state="met"]) .outcome-goal{background:#fff2d9;color:#77521b}
body.reference-tool .result.error{border-color:#dbc49d}
body.reference-tool .result.error .outcome-size,body.reference-tool .result[data-outcome="larger"] .outcome-size{color:#77521b}
body.reference-tool #choose.primary,body.reference-tool .result .download.primary,body.reference-tool .bulk-save .primary{background:#2d6148;border-color:#2d6148}
@media(max-width:700px){
 body.reference-tool #botai-app-navigation{min-height:64px;padding-block:10px}
 body.reference-tool .hero-stage,body.reference-tool .reference-hero:has(.settings-disclosure[open]) .hero-stage{padding:18px 20px 24px}
 body.reference-tool .value-intro{padding:0;margin-bottom:16px}
 body.reference-tool .value-intro h2{font-size:28px;line-height:1.4;margin-bottom:8px}
 body.reference-tool .value-lead{font-size:16px;line-height:1.7}
 body.reference-tool #botai-workspace.workspace{padding:16px}
 body.reference-tool .input-panel{gap:12px}
 body.reference-tool .settings-disclosure>summary{min-height:36px}
 body.reference-tool .drop{min-height:160px;padding:16px 10px;gap:10px}
 body.reference-tool .drop .upload-art{width:28px;height:28px}
 body.reference-tool .value-tool-note{font-size:14px;margin-top:12px}
 body.reference-tool .result .outcome-size{font-size:30px}
 body.reference-tool .result.compare-ready>img{object-fit:contain;height:170px}
}
