:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--navy:#0b2b28;--teal:#14b8a6;--teal-bright:#2dd4bf;--gradient:linear-gradient(90deg, var(--navy) 0%, var(--teal) 100%);--ink:#12181a;--muted:#64707a;--border:#e1e5e7;--card-border:#14b8a659;--accent:#14b8a6;--bg:#f2f4f4;--card-bg:#fff}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.topNav{background:var(--gradient);justify-content:center;align-items:center;gap:4px;padding:12px 20px;display:flex}.topNavLink{box-shadow:none;cursor:pointer;color:#ffffffbf;background:0 0;border:none;border-radius:999px;margin:0;padding:6px 14px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .15s,color .15s}.topNavLink:hover{color:#fff;background:#ffffff1f}.topNavLink.active{color:#fff;background:#fff3}main{max-width:960px;margin:0 auto;padding:24px 20px 64px}.pageWithSamples{justify-content:center;gap:24px;max-width:1400px;margin:0 auto;display:flex}.pageWithSamplesCenter{flex:1;min-width:0}.sampleRail{flex-direction:column;flex-shrink:0;gap:16px;width:180px;padding-top:24px;display:none}.sampleRail img{object-fit:cover;border-radius:12px;width:100%;display:block;box-shadow:0 8px 24px #0b2b281f}@media (min-width:1300px){.sampleRail{display:flex}}.samplesLink{margin:-16px 0 24px;font-size:13px}.samplesLink a{color:var(--teal);font-weight:600;text-decoration:none}.samplesLink a:hover{text-decoration:underline}.sampleSection{margin-top:32px}.sampleSection h2{margin-bottom:12px;font-size:18px}.sampleGrid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;display:grid}.sampleGrid img{object-fit:cover;border-radius:12px;width:100%;display:block;box-shadow:0 1px 2px #0b2b280a,0 8px 24px #0b2b280d}h1{margin:0;font-size:26px}.titleRow{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:4px;display:flex}.promoBadge{background:var(--gradient);color:#fff;white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-block;box-shadow:0 4px 12px #0b2b282e}p.subtitle{color:var(--muted);margin-top:0;margin-bottom:28px}.layout{grid-template-columns:1fr;gap:32px;display:grid}@media (min-width:800px){.layout{grid-template-columns:1fr 340px;align-items:start}}form{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;flex-direction:column;gap:16px;padding:24px;display:flex;box-shadow:0 1px 2px #0b2b280a,0 8px 24px #0b2b280d}.formGrid{grid-template-columns:1fr 1fr;gap:16px 20px;display:grid}.formGrid .full{grid-column:1/-1}@media (max-width:560px){.formGrid{grid-template-columns:1fr}}.profileRow{flex-wrap:wrap;gap:16px 20px;display:flex}.profileRow>.field{flex:170px;min-width:170px}.field{flex-direction:column;gap:6px;display:flex}label{color:var(--ink);font-size:13px;font-weight:600}label .hint{color:var(--muted);font-weight:400}input[type=text],input[type=file],textarea,.field select{border:1px solid var(--border);color:var(--ink);background:#fff;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px}input[type=text]:focus,textarea:focus,.field select:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #14b8a626}textarea{resize:vertical;line-height:1.5}button{background:var(--gradient);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:8px;padding:12px 16px;font-size:15px;font-weight:600;box-shadow:0 4px 12px #0b2b282e}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}button.secondary{color:var(--navy);border:1px solid var(--border);box-shadow:none;background:0 0}.templatePicker{gap:12px;margin-bottom:24px;display:flex}.templateTile{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;flex-direction:column;align-items:center;gap:8px;width:116px;padding:12px;display:flex}.templateTile.active{border-color:var(--navy);background:#14b8a61f;box-shadow:0 0 0 3px #14b8a640}.templateTilePhoto{border:1px solid var(--border);cursor:zoom-in;width:64px;height:84px;box-shadow:none;background:#efeeec;border-radius:4px;margin:0;padding:0;display:block;overflow:hidden}.templateTilePhoto img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.templateTileName{color:var(--ink);text-align:center;cursor:pointer;box-shadow:none;background:0 0;border:none;margin:0;padding:0;font-family:inherit;font-size:13px;font-weight:700;line-height:1.3}.templateTile.active .templateTileName{color:var(--navy)}.templateTile.comingSoon{cursor:default;background:0 0;border-style:dashed}.comingSoonPhoto{cursor:default;background:0 0;border-style:dashed;justify-content:center;align-items:center;display:flex}.comingSoonIcon{color:var(--muted);font-size:26px;font-weight:400}.comingSoonText{color:var(--muted);cursor:default;font-weight:600}.error{color:#a4262c;background:#fdecea;border:1px solid #f3c6c6;border-radius:8px;padding:10px 12px;font-size:13px}.preview{border:1px solid var(--card-border);background:var(--card-bg);text-align:center;border-radius:16px;padding:16px;position:sticky;top:24px;box-shadow:0 1px 2px #0b2b280a,0 8px 24px #0b2b280d}.preview .frame{width:100%;color:var(--muted);background:#eef1f1;border-radius:8px;justify-content:center;align-items:center;font-size:13px;display:flex;overflow:hidden}.preview img{object-fit:cover;width:100%;height:100%;display:block}.preview a.download{background:var(--gradient);color:#fff;border-radius:8px;margin-top:14px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block;box-shadow:0 4px 12px #0b2b282e}.colorField{align-items:center;gap:10px;display:flex}.colorField input[type=color]{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;width:44px;height:40px;padding:2px}.colorField input[type=text]{flex:1}.colorPresets{gap:8px;margin-top:2px;display:flex}.colorPreset{border:1px solid var(--border);cursor:pointer;width:26px;height:26px;box-shadow:none;border-radius:999px;margin:0;padding:0}.colorPreset.active{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--navy)}.photoThumb{width:120px;color:var(--muted);background:#eef1f1;border-radius:8px;justify-content:center;align-items:center;margin-top:8px;font-size:12px;display:flex;overflow:hidden}.photoThumb img{object-fit:cover;width:100%;height:100%;display:block}.sceneModeToggle{gap:6px;margin-bottom:8px;display:flex}.sceneModeToggle button{border:1px solid var(--border);color:var(--muted);cursor:pointer;box-shadow:none;background:#fff;border-radius:6px;flex:1;margin:0;padding:6px 10px;font-size:12px;font-weight:600}.sceneModeToggle button.active{background:var(--gradient);color:#fff;border-color:#0000}.scenePresetGrid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px;display:grid}.scenePresetThumb{aspect-ratio:4/3;cursor:pointer;box-shadow:none;border:2px solid #0000;border-radius:8px;margin:0;padding:0;overflow:hidden}.scenePresetThumb img{object-fit:cover;width:100%;height:100%;display:block}.scenePresetThumb.active{border-color:var(--teal)}.resultCard{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;border-radius:16px;margin-top:32px;padding:24px;box-shadow:0 1px 2px #0b2b280a,0 8px 24px #0b2b280d}.resultCard h2{margin:0 0 16px;font-size:18px}.resultCard img{border-radius:8px;max-width:100%;height:auto;margin:0 auto;display:block}.resultLoading{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px 0;display:flex}.resultSpinner{background:conic-gradient(from 0deg, transparent 0deg, var(--teal-bright) 90deg, var(--navy) 180deg, transparent 270deg);border-radius:50%;width:84px;height:84px;animation:1.1s linear infinite resultSpin;position:relative;box-shadow:0 0 28px 4px #2dd4bf66}.resultSpinner:after{content:"";background:var(--card-bg);border-radius:50%;position:absolute;inset:10px}@keyframes resultSpin{to{transform:rotate(360deg)}}.feedbackCard{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;margin-top:32px;padding:24px;box-shadow:0 1px 2px #0b2b280a,0 8px 24px #0b2b280d}.feedbackCard h2{margin:0 0 4px;font-size:18px}.feedbackCard .subtitle{margin-bottom:16px}.starRow{gap:6px;margin-bottom:16px;display:flex}.star{color:var(--border);cursor:pointer;box-shadow:none;background:0 0;border:none;margin:0;padding:0;font-size:30px;line-height:1}.star.filled{color:var(--teal)}.feedbackTextarea{width:100%;margin-bottom:16px;display:block}.feedbackSuccess{color:var(--navy);border:1px solid var(--card-border);background:#14b8a61f;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:13px}.siteFooter{background:var(--gradient);justify-content:center;align-items:center;gap:4px;margin-top:40px;padding:12px 20px;display:flex}.legal{max-width:720px;margin:0 auto;padding:40px 20px 64px;line-height:1.6}.legal h1{margin-bottom:8px;font-size:28px}.legal .effectiveDate{color:var(--muted);margin-top:0}.legal h2{color:var(--navy);margin-top:32px;margin-bottom:8px;font-size:18px}.legal p{margin:0 0 12px}.legal ul{margin:0 0 12px;padding-left:22px}.legal li{margin-bottom:6px}.legal a{color:var(--teal)}.modalOverlay{z-index:100;background:#091413b8;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.modalContent{background:var(--card-bg);border-radius:12px;max-width:min(90vw,620px);max-height:90vh;padding:8px;display:flex;position:relative;overflow:hidden}.modalContent img{object-fit:contain;border-radius:6px;width:100%;max-height:calc(90vh - 16px);display:block}.modalClose{color:#fff;cursor:pointer;width:32px;height:32px;box-shadow:none;background:#0b2b28bf;border:none;border-radius:999px;justify-content:center;align-items:center;margin:0;padding:0;font-size:14px;line-height:1;display:flex;position:absolute;top:16px;right:16px}