:root{--bg:#f4f7f2;--panel:#fff;--text:#152019;--muted:#5a6b60;--brand:#236c43;--brand-2:#c06a25;--line:#d8e0d8;--shadow:0 18px 60px rgba(21,32,25,.08)}@media (prefers-color-scheme:dark){:root{--bg:#101511;--panel:#17201b;--text:#eef7ef;--muted:#b6c3b8;--brand:#6ed091;--brand-2:#f1a05b;--line:#2c3a31;--shadow:0 18px 60px rgba(0,0,0,.28)}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55}a{color:inherit}button,input,select{font:inherit}.skip-link{position:absolute;left:-999px;top:8px;background:var(--brand);color:#fff;padding:.6rem 1rem;border-radius:.5rem;z-index:10}.skip-link:focus{left:8px}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,3rem);background:color-mix(in srgb,var(--panel) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{font-weight:900;font-size:1.2rem;text-decoration:none}.site-footer nav,.site-header nav{display:flex;gap:.75rem;flex-wrap:wrap}.site-footer a,.site-header a:not(.brand){color:var(--muted);text-decoration:none}.global-disclaimer{font-size:.75rem;text-align:center;padding:.45rem 1rem;color:var(--muted);border-bottom:1px solid var(--line);background:var(--panel)}.page-wrap{width:min(1440px,100%);margin:0 auto;padding:clamp(1rem,3vw,2.5rem)}.hero{padding:clamp(2rem,5vw,4rem);background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 10%,var(--panel)),var(--panel));border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);margin-bottom:1.5rem}.hero h1{font-size:clamp(2rem,5vw,4.5rem);line-height:1.02;margin:.35rem 0 1rem;letter-spacing:-.04em}.hero p{max-width:900px;color:var(--muted);font-size:1.06rem}.eyebrow{display:inline-flex;align-items:center;gap:.4rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.78rem;color:var(--brand)}.small-note{font-size:.9rem}.ad-slot,.content-card,.tool-shell{background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);margin:1.5rem 0}.tool-shell{padding:1rem}.tool-header{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap;padding:1rem}.tool-header h2{margin:.25rem 0 0;font-size:clamp(1.45rem,3vw,2.25rem)}.canvas-toolbar,.export-actions,.layer-actions,.link-grid,.shape-tabs{display:flex;gap:.6rem;flex-wrap:wrap}.canvas-toolbar button,.export-actions button,.layer-actions button,.shape-tabs button{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:999px;padding:.65rem .9rem;cursor:pointer}.canvas-toolbar button:hover,.export-actions button:hover,.layer-actions button:hover,.shape-tabs button.active{background:var(--brand);color:#fff;border-color:var(--brand)}.tool-grid{display:grid;grid-template-columns:minmax(280px,360px) 1fr;grid-gap:1rem;gap:1rem}.controls{display:flex;flex-direction:column;gap:1rem}.control-group,.export-panel,.layer-panel,.summary,.warning-panel{border:1px solid var(--line);border-radius:20px;padding:1rem;background:color-mix(in srgb,var(--panel) 92%,var(--bg))}.control-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem;margin-bottom:.75rem}.control-row label{display:flex;flex-direction:column;gap:.35rem;color:var(--muted);font-weight:700;font-size:.9rem}.control-row input,.control-row select{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;padding:.7rem}.checkbox-row{flex-direction:row!important;align-items:center}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.65rem;gap:.65rem}.stat{border:1px solid var(--line);border-radius:16px;padding:.75rem;background:var(--panel)}.stat span{display:block;font-size:.75rem;color:var(--muted)}.stat strong{display:block;font-size:1.05rem}.canvas-column{display:flex;flex-direction:column;gap:1rem}.canvas-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--panel)}.canvas-toolbar{align-items:center;padding:.75rem;border-bottom:1px solid var(--line)}.canvas-toolbar span{color:var(--muted);font-size:.9rem}.canvas-wrap{height:min(70vh,720px);min-height:420px;background:var(--bg);touch-action:none}.canvas-wrap:-webkit-full-screen{background:var(--panel);padding:1rem}.canvas-wrap:fullscreen{background:var(--panel);padding:1rem}.canvas-wrap canvas{display:block;width:100%;height:100%;cursor:-webkit-grab;cursor:grab}.canvas-wrap canvas:active{cursor:-webkit-grabbing;cursor:grabbing}.warning-panel{border-color:color-mix(in srgb,var(--brand-2) 45%,var(--line))}.export-panel p,.warning-panel li{color:var(--muted)}.content-card{padding:clamp(1.25rem,3vw,2rem)}.content-card h2{margin-top:0}.content-card details{border-top:1px solid var(--line);padding:1rem 0}.content-card summary{cursor:pointer;font-weight:800}.link-grid a{border:1px solid var(--line);background:var(--bg);padding:.8rem 1rem;border-radius:16px;text-decoration:none}.ad-slot{padding:1.25rem;color:var(--muted);background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--panel) 88%,var(--bg)),color-mix(in srgb,var(--panel) 88%,var(--bg)) 12px,var(--panel) 12px,var(--panel) 24px)}.ad-slot span{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.site-footer{padding:2rem clamp(1rem,4vw,3rem);color:var(--muted);border-top:1px solid var(--line)}@media (max-width:900px){.tool-grid{grid-template-columns:1fr}.site-header{align-items:flex-start;flex-direction:column}.control-row,.summary-grid{grid-template-columns:1fr}.canvas-wrap{min-height:360px;height:62vh}}@media print{.ad-slot,.content-card,.controls,.export-panel,.global-disclaimer,.shape-tabs,.site-footer,.site-header,.warning-panel{display:none!important}body{background:#fff;color:#000}.page-wrap{padding:0}.canvas-card,.layer-panel,.tool-shell{box-shadow:none;border:0}.tool-grid{display:block}.canvas-wrap{height:88vh;min-height:88vh}.canvas-toolbar{display:none}.hero{box-shadow:none;border:0;padding:0 0 1rem}}.print-range{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem;margin:.75rem 0}.print-range label{display:flex;flex-direction:column;gap:.35rem;color:var(--muted);font-weight:700;font-size:.9rem}.print-range input{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;padding:.65rem}.data-panel{border:1px solid var(--line);border-radius:20px;padding:1rem;background:color-mix(in srgb,var(--panel) 92%,var(--bg))}.data-panel h3{margin-top:0}.table-wrap{max-height:360px;overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--panel)}table{width:100%;border-collapse:collapse;font-size:.9rem}td,th{padding:.55rem .65rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{position:-webkit-sticky;position:sticky;top:0;background:var(--panel);z-index:1}.printable-data{page-break-inside:auto;break-inside:auto}@media print{.printable-data{display:block!important;page-break-before:auto;break-before:auto}.table-wrap{max-height:none;overflow:visible;border:1px solid #999}th{position:static;background:#eee}td,th{color:#000}td,th{border-color:#bbb}.print-range{display:none!important}}.breadcrumbs{max-width:1180px;margin:0 auto 1rem;padding:0 1rem;font-size:.9rem;color:var(--muted)}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none;padding:0;margin:0}.breadcrumbs li:after{content:"/";margin-left:.35rem;color:var(--line)}.breadcrumbs li:last-child:after{content:"";margin:0}.disclosure-box{max-width:1180px;margin:0 auto 1rem;padding:1rem;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text)}.disclosure-box p{margin:.25rem 0 0;color:var(--muted)}.noscript-warning{margin:1rem auto;max-width:1180px;border:1px solid var(--brand-2);background:var(--panel);color:var(--text);border-radius:16px;padding:1rem}.coordinate-readout,.preset-selector{border:1px solid var(--line);border-radius:20px;padding:1rem;background:color-mix(in srgb,var(--panel) 92%,var(--bg))}.preset-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.preset-actions button{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:999px;padding:.55rem .75rem;cursor:pointer}.preset-actions button:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.coordinate-readout p{margin:.35rem 0 0;color:var(--muted)}.print-url{display:none}.canvas-wrap canvas:focus{outline:3px solid var(--brand);outline-offset:-3px}@media print{.print-url{display:block;color:#000}.coordinate-readout{border:0;background:#fff;color:#000}.preset-selector{display:none!important}}.input-panel,.results-panel{border:1px solid var(--line);border-radius:20px;padding:1rem;background:color-mix(in srgb,var(--panel) 92%,var(--bg))}.input-panel h3{margin-top:0}.active-row{background:color-mix(in srgb,var(--brand-2) 18%,var(--panel))}.active-row button{background:var(--brand);color:#fff}.row-segment-table button{border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--text);padding:.35rem .6rem}.desktop-sidebar-ad{display:none}.preset-cards a{min-width:190px}.explanation-block{border-left:4px solid var(--brand)}@media (min-width:1100px){.with-sidebar{position:relative}.desktop-sidebar-ad{display:block;float:right;width:300px;margin:0 0 1rem 1rem}.desktop-sidebar-ad .ad-slot{margin:0;box-shadow:none}}@media print{.desktop-sidebar-ad,.input-panel,.results-panel .summary,.row-segment-table button{display:none!important}.active-row{background:#eee!important}}