:root{color:var(--color-text,#162033);background:var(--color-background,#f6f8fc);font-synthesis:none;text-rendering:optimizelegibility;--page-padding:clamp(1rem, 3vw, 2rem);--content-width:72rem;--control-target:2.75rem;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-right:env(safe-area-inset-right,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html{background:var(--color-background,#f6f8fc);min-width:20rem}body{min-width:20rem;min-height:100vh;color:var(--color-text,#162033);background:var(--color-background,#f6f8fc);margin:0;padding-inline-start:var(--safe-area-left);padding-inline-end:var(--safe-area-right);line-height:1.5;overflow-x:hidden}button,a,input,select,textarea{min-width:var(--control-target);min-height:var(--control-target);font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:var(--color-link,var(--color-text,#162033))}:focus-visible{outline:3px solid var(--color-focus,#b45309);outline-offset:3px;box-shadow:0 0 0 5px #fff,0 0 0 8px #000}main{width:min(100%, var(--content-width));margin-inline:auto;padding-block-start:max(var(--page-padding), var(--safe-area-top));padding-block-end:max(var(--page-padding), var(--safe-area-bottom));padding-inline-start:max(var(--page-padding), var(--safe-area-left));padding-inline-end:max(var(--page-padding), var(--safe-area-right))}.site-header{border-block-end:1px solid var(--color-border,#aab7cc);background:var(--color-surface,#fff)}.site-header__inner{width:min(100%, var(--content-width));min-width:0;padding-block:.75rem;padding-inline:max(var(--page-padding), var(--safe-area-left)) max(var(--page-padding), var(--safe-area-right));justify-content:space-between;align-items:center;gap:1rem;margin-inline:auto;display:flex}.site-header__brand{font-weight:800;text-decoration:none}.site-header__nav{flex-wrap:wrap;gap:.5rem;display:flex}.locale-picker,.not-found{align-content:center;gap:1rem;min-height:100vh;display:grid}.locale-picker__links,.not-found nav{flex-wrap:wrap;gap:.75rem;display:flex}.locale-picker__links a,.home-page__cta{border:1px solid var(--color-border,#aab7cc);background:var(--color-surface,#fff);border-radius:.5rem;justify-content:center;align-items:center;padding-inline:1rem;font-weight:700;text-decoration:none;display:inline-flex}.home-page,.tool-page{overflow-wrap:anywhere}.home-page{gap:1.5rem;display:grid}.home-page__hero,.home-page__tools{border:1px solid var(--color-border,#aab7cc);background:var(--color-surface,#fff);border-radius:.75rem;padding:clamp(1.25rem,3vw,2.5rem)}.home-page__hero h1,.home-page__tools h2,.home-page__tool h3{margin-block-start:0}.home-page__tools{gap:1.25rem;display:grid}.home-page__tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.home-page__tool{border:1px solid var(--color-border,#aab7cc);background:var(--color-background,#f6f8fc);border-radius:.625rem;align-content:start;gap:.75rem;min-width:0;padding:1.25rem;display:grid}.home-page__tool p{margin-block:0}.home-page__privacy{margin-block:0;font-size:.9375rem}.tool-page{width:min(100%, var(--content-width));min-width:0;margin-inline:auto;padding-block-start:max(var(--page-padding), var(--safe-area-top));padding-block-end:max(var(--page-padding), var(--safe-area-bottom));padding-inline-start:max(var(--page-padding), var(--safe-area-left));padding-inline-end:max(var(--page-padding), var(--safe-area-right));overflow-x:clip}.tool-page__workspace{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(1rem,2.5vw,2rem);display:grid}.tool-page__workspace>*,.tool-page__content,.tool-page__example,.tool-page__instructions,.tool-page__faq{min-width:0}.tool-page__content,.tool-page__instructions,.tool-page__faq{gap:1rem;display:grid}.tool-page__example{overflow-wrap:anywhere;gap:.75rem;display:grid}.puzzle-actions{border:1px solid var(--color-border,#aab7cc);background:var(--color-surface,#fff);border-radius:.625rem;grid-column:1/-1;gap:.75rem;margin-block-start:1rem;padding:1rem;display:grid}.puzzle-actions__buttons{flex-wrap:wrap;gap:.625rem;display:flex}.puzzle-actions__message{margin:0;font-size:.9375rem}.tool-page__stage{aspect-ratio:16/9;width:100%;min-width:0;overflow:hidden}.hidden-picture-studio{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"header header""validation validation""form preview";align-items:start;gap:clamp(1rem,2.5vw,2rem);display:grid}.hidden-picture-studio__header{grid-area:header}.hidden-picture-studio__validation{grid-column:1/-1}.hidden-picture-studio__form{grid-area:form}.hidden-picture-studio__preview{grid-area:preview;margin-block-start:0}.tool-page__presenter-label{font-size:clamp(1.125rem,2vw,2rem);font-weight:700;line-height:1.2;display:block}.tool-page__instructions ol,.tool-page__instructions ul{margin-block:0;padding-inline-start:1.5rem}.tool-page__faq details{overflow-wrap:anywhere;min-width:0}@media (width<=60rem){.tool-page__workspace{grid-template-columns:1fr}.hidden-picture-studio{display:block}.hidden-picture-studio__preview{margin-block-start:1.5rem}}@media (width<=40rem){.home-page__tool-grid{grid-template-columns:1fr}}img,svg,video{max-width:100%;display:block}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=48rem){:root{--page-padding:clamp(1.5rem, 4vw, 3rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}