:root{--public-bg:#faf9f4;--public-ink:#29453d;--public-muted:#718071;--public-accent:#315c48}.public-page{margin:0;background:var(--public-bg);color:var(--public-ink);font-family:Arial,Helvetica,sans-serif;font-size:15px}.public-page a{color:inherit}.public-page a:focus-visible{outline:3px solid #629b82;outline-offset:5px}.public-skip{position:absolute;top:-90px;left:20px;z-index:10;background:#fff;padding:15px}.public-skip:focus{top:10px}.public-nav{max-width:1370px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 55px;border-bottom:1px solid #e1e6d9;gap:20px}.public-brand{font-family:Georgia,serif;font-size:30px;letter-spacing:-1px;text-decoration:none;white-space:nowrap}.public-brand .light{color:#7b8e6d}.public-nav nav{display:flex;align-items:center;gap:35px;font-size:12px}.public-nav nav a{text-decoration:none}.public-page .public-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:#315c48;color:#fff;padding:17px 24px;border-radius:7px;text-decoration:none;font-size:13px;line-height:1.5}.public-page .public-button:hover{background:#416f58}.public-page .public-button.small{font-size:12px;padding:12px 18px;gap:15px}.hero{max-width:1370px;margin:auto;padding:65px 55px 70px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:20px}.overline{font-size:9px;letter-spacing:2px;color:#78896b;font-weight:700}.hero h1{font-family:Georgia,serif;font-size:clamp(40px,4.7vw,68px);line-height:1.13;letter-spacing:-2.5px;font-weight:400;margin:25px 0}.hero h1 em{color:#718c5f;font-weight:400}.hero-copy>p{max-width:390px;font-size:15px;line-height:1.9;color:var(--public-muted);margin:0 0 30px}.hero-footnote{font-size:10px;color:#7d8874;margin-top:18px;letter-spacing:.2px}.hero-art{position:relative;background-image:radial-gradient(#9eac8a66 .7px,transparent .7px);background-size:20px 20px;padding:12px;border-radius:50%}.hero-art svg{width:100%;display:block}.art-caption{display:block;text-align:center;font-family:Georgia,serif;font-style:italic;font-size:12px;color:#8a957e;margin-top:10px}.intro{border-top:1px solid #dfe5d7;max-width:1260px;margin:0 auto;padding:65px 0 35px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.public-page h2{font-family:Georgia,serif;font-size:38px;line-height:1.2;letter-spacing:-1px;font-weight:400;margin:18px 0}.intro>p{color:var(--public-muted);font-size:14px;line-height:1.9;margin:30px 0 0;max-width:480px}.feature-grid{max-width:1260px;margin:auto;padding:20px 0 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-grid article{border:1px solid #dfe5d6;border-radius:12px;padding:28px;background:#f4f5ed}.step{font-size:9px;letter-spacing:1.4px;color:#829176}.public-page h3{font-family:Georgia,serif;font-size:23px;font-weight:400;line-height:1.3;margin:20px 0 12px}.feature-grid p,.questions p{font-size:13px;line-height:1.9;color:var(--public-muted);margin:0}.understand{max-width:1260px;margin:auto;padding:60px 0;border-top:1px solid #dfe5d7}.questions{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin:40px 0}.questions h3{font-size:21px}.color-dot{width:15px;height:15px;border-radius:50%;display:block}.pink{background:#e8a2a5}.yellow{background:#e6c16d}.blue{background:#86bcbd}.green{background:#a4b58d}.connections{max-width:850px;font-size:13px;line-height:1.9;color:var(--public-muted)}.last-call{text-align:center;background:#edf1e7;padding:75px 25px}.last-call h2{font-size:50px;margin:18px 0 28px}.last-call p{font-size:11px;color:#819075;margin:20px 0 0}.public-footer{max-width:1370px;margin:auto;padding:35px 55px;display:flex;justify-content:space-between;gap:20px;align-items:center}.public-footer .public-brand{font-size:23px}.public-footer span,.public-footer nav{font-size:10px;color:#79876f}.public-footer nav{display:flex;gap:20px}.public-footer nav a{text-decoration:none}.legal-content{max-width:800px;padding:55px 25px 80px;margin:auto}.legal-content h1{font:400 45px/1.2 Georgia,serif;letter-spacing:-1.3px}.legal-content h2{font-size:25px;margin-top:35px}.legal-content p,.legal-content li{font-size:14px;line-height:1.9;color:#68765f}.legal-content .updated{font-size:11px}.legal-content .public-button{margin-top:25px}@media(max-width:1350px){.intro,.feature-grid,.understand{margin-left:55px;margin-right:55px}}@media(max-width:850px){.public-nav{padding:22px 25px}.public-nav nav{gap:18px}.hero{padding:55px 30px;grid-template-columns:1fr 1fr;gap:5px}.hero h1{font-size:43px;letter-spacing:-1.7px}.hero-copy>p{font-size:13px}.hero-art{padding:0}.intro,.feature-grid,.understand{margin-left:30px;margin-right:30px}.intro{gap:30px}.public-page h2{font-size:32px}.feature-grid{gap:12px}.feature-grid article{padding:20px}.public-page h3{font-size:21px}.questions{grid-template-columns:repeat(2,1fr);gap:30px}.public-footer{padding:25px}.art-caption{font-size:10px}}@media(max-width:600px){.public-nav nav>a:first-child{display:none}.public-brand{font-size:26px}.public-nav .public-button.small{font-size:11px;padding:10px 12px}.hero{grid-template-columns:1fr;padding:48px 25px 35px;gap:40px}.hero h1{font-size:49px;letter-spacing:-2px}.hero-copy>p{font-size:14px;max-width:340px}.hero-art{max-width:440px;width:100%;margin:auto}.intro{grid-template-columns:1fr;gap:0;padding-top:40px}.intro>p{margin-top:5px}.intro,.feature-grid,.understand{margin-left:25px;margin-right:25px}.feature-grid{grid-template-columns:1fr;padding-bottom:40px}.feature-grid article{padding:25px}.questions{grid-template-columns:1fr;gap:25px;margin:30px 0}.questions article{position:relative;padding-left:30px}.questions .color-dot{position:absolute;left:0;top:5px}.questions h3{margin-top:0}.understand{padding-top:40px}.last-call{padding:60px 25px}.last-call h2{font-size:39px}.public-footer{flex-wrap:wrap}.public-footer>span{order:3;width:100%}.legal-content{padding-top:30px}.legal-content h1{font-size:37px}}.learning-tools{border-top:1px solid var(--line);margin-top:8px;padding-top:8px;display:grid}.learning-tools .side-tool{line-height:1.5;font-size:11px;padding:8px 3px;min-height:40px}.suggestions-toggle{font-size:10px;display:flex;align-items:center;gap:8px;cursor:pointer;min-height:40px;color:var(--ink)}.suggestions-toggle input{width:16px;height:16px;padding:0;accent-color:var(--accent)}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 22px;background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-shrink:0}.demo-banner strong{display:block;font-size:12px;line-height:1.5}.demo-banner span{font-size:10px;line-height:1.5}.demo-banner button{font-size:11px;background:var(--panel);border:1px solid var(--line);min-height:44px;white-space:nowrap}.section-title-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-title-line h2{min-width:0}.section-title-line>button{border:1px solid var(--line);border-radius:50%;width:44px;min-width:44px;height:44px;padding:0;font-family:Georgia,serif;font-size:22px}.edit-panel #personal-fields{padding:0;border:0;margin:24px 0 0;min-width:0}.edit-panel #personal-fields>legend{padding:0;font-size:11px;line-height:1.6;margin-bottom:10px;font-weight:600}.edit-panel #personal-fields:disabled{opacity:.8}.edit-panel .lesson-content{margin:20px 0}.lesson-content p{font-size:12px;line-height:1.7;margin:10px 0}.lesson-content .lesson-meaning{margin-top:0}.lesson-connection{font-weight:600;color:var(--ink)}.lesson-example{border-left:3px solid #8caa70;background:var(--side);border-radius:0 8px 8px 0;padding:12px 13px}.lesson-example>span{font-size:9px;font-weight:600;line-height:1.6;display:block}.lesson-example>p{font-family:Georgia,serif;font-size:15px;line-height:1.6}.lesson-content summary,.help-learning-actions~details>summary{cursor:pointer;min-height:40px;font-size:11px;line-height:1.7;padding:10px 0}.lesson-content details p{font-size:11px}.lesson-more ul{padding-left:18px;font-size:11px;line-height:1.9;margin:7px 0}.lesson-more{border-bottom:1px solid var(--line)}.lesson-content .lesson-model-note,.lesson-model-note{font-size:10px;line-height:1.7;color:var(--muted)}.lesson-write{width:100%;margin-top:12px;border:1px solid var(--line);font-size:12px;min-height:44px}.lesson-caption{font-size:10px!important;color:var(--muted)}.guide-navigation{border:1px solid var(--line);border-radius:10px;padding:12px;margin:15px 0 5px;background:var(--side)}.guide-progress-line{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px}.guide-progress-line button{font-size:10px;min-height:36px;padding:4px 7px}.guide-navigation progress{width:100%;height:5px;accent-color:var(--accent);display:block;margin:5px 0 12px}.guide-navigation h3{font:400 20px/1.35 Georgia,serif;margin:6px 0 10px}.guide-actions{display:flex;flex-wrap:wrap;gap:4px}.guide-actions button{font-size:10px;flex:1;min-height:40px;padding:5px}.guide-regions{display:flex;flex-wrap:wrap;gap:4px;margin:10px 0 0}.guide-regions button{border:1px solid var(--line);font-size:10px;min-height:40px;padding:5px 8px}.guide-regions [aria-pressed=true]{background:var(--accent);color:#fff}.guide-review h3{font:400 25px/1.4 Georgia,serif}.guide-review p{font-size:12px;line-height:1.7}.learning-review{list-style:none;margin:15px 0;padding:0}.learning-review li{padding:12px 0;border-bottom:1px solid var(--line)}.learning-review strong,.learning-review span{display:block;font-size:11px;line-height:1.7;overflow-wrap:anywhere}.learning-review button{font-size:10px;text-decoration:underline;padding-left:0}.learning-check{padding:14px;border:1px solid var(--line);border-radius:9px;margin:20px 0}.learning-check legend{font-size:12px;line-height:1.7;padding:0 4px}.learning-check button{font-size:11px;display:block;text-align:left;min-height:44px;width:100%}.help-learning-actions{display:grid;gap:8px}.help-learning-actions button{min-height:44px}.workspace[data-guided=true] .advanced-field,.workspace[data-demo=true] .advanced-field,.workspace[data-review=true] #personal-fields{display:none}.workspace[data-learning-open=true]:has(.edit-panel:not([hidden])){grid-template-columns:252px minmax(0,1fr) 350px}.workspace.sidebar-closed[data-learning-open=true]:has(.edit-panel:not([hidden])){grid-template-columns:0 minmax(0,1fr) 350px}.workspace[data-demo=true] #map-title{font-size:27px}.workspace .region-help{cursor:help}.workspace .region-help:hover circle,.workspace .region-help:focus circle{stroke-width:3;stroke:var(--accent)}.workspace .region-help:focus{outline:none}.workspace .guided-region>rect{stroke:var(--accent);stroke-width:3;stroke-dasharray:6 4}@media(max-width:1100px)and (min-width:761px){.workspace[data-learning-open=true]:has(.edit-panel:not([hidden])){grid-template-columns:210px minmax(0,1fr) 320px}.workspace.sidebar-closed[data-learning-open=true]:has(.edit-panel:not([hidden])){grid-template-columns:0 minmax(0,1fr) 320px}}@media(max-width:760px){.workspace[data-learning-open=true]:has(.edit-panel:not([hidden])){display:flex;flex-direction:column}.workspace[data-learning-open=true] .editor-main{height:50dvh;min-height:0;flex:none}.workspace[data-learning-open=true] .edit-panel{position:static;width:100%;height:50dvh;min-height:0;border-left:0;border-top:1px solid var(--line);box-shadow:none;overflow:auto;padding:12px 20px 22px}.workspace[data-learning-open=true] .map-heading{padding:8px 16px}.workspace[data-learning-open=true] .map-heading .eyebrow,.workspace[data-learning-open=true] .map-heading p,.workspace[data-learning-open=true][data-demo=true] .map-heading{display:none}.workspace[data-learning-open=true] .map-heading input{font-size:22px;margin:0}.workspace[data-learning-open=true] .canvas-area{min-height:60px}.workspace[data-learning-open=true] .canvas-footer{height:42px;min-height:42px}.workspace[data-learning-open=true] #save-status{position:static;font-size:8px;max-width:85px}.demo-banner{padding:7px 12px;gap:8px}.demo-banner strong{font-size:10px}.demo-banner span{display:none}.demo-banner button{font-size:10px;padding:6px 8px}.guide-navigation{padding:10px}.guide-navigation h3{font-size:19px}.section-title-line h2{margin:12px 0 8px}.edit-panel .panel-hint{margin-bottom:12px}.edit-panel .lesson-content{margin:14px 0}}@media(max-width:760px)and (max-height:600px){.workspace[data-learning-open=true] .map-heading,.workspace[data-learning-open=true] .canvas-tools,.workspace[data-learning-open=true] .demo-banner{display:none}.workspace[data-learning-open=true][data-demo=true] .panel-top .eyebrow{font-size:9px}.workspace[data-learning-open=true] .canvas-area{min-height:50px}}@media(max-width:760px){.workspace[data-learning-open=true] .canvas-tip{display:none}}@media(min-width:560px)and (max-width:760px)and (max-height:600px){.workspace[data-learning-open=true]:has(.edit-panel:not([hidden])),.workspace.sidebar-closed[data-learning-open=true]:has(.edit-panel:not([hidden])){display:grid;grid-template-columns:minmax(0,1fr) 300px}.workspace[data-learning-open=true] .editor-main,.workspace[data-learning-open=true] .edit-panel{height:100dvh}.workspace[data-learning-open=true] .edit-panel{border-left:1px solid var(--line);border-top:0}.workspace[data-learning-open=true] .home-small{display:none}.workspace[data-learning-open=true] .canvas-footer{padding:0 5px}.workspace[data-learning-open=true] .canvas-footer>span{display:none}.workspace[data-learning-open=true] .zoom-controls{margin-left:auto}}#page-dialog{max-width:690px;max-height:calc(100dvh - 28px);overflow:auto;padding:28px}#page-dialog h2{margin:12px 0 18px;font-size:30px}.page-close{position:absolute;right:6px;top:4px;font-size:25px;min-width:44px;min-height:44px}.page-orientation,.page-format{padding:0;border:0;margin:0;min-width:0}.page-orientation legend,.page-format legend{font-size:12px;font-weight:600;margin-bottom:10px}.page-orientation{display:flex;gap:10px}.page-orientation>label{flex:1;padding:12px;border:1px solid var(--line);border-radius:9px;display:flex;gap:9px;align-items:center;min-height:64px;cursor:pointer}.page-orientation>label:has(input:checked){border-color:var(--accent);background:var(--side)}.page-orientation input,.page-format input{width:17px;height:17px;margin:0;accent-color:var(--accent);padding:0;flex-shrink:0}.page-orientation strong{font-size:13px}.page-orientation small,.page-format small{display:block;font-size:10px;line-height:1.6;margin-top:5px;color:var(--muted)}.page-overview{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;align-items:center;margin-top:20px}.page-overview figure{margin:0;text-align:center}.page-paper{height:143px;aspect-ratio:297/210;padding:8px;max-width:100%;margin:auto;border:1px solid #d4d9d0;background:#fff;box-shadow:0 2px 7px #0001}.page-paper[data-orientation=portrait]{aspect-ratio:210/297;height:160px}.page-paper>svg{display:block;width:100%;height:100%}.page-overview figcaption{font-size:9px;line-height:1.6;color:var(--muted);margin-top:8px}#page-dialog #page-estimate{font-size:11px;line-height:1.6;margin-top:0;color:var(--ink)}.page-format label{display:flex;align-items:flex-start;gap:9px;padding:9px 0;font-size:12px;line-height:1.5;cursor:pointer;min-height:44px}.page-format input{margin-top:2px}.page-warning{padding:12px 15px;background:var(--side);border:1px solid var(--line);border-radius:9px;margin-top:16px}#page-dialog .page-warning p{font-size:12px;line-height:1.7;color:var(--ink);margin:0}.page-warning button{border:1px solid var(--line);background:var(--panel);font-size:11px;margin-top:7px;min-height:40px}#page-dialog .page-caption{font-size:10px;line-height:1.7;margin:17px 0;color:var(--muted)}.page-actions{display:flex;justify-content:flex-end;gap:8px}.page-actions button{min-height:44px;font-size:12px}#page-dialog .page-error{font-size:12px;color:var(--ink);padding:10px;border:1px solid var(--ink);border-radius:7px}@media(max-width:560px){#page-dialog{padding:23px 18px;width:calc(100% - 20px)}#page-dialog h2{font-size:26px}.page-orientation{gap:7px}.page-orientation>label{padding:10px 8px;gap:6px}.page-orientation small{font-size:9px}.page-overview{grid-template-columns:100px minmax(0,1fr);gap:12px}.page-paper{height:64px;padding:4px}.page-paper[data-orientation=portrait]{height:110px}.page-overview figcaption{font-size:8px}.page-format label{font-size:11px}.page-format small{font-size:9px}.page-format legend{font-size:11px}#page-dialog .page-caption{font-size:9px}}:root{--canvas:#faf9f5;--ink:#243d3b;--muted:#76817a;--line:#e1e6dd;--side:#eef1e9;--panel:#fffefa;--accent:#285448;--soft:#dce5d8;color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #579582;outline-offset:3px}button{border:0;background:transparent;border-radius:7px;min-height:40px;padding:8px 12px}button:hover:not(:disabled){background:#dfe6dc}a{color:inherit}input,select,textarea{color:inherit;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:11px;max-width:100%}input[type=range]{accent-color:var(--accent);width:100%;height:27px;padding:0}input[type=color]{border:0;width:34px;height:34px;padding:0;background:none;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:2px}input[type=color]::-webkit-color-swatch{border:2px solid #ffffff;border-radius:50%}select{width:100%;cursor:pointer}.primary{background:var(--accent);color:#fff;box-shadow:0 2px 3px #183c2020}.primary:hover:not(:disabled){background:#376858}.skip{position:fixed;top:-70px;left:15px;z-index:100;background:#fff;padding:15px}.skip:focus{top:10px}[hidden]{display:none!important}.workspace{height:100dvh;display:grid;grid-template-columns:252px minmax(0,1fr);overflow:hidden;background:var(--canvas)}.sidebar{background:var(--side);border-right:1px solid var(--line);padding:30px 20px 16px;display:flex;flex-direction:column;gap:0;overflow:auto;z-index:20}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:Georgia,serif;font-size:29px;font-weight:500;letter-spacing:-1.3px}.brand-symbol{font-size:46px;line-height:1;color:#537b55;font-family:Georgia,serif}.brand-light{font-weight:400;color:#627566}.brand small{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:1.9px;margin:5px 0 0 3px;font-weight:600}.new-map{margin:30px 0 28px;width:100%;text-align:left;padding-left:17px;min-height:44px;font-weight:600}.new-map>span{margin-left:8px}.side-heading{font-size:10px;letter-spacing:1.45px;font-weight:700;color:#657665;margin:0 0 12px;display:flex;justify-content:space-between}.side-heading>span{letter-spacing:0;font-weight:400}.maps-list{max-height:150px;overflow:auto;min-height:44px}.map-item{display:flex;align-items:center;gap:9px;width:100%;font-size:12px;text-align:left;padding:11px}.map-item>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-item.current{background:#dfe7da;color:#2c5041}.map-actions{display:flex;gap:1px;margin:5px 0 26px}.map-actions button{font-size:10px;min-height:32px;padding:5px 8px;color:#627064}.mode-switch{display:flex;padding:4px;background:#e2e7dd;border-radius:9px;gap:4px}.mode-switch button{flex:1;min-height:34px;padding:6px;font-size:12px}.mode-switch button[aria-pressed=true]{background:var(--panel);box-shadow:0 1px 4px #2a3c2015;font-weight:600}.side-description{font-size:10px;line-height:1.6;color:#6b796b;margin:10px 0 27px}.sidebar select{font-size:12px;background:#f7f8f2;padding:10px}.swatches{display:flex;gap:10px;margin:11px 0 18px}.size-label{display:flex;justify-content:space-between;font-size:10px;color:#657665;margin:0 0 3px}.side-tool{text-align:left;padding:8px 3px;font-size:11px;min-height:38px}.side-bottom{margin-top:auto;padding-top:24px}.promo{border:1px dashed #c5cfbd;border-radius:9px;padding:15px 13px;background:#f3f5ee}.promo>span{font-size:8px;font-weight:700;letter-spacing:1px;color:#73836c}.promo p{font-family:Georgia,serif;font-size:14px;line-height:1.5;margin:10px 0;color:#58704f}.promo small{font-size:8px;color:#798673}.local-notice{font-size:9px;line-height:1.6;color:#6a7965;margin:15px 3px 12px}.side-bottom footer{display:flex;gap:8px;font-size:9px;color:#63755f}.side-bottom footer a{text-decoration:none}.sidebar-closed{grid-template-columns:0 minmax(0,1fr)}.sidebar-closed .sidebar{display:none}.editor-main{min-width:0;display:flex;flex-direction:column;height:100dvh;background:var(--canvas)}.topbar{height:75px;min-height:75px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 26px;gap:18px;background:var(--panel)}.icon-button{font-size:18px;padding:7px 10px}.breadcrumb{display:flex;gap:14px;font-size:11px;align-items:center;color:#7f897f}.breadcrumb strong{font-weight:500;color:var(--ink)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}#save-status{font-size:10px;color:#687966;margin-right:5px}.save-button{font-size:12px;border:1px solid var(--line)}.top-actions .primary{font-size:12px;padding:10px 16px;display:flex;gap:17px;align-items:center}.home-small{display:none}.export-control{position:relative}.export-menu{position:absolute;right:0;top:48px;z-index:30;padding:7px;background:var(--panel);border:1px solid var(--line);box-shadow:0 12px 35px #243d3b25;border-radius:10px;width:245px}.export-menu button{display:block;text-align:left;width:100%;font-size:12px}.map-heading{padding:31px 35px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;color:#7a886d}.map-heading input{font-family:Georgia,serif;font-size:34px;letter-spacing:-1.2px;display:block;background:transparent;border:1px solid transparent;padding:0;margin:10px 0 7px;width:min(550px,100%);border-radius:3px;line-height:1.3}.map-heading input:hover,.map-heading input:focus{border-bottom-color:#afbea5}.map-heading p{font-size:11px;color:#778273;margin:0}.local-badge{border:1px solid #dce3d6;border-radius:30px;padding:8px 12px;color:#708363;font-size:9px;white-space:nowrap}.canvas-tools{height:44px;min-height:44px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;margin:0 30px}.canvas-tabs{display:flex;gap:25px;align-items:center;font-size:11px;height:100%}.canvas-tabs .active{border-bottom:2px solid #547d62;height:100%;display:flex;align-items:center;padding:0 3px}.dots{color:#98a18d;letter-spacing:3px}.tool-group{display:flex;align-items:center;gap:1px}.tool-group button{font-size:18px;min-height:32px;padding:5px 10px}.tool-group #arrange{font-size:10px}.divider{width:1px;height:16px;background:var(--line);display:inline-block;margin:0 8px}.canvas-area{flex:1;position:relative;overflow:hidden;min-height:220px;background-image:radial-gradient(#a6b09655 .7px,transparent .7px);background-size:21px 21px;touch-action:none}.canvas-area svg{width:100%;height:100%;display:block;position:absolute;inset:0;-webkit-user-select:none;user-select:none;touch-action:none}.canvas-area svg>rect:first-child{fill-opacity:.76}.region,.note{cursor:pointer}.note{cursor:grab}.note:active{cursor:grabbing}.region:hover>rect{fill:#fff;fill-opacity:.5}.region:focus,.note:focus{outline:none}.region:focus>rect,.note:focus>rect{stroke:#416e63;stroke-width:3;stroke-dasharray:5 3}.canvas-tip{pointer-events:none;position:absolute;bottom:15px;left:50%;transform:translate(-50%);font-size:10px;color:#7a866f;white-space:nowrap;background:var(--canvas);padding:6px 13px;border-radius:20px;max-width:95%;overflow:hidden;text-overflow:ellipsis}.canvas-loading{position:absolute;inset:0;display:grid;place-items:center;background:var(--canvas)}.canvas-footer{border-top:1px solid var(--line);height:57px;min-height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:var(--panel)}.canvas-footer>span{font-size:10px;color:#7a8873}.zoom-controls{display:flex;align-items:center;gap:2px}.zoom-controls button{min-width:36px;font-size:18px;min-height:34px;padding:5px 8px}.zoom-controls output{font-size:10px;min-width:38px;text-align:center}.zoom-controls #fit{font-size:17px}.zoom-controls #fit span{font-size:10px;margin-left:5px}.workspace:has(.edit-panel:not([hidden])){grid-template-columns:252px minmax(0,1fr) 295px}.workspace.sidebar-closed:has(.edit-panel:not([hidden])){grid-template-columns:0 minmax(0,1fr) 295px}.edit-panel{background:var(--panel);border-left:1px solid var(--line);padding:22px;overflow-y:auto;z-index:25}.panel-top{display:flex;justify-content:space-between;align-items:center}.panel-top .eyebrow{font-size:8px;letter-spacing:1px}.panel-top button{font-size:23px;padding:3px 10px}.edit-panel h2{font-family:Georgia,serif;font-weight:400;font-size:27px;line-height:1.2;margin:20px 0 10px;overflow-wrap:anywhere}.panel-hint{font-size:12px;line-height:1.6;color:#7b8774;margin:0 0 26px}.edit-panel label{display:block;font-size:11px;font-weight:600;margin:20px 0 9px}.edit-panel input,.edit-panel select{width:100%;font-size:12px}.muted{color:#818c7d;font-weight:400;font-size:10px}.idea-row{position:relative;margin:0 0 9px}.idea-row textarea{width:100%;resize:vertical;font-size:12px;line-height:1.6;padding-right:29px;min-height:88px}.idea-row button{position:absolute;right:0;top:0;font-size:20px;padding:3px 9px;min-height:32px;color:#73816a}.add-idea{width:100%;font-size:12px;border:1px dashed #c4d0bc;color:#53704a}.panel-note{font-size:10px;line-height:1.7;color:#7b8774}.panel-footer{border-top:1px solid var(--line);margin-top:35px;padding-top:20px;font-family:Georgia,serif;font-style:italic;font-size:14px;line-height:1.7;color:#879178}dialog{background:var(--panel);color:var(--ink);max-width:560px;width:calc(100% - 30px);padding:35px;border:1px solid var(--line);border-radius:17px;box-shadow:0 20px 80px #15262044}dialog::backdrop{background:#172f2960}dialog h2{font-family:Georgia,serif;font-size:32px;font-weight:400}dialog p{font-size:13px;line-height:1.8;color:var(--muted)}dialog>.dialog-close:first-child{position:absolute;right:8px;top:5px;font-size:25px}#toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:#26483f;color:#fff;padding:13px 20px;border-radius:10px;box-shadow:0 5px 25px #0003;z-index:100;max-width:90%;font-size:12px;line-height:1.6}:root[data-theme=oscuro]{--ink:#e3e9df;--muted:#bac7b7;--line:#405650;--side:#213530;--panel:#233a36;--accent:#376d58;--soft:#314b40;color-scheme:dark}:root[data-theme=oscuro] .sidebar select{background:#2a413a}:root[data-theme=oscuro] .mode-switch,:root[data-theme=oscuro] .map-item.current{background:#355044;color:#f0f4e8}:root[data-theme=oscuro] .promo{background:#2a4036;border-color:#5c7158}:root[data-theme=oscuro] .promo p,:root[data-theme=oscuro] .promo span,:root[data-theme=oscuro] .promo small,:root[data-theme=oscuro] .side-heading,:root[data-theme=oscuro] .local-notice,:root[data-theme=oscuro] .side-description,:root[data-theme=oscuro] #save-status,:root[data-theme=oscuro] .side-tool,:root[data-theme=oscuro] .size-label,:root[data-theme=oscuro] .map-actions button,:root[data-theme=oscuro] .side-bottom footer,:root[data-theme=oscuro] .brand-light{color:#bfccb5}:root[data-theme=oscuro] button:hover:not(:disabled){background:#3a584b}:root[data-theme=oscuro] .eyebrow,:root[data-theme=oscuro] .panel-hint,:root[data-theme=oscuro] .panel-note,:root[data-theme=oscuro] .panel-footer,:root[data-theme=oscuro] .map-heading p,:root[data-theme=oscuro] .local-badge,:root[data-theme=oscuro] .canvas-footer>span,:root[data-theme=oscuro] .canvas-tip{color:#bdcbb6}@media(min-width:1500px){.workspace{grid-template-columns:275px minmax(0,1fr)}.sidebar{padding:35px 25px 20px}.workspace:has(.edit-panel:not([hidden])){grid-template-columns:275px minmax(0,1fr) 320px}.map-heading{padding:35px 45px 28px}}@media(max-height:800px){.sidebar{padding-top:20px}.brand{font-size:26px}.new-map{margin:20px 0}.map-actions,.side-description{margin-bottom:17px}.side-bottom{padding-top:14px}.promo{padding:10px}.promo p{margin:6px 0}.map-heading{padding-top:20px;padding-bottom:18px}}@media(max-width:1100px){.breadcrumb,.local-badge{display:none}.map-heading input{font-size:30px}.workspace:has(.edit-panel:not([hidden])){grid-template-columns:220px minmax(0,1fr) 280px}.sidebar{padding-left:15px;padding-right:15px}.topbar{padding:0 16px;gap:10px}#save-status{max-width:120px;line-height:1.5}.workspace.sidebar-closed:has(.edit-panel:not([hidden])){grid-template-columns:0 minmax(0,1fr) 280px}}@media(max-width:760px){.workspace,.workspace:has(.edit-panel:not([hidden])),.workspace.sidebar-closed:has(.edit-panel:not([hidden])){grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;left:0;top:64px;bottom:0;width:260px;box-shadow:12px 0 40px #243d3b20;padding-bottom:18px}.sidebar-closed .sidebar{display:none}.sidebar .side-bottom{padding-top:12px}.sidebar .promo{padding:10px}.sidebar .promo p{font-size:12px}.editor-main{height:100dvh}.topbar{height:64px;min-height:64px;padding:0 10px;gap:4px}.home-small{display:block;text-decoration:none;font-family:Georgia,serif;font-size:18px}.top-actions{gap:5px}#save-status{display:none}.save-button{padding:8px;font-size:11px}.top-actions .primary{padding:8px 11px;gap:8px;font-size:11px}.map-heading{padding:22px 20px 19px}.map-heading input{font-size:29px;width:100%;margin:8px 0}.map-heading>div{width:100%}.map-heading p{font-size:10px;line-height:1.5}.eyebrow{font-size:8px}.canvas-tools{margin:0 16px;height:44px}.tool-group button{min-width:40px;min-height:40px}.tool-group #arrange{font-size:10px;padding:5px}.canvas-tabs .dots{display:none}.canvas-footer{padding:0 13px;height:55px;min-height:55px}.canvas-footer>span{font-size:9px;max-width:130px;line-height:1.6}.zoom-controls button{min-width:40px;min-height:40px}.zoom-controls #fit span{display:none}.zoom-controls .divider{margin:0 4px}.canvas-tip{font-size:9px;bottom:12px}.edit-panel{position:fixed;right:0;top:64px;bottom:0;width:min(330px,88vw);box-shadow:-15px 0 40px #243d3b22;padding:18px 22px}.edit-panel .panel-top button{min-height:44px;min-width:44px}.idea-row button{min-height:40px;min-width:34px}.canvas-area{min-height:220px}dialog{padding:30px 23px}}.sidebar{overflow-x:hidden}.brand{font-size:27px}.brand-symbol{font-size:39px}#mobile-region{display:none}@media(max-width:760px){#mobile-region{display:block;max-width:150px;font-size:10px;padding:8px 3px;min-height:40px;background:var(--canvas);border:none}.canvas-tabs{display:none}.tool-group #arrange{font-size:9px}.tool-group .divider{margin:0 3px}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:760px){#save-status{display:block;position:fixed;bottom:17px;left:13px;z-index:5;font-size:9px;line-height:1.5;max-width:140px;margin:0}.canvas-footer>span{visibility:hidden}}@media(max-height:600px){.topbar{height:52px;min-height:52px}.map-heading{padding:10px 20px}.map-heading .eyebrow,.map-heading p,.map-heading .local-badge{display:none}.map-heading input{font-size:24px;margin:0}.canvas-tools{height:36px;min-height:36px}.canvas-area{min-height:100px}.canvas-footer{height:44px;min-height:44px}}@media(max-height:600px)and (max-width:760px){.sidebar,.edit-panel{top:52px}}@media(prefers-reduced-motion:no-preference){button,a{transition:background-color .15s,color .15s}}
