.app{--header-h:56px;--tabs-h:52px;--gutter:16px;min-height:100vh}.header{height:var(--header-h);padding:0 var(--gutter);background:var(--white);border-top:4px solid var(--red);align-items:center;gap:12px;display:flex}.header h1{white-space:nowrap;margin:0;font-size:20px;font-weight:700}.badge{background:var(--red);color:var(--white);letter-spacing:.04em;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700}.tabs{height:var(--tabs-h);padding:0 var(--gutter);background:var(--white);border-bottom:1px solid var(--grey-neutral);overflow-x:auto}.tabs [role=tablist]{align-items:stretch;gap:8px;height:100%;display:flex}.tab{min-height:44px;font:inherit;color:var(--grey-dark);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:0 4px;font-weight:700}.tab[aria-selected=true]{border-bottom-color:var(--red)}.workspace{gap:var(--gutter);padding:var(--gutter);max-width:1440px;margin:0 auto;display:grid}.workspace-canvas{min-width:0}.card-canvas{aspect-ratio:1;background:var(--white);border-radius:8px;width:100%;position:relative;overflow:hidden}.panel{min-width:0;padding:var(--gutter);background:var(--white);border:1px solid var(--grey-neutral);border-radius:12px}@media (width>=1024px){.workspace{height:calc(100dvh - var(--header-h) - var(--tabs-h));grid-template-columns:minmax(0,1fr) minmax(360px,420px)}.workspace-canvas{flex-direction:column;align-items:center;min-height:0;display:flex}.workspace-canvas .card-canvas{flex:1 1 0;width:auto;max-width:100%;min-height:0}.workspace-side{min-height:0;padding-bottom:0;overflow-y:auto}}.form-group{border:0;margin:0 0 20px;padding:0}.form-group legend{margin-bottom:10px;padding:0;font-size:16px;font-weight:700}.field-form{display:block}.form-grid,.photos{gap:14px;display:grid}@media (width>=768px) and (width<=1023px){.form-grid,.photos{grid-template-columns:1fr 1fr}}.field label{margin-bottom:4px;font-size:14px;font-weight:700;display:block}.required{color:var(--red)}.input-row{align-items:center;gap:8px;display:flex}.prefix{font-weight:700}.field input{width:100%;min-width:0;min-height:44px;font:inherit;color:var(--grey-dark);background:var(--white);border:1px solid var(--grey-neutral);border-radius:8px;padding:8px 12px;font-size:16px}.field--error input{border-color:var(--red)}.field-error,.error{color:var(--red);margin:4px 0 0;font-size:14px;font-weight:700}.photo{border:1px solid var(--grey-neutral);border-radius:8px;min-width:0;margin:0;padding:12px}.photo legend{padding:0 4px;font-size:14px;font-weight:700}.photo-actions,.photo-mode{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.photo-mode{margin-top:10px;font-size:14px}.photo-mode label{cursor:pointer;align-items:center;gap:6px;min-height:44px;display:inline-flex}.photo-mode input{width:20px;height:20px;accent-color:var(--red)}.photo-zoom{align-items:center;gap:8px;min-height:44px;font-size:14px;display:flex}.photo-zoom input{min-width:0;accent-color:var(--red);flex:1}.photo-tip{margin:6px 0 0;font-size:13px}.button{min-height:44px;font:inherit;color:var(--white);background:var(--red);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:8px 20px;font-weight:700;text-decoration:none;display:inline-flex}.button--secondary{color:var(--grey-dark);background:var(--grey-light)}.button--wide{width:100%}.button:disabled{opacity:.55;cursor:not-allowed}:focus-visible{outline:3px solid var(--grey-dark);outline-offset:2px}.field input:focus-visible{outline-color:var(--red);outline-offset:1px}.export{z-index:1;margin:8px calc(var(--gutter) * -1) 0;padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom));background:var(--white);border-top:1px solid var(--grey-neutral);gap:10px;display:grid;position:sticky;bottom:0}.export-ready p{overflow-wrap:anywhere;margin:0 0 8px;font-size:14px}.skeleton{background:linear-gradient(90deg, var(--grey-light), var(--white), var(--grey-light));background-size:200% 100%;animation:1.4s ease-in-out infinite shimmer}.skeleton-line{border-radius:8px;height:44px;margin-top:12px}.skeleton-text{margin:0;font-weight:700}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.state-error{max-width:560px;margin:var(--gutter)}.state-detail{overflow-wrap:anywhere;font-size:13px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.card-overlay{pointer-events:none;position:absolute;inset:0}.card-hit,.card-frame{pointer-events:auto;background:0 0;border:0;border-radius:6px;padding:0;position:absolute}.card-hit{cursor:text}.card-hit:hover,.card-frame:not(.card-frame--filled):hover{background:color-mix(in srgb, var(--grey-dark) 8%, transparent)}.card-hit--empty-required{outline:2px dashed var(--red);outline-offset:-4px}.card-hit--active,.card-hit--active:focus-visible{outline:2px solid var(--red);outline-offset:-2px}@media (hover:none){.card-overlay--editing .card-hit--filled:not(.card-hit--active){outline:1px solid var(--grey-neutral);outline-offset:-2px}}.card-frame{cursor:pointer;justify-content:center;align-items:center;display:flex}.card-frame--filled{pointer-events:none}.card-frame-plus{width:44px;height:44px;color:var(--white);background:var(--red);border-radius:50%;justify-content:center;align-items:center;font-size:28px;font-weight:700;display:flex}.card-hint{background:var(--white);border:1px solid var(--grey-neutral);border-radius:999px;align-items:center;gap:8px;max-width:100%;margin-bottom:8px;padding:4px 4px 4px 14px;font-size:14px;display:flex}.card-hint p{margin:0}.bubble{z-index:20;background:var(--white);border:1px solid var(--grey-neutral);width:min(360px,100vw - 16px);box-shadow:0 6px 24px color-mix(in srgb, var(--grey-dark) 25%, transparent);border-radius:12px;padding:10px 12px;position:fixed}.bubble-label{flex:1;margin-bottom:6px;font-size:14px;font-weight:700;display:block}.bubble-row{align-items:center;gap:6px;display:flex}.bubble-row input{min-width:0;min-height:44px;font:inherit;color:var(--grey-dark);background:var(--white);border:1px solid var(--grey-neutral);border-radius:8px;flex:1;padding:8px 10px;font-size:16px}.bubble-row input:focus-visible{outline-color:var(--red);outline-offset:1px}.bubble-row input[aria-invalid=true]{border-color:var(--red)}.bubble-btn{width:44px;height:44px;font:inherit;color:var(--grey-dark);background:var(--grey-light);cursor:pointer;border:0;border-radius:50%;flex:none;font-size:18px;font-weight:700}.bubble-btn--save{color:var(--white);background:var(--red)}.bubble-help{margin:6px 0 0;font-size:13px}.photo-toolbar{gap:4px;display:grid}.photo-toolbar .bubble-label{margin:0}.checklist-title{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin:0 0 8px;font-size:16px;display:flex}.checklist-count{font-size:14px;font-weight:400}.checklist ul{margin:0;padding:0;list-style:none}.checklist-row{width:100%;min-height:44px;font:inherit;text-align:left;color:var(--grey-dark);cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:4px 0;display:flex}.checklist-row:hover .checklist-label{text-decoration:underline}.check{border:2px solid var(--grey-neutral);border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:15px;font-weight:700;display:flex}.checklist-row--done .check{color:var(--white);background:var(--red);border-color:var(--red)}.checklist-message{color:var(--red);font-size:13px;font-weight:700;display:block}.link-button{min-height:44px;font:inherit;color:var(--grey-dark);cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;text-decoration:underline}.list-editor{padding-top:8px}.privacy{flex:none;max-width:100%}.privacy-line{text-align:center;margin:8px 0 0;font-size:14px}.privacy-line .link-button{min-height:0;margin:-12px 0;padding:12px 0}.privacy-dialog{width:min(560px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--grey-dark);background:var(--white);border:0;border-radius:12px;padding:20px}.privacy-dialog::backdrop{background:color-mix(in srgb, var(--grey-dark) 50%, transparent)}.privacy-dialog h2{margin:0 0 8px;font-size:20px}.privacy-dialog h3{margin:16px 0 4px;font-size:15px}.privacy-dialog p{margin:0;font-size:15px;line-height:1.5}.privacy-dialog form{margin-top:20px}:root{--red:#e81229;--grey-dark:#1b2621;--white:#fff;--grey-neutral:#8a918e;--grey-light:#eef0ef;--font-ui:"ACS Latin", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-ui);color:var(--grey-dark);background:var(--grey-light);-webkit-font-smoothing:antialiased;margin:0}
