:root{--grafiet:#2f3134;--grafiet-2:#383b3f;--krijt:#ededec;--mist:#b9b7b3;--ijs:#9fd0e2;--ijs-diep:#3f8fad;--papier:#f3f4f3;--muted:#55585c;--danger:#9b1c1c;--danger-bg:#fbeaea;--line:#c9c8c4;--radius:3px;--tap:44px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--papier);color:var(--grafiet);margin:0;font:400 1rem/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden}h1{letter-spacing:-.01em;margin:0 0 1rem;font-size:1.5rem;font-weight:800;line-height:1.2}h1:focus{outline:none}main{max-width:40rem;margin:0 auto;padding:1rem 16px}.muted{color:var(--muted);margin:.5rem 0 1rem;font-size:.9375rem}:focus-visible{outline:3px solid var(--ijs-diep);outline-offset:2px}label{margin-bottom:.25rem;font-weight:600;display:block}input[type=text],input[type=email],input[type=number],input[type=date],input[type=url],textarea,select{width:100%;min-height:var(--tap);font:inherit;color:var(--grafiet);border:2px solid var(--grafiet-2);border-radius:var(--radius);background:#fff;padding:.5rem .75rem;font-size:1rem;display:block}input[aria-invalid=true]{border-color:var(--danger)}input.code{letter-spacing:.3em;text-align:center;font-variant-numeric:tabular-nums;font-size:1.75rem}.btn{width:100%;min-height:var(--tap);font:inherit;color:var(--grafiet);border:2px solid var(--grafiet-2);border-radius:var(--radius);cursor:pointer;touch-action:manipulation;background:0 0;margin-top:.75rem;padding:.5rem 1rem;font-weight:600;display:block}.btn.primary{background:var(--grafiet);color:var(--krijt)}.btn:disabled{opacity:.6;cursor:default}.btn.quiet{border-color:#0000;width:auto;margin:0;padding:.25rem .75rem;text-decoration:underline}.notice{color:var(--danger);background:var(--danger-bg);border:2px solid var(--danger);border-radius:var(--radius);margin:.75rem 0;padding:.75rem}.notice p{margin:0}.notice p+p{margin-top:.5rem}.notice .btn{color:var(--danger);border-color:var(--danger)}.login{padding-top:calc(2rem + env(safe-area-inset-top))}.center{gap:.5rem;padding-top:3rem;display:grid}.shell{min-height:100dvh;padding-bottom:calc(var(--tap) + 20px + env(safe-area-inset-bottom))}.bar{min-height:var(--tap);padding:env(safe-area-inset-top) 16px 0;background:var(--grafiet);color:var(--krijt);justify-content:space-between;align-items:center;gap:.5rem;display:flex}.bar .btn.quiet{color:var(--krijt);min-height:var(--tap)}.bar .btn.quiet:focus-visible{outline-color:var(--ijs)}.brand{letter-spacing:-.01em;font-weight:800}.tabs{z-index:10;padding-bottom:env(safe-area-inset-bottom);background:var(--grafiet);border-top:1px solid var(--grafiet-2);display:flex;position:fixed;inset:auto 0 0}.tabs a{text-align:center;min-width:0;min-height:calc(var(--tap) + 12px);color:var(--krijt);letter-spacing:-.01em;flex:1 1 0;justify-content:center;align-items:center;padding:0 2px;font-size:.75rem;font-weight:600;text-decoration:none;display:flex}.tabs a[aria-current=page]{color:var(--grafiet);background:var(--ijs)}.tabs a:focus-visible{outline:3px solid var(--ijs);outline-offset:-4px}.tabs a[aria-current=page]:focus-visible{outline-color:var(--grafiet)}@media (width>=400px){.tabs a{font-size:.8125rem}}@media (width<=359px){.tabs a{letter-spacing:-.02em;letter-spacing:-.04em;padding:0;font-size:.6875rem}}.tabs[hidden]{display:none}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}textarea{resize:vertical;line-height:1.45}.field{margin:0 0 1rem}.field.narrow{max-width:12rem}.hint{color:var(--muted);margin:0 0 .375rem;font-size:.9375rem}.counter{text-align:right;margin:.25rem 0 0}.field-error{color:var(--danger);margin:.375rem 0 0;font-weight:600}textarea[aria-invalid=true],select[aria-invalid=true]{border-color:var(--danger)}.row-2{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.btn.danger{color:var(--danger);border-color:var(--danger)}.btn.small{width:auto;min-width:var(--tap);margin:0;padding:0 .75rem}button.link{min-height:var(--tap);text-align:left;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:.25rem 0;text-decoration:underline}.toggle{min-height:var(--tap);cursor:pointer;align-items:center;gap:.625rem;margin:0;font-weight:600;display:flex}.toggle input{width:1.5rem;height:1.5rem;accent-color:var(--grafiet);flex:none;margin:0}.toggle-wrap.switch{margin:0 0 .75rem}.toggle-wrap.switch .hint{margin-left:2.125rem}.toggle-wrap.chip{margin:0 .5rem .5rem 0;display:inline-block}.toggle.chip{border:2px solid var(--grafiet-2);border-radius:var(--radius);background:#fff;padding:0 .875rem 0 .625rem}.toggle.chip input{width:1.25rem;height:1.25rem}.toggle.chip.on{background:var(--grafiet);color:var(--krijt)}.toggle.chip.on input{accent-color:var(--ijs)}.toggle:focus-within{outline:3px solid var(--ijs-diep);outline-offset:2px}.toggle input:focus-visible{outline:none}.toggle input[aria-invalid=true]{outline:3px solid var(--danger);outline-offset:2px}fieldset{border:0;min-width:0;margin:0;padding:0}fieldset.invalid{border:2px solid var(--danger);border-radius:var(--radius);padding:.5rem}.radios{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.radio{min-height:var(--tap);border:2px solid var(--grafiet-2);border-radius:var(--radius);cursor:pointer;background:#fff;align-items:center;gap:.5rem;margin:0;padding:0 .75rem;display:flex}.radio input{width:1.25rem;height:1.25rem;accent-color:var(--grafiet);flex:none;margin:0}.radio.on{background:var(--grafiet);color:var(--krijt)}.radio.on input{accent-color:var(--ijs)}.radio:focus-within{outline:3px solid var(--ijs-diep);outline-offset:2px}.radio input:focus-visible{outline:none}details>summary{cursor:pointer;min-height:var(--tap);list-style:none}details>summary::-webkit-details-marker{display:none}details.item>summary:before,details.translations>summary:before{content:"▸";flex:none;width:1em;display:inline-block}details.item[open]>summary:before,details.translations[open]>summary:before{content:"▾"}details.item>summary .item-title{flex:auto}details.translations{margin-top:.375rem}details.translations>summary{color:#2f6f87;align-items:center;font-size:.9375rem;font-weight:600;display:flex}details.translations[open]{border-left:3px solid var(--line);padding-left:.75rem}.photos{margin:0 0 .75rem}.thumbs{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:.5rem;margin:0 0 .5rem;padding:0;list-style:none;display:grid}.thumbs li{aspect-ratio:1;background:var(--krijt);border-radius:var(--radius);position:relative;overflow:hidden}.thumbs img{object-fit:cover;width:100%;height:100%;display:block}.thumb-remove{width:var(--tap);height:var(--tap);border-radius:0 0 0 var(--radius);color:#fff;cursor:pointer;background:#2f3134d9;border:0;font-size:1.5rem;line-height:1;position:absolute;top:0;right:0}.thumb-remove:focus-visible{outline:3px solid var(--ijs);outline-offset:-3px}.jobs{margin:0 0 .5rem;padding:0;list-style:none}.jobs li{border-bottom:1px solid var(--line);justify-content:space-between;gap:.5rem;padding:.375rem 0;font-size:.9375rem;display:flex}.job-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.job-state{color:var(--muted);flex:none}.sr-status{color:var(--muted);margin:0;font-size:.9375rem}.sr-status:empty{display:none}.pick{position:relative}.pick-btn{text-align:center;justify-content:center;align-items:center;margin-top:0;display:flex}.pick input:focus-visible+.pick-btn{outline:3px solid var(--ijs-diep);outline-offset:2px}.pick input[aria-invalid=true]+.pick-btn{border-color:var(--danger);color:var(--danger)}.projects>.btn.primary{justify-content:center;align-items:center;margin:0 0 1rem;text-decoration:none;display:flex}.rows{margin:0;padding:0;list-style:none}.rows li+li{margin-top:.5rem}.row{min-height:var(--tap);color:inherit;border:2px solid var(--line);border-radius:var(--radius);background:#fff;padding:.75rem;text-decoration:none;display:block}.row-title{overflow-wrap:anywhere;font-weight:700;display:block}.row-meta{flex-wrap:wrap;align-items:center;gap:.375rem .5rem;margin-top:.25rem;font-size:.9375rem;display:flex}.row-city{color:var(--muted)}.status-chip,.mark{border-radius:var(--radius);padding:0 .375rem;font-size:.8125rem;font-weight:600;line-height:1.6;display:inline-block}.status-chip{border:1px solid var(--grafiet-2)}.status-chip.status-done{background:var(--grafiet);color:var(--krijt)}.mark-on{background:var(--ijs);color:var(--grafiet)}.mark-off{background:var(--krijt);color:var(--grafiet)}.mark-draft{color:var(--grafiet);border:1px dashed var(--grafiet-2);background:#fff}.back{min-height:var(--tap);color:var(--grafiet);align-items:center;margin-bottom:.25rem;font-weight:600;display:inline-flex}.shell.editing{padding-bottom:calc(var(--footer-h,calc(9.5rem + env(safe-area-inset-bottom))) + 1rem)}html{scroll-padding-bottom:var(--footer-h,0px)}.editor section{border-top:1px solid var(--line);padding:1rem 0}.editor section:first-child{border-top:0;padding-top:0}.editor h2{letter-spacing:-.01em;margin:0 0 .75rem;font-size:1.1875rem;font-weight:800}.slots{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.slot-label{margin:0 0 .25rem;font-weight:600}.slots .thumbs{grid-template-columns:1fr}.slots .pick-btn{padding:.5rem}details.item{border:2px solid var(--line);border-radius:var(--radius);background:#fff;margin:0 0 .75rem}details.item.item-invalid{border-color:var(--danger)}details.item>summary{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem .75rem;padding:.5rem .75rem;font-weight:700;display:flex}.item-meta{color:var(--muted);font-size:.9375rem;font-weight:400}.item-meta.warn{color:var(--danger);font-weight:600}.item-body{padding:0 .75rem .75rem}.item-body>.btn.danger{margin-top:.25rem}.videos{margin:0 0 .75rem;padding:0;list-style:none}.videos li{border:2px solid var(--line);border-radius:var(--radius);overflow-wrap:anywhere;background:#fff;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:0 0 0 .75rem;display:flex}.videos li.invalid{border-color:var(--danger)}.videos .btn.small{border:0;font-size:1.5rem}.editor-footer{z-index:20;padding:.5rem max(16px, calc((100vw - 40rem) / 2)) calc(.5rem + env(safe-area-inset-bottom));background:var(--papier);border-top:2px solid var(--grafiet-2);position:fixed;inset:auto 0 0;box-shadow:0 -2px 8px #2f31341f}.editor-footer .notice{max-height:45vh;margin:0 0 .5rem;overflow-y:auto}.editor-footer .notice ul{margin:.25rem 0 0;padding:0;list-style:none}.editor-footer .notice li+li{border-top:1px solid #9b1c1c40}.editor-footer .notice button.link{width:100%;color:var(--danger);display:block}.editor :is(input,select,textarea,button,summary,label){scroll-margin-top:5rem;scroll-margin-bottom:calc(var(--footer-h,9.5rem) + .5rem)}.editor-footer .notice:focus{outline:3px solid var(--danger);outline-offset:1px}.footer-state{color:var(--muted);margin:0 0 .375rem;font-size:.9375rem}.footer-buttons{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:.5rem;display:grid}.footer-buttons .btn{margin:0;padding:.375rem .5rem;line-height:1.2}@media (width<=359px){.footer-buttons .btn{padding:.375rem .25rem;font-size:.9375rem}.row-2{grid-template-columns:1fr;gap:0}}.note{border:2px solid var(--grafiet-2);border-radius:var(--radius);background:#fff;max-height:25vh;margin:0 0 .5rem;padding:.5rem .75rem;font-size:.9375rem;overflow-y:auto}.note p{margin:0 0 .25rem}.note .btn{margin-top:.25rem}.editor-footer .notice .btn{margin-top:.5rem}.overlay{z-index:50;padding:calc(1rem + env(safe-area-inset-top)) 16px calc(1rem + env(safe-area-inset-bottom));background:#2f3134b8;position:fixed;inset:0;overflow-y:auto}.overlay-box{background:var(--papier);border-radius:var(--radius);max-width:28rem;margin:0 auto;padding:1rem}.overlay-title{margin:0 0 .5rem;font-weight:600}.overlay-box .login{padding-top:0}.overlay-box h2{margin:0 0 .75rem;font-size:1.375rem;font-weight:800}.overlay-box h2:focus{outline:none}button.back{font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.editor>h2:first-of-type{margin-top:0}.order-row{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:.5rem;display:grid}.order-row .row{text-align:left;width:100%;font:inherit;cursor:pointer;align-items:center;gap:.75rem;display:flex}.order-row .row-text{min-width:0}.order-btns{gap:.25rem;display:flex}.order-btns .btn.small{height:100%;min-height:var(--tap);padding:0;font-size:1.25rem}.swatch{border:1px solid var(--grafiet-2);border-radius:var(--radius);background:var(--krijt);object-fit:cover;flex:none;width:2.5rem;height:2.5rem}.color-field input[type=color]{width:100%;height:var(--tap);border:2px solid var(--grafiet-2);border-radius:var(--radius);background:#fff;padding:2px}.save-bar{bottom:calc(var(--tap) + 12px + env(safe-area-inset-bottom));z-index:5;background:var(--papier);border-top:2px solid var(--grafiet-2);margin:1rem -16px 0;padding:.5rem 16px;position:sticky}.save-bar .notice{max-height:40vh;margin-top:0;overflow-y:auto}.save-bar .btn{margin-top:.5rem}.save-bar .btn.primary{margin-top:0}.save-bar .footer-state:empty{display:none}.hero-pick{margin:0}.hero-pick legend{padding:0}.hero-pick legend h2{margin:0 0 .5rem}.hero-project{margin-top:1rem}.hero-project-title{overflow-wrap:anywhere;margin:0 0 .375rem;font-weight:700}.hero-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:.5rem;display:grid}.hero-opt{aspect-ratio:1;border-radius:var(--radius);background:var(--krijt);cursor:pointer;border:3px solid #0000;margin:0;display:block;position:relative;overflow:hidden}.hero-opt img{object-fit:cover;width:100%;height:100%;display:block}.hero-opt input{width:1.5rem;height:1.5rem;accent-color:var(--grafiet);margin:0;position:absolute;top:.25rem;left:.25rem}.hero-opt.on{border-color:var(--grafiet)}.hero-opt:focus-within{outline:3px solid var(--ijs-diep);outline-offset:2px}.hero-opt input:focus-visible{outline:none}.hero-pick>.radio{margin-bottom:.5rem}.editor>h2+section{border-top:0;padding-top:0}.faq-summary{flex-wrap:nowrap}.faq-summary .item-title{overflow-wrap:anywhere;flex:1 1 0;min-width:0}
