:root{font-family:Arial,Helvetica,sans-serif;color:#253225;background:#f5f3eb;font-synthesis:none;line-height:1.5;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}a{color:inherit;text-underline-offset:4px}button,.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid #2e442d;background:#2e442d;color:#fffef8;border-radius:5px;padding:12px 17px;cursor:pointer;font-weight:600;min-height:44px;text-decoration:none}button:hover{filter:brightness(1.1)}button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:transparent;color:#2e442d;border-color:#c4c9bc}.text-button{background:none;color:#435c3d;padding:4px;border:0;min-height:36px;font-size:13px;font-weight:500}input,textarea{width:100%;padding:11px;border:1px solid #c6cabb;border-radius:4px;color:#243323;background:#fcfbf7;min-height:44px}textarea{resize:vertical}label{display:block;font-size:13px;margin-top:14px;margin-bottom:5px}input[type=checkbox]{width:19px;height:19px;min-height:19px;accent-color:#334d30}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:3px solid #b96b36;outline-offset:4px}header{height:96px;max-width:1480px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d6d8cd}.brand{font-family:Georgia,serif;font-size:24px;display:flex;gap:14px;align-items:center;text-decoration:none}.brand-symbol{display:grid;grid-template-columns:10px 10px;gap:3px;transform:rotate(-8deg)}.brand-symbol i{width:10px;height:10px;background:#45613d}.brand-symbol i:nth-child(2){background:#d9955a}.brand-symbol i:nth-child(3){background:#d9b86d}.brand-symbol i:nth-child(4){background:#8ca2a1}nav{display:flex;gap:30px;font-size:13px}nav a{text-decoration:none}main{max-width:1480px;margin:auto;padding:56px 5% 0}.intro{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:40px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#64705d;text-transform:uppercase;margin:0 0 20px}h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,4.4vw,66px);line-height:1.08;font-weight:400;letter-spacing:-2px;margin:0}h1 em{font-weight:400;color:#6a7856}h2{font-family:Georgia,serif;font-size:29px;line-height:1.18;font-weight:400;margin:0 0 20px}h3{font-family:Georgia,serif;font-size:22px;font-weight:400}.intro-aside{max-width:255px;font-size:13px;color:#737b6d}.intro-aside p:first-child{color:#35452e;font-weight:600}.intro-aside a{font-size:11px}.test-banner{font-size:10px;letter-spacing:1.5px;color:#716443;padding:10px 12px;border:1px solid #dad2b8;border-radius:4px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:42px;margin-top:24px;align-items:start}.canvas-home{max-width:none;padding:20px 3% 0}.canvas-home .intro{margin-bottom:16px}.canvas-home .intro h1{font-size:clamp(27px,3vw,44px)}.canvas-home .intro-aside{display:none}.canvas-home .workspace{grid-template-columns:minmax(0,1fr) minmax(290px,330px);gap:22px}.canvas-home .canvas-shell{width:min(100%,calc(100dvh - 180px));margin-inline:auto}.canvas-home .purchase-panel{width:100%;margin:50px 0 0}.toolbar .toolbar-reserve{margin-left:0;background:#2e442d;border-color:#2e442d;color:#fffef8}.section-editor{margin:24px 0 40px;padding:28px;background:#e8ecdf;border:1px solid #c5cfba;border-radius:5px}.editor-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;flex-wrap:wrap}.editor-heading h2{margin-bottom:8px}.editor-heading p{margin-bottom:10px}.editor-controls{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.editor-controls label{margin:0;min-width:95px}.editor-controls input[type=color]{width:55px;padding:3px}.editor-controls input[type=range]{width:120px}.editor-scroll{overflow:auto;max-height:70vh;background:#f9faf5;border:1px solid #bbc5b2;margin-top:20px;padding:12px}.editor-scroll canvas{display:block;max-width:none;touch-action:none;cursor:crosshair;image-rendering:pixelated}.toolbar{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 12px}.toolbar button{font-size:11px;padding:8px 12px;background:none;border-color:transparent;color:#626f59;min-height:38px}.toolbar button[aria-pressed=true]{background:#e2e7da;border-color:#c5cebb;color:#283e25}.toolbar button:last-child{margin-left:auto}.canvas-shell{border:1px solid #ccd0c1;background:#fffef9;padding:12px;border-radius:4px;box-shadow:0 8px 30px #25322505}.canvas-top,.canvas-bottom{display:flex;align-items:center;font-size:9px;letter-spacing:1.2px;color:#68755e;padding:3px 3px 12px}.status-dot{width:6px;height:6px;border-radius:50%;background:#68834c;margin-right:7px}.coordinates{margin-left:auto;letter-spacing:0}.canvas-shell canvas{width:100%;display:block;aspect-ratio:1;touch-action:none;background:#f8f7f1;border:1px solid #e4e5db}.canvas-bottom{padding:12px 3px 0;justify-content:space-between;font-size:10px;letter-spacing:0}.zoom-controls{display:flex;gap:3px}.zoom-controls button{padding:3px 10px;min-height:32px;font-size:12px;background:transparent;color:#33492c;border-color:#d8dccf}.legend{display:flex;justify-content:center;gap:24px;font-size:9px;color:#747b6d;margin-top:12px}.stats{display:flex;justify-content:space-between;margin:24px 0 15px}.stats div{display:flex;flex-direction:column}.stats strong{font-family:Georgia,serif;font-size:29px;font-weight:400}.stats span{font-size:10px;color:#727b67;margin-top:2px}.progress{height:4px;background:#e0e4d7;border-radius:3px;overflow:hidden}.progress div{background:#5c7746;height:100%}.share-row{display:flex;gap:18px;align-items:center;margin-top:23px;flex-wrap:wrap}.share-row button{font-size:11px}.purchase-panel{background:#eeeee4;border:1px solid #d9ddcd;padding:28px 24px;border-radius:5px;margin-top:50px}.purchase-panel .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:12px}.purchase-panel h2{font-size:30px;margin-bottom:15px}.price{font-family:Georgia,serif;font-size:37px;margin:0}.price span{font-family:Arial,sans-serif;font-size:12px}.muted,.small,small{color:#707963}.muted{font-size:12px}.small,small{font-size:11px;line-height:1.6}.purchase-panel hr{border:0;border-top:1px solid #d3d8c8;margin:20px 0}.field-title{font-weight:700;color:#34452b;font-size:12px;margin:22px 0 10px}.coordinate-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.coordinate-form label{margin:0 0 10px;font-size:10px}.coordinate-form input{padding:8px;font-size:12px}.purchase-panel>.secondary,.purchase-panel>button{width:100%;margin-top:10px;font-size:11px}.selection-summary{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin:15px 0 7px}.quote{font-size:11px}.quote>div{display:flex;justify-content:space-between;margin:4px 0}.quote-total{border-top:1px solid #d0d6c4;padding-top:10px!important;margin-top:10px!important;font-size:14px}.countdown{font-size:12px;background:#e3e8d9;padding:10px;color:#385331;border-radius:3px}.color-row{display:flex;align-items:center;gap:8px}.color-row input[type=color]{padding:4px;min-width:42px;width:42px;height:42px}.color-row input:not([type=color]){font-size:12px;width:95px}.color-row button{padding:8px;font-size:11px;white-space:nowrap}.small-tools{display:flex;gap:16px}.purchase-panel input,.purchase-panel textarea{font-size:12px}.agreement{display:flex;gap:10px;font-size:10px;line-height:1.6;margin-top:18px}.agreement input{flex:none;margin-top:3px}.local-check{display:block;font-size:9px;margin-top:15px}.purchase-panel>small{display:block;text-align:center;font-size:9px;margin-top:12px}.purchase-panel>a{display:block;font-size:12px;margin-top:15px}.explanation{margin:80px 0 60px;padding-top:40px;border-top:1px solid #d6d8cd}.explanation>div{display:flex;justify-content:space-between;gap:60px}.explanation h2{font-size:35px}.explanation p:last-child{max-width:450px;font-size:14px;color:#707a66;line-height:1.8}.explanation-top{margin:18px 0 8px;padding:16px 0 0}.explanation-top .eyebrow{margin-bottom:8px}.explanation-top .difference-intro{align-items:center;gap:32px}.explanation-top h2{font-size:clamp(23px,2.2vw,32px);margin:0;max-width:560px}.explanation-top .difference-intro p{font-size:13px;line-height:1.55;margin:0;max-width:520px;color:#596353}.explanation-top .difference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0 0}.difference-grid article{padding:18px;border:1px solid #d6d8cd;background:#f8f7f1}.difference-grid article span{font-size:10px;letter-spacing:1.5px;color:#64705d;font-weight:700}.difference-grid article h3{font-size:20px;line-height:1.2;margin:13px 0 9px}.explanation-top .difference-grid article p{font-size:12px;line-height:1.55;color:#596353;margin:0;max-width:none}.difference-grid article a{text-decoration:underline;text-underline-offset:2px}@media(max-width:900px){.explanation-top .difference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.explanation-top .difference-grid{grid-template-columns:1fr}}.canvas-home{padding:18px 3% 64px}.canvas-home .intro{position:relative;overflow:hidden;isolation:isolate;min-height:235px;margin:0;padding:32px clamp(26px,4vw,64px);align-items:center;border-radius:20px;color:#fffdf4;background:#17202c}.canvas-home .intro:after{content:"";position:absolute;z-index:-1;width:410px;height:410px;right:5%;top:-95px;opacity:.7;transform:rotate(-13deg);background:radial-gradient(circle at 25% 26%,#e1ff80 0 9%,transparent 9.5%),radial-gradient(circle at 58% 66%,#f77f5e 0 14%,transparent 14.5%),radial-gradient(circle at 74% 28%,#8dd8da 0 10%,transparent 10.5%),repeating-conic-gradient(#44525d 0 25%,transparent 0 50%) 0 0 / 28px 28px;mask-image:linear-gradient(90deg,transparent,#000 42%)}.canvas-home .intro>div:first-child{max-width:840px}.canvas-home .intro .eyebrow{color:#c3d49f;margin-bottom:19px}.canvas-home .intro h1{font-size:clamp(44px,5.5vw,86px);line-height:.99;letter-spacing:-.045em}.canvas-home .intro h1 em{color:#ddff7a;font-style:italic}.canvas-home .intro-aside{display:block;max-width:260px;color:#e7ecdf;position:relative;z-index:1;padding:15px;border-radius:10px;background:#17202ce6}.canvas-home .intro-aside p:first-child{color:#ddff7a;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.canvas-home .intro-aside a{color:#fff}.canvas-home .test-banner{margin:10px 0 0;border:0;border-radius:6px;padding:8px 14px;background:#fff3d8;color:#644621}.canvas-home .explanation-top{border:0;margin:4px 0 0;padding:14px 0 0}.canvas-home .explanation-top .eyebrow{margin:0 0 7px;color:#4e655c}.canvas-home .difference-intro{align-items:baseline}.canvas-home .explanation-top h2{font-size:clamp(24px,2.3vw,36px);letter-spacing:-.025em}.canvas-home .explanation-top .difference-intro p{max-width:610px;font-size:13px}.jump-canvas{display:inline-flex;align-items:center;gap:10px;margin-top:10px;font-size:11px;font-weight:700;text-decoration:none;color:#324f4b}.jump-canvas span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #87a8a2;border-radius:50%}.canvas-home .workspace{gap:24px;margin-top:17px}.canvas-home .toolbar{margin:0 0 8px}.canvas-home .toolbar button[aria-pressed=true]{background:#dff6e5;color:#194d42;border-color:#9ec9b5}.canvas-home .toolbar .toolbar-reserve{background:#f87856;border-color:#f87856;color:#17202c}.canvas-home .canvas-shell{width:100%;border:2px solid #17202c;border-radius:12px;padding:13px;box-shadow:10px 10px #c7d8cd;background:#fffef9}.canvas-home .canvas-top{color:#2b4d44;font-weight:700}.canvas-home .purchase-panel{position:sticky;top:14px;margin:46px 0 0;border:1px solid #243c38;border-radius:12px;background:#e7f3e8;box-shadow:7px 7px #bfd4c6}.canvas-home .purchase-panel h2{font-size:35px}.canvas-home .price{color:#193c36;font-size:43px}.canvas-home .stats{border-top:1px solid #cdd8cc;border-bottom:1px solid #cdd8cc;padding:16px 0}.canvas-home .stats strong{color:#183b35}.canvas-home .progress{height:6px;background:#dce8de}.canvas-home .progress div{background:#f87856}.difference-story{margin:92px 0 18px;padding:clamp(28px,5vw,64px);background:#17202c;color:#f8f7ed;border-radius:20px}.difference-story-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:12px 50px;align-items:end;margin-bottom:30px}.difference-story-heading .eyebrow{grid-column:1 / -1;margin:0;color:#ddff7a}.difference-story-heading h2{font-size:clamp(36px,4vw,60px);max-width:730px;margin:0;letter-spacing:-.035em}.difference-story-heading h2 em{color:#ddff7a;font-weight:400}.difference-story-heading>p:last-child{color:#cbd3c7;max-width:360px;margin:0}.difference-story .difference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.difference-story .difference-grid article{min-height:245px;border:1px solid #465354;border-radius:9px;background:#25303a;padding:22px}.difference-story .difference-grid article:nth-child(2){background:#31443e}.difference-story .difference-grid article:nth-child(4){background:#42402f}.difference-story .difference-grid article span{color:#ddff7a}.difference-story .difference-grid article h3{color:#fffdf4;font-size:25px}.difference-story .difference-grid article p{color:#d2d9d0;font-size:13px;line-height:1.6;margin:0}.difference-story .difference-grid article a{color:#ddff7a}.guide-page{padding-bottom:80px}.guide-page h1{max-width:820px}.guide-page h2{margin:42px 0 10px}.guide-page h3{margin:28px 0 6px}.guide-page p{max-width:720px;line-height:1.75}.guide-page .button{margin-top:18px}@media(max-width:1100px){.canvas-home .intro-aside{display:none}.difference-story .difference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.difference-story .difference-grid article{min-height:190px}}@media(max-width:760px){.canvas-home{padding:10px 4% 35px}.canvas-home .intro{min-height:205px;padding:25px;border-radius:14px}.canvas-home .intro h1{font-size:clamp(39px,9vw,64px)}.canvas-home .intro:after{right:-185px;opacity:.4}.canvas-home .difference-intro{display:block}.canvas-home .difference-intro p{margin-top:8px}.canvas-home .workspace{grid-template-columns:1fr}.canvas-home .canvas-shell{width:100%;box-shadow:5px 5px #c7d8cd}.canvas-home .purchase-panel{position:static;margin-top:8px}.difference-story{margin-top:65px;padding:27px 20px}.difference-story-heading{display:block}.difference-story-heading h2{margin:12px 0}}@media(max-width:560px){.difference-story .difference-grid{grid-template-columns:1fr}.difference-story .difference-grid article{min-height:auto}}footer{max-width:1480px;margin:auto;padding:35px 5% 45px;border-top:1px solid #d6d8cd;display:flex;justify-content:space-between;align-items:center;gap:30px}footer p{font-size:10px;color:#78826e}footer nav{flex-wrap:wrap;gap:20px;font-size:10px}.alert{padding:14px;background:#f4e2d5;border:1px solid #d4a784;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px}.narrow{max-width:800px;min-height:65vh;padding-bottom:70px}.narrow p{line-height:1.9;margin:28px 0}.narrow .button{margin-left:15px}.empty-gallery{border:1px dashed #aeb8a1;text-align:center;padding:90px 20px;margin:60px 0;font-family:Georgia,serif;font-size:25px}.empty-gallery a{font-family:Arial,sans-serif;font-size:14px;display:block;margin-top:20px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:40px 0}.gallery-card{text-decoration:none}.gallery-card .legend,.gallery-card .canvas-top,.gallery-card .canvas-bottom{display:none}.gallery-card h2{margin-top:20px}.gallery-card p{font-size:12px}.exhibition{padding:25px;border:1px solid #bac9ac;text-align:center;background:#e5eddc}.admin{padding-bottom:60px}.admin h1{margin-bottom:35px}.admin h2{margin-top:35px}.login{max-width:400px;min-height:45vh}.login button{margin-top:20px}.admin-toolbar{display:flex;gap:15px;flex-wrap:wrap}.admin-summary{background:#e6ebdf;padding:25px;margin-top:25px;border-radius:4px}.admin-finance{margin-top:32px;padding:24px;border:1px solid #c9d0bd;background:#faf9f3}.admin-finance h2{margin-top:0}.admin-finance input{display:block;max-width:120px;margin:8px 0 14px}.finance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:22px 0}.finance-grid article{padding:16px;background:#e6ebdf}.finance-grid article h3{margin:0 0 12px}.finance-grid article p{margin:8px 0}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;background:#e6ebdf;padding:20px;border-radius:5px}.health-grid p{font-size:12px}.health-grid strong{font-size:23px}.search{display:flex;gap:12px;margin-bottom:25px}.admin-purchases{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}.admin-purchases article{border:1px solid #c9d0bd;padding:25px;background:#faf9f3;overflow-wrap:anywhere}.admin-purchases p{font-size:12px}.private{background:#ece9de;padding:8px}.moderation-buttons{display:flex;gap:8px;flex-wrap:wrap}.moderation-buttons button{font-size:11px;padding:8px}.admin pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;background:#e8ebdf;padding:20px;border-radius:4px}.loading{padding:150px 20px;text-align:center;border:1px solid #ddd}@media(max-width:1050px){.workspace{gap:22px;grid-template-columns:minmax(0,1fr) 280px}.purchase-panel{padding:23px 18px}.intro-aside{max-width:210px}.legend{gap:10px}nav{gap:15px}}@media(max-width:760px){.canvas-home .workspace{grid-template-columns:1fr}.canvas-home .canvas-shell{width:100%}.canvas-home .purchase-panel{margin-top:0}header{height:78px}.brand{font-size:20px}header nav{font-size:10px;gap:12px}.brand-symbol{display:none}main{padding-top:35px}.intro{display:block;margin-bottom:25px}.intro-aside{max-width:none;margin-top:25px;display:none}h1{font-size:41px;letter-spacing:-1.3px}.workspace{grid-template-columns:1fr}.purchase-panel{margin-top:0;padding:25px}.canvas-shell{padding:8px}.stats strong{font-size:25px}.stats span{font-size:9px}.share-row{gap:10px}.explanation{margin-top:50px}.explanation>div{display:block}.explanation h2{font-size:30px}footer{display:block}footer nav{margin-top:25px}.gallery,.admin-purchases{grid-template-columns:1fr}.admin-toolbar button{font-size:12px}.toolbar button{padding:7px 9px}.legend{font-size:8px}.search{flex-direction:column}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.planner-page{max-width:1220px}.planner-page>h1{max-width:850px}.planner-page>p:not(.eyebrow){max-width:760px;line-height:1.6}.planner-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:26px;margin-top:34px;align-items:start}.planner-studio,.planner-summary{background:#fffdf8;border:1px solid #d7d2c5;border-radius:16px;padding:25px;box-shadow:0 12px 30px #2222220b}.planner-summary{position:sticky;top:25px}.planner-summary h2{margin:8px 0 0}.planner-price{display:block;font-size:clamp(32px,4vw,48px);margin:20px 0 4px;color:#214338}.planner-summary>button{width:100%;margin:10px 0}.planner-summary [role=status]{padding:12px;background:#eaf7eb;border-radius:8px}.planner-summary [role=alert]{color:#9b322b}.planner-unplaceable{margin:8px 0 14px;padding:12px 14px;background:#fff1eb;border:1px solid #e2aea0;border-radius:8px;line-height:1.5}.planner-dimensions,.planner-tools,.planner-details{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.planner-dimensions label{flex:1 1 150px}.planner-details label{flex:1 1 100%}.planner-studio label{display:grid;gap:6px;font-weight:600}.planner-studio input:not([type=color]),.planner-studio textarea{width:100%}.planner-tools{align-items:end}.planner-tools label{display:flex;align-items:center;gap:10px}.planner-tools input[type=color]{width:48px;height:43px;padding:3px}.planner-tools button{padding:10px}.planner-scroll{max-width:100%;overflow:auto;padding:8px;background:#e7e3d7;border-radius:8px;margin:15px 0 23px}.planner-scroll canvas{display:block;max-width:none;image-rendering:pixelated;background:#ce7148;outline:1px solid #8c877b;touch-action:none;cursor:crosshair}@media(max-width:800px){.planner-layout{grid-template-columns:1fr}.planner-summary{position:static}}