/* The local workbench: readable controls, generous previews, restrained color. */
body[data-portfolio="true"]{--accent:#286957;background:#f7f7f2}
body[data-portfolio="true"] .hero{gap:4rem;padding-top:4.5rem;padding-bottom:4.5rem}
body[data-portfolio="true"] .hero h1{font-size:clamp(2.3rem,4.3vw,4.7rem);max-width:16ch;line-height:1.06;letter-spacing:-.045em}
body[data-portfolio="true"] .hero-copy>p{max-width:60ch;font-size:1.1rem}
.portfolio-art{border:1px solid #c9d6cf;border-radius:22px;background:#e8efe9;padding:26px;box-shadow:0 24px 50px #213f2b10;transform:rotate(1deg)}
.portfolio-art>div:first-child{display:flex;justify-content:space-between;gap:16px;font:600 11px/1.5 system-ui;letter-spacing:.12em;text-transform:uppercase;color:#456656}
.portfolio-art svg{display:block;width:100%;height:auto;margin:20px 0}
.portfolio-art .art-caption{border-top:1px solid #c1d1c8;padding-top:18px;display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#456656}
body[data-portfolio="true"] #tool{border-top:1px solid #dfe5dc;background:#f0f3ec;padding-top:50px}
body[data-portfolio="true"] .tool-layout{grid-template-columns:minmax(280px,.9fr) minmax(0,1.35fr);align-items:start}
body[data-portfolio="true"] .panel{border-radius:15px;border:1px solid #d2dcd2;box-shadow:0 4px 18px #1f3a2910}
body[data-portfolio="true"] .input-panel{background:#fff}
.tool-limits{max-width:95ch;padding:15px 18px;border-left:3px solid #749683;background:#fff;color:#4a6254;font-size:13px;line-height:1.7;margin:0 0 25px}
body[data-portfolio="true"] :is(input,select,textarea){min-height:44px;border-radius:7px}
body[data-portfolio="true"] input[type=file]{padding:18px 12px;background:#f7faf5;border:1px dashed #9cb2a0;max-width:100%}
body[data-portfolio="true"] input[type=file]::file-selector-button{background:#e7eee4;border:0;border-radius:5px;padding:9px 12px;margin-right:12px;color:#234c36;font-weight:600;cursor:pointer}
body[data-portfolio="true"] .result-panel{min-width:0;overflow:hidden}
body[data-portfolio="true"] .report-extras{max-width:100%;overflow-wrap:anywhere}
body[data-portfolio="true"] .report-extras :is(canvas,svg,img,video){max-width:100%;height:auto}
body[data-portfolio="true"] .report-extras textarea{width:100%;box-sizing:border-box;min-height:150px}
body[data-portfolio="true"] .report-extras :is(button,a){max-width:100%;white-space:normal}
body[data-portfolio="true"] .result-actions{gap:8px;border-top:1px solid #e1e7df;padding-top:22px}
body[data-portfolio="true"] .result-actions .secondary{background:#eaf1e6;border-color:#cedbc8}
body[data-portfolio="true"] .metrics{grid-template-columns:repeat(auto-fit,minmax(95px,1fr))}
body[data-portfolio="true"] .metric strong{overflow-wrap:anywhere;font-size:1.35rem}
body[data-portfolio="true"] .guide-card{background:#fff;border-radius:13px;transition:transform .15s,box-shadow .15s}
body[data-portfolio="true"] .guide-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px #213f2b12}
body[data-portfolio="true"] .report-table-scroll{max-height:500px;overflow:auto}
body[data-portfolio="true"] table{width:100%;border-collapse:collapse}
body[data-portfolio="true"] :is(th,td){padding:9px;text-align:left;border-bottom:1px solid #e3e8df;overflow-wrap:anywhere}
body[data-portfolio="true"] th{position:sticky;top:0;background:#edf2e9;z-index:1}
body[data-portfolio="true"] .fields>.field{min-width:0}
body[data-portfolio="true"] .fields fieldset{min-width:0}
@media(max-width:900px){body[data-portfolio="true"] .tool-layout{grid-template-columns:1fr}body[data-portfolio="true"] .hero{gap:2rem;padding-top:2.4rem}.portfolio-art{transform:none;max-width:550px}}
@media(prefers-reduced-motion:reduce){body[data-portfolio="true"] .guide-card{transition:none}}
@media print{.portfolio-art,.tool-limits{display:none}body[data-portfolio="true"] .report-extras{overflow:visible}}