:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Geneva,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 10%,#d8f4ff 0,#0000 30%),radial-gradient(circle at 80% 90%,#b7f0cf 0,#0000 34%),linear-gradient(140deg,#f5fbff 10%,#ecfff5 100%);min-width:320px;margin:0}.page{place-items:center;min-height:100vh;padding:24px;display:grid}.home-page{place-items:center;min-height:100vh;display:grid}.home-content{text-align:center;justify-items:center;gap:18px;width:min(360px,100%);display:grid}.home-content h1{font-size:clamp(1.35rem,4vw,1.7rem)}.home-logo{object-fit:contain;border-radius:12px;width:min(280px,100%);min-height:280px;display:block}.design-pilot-link{box-sizing:border-box;background:#fff;border-radius:12px;justify-content:center;align-items:center;width:min(280px,100%);padding:12px 18px;transition:transform .14s,box-shadow .14s;display:flex;box-shadow:0 8px 20px #10212b24}.design-pilot-link:hover{transform:translateY(-2px);box-shadow:0 12px 24px #10212b33}.design-pilot-link:focus-visible{outline-offset:3px;outline:3px solid #10212b}.design-pilot-logo{width:100%;height:auto;margin:10px 0 0;display:block}.search-page{place-items:center;min-height:100vh;padding:24px}.search-input-group{width:330px}.auth-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border:1px solid #ffffffb3;border-radius:24px;padding:30px;box-shadow:0 20px 50px #10192829}.integration-columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.integration-page{place-items:start center;padding-top:56px}.design-pilot-page{grid-template-columns:minmax(230px,260px) minmax(0,1fr);min-height:100vh;display:grid}.workflow-sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border-right:1px solid #10212b1a;flex-direction:column;justify-content:space-between;height:100vh;padding:28px 14px 20px;display:flex;position:sticky;top:0}.workflow-title,.workflow-kicker{color:#55707e;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:700}.workflow-logo{border-radius:10px;width:100%;height:auto;display:block}.workflow-steps{gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.workflow-step,.workflow-designs{grid-template-columns:50px minmax(0,1fr);align-items:center;gap:12px;display:grid}.workflow-step{display:block}.workflow-step-button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:12px;padding:8px;display:grid}.workflow-step.is-active .workflow-step-button,.workflow-designs.is-active{background:#ffffffad;box-shadow:0 8px 18px #10212b12}.workflow-step-button:focus-visible,.workflow-designs:focus-visible{outline-offset:2px;outline:3px solid #187346}.workflow-step-button:disabled,.workflow-designs:disabled{cursor:not-allowed;opacity:.58}.workflow-icon{color:#46616f;background:#e5edf0;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.2rem;display:inline-flex;position:relative}.is-complete .workflow-icon,.workflow-designs .workflow-icon{color:#187346;background:#d7f4e3}.workflow-success-badge{color:#fff;background:#187346;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:19px;height:19px;font-size:.62rem;display:inline-flex;position:absolute;bottom:-5px;right:-5px}.workflow-step-copy{gap:2px;min-width:0;display:grid}.workflow-step-copy strong{color:#10212b;font-size:.93rem}.workflow-step-copy small{color:#607783;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.workflow-designs{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #10212b1a;padding:12px 8px}.workflow-content{align-content:start;justify-items:center;gap:28px;min-width:0;padding:56px 32px;display:grid}.workflow-content-header{width:min(760px,100%)}.workflow-content-header h1{margin-top:6px}.workflow-content-header>p:last-child{color:#55707e;margin:8px 0 0}.workflow-card{background:#ffffffc7;border:1px solid #10212b1a;border-radius:20px;gap:20px;width:min(760px,100%);padding:28px;display:grid;box-shadow:0 12px 30px #10212b14}.workflow-card h2{color:#10212b;margin:6px 0 0;font-size:clamp(1.25rem,3vw,1.5rem)}.workflow-card>div>p:last-child{color:#55707e;margin:8px 0 0}.workflow-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.workflow-form label{color:#304a56;gap:6px;font-size:.88rem;font-weight:600;display:grid}.listing-field-label{justify-content:space-between;align-items:center;gap:8px;display:flex}.listing-refresh-button{color:#187346;cursor:pointer;background:#fff;border:1px solid #c8d6dc;border-radius:7px;place-items:center;width:28px;height:28px;display:inline-grid}.listing-refresh-button:hover:not(:disabled){background:#edf8f1;border-color:#187346}.listing-refresh-button:disabled{color:#8ba0a9;cursor:wait}.is-spinning{animation:.8s linear infinite listing-refresh-spin}@keyframes listing-refresh-spin{to{transform:rotate(360deg)}}.workflow-form input,.workflow-form select{color:#10212b;width:100%;min-height:42px;font:inherit;background:#fff;border:1px solid #c8d6dc;border-radius:10px;padding:9px 11px}.template-autofill-editor{background:#f8fbfc;border:1px solid #d8e3e7;border-radius:14px;grid-column:1/-1;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);align-items:start;gap:20px;padding:16px;display:grid}.template-preview{color:#304a56;gap:8px;margin:0;font-size:.88rem;font-weight:700;display:grid}.template-preview img{object-fit:contain;background:#fff;border-radius:10px;width:100%;max-height:360px}.template-autofill-fields{gap:12px;display:grid}.template-autofill-fields h3,.template-autofill-fields p{margin:0}.template-autofill-fields h3{color:#10212b;font-size:1rem}.template-autofill-fields p{color:#55707e;font-size:.9rem}.workflow-primary-btn{color:#fff;font:inherit;cursor:pointer;background:#187346;border:0;border-radius:10px;grid-column:1/-1;justify-self:start;padding:11px 16px;font-weight:700}.workflow-primary-btn:hover{background:#125b37}.workflow-success{color:#187346;margin:-6px 0 0;font-size:.9rem;font-weight:700}.workflow-usage-card{background:#dff7e8c7}.usage-summary{color:#24563c;background:#ffffffc2;border-radius:12px;gap:4px;padding:16px;display:grid}.usage-summary span{color:#55707e;font-size:.9rem}.etsy-connected-user,.canva-connected-user{justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.etsy-icon{width:1.25em;height:1.25em}.etsy-status,.canva-status{color:#10212b;align-items:center;gap:8px;font-weight:600;display:inline-flex}.etsy-connected-label,.canva-connected-label{margin:0}.etsy-logout-btn,.canva-logout-btn{color:#10212b;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;min-width:20px;min-height:20px;padding:0;font-size:1rem;font-weight:400;line-height:1;display:inline-flex}@media (width<=760px){.design-pilot-page{grid-template-columns:76px minmax(0,1fr)}.workflow-sidebar{border-bottom:0;border-right:1px solid #10212b1a;gap:12px;height:100vh;padding:16px 8px;position:sticky;top:0}.workflow-logo,.workflow-step-copy{display:none}.workflow-steps{grid-template-columns:1fr;gap:10px;margin-top:0}.workflow-step{display:block}.workflow-step-button{grid-template-columns:1fr;justify-items:center;padding:6px}.workflow-designs{border-top:0;grid-template-columns:1fr;justify-items:center;padding:6px}.integration-columns{grid-template-columns:1fr}.workflow-content{padding:32px 16px}.workflow-card{padding:22px}.workflow-form,.template-autofill-editor{grid-template-columns:1fr}}h1{color:#10212b;margin:0;font-size:clamp(1.7rem,3vw,2rem)}.company-logo{width:100%;max-width:min(160px,100%);height:auto;margin:0 auto 8px;display:block}.company-logo-search{width:100%;height:auto;margin:0 auto 8px;display:block}.actions{gap:12px;margin-top:22px;display:grid}.social-btn,.logout-btn{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 14px;font-size:1rem;font-weight:600;transition:transform .14s,box-shadow .14s,filter .14s;display:inline-flex}.social-btn:hover,.logout-btn:hover{filter:brightness(1.02);transform:translateY(-1px)}.social-btn:active,.logout-btn:active{transform:translateY(0)}.google{color:#1f2f3a;background:#fff;border:1px solid #d7e0e6}.google:disabled{opacity:.7;cursor:not-allowed}.google-real-auth{justify-content:center;display:flex}.error-text,.alert{margin:12px 0 0;font-size:.92rem}.alert{border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.alert-content{flex:1}.alert-close{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:1rem;font-weight:700;line-height:1}.etsy-actions{align-items:center;display:flex}.alert-close:hover{opacity:.8}.alert-error{color:#b42318;background:#fef3f2;border-color:#fecdca}.apple{color:#fff;background:#121212}.apple:disabled{opacity:.7;cursor:not-allowed}.etsy{color:#fff;background:#f8b28f}.canva{color:#fff;background:#00c4cc}.canva-icon{width:1.25em;height:1.25em}.microsoft{color:#0a3d91;background:#f3f8ff;border:1px solid #c7dafd}.microsoft:disabled{opacity:.7;cursor:not-allowed}.profile{background:#eef6fa;border-radius:14px;align-items:center;gap:14px;margin-top:20px;padding:14px;display:flex}.avatar{border:2px solid #d1e3ec;border-radius:50%;width:56px;height:56px}.label{color:#4c6472;margin:0;font-size:.9rem}.name{color:#0f1d25;align-items:center;gap:8px;margin:4px 0 0;font-weight:700;display:flex}.logout-btn{color:#fff;background:#d92d20;margin-top:16px}