@import "https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&display=swap";*{box-sizing:border-box}body{color:#172b25;background:#f4f6f3;margin:0;font:15px Manrope,Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #72ad9e}.logo{letter-spacing:-1.5px;font-size:24px;font-weight:800}.logo span{color:#438776}.eyebrow{color:#438776;letter-spacing:1.2px;margin:46px 0 14px;font-size:11px;font-weight:800}.auth,.step,.home{max-width:1080px;margin:auto;padding:25px}.auth{max-width:450px;margin-top:7vh}.auth h1,.step h1,.home h1{letter-spacing:-3px;margin:0 0 28px;font-size:clamp(36px,6vw,62px);line-height:1.04}.auth form,.form{gap:12px;display:grid}.auth input,.form input,.form textarea,.form select,.inline input{color:#172b25;background:#fff;border:1px solid #d4dfd8;border-radius:12px;width:100%;padding:14px 15px}.form textarea{resize:vertical;min-height:82px}.primary{color:#fff;background:#163b32;border-radius:13px;padding:15px 19px;font-size:16px;font-weight:800}.link{color:#287562;background:0 0;margin-top:18px;font-weight:700}.home nav,.step header,.workspace header{justify-content:space-between;align-items:center;display:flex}.home nav button,.back{color:#316b5d;background:0 0;padding:10px;font-weight:700}.home>p{margin-top:85px}.home .primary{margin:0 0 45px}.home section{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.home article{color:#63736d;background:#fff;border-radius:17px;padding:21px}.home article b{color:#172b25;margin-top:7px;font-size:34px;display:block}.step{max-width:660px}.step header{margin-bottom:18px}.step .eyebrow{margin-top:35px}.choice{background:#e8eeea;border-radius:13px;grid-template-columns:1fr 1fr;margin:0 0 18px;padding:4px;display:grid}.choice button{color:#557068;background:0 0;border-radius:10px;padding:12px;font-weight:700}.choice .selected{color:#173b32;background:#fff;box-shadow:0 1px 5px #18362916}.rows{gap:9px;margin-bottom:12px;display:grid}.row,.area{text-align:left;background:#fff;border:1px solid #dce5df;border-radius:13px;justify-content:space-between;gap:12px;padding:16px;display:flex}.row b{font-size:16px}.row span,.area span{color:#668078;font-size:13px}.secondary{color:#225b4e;background:0 0;border:1px solid #aec5bc;border-radius:12px;padding:13px 15px;font-weight:800}.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.notice{color:#973b31;background:#fff0ed;border-radius:10px;margin:14px 0;padding:12px 14px;font-weight:600}.status{color:#286454;background:#dcefe9;border-radius:100px;padding:7px 10px;font-size:12px;font-weight:800;display:inline-block}.step h2{margin-top:29px}.areaGrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.area{flex-direction:column;min-height:73px}.area.muted{color:#487168;background:#f8faf8;border-style:dashed}.inline{gap:10px;margin:20px 0;display:flex}.inline .secondary{white-space:nowrap}.workspace{background:#11231e;flex-direction:column;min-height:100vh;display:flex}.workspace header{color:#fff;padding:14px 18px}.workspace header small{color:#a7c0b8;margin-top:2px;display:block}.photo{touch-action:none;background:#0a1411;flex:1;place-items:center;min-height:330px;display:grid;position:relative;overflow:hidden}.photo img{-webkit-user-select:none;user-select:none;max-width:100%;max-height:calc(100vh - 140px);display:block}.adding{cursor:crosshair}.marker{z-index:2;color:#2a2411;touch-action:none;background:#f1b942;border-radius:50%;width:38px;height:38px;font-weight:800;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0006}.marker.sel{outline-offset:3px;outline:3px solid #fff}.upload{color:#183b32;text-align:center;background:#fff;border-radius:17px;margin:auto;padding:26px;font-size:17px;font-weight:800}.upload small{color:#607870;margin-top:8px;font-size:13px;font-weight:500;display:block}.upload input{display:none}.workspace footer{background:#fff;align-items:center;gap:9px;padding:12px max(14px,50vw - 450px);display:flex}.workspace footer button{background:#e9f0eb;border-radius:10px;padding:11px 14px;font-weight:700}.workspace footer .active{color:#fff;background:#377764}.workspace footer .danger{color:#a33e35;background:#fff1ef}.workspace footer b{color:#456258;margin-left:auto;font-size:13px}@media (width<=600px){.auth,.step,.home{padding:20px}.home>p{margin-top:58px}.home section,.two,.areaGrid{grid-template-columns:1fr}.inline{flex-direction:column}.inline .secondary{width:100%}.workspace footer{flex-wrap:wrap;position:sticky;bottom:0}.workspace footer b{order:2;width:100%;margin:3px 0 0}.photo img{max-height:calc(100vh - 188px)}.marker{width:42px;height:42px}}.home article[onClick]{cursor:pointer}.draftCard{background:#fff;border:1px solid #dce5df;border-radius:16px;justify-content:space-between;gap:16px;margin:12px 0;padding:18px;display:flex}.draftCard h2{margin:0 0 6px}.draftCard p{color:#63736d;margin:5px 0}.draftCard small{color:#438776;font-weight:700}.draftActions{align-items:center;gap:8px;display:flex}.draftActions button{border-radius:10px;padding:11px 14px}.draftActions .danger{color:#a33e35;background:#fff0ed;font-weight:700}.typeBar{background:#17322c;gap:8px;padding:10px;display:flex;overflow-x:auto}.typeBar button{white-space:nowrap;color:#fff;background:#315b50;border-radius:10px;padding:10px 13px}.repeat{color:#24352d;text-align:center;background:#f1b942;padding:8px 12px;font-weight:800}.repeat button{border-radius:8px;margin-left:12px;padding:5px 10px}.typeSheet{z-index:5;color:#173b32;background:#fff;border-radius:16px;gap:10px;min-width:290px;padding:18px;display:grid;position:absolute;bottom:70px;right:20px;box-shadow:0 4px 24px #0005}.typeSheet input{border:1px solid #ccdcd4;border-radius:10px;padding:12px}.typeSheet button{border-radius:10px;padding:11px}@media (width<=600px){.typeSheet{bottom:78px;left:10px;right:10px}.typeBar{padding:8px}.typeBar button{min-height:44px}}.floorLine{z-index:4;pointer-events:auto;background:#f59e0b;height:2px;position:absolute;left:0;right:0}.floorLine span{color:#111827;background:#f59e0b;border-radius:5px;padding:3px 8px;font-size:12px;font-weight:700;position:absolute;top:-24px;left:8px}.summary{z-index:12;background:#fff;border:1px solid #cbd5e1;border-radius:12px;max-width:360px;padding:14px;position:fixed;bottom:78px;right:16px;box-shadow:0 12px 30px #0002}.summary h2{margin:0 0 8px}.typeBar{order:3}.photo{order:2}.repeat{order:1}.workspace footer{order:4}.selectionSheet{z-index:20;color:#173b32;background:#fff;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex;position:fixed;bottom:72px;left:10px;right:10px;box-shadow:0 8px 28px #0005}.selectionSheet button{background:#e9f0eb;border-radius:9px;padding:10px 12px;font-weight:700}.selectionSheet .danger{color:#a33e35;background:#fff0ed}.selectionSheet input{border:1px solid #ccdcd4;border-radius:9px;flex:1;padding:10px}.langButton{color:#fff;background:#315b50;border-radius:8px;padding:8px 10px}.secondaryDuplicate{display:none!important}.legacyLabel{display:none}.saveStatus{color:#afd2eb;display:block}.workspace{background:#102a43;min-height:100dvh}.workspace header{min-height:56px;padding:10px 14px}.workspace header .back{color:#c3dff2}.typeBar{background:#173f5f;gap:6px;padding:8px}.typeBar button{background:#225b83;min-height:44px}.typeBar .typeActive{color:#06233a;background:#36a3e8}.typeLetter{margin-right:4px;font-size:18px;font-weight:900}.typeName{opacity:.85;font-size:12px}.photo{background:#071725;flex:1;min-height:0}.photo img{object-fit:contain;max-width:100%;max-height:calc(100dvh - 180px)}.marker.excluded{color:#fff;border-radius:50%;width:34px;height:34px;font-size:28px;line-height:1;box-shadow:0 2px 8px #0008;background:#c62828!important}.excludedBadge{font-size:27px;font-weight:900}.workspace footer{padding-bottom:calc(10px + env(safe-area-inset-bottom));flex-wrap:wrap}.workspace footer button,.completeButton{min-height:44px}.completeButton{border-radius:10px;margin-left:auto;padding:11px 14px;font-weight:800;color:#fff!important;background:#1675b8!important}.selectionSheet{bottom:calc(72px + env(safe-area-inset-bottom));border-radius:18px;max-height:80dvh;padding:18px;overflow:auto}.completionSheet{grid-template-columns:1fr 1fr;display:grid}.completionSheet b,.completionSheet p{grid-column:1/-1}.areaPreview{color:#1675b8;font-weight:800}@media (width<=600px){.workspace header{z-index:10;position:sticky;top:0}.typeBar{scrollbar-width:none;overflow-x:auto}.typeBar .typeName{display:none}.typeBar .typeChip>button:first-child{min-width:48px;padding:8px}.workspace footer{position:sticky;bottom:0}.summary{left:10px;right:10px;bottom:calc(76px + env(safe-area-inset-bottom));max-width:none}.selectionSheet{left:8px;right:8px}.completeButton{width:100%;margin-left:0}.photo img{max-height:calc(100dvh - 205px)}}.marker.excluded{box-shadow:none!important;border:0!important}.marker.excluded:after{display:none!important}.sheetClose{color:#102a43;min-width:44px;min-height:44px;font-size:26px;line-height:1;background:0 0!important;margin-left:auto!important}.markerSheet{grid-template-columns:1fr 1fr;display:grid}.markerSheet b{grid-column:1/-1}.markerSheet .sheetClose{grid-area:1/2}.markerSheet button:not(.sheetClose){min-height:44px}@media (width<=600px){.typeChip>button[aria-label=Bewerken]{display:none}.typeBar .typeChip>button:first-child{font-size:0}.typeBar .typeChip>button:first-child .typeLetter{font-size:20px}}.marker.excluded{opacity:.72;box-shadow:0 0 0 3px #fff,0 0 0 6px #b91c1c,0 2px 8px #0008}.marker.excluded:after{content:"×";color:#fff;background:#b91c1c;border-radius:50%;place-items:center;width:18px;height:18px;font-size:16px;font-weight:900;line-height:1;display:grid;position:absolute;top:-9px;right:-7px}.addType{white-space:nowrap;color:#fff;border:1px dashed #8cc6b7;border-radius:10px;padding:10px 13px;background:#315b50!important}.buildId{opacity:.65;letter-spacing:.02em;font-size:9px;display:block}
