[hidden]{display:none!important}.home-mode{background:#f6f5ef;color:#273d33}.home-nav{height:92px;max-width:1320px;margin:auto;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe3d9}.home-brand{display:flex;gap:12px;align-items:center;color:#244c40;text-decoration:none;font-size:23px;font-weight:650;letter-spacing:3px;line-height:1}.home-brand small{display:block;font-size:8px;letter-spacing:5px;margin-top:8px}.home-logo{font-size:38px;font-weight:300}.home-nav nav{display:flex;align-items:center;gap:24px}.home-nav nav>a{font-size:12px;color:#687a6d;text-decoration:none}.home-nav .button{font-size:11px}.home-main{max-width:1320px;margin:auto;padding:0 42px}.home-hero{display:grid;grid-template-columns:1fr 1.23fr;gap:64px;align-items:center;padding:68px 0 62px}.home-eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:650;color:#788a77}.home-eyebrow>span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#68866a;margin-right:8px}.home-hero h1{font-size:clamp(42px,4.3vw,64px);font-weight:450;letter-spacing:-2.7px;line-height:1.07;margin:23px 0}.home-hero h1 em{font-family:Georgia,serif;font-weight:400;color:#7c8d63}.home-hero p{font-size:14px;line-height:1.8;max-width:355px;color:#7d8779;margin-bottom:25px}.home-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.home-hero-actions .button{padding:14px 20px}.home-hero-actions .button span{margin-left:16px}.home-text-link{font-size:12px;text-decoration:none;color:#59755e}.home-pills{display:flex;gap:8px;margin-top:26px;flex-wrap:wrap}.home-pills span{border:1px solid #dce1d3;border-radius:30px;padding:6px 10px;font-size:9px;color:#87917e}.home-hero-visual{position:relative;border:1px solid #dce1d3;border-radius:18px;background:#edf0e5;overflow:hidden;min-width:0;transform:rotate(-1.5deg);box-shadow:12px 16px 0 #ecebe1}.home-visual-top,.home-visual-bottom{display:flex;align-items:center;justify-content:space-between;padding:23px 25px;gap:12px}.home-visual-top{font-size:9px;letter-spacing:1.5px;color:#7c8e73;border-bottom:1px solid #dbe1d1}.home-hero-visual img{display:block;width:100%;height:320px;object-fit:contain;mix-blend-mode:multiply}.home-visual-bottom{background:#f7f8f1;border-top:1px solid #dbe1d1}.home-visual-bottom strong{display:block;font-size:15px;font-weight:550}.home-visual-bottom span{display:block;font-size:10px;color:#86937d;margin-top:7px}.home-visual-bottom a{border-radius:50%;display:grid;place-items:center;width:36px;height:36px;border:1px solid #d0dac6;color:#4c6a50;text-decoration:none;font-size:18px}.home-drawing-note{position:absolute;right:24px;bottom:103px;color:#8c997e;font-size:8px;letter-spacing:1px}.home-section{padding:38px 0 28px;border-top:1px solid #dde2d5;scroll-margin-top:24px}.home-section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.home-section-heading h2{font-size:28px;font-weight:450;letter-spacing:-1px;margin:12px 0 0}.home-section-heading p{font-size:11px;line-height:1.8;color:#83907e;margin:0}.starter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.starter-card{border:1px solid #dbe0d3;border-radius:11px;padding:21px;text-align:left;background:#fcfcf6;color:#3b5542;display:flex;flex-direction:column;min-height:219px;transition:transform .18s,border-color .18s}.starter-card:hover{transform:translateY(-3px);border-color:#8ca083}.starter-top{display:flex;align-items:start;justify-content:space-between;margin-bottom:16px}.starter-top svg{width:57px;height:49px;color:#7f916f}.starter-top>span{color:#aab19f;font-size:10px}.starter-card>strong{font-size:15px;font-weight:550;letter-spacing:-.2px}.starter-description{font-size:11px;line-height:1.6;color:#839078;margin-top:8px}.starter-bottom{font-size:10px;display:flex;justify-content:space-between;margin-top:20px;padding-top:12px;border-top:1px solid #e3e7d9}.starter-bottom b{font-size:16px;font-weight:400}.starter-primary{background:#244c40;border-color:#244c40;color:#fbfcf5}.starter-primary .starter-top svg,.starter-primary .starter-description{color:#bdceba}.starter-primary .starter-bottom{border-color:#456858}.starter-primary .starter-top>span{color:#9cb095}.home-local-note{font-size:10px;color:#8e9887}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.project-card{display:flex;align-items:center;gap:13px;border:1px solid #dce2d4;border-radius:10px;background:#fafbf4;text-decoration:none;padding:17px;color:#48674d;min-width:0}.project-card-icon{width:45px;height:47px;display:grid;place-items:center;background:#ecf0e3;border-radius:8px;flex:none}.project-card-icon svg{width:32px;height:32px}.project-card>div{min-width:0}.project-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550}.project-card span:not(.project-card-icon){font-size:9px;display:block;margin-top:6px;color:#8a9980}.project-card small{font-size:9px;display:block;margin-top:8px;color:#9eaa93}.project-card>b{margin-left:auto;font-weight:400}.project-card:hover{border-color:#9caa8e}.home-empty{grid-column:1/-1;padding:32px;border:1px dashed #c9d3be;border-radius:10px;text-align:center;background:#f2f4ea}.home-empty strong{font-size:14px;font-weight:500}.home-empty p{font-size:12px;color:#87957d}.home-empty .button{margin-top:8px}.examples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.example-card{border:1px solid #dce2d4;border-radius:13px;overflow:hidden;background:#fcfcf6;min-width:0}.example-image{display:block;position:relative;background:#eef1e6;overflow:hidden}.example-image>span{position:absolute;left:20px;top:18px;font-size:8px;letter-spacing:1.5px;color:#92a085}.example-image img{width:100%;height:260px;display:block;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s}.example-card:hover img{transform:scale(1.035)}.example-body{padding:23px}.example-body>small{font-size:9px;color:#99a58d}.example-body h3{font-size:21px;letter-spacing:-.5px;font-weight:500;margin:8px 0}.example-body p{font-size:10px;line-height:1.7;color:#85957c}.example-links{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e2e7d9;padding-top:16px;margin-top:18px}.example-links a,.example-links button{font-size:11px;color:#54764f;text-decoration:none;background:transparent;border:0;padding:0}.example-links button{color:#8d9b80}.home-freedom{display:grid;grid-template-columns:1.2fr 1fr;gap:24px 65px;padding:35px;margin:35px 0;background:#e9eedf;border:1px solid #d7e0ca;border-radius:12px;align-items:center}.home-freedom h2{font-size:30px;font-weight:450;line-height:1.25;letter-spacing:-1px;margin:14px 0 0}.home-freedom p{font-size:12px;line-height:1.9;color:#7a8d6d}.home-freedom .button{justify-self:start;grid-column:2}.home-footer{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.5px;color:#96a08b;padding:22px 0 34px;border-top:1px solid #dde2d5}.home-name-field{display:grid;gap:7px;font-size:12px;margin:20px 0}.home-name-field input{padding:11px;border:1px solid #d9e2d0;border-radius:7px;background:#fafbf4;color:#36543b}.home-error{color:#a35840;font-size:12px;line-height:1.6}#new-project-dialog{width:min(620px,94vw)}#new-project-dialog .transform-grid{grid-template-columns:1fr 1fr}.home-message:empty{display:none}.home-message{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:14px 20px;background:#244c40;color:white;border-radius:8px;max-width:90vw;font-size:12px;box-shadow:0 4px 20px #244c4033}#boot-error{max-width:600px;margin:80px auto;padding:30px;font-size:14px;line-height:1.8}#boot-error a{color:#244c40}.home-mode a:focus-visible,.home-mode button:focus-visible{outline:2px solid #78916c;outline-offset:4px}@media(min-width:1500px){.home-hero{gap:95px}}@media(max-width:1000px){.home-nav,.home-main{padding-left:26px;padding-right:26px}.home-hero{gap:30px}.home-hero h1{font-size:49px}.home-hero-visual img{height:285px}.home-nav nav{gap:16px}.home-nav nav>a{display:none}.projects-grid{grid-template-columns:1fr 1fr}.home-freedom{gap:25px}}@media(max-width:680px){.home-nav{height:74px;padding:0 18px}.home-brand{font-size:18px}.home-brand small{font-size:7px}.home-logo{font-size:29px}.home-nav .button{padding:9px;font-size:10px}.home-nav nav{gap:5px}.home-main{padding:0 18px}.home-hero{grid-template-columns:1fr;padding:37px 0 38px;gap:32px}.home-hero h1{font-size:49px;line-height:1.04;margin:20px 0}.home-hero p{font-size:12px;max-width:300px}.home-hero-visual{transform:none;box-shadow:none}.home-hero-visual img{height:225px}.home-visual-top,.home-visual-bottom{padding:17px 19px}.home-drawing-note{bottom:88px}.home-section{padding:30px 0}.home-section-heading{display:block}.home-section-heading h2{font-size:25px}.home-section-heading p,.home-local-note{display:block;margin-top:12px}.starter-grid{grid-template-columns:1fr 1fr;gap:10px}.starter-card{padding:15px;min-height:228px}.starter-card>strong{font-size:13px;line-height:1.4}.starter-description{font-size:10px}.starter-bottom{margin-top:auto;padding-top:12px}.starter-top{margin-bottom:13px}.starter-top svg{width:45px;height:40px}.projects-grid,.examples-grid{grid-template-columns:1fr}.example-image img{height:235px}.home-freedom{grid-template-columns:1fr;padding:24px;gap:12px}.home-freedom .button{grid-column:auto}.home-freedom h2{font-size:27px}.home-footer{flex-direction:column;gap:9px;font-size:8px}.home-hero-actions{gap:15px}.home-pills{margin-top:20px}}
.home-logo svg{display:block;width:36px;height:38px}.starter-card{cursor:pointer}.home-hero-visual img,.example-image img{padding:8px}

/* Project actions stay separate from the editor link, including on touch screens. */
.project-card{padding:0;gap:0;flex-wrap:wrap;overflow:hidden}.project-open{display:flex;align-items:center;gap:13px;padding:17px;min-width:0;flex:1 1 100%;color:inherit;text-decoration:none}.project-open>div{min-width:0;flex:1}.project-open>b{font-weight:400}.project-delete{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:38px;padding:8px 14px;background:transparent;border:0;border-top:1px solid #e0e5da;color:#926350;font-size:11px;cursor:pointer}.project-delete svg{width:16px;height:16px}.project-delete:hover{background:#f8ece5;color:#954f34}.project-card:focus-within{border-color:#78916c}#delete-project-dialog{width:min(460px,94vw)}.delete-project-name{font-size:17px;font-weight:550;color:#355749;overflow-wrap:anywhere;margin:20px 0 12px}.button.danger{background:#a25740;border-color:#a25740;color:white}.button.danger:hover{background:#8d4632}#delete-project-dialog .hint{line-height:1.7}#home-projects:focus-visible{outline:2px solid #78916c;outline-offset:5px}