.screen{max-width:480px;min-height:100dvh;padding:24px 24px calc(32px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:16px;margin:0 auto;display:flex}.screen-sticky{padding-bottom:calc(132px + env(safe-area-inset-bottom,0px))}.screen-navy{background:var(--blue-deep);color:var(--white);padding-top:32px}.progress{gap:8px;display:flex}.progress i{background:var(--border);border-radius:3px;flex:1;height:6px}.progress i.on{background:var(--blue-deep)}.step{letter-spacing:1px;text-transform:uppercase;color:var(--blue-deep);margin:0;font-size:12px;font-weight:700;line-height:16px}.step-light{color:#86e5f3}.brandbar{align-items:center;gap:14px;display:flex}.brandbar img{flex:none;display:block}.title{color:var(--blue-deep);margin:0;font-size:28px;font-weight:900;line-height:30px}.by{color:var(--blue-cyan);margin:0;font-size:16px;font-weight:700;line-height:22px}.h1{color:var(--blue-deep);margin:0;font-size:30px;font-weight:900;line-height:34px}.h1:focus{outline:none}.h1-lg{margin-top:8px;font-size:34px;line-height:38px}.h1-xl{color:var(--white);font-size:40px;line-height:42px}.lead{margin:0;font-size:16px;line-height:24px}.small{margin:0;font-size:14px;line-height:20px}.note{margin:0;font-size:12px;line-height:16px}.form{flex-direction:column;gap:14px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--blue-deep);font-size:14px;font-weight:700;line-height:20px}.field .opt{color:var(--text);font-weight:400}.hint{margin:-2px 0 0;font-size:12px;line-height:16px}.input{border:2px solid var(--border);width:100%;height:48px;font:inherit;color:var(--text);background:var(--white);border-radius:5px;padding:0 16px;font-size:16px}.input::placeholder{color:#767676}.input[aria-invalid=true]{border-color:#c4332a}.select{appearance:auto;padding:0 12px}.ferr{color:#b42318;margin:0;font-size:14px;font-weight:700;line-height:20px}label.consent{color:var(--text);cursor:pointer;align-items:flex-start;gap:12px;min-height:44px;font-size:14px;font-weight:400;line-height:20px;display:flex}label.consent input{width:24px;height:24px;accent-color:var(--blue-deep);flex:none;margin:0}.btn{min-height:52px;font:inherit;text-align:center;cursor:pointer;border-radius:25px;padding:14px 28px;font-size:18px;font-weight:800;line-height:24px}.btn-block{width:100%;display:block}.btn-primary{background:var(--blue-cyan);color:var(--white);border:1px solid var(--blue-cyan)}.btn-primary:disabled{color:var(--blue-deep);cursor:default;background:#e3f3fb;border-color:#b9e2f6}.btn-secondary{background:var(--white);color:var(--blue-cyan);border:3px solid var(--blue-cyan);padding:12px 26px}.btn-light{background:var(--white);color:var(--blue-deep);border:3px solid var(--white);padding:12px 26px}.btn-outline-light{color:var(--white);border:3px solid var(--white);background:0 0;padding:12px 26px}.btn-on-navy{border-color:var(--white)}.actions{flex-direction:column;gap:12px;margin-top:8px;display:flex}.actions-bottom{margin-top:auto}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:4px;display:grid}.menu-card{background:var(--white);border:2px solid var(--border);font:inherit;color:var(--blue-deep);cursor:pointer;border-radius:5px;flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex;position:relative}.menu-card.on{border:4px solid var(--blue-cyan);padding:10px}.menu-card:disabled{cursor:default}.tile{border-radius:5px;flex:none;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.tile-sm{width:80px;height:80px}.menu-name{text-align:center;min-height:36px;font-size:14px;font-weight:700;line-height:18px}.menu-card.on .menu-name{font-weight:800}.check{background:var(--blue-deep);border-radius:14px;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:-8px;right:-8px}.sticky-bar{padding:24px 24px calc(24px + env(safe-area-inset-bottom,0px));background:linear-gradient(#fff0, var(--white) 24px);flex-direction:column;gap:8px;max-width:480px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.status{background:var(--surface);color:var(--blue-deep);text-align:center;border-radius:5px;margin:0;padding:8px 12px;font-size:14px;font-weight:700;line-height:20px}.picked{background:var(--surface);border:2px solid var(--border);border-radius:5px;align-items:center;gap:16px;padding:16px;display:flex}.picked-label{margin:0;font-size:12px;font-weight:600;line-height:16px}.picked-name{color:var(--blue-deep);margin:0;font-size:20px;font-weight:900;line-height:24px}.preview{background:var(--surface);border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:300px;margin:8px 0 0;display:flex}.preview img{max-width:240px;max-height:220px}.preview figcaption{color:var(--blue-deep);font-size:16px;font-weight:800;line-height:20px}.farewell{text-align:center;margin:0;font-size:18px;font-weight:800;line-height:24px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.color-screen{padding:20px 20px calc(24px + env(safe-area-inset-bottom,0px));gap:12px}.h1-sm{font-size:24px;line-height:28px}.stage3d{background:var(--surface);border:2px solid var(--border);border-radius:5px;flex:none;justify-content:center;align-items:center;height:270px;display:flex;position:relative;overflow:hidden}.stage-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.stage3d svg{width:100%;height:236px}.stage-msg{text-align:center;color:var(--blue-deep);margin:0;font-weight:700;position:absolute;inset:auto 12px 50%}.stage-hint{pointer-events:none;margin:0;font-size:12px;font-weight:600;line-height:16px;position:absolute;bottom:10px;left:12px}.r2d{cursor:pointer}.r2d-on{filter:drop-shadow(0 0 4px #f4c94af2)}.tabs{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;display:grid}.tab,.tool{border:2px solid var(--border);background:var(--white);min-height:44px;color:var(--blue-deep);font:inherit;cursor:pointer;border-radius:25px;padding:0 10px;font-size:14px;font-weight:700;line-height:18px}.tab.on{background:var(--blue-deep);border-color:var(--blue-deep);color:var(--white)}.tool:disabled{opacity:.5;cursor:default}.swatches{grid-template-columns:repeat(6,minmax(0,1fr));justify-items:center;gap:8px;display:grid}.swatch{border:2px solid var(--border);cursor:pointer;border-radius:22px;width:44px;height:44px;padding:0}.swatch.on{border:4px solid var(--blue-deep)}.tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}