:root{--color-primary: #2f8fc4;--color-primary-dark: #1f6f9e;--color-primary-light: #66b9ea;--color-primary-soft: #e7f3fb;--color-bg: #ffffff;--color-bg-alt: #f4f8fb;--color-text: #17232e;--color-text-2: #51636f;--color-text-3: #83939e;--color-border: #dbe6ee;--color-danger: #b23a32;--color-danger-soft: #fbebe9;--color-warn: #a15a14;--color-warn-soft: #fbf0de;--color-good: #2b7a54;--color-good-soft: #e5f4ec;--radius: 10px;--radius-lg: 16px;--shadow: 0 1px 2px rgba(23, 35, 46, .05), 0 6px 20px -10px rgba(23, 35, 46, .18);--max-width: 780px;--max-width-wide: 1080px}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:Noto Sans,system-ui,sans-serif;font-size:16px;line-height:1.6;display:flex;flex-direction:column;min-height:100vh}main{flex:1;display:block}img{max-width:100%;display:block}h1,h2,h3,h4{font-family:Poppins,Noto Sans,system-ui,sans-serif;font-weight:600;line-height:1.25;margin:0 0 .5em;color:var(--color-text);text-wrap:balance}h1{font-size:clamp(28px,4vw,40px);font-weight:300}h2{font-size:clamp(22px,3vw,28px)}h3{font-size:17px;font-weight:600}p{margin:0 0 1em;color:var(--color-text-2)}a{color:var(--color-primary-dark);text-decoration:none}a:hover{text-decoration:underline}code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.92em;background:var(--color-bg-alt);padding:.1em .4em;border-radius:5px}page-inner{display:block;max-width:var(--max-width);margin:0 auto;padding:40px 20px 72px}page-inner.wide{max-width:var(--max-width-wide)}page-inner.center{text-align:center}page-inner.center h1{margin-bottom:.3em}page-inner.prose h1{margin-top:.2em}page-inner.prose h2{margin-top:1.6em}page-inner.prose ul,page-inner.prose ol{padding-left:1.4em;color:var(--color-text-2);margin:0 0 1em}page-inner.prose li{margin:.3em 0}page-inner.prose figure{margin:24px 0}page-inner.prose figure img{width:100%;border-radius:var(--radius);border:1px solid var(--color-border)}section-block{display:block;margin-top:56px}div-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}div-buttons.center,page-inner.center div-buttons{justify-content:center}button,input[type=submit],input[type=button],a[x-button]{font-family:inherit;font-size:15px;font-weight:600;padding:12px 20px;border-radius:var(--radius);border:none;background:var(--color-primary-light);color:#fff;cursor:pointer;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background-color .15s ease}button:hover,a[x-button]:hover{background:#83cbf5;text-decoration:none}button:active,a[x-button]:active{background:var(--color-primary-dark)}button:disabled{opacity:.55;cursor:not-allowed}button.large,a[x-button].large{padding:15px 28px;font-size:16px}button.small,a[x-button].small{padding:8px 14px;font-size:13px}button.ghost,a[x-button].ghost{background:transparent;color:var(--color-primary-dark);border:1px solid var(--color-border)}button.ghost:hover{background:var(--color-primary-soft)}label{display:block;font-size:13px;font-weight:600;color:var(--color-text-2);margin:14px 0 6px}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],select,textarea{font-family:inherit;font-size:15px;width:100%;padding:11px 13px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text)}input.short{width:auto;max-width:120px}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible,[role=button]:focus-visible,[role=tab]:focus-visible{outline:2px solid var(--color-primary-dark);outline-offset:2px}check-field{display:flex;align-items:center;gap:8px}check-field input[type=checkbox]{width:17px;height:17px;accent-color:var(--color-primary)}check-field label{margin:0;font-weight:500;color:var(--color-text)}p-notice{display:block;padding:14px 18px;border-radius:var(--radius);background:var(--color-bg-alt);color:var(--color-text-2);margin:16px 0}p-notice.error{background:var(--color-danger-soft);color:var(--color-danger)}site-header{display:block;border-bottom:1px solid var(--color-border);position:sticky;top:0;background:var(--color-bg);z-index:20}header-inner{display:flex;align-items:center;gap:16px;max-width:var(--max-width-wide);margin:0 auto;padding:12px 20px}brand-block{display:flex;align-items:center;gap:10px}brand-block img{border-radius:8px}brand-name a{color:var(--color-text);font-weight:700;font-size:17px}brand-by{font-size:11px;color:var(--color-text-3)}brand-by a{color:inherit}nav-menu{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:14.5px;font-weight:500}nav-menu a{color:var(--color-text-2)}nav-menu a.cta{background:var(--color-primary-light);color:#fff;padding:9px 16px;border-radius:var(--radius)}nav-menu a.cta:hover{background:#83cbf5;text-decoration:none}mobile-toggle{display:none;margin-left:auto;cursor:pointer;color:var(--color-text)}mobile-menu{display:none}mobile-close{display:none}@media(max-width:760px){nav-menu{display:none}mobile-toggle{display:flex}mobile-menu{display:flex;flex-direction:column;gap:4px;position:fixed;inset:0 0 0 30%;background:var(--color-bg);padding:70px 24px 24px;transform:translate(100%);transition:transform .2s ease;box-shadow:-12px 0 30px #00000026;z-index:30}mobile-menu.open{transform:translate(0)}mobile-menu a{padding:12px 4px;font-size:16px;border-bottom:1px solid var(--color-border);color:var(--color-text)}mobile-menu a.cta{border:none;background:var(--color-primary-light);color:#fff;border-radius:var(--radius);text-align:center}mobile-close{display:flex;position:absolute;top:20px;right:20px;cursor:pointer;color:var(--color-text-2)}}etsy-disclaimer{display:block;text-align:center;font-size:11.5px;color:var(--color-text-3);max-width:var(--max-width-wide);margin:0 auto;padding:0 20px}site-footer{display:block;border-top:1px solid var(--color-border);margin-top:40px}footer-inner{max-width:var(--max-width-wide);margin:0 auto;padding:22px 20px 40px;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:13px;color:var(--color-text-3)}footer-inner nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}footer-inner nav a{color:var(--color-text-2)}hero{display:block;background:linear-gradient(180deg,var(--color-primary-soft),var(--color-bg) 78%);padding:12px 0 8px}hero page-inner{padding-top:56px;padding-bottom:40px}hero .lede{font-size:17.5px;max-width:62ch}video-frame{display:block;position:relative;width:100%;aspect-ratio:16 / 9;margin-top:20px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);background:#000}video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:44px 0}feature-card{display:block;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow)}feature-card svg{color:var(--color-primary)}feature-card h3{margin-top:12px}feature-card p{font-size:14px;margin-bottom:0}@media(max-width:760px){feature-grid{grid-template-columns:1fr}}faq-list{display:block;margin-top:18px}faq-item{display:block;padding:16px 0;border-bottom:1px solid var(--color-border)}faq-item h3{margin-bottom:6px}faq-item p{margin-bottom:0}auth-panel{display:block;max-width:420px;margin:24px auto 0;text-align:left}auth-panel form{display:block;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow)}form-title{display:block;font-weight:700;font-size:18px;margin-bottom:6px}form-error{display:block;background:var(--color-danger-soft);color:var(--color-danger);padding:10px 14px;border-radius:var(--radius);font-size:13.5px;margin:10px 0}form-hint{display:block;background:var(--color-primary-soft);color:var(--color-primary-dark);padding:10px 14px;border-radius:var(--radius);font-size:13.5px;margin:10px 0}auth-panel button[type=submit]{width:100%;margin-top:18px}auth-fineprint{display:block;text-align:center;font-size:12px;color:var(--color-text-3);margin-top:12px}auth-switch{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;font-size:13.5px;color:var(--color-text-2)}loader-overlay{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#ffffffe0;opacity:0;pointer-events:none;transition:opacity .15s ease}loader-overlay.loader-visible{opacity:1;pointer-events:auto}loader-spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--color-border);border-top-color:var(--color-primary);animation:spin .8s linear infinite}@media(prefers-reduced-motion:reduce){loader-spinner{animation-duration:2s}}@keyframes spin{to{transform:rotate(360deg)}}loader-message{font-weight:600}loader-submessage{font-size:13px;color:var(--color-text-2)}loader-bar{width:220px;height:6px;border-radius:4px;background:var(--color-bg-alt);overflow:hidden}loader-bar-fill{display:block;height:100%;background:var(--color-primary);transition:width .2s ease}dialog-wrapper{position:fixed;inset:0;z-index:110;display:none;align-items:center;justify-content:center;background:#0f192173;padding:20px}dialog-wrapper.dialog-wrapper-visible{display:flex}dialog-box{background:var(--color-bg);border-radius:var(--radius-lg);max-width:480px;width:100%;padding:24px;box-shadow:var(--shadow)}dialog-title{display:block;font-weight:700;font-size:17px;margin-bottom:12px}dialog-content{display:block;max-height:40vh;overflow-y:auto}dialog-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}shop-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--color-border);margin-bottom:28px}shop-greeting{font-size:19px;font-weight:600}shop-links{display:flex;align-items:center;gap:14px;font-size:14px}shop-links a{display:inline-flex;align-items:center;gap:6px;color:var(--color-text-2)}step-heading{display:block;font-family:Poppins,sans-serif;font-weight:600;font-size:15px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-primary-dark);margin:40px 0 14px}step-heading:first-of-type{margin-top:0}feed-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:720px){feed-cards{grid-template-columns:1fr}}feed-card{display:block;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:18px}feed-card h3{margin-bottom:10px;font-size:14.5px}feed-url-box{display:block;font-family:ui-monospace,monospace;font-size:12.5px;word-break:break-all;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:10px 12px;color:var(--color-primary-dark);user-select:all}how-to{display:block;background:var(--color-bg-alt);border-radius:var(--radius-lg);padding:22px 24px;margin-top:24px}how-to h2{font-size:17px;margin-bottom:12px}how-to ol{padding-left:1.3em;margin:0}how-to li{margin:10px 0;color:var(--color-text-2);font-size:14.5px}config-panel{display:block;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow)}config-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px}@media(max-width:640px){config-grid{grid-template-columns:1fr}}config-field{display:block}config-field label:first-child{margin-top:0}field-hint{display:block;font-size:12.5px;color:var(--color-text-3);margin-top:4px}config-urls{display:block;margin-top:22px;padding-top:20px;border-top:1px solid var(--color-border)}url-field+url-field{margin-top:14px}url-label{display:block;font-size:12.5px;font-weight:700;color:var(--color-text-2);margin-bottom:6px}url-row{display:flex;gap:8px}url-row input{font-family:ui-monospace,monospace;font-size:12.5px}category-fix{display:flex;align-items:center;gap:6px}mode-switch{display:inline-flex;gap:4px;background:var(--color-bg-alt);border-radius:var(--radius);padding:4px;margin-bottom:20px}mode-option{display:flex;align-items:center;padding:9px 16px;border-radius:8px;font-size:13.5px;font-weight:600;color:var(--color-text-2);cursor:pointer}mode-option.selected{background:var(--color-bg);color:var(--color-primary-dark);box-shadow:var(--shadow)}empty-state{display:block;text-align:center;padding:32px 20px;color:var(--color-text-3);background:var(--color-bg-alt);border-radius:var(--radius-lg)}preview-list{display:block}listing-preview{display:block;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px 18px;margin-bottom:14px;background:var(--color-bg)}listing-preview.excluded{opacity:.55}listing-preview-head{display:flex;gap:14px;align-items:flex-start}preview-thumb{flex:none;width:48px;height:48px;border-radius:8px;overflow:hidden;background:var(--color-bg-alt)}preview-thumb img{width:100%;height:100%;object-fit:cover}preview-thumb-empty{display:block;width:100%;height:100%}preview-main{flex:1;min-width:0}preview-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:var(--color-text)}preview-title a{color:var(--color-text-3);display:inline-flex}preview-state{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-3);background:var(--color-bg-alt);padding:2px 8px;border-radius:999px;margin-top:4px}preview-warnings{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}warning-chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--color-warn-soft);color:var(--color-warn)}warning-chip.excluded,warning-chip.personalization-excluded{background:var(--color-danger-soft);color:var(--color-danger)}preview-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none}preview-single-row{display:flex;gap:18px;margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border);font-size:13.5px}preview-price{font-weight:700;color:var(--color-text)}preview-availability{color:var(--color-good);font-weight:600}preview-availability.out{color:var(--color-danger)}preview-category{color:var(--color-text-3)}preview-variants{display:block;margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border);overflow-x:auto}variant-head,variant-row{display:grid;grid-template-columns:1fr 110px 120px;gap:10px;align-items:center;min-width:380px}variant-head{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-3);padding-bottom:6px}variant-rows{display:block;max-height:300px;overflow-y:auto}variant-row{padding:8px 0;border-top:1px solid var(--color-bg-alt);font-size:13.5px}variant-options{display:flex;flex-wrap:wrap;gap:4px 10px;color:var(--color-text)}option-pair{display:inline-flex;gap:4px}option-name{color:var(--color-text-3)}variant-sku{display:block;width:100%;font-size:11.5px;color:var(--color-text-3)}variant-price{font-weight:600}variant-availability{color:var(--color-good);font-size:13px}variant-availability.out{color:var(--color-danger)}
