.designer-ux .ux-examples-toggle,.ux-mobile-steps,.ux-mobile-style-step{display:none}.designer-ux .ux-error{color:#991b1b;background:#fef2f2;border-radius:10px;padding:12px}.designer-ux .ux-notice{color:#166534;background:#f0fdf4;border-radius:10px;padding:12px}.designer-ux .ux-style-example{object-fit:cover;border-radius:8px;flex-shrink:0;width:48px;height:48px;font-size:10px}.designer-ux .casetify-style-icon{display:none!important}.designer-ux button:focus-visible,.designer-ux a:focus-visible{outline-offset:3px;outline:3px solid #1d4ed8}.designer-ux button:disabled{cursor:wait;opacity:.65}.designer-ux .casetify-style-card{text-align:left;font-family:inherit}.designer-ux .casetify-style-card[aria-pressed=true]>div:last-child{display:none!important}@media (min-width:992px){.designer-ux{padding-bottom:40px!important}.designer-ux .casetify-bottom-bar,.casetify-bottom-bar{display:none!important}.designer-ux .casetify-builder-main{margin-top:16px!important;padding:0 24px!important}.designer-ux .casetify-builder-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)!important;gap:20px!important}.designer-ux .casetify-control-panel,.designer-ux .casetify-hero-panel{gap:16px!important;padding:20px!important}.designer-ux .casetify-hero-box{margin:0 auto;aspect-ratio:1!important;max-width:min(580px,100vh - 200px)!important;max-height:min(580px,100vh - 200px)!important}}@media (max-width:991px){.designer-ux .casetify-builder-main{margin-top:12px!important;padding:0 12px!important}.designer-ux .casetify-builder-grid{flex-direction:column!important;gap:12px!important;display:flex!important}.designer-ux .casetify-control-panel{order:0!important;gap:16px!important;padding:16px!important}.designer-ux .casetify-hero-wrapper{order:1!important;display:none!important;position:static!important}.designer-ux.show-examples .casetify-hero-wrapper,.designer-ux.has-result .casetify-hero-wrapper{display:flex!important}.designer-ux.has-result .casetify-hero-wrapper{order:-1!important}.designer-ux .ux-examples-toggle{color:#9a3412;min-height:44px;font:inherit;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;display:block}.designer-ux .casetify-top-header{flex-wrap:wrap;gap:12px}.designer-ux .casetify-top-header h1{white-space:normal!important;font-size:24px!important;line-height:1.35!important;overflow:visible!important}.designer-ux .casetify-control-sub{white-space:normal!important;font-size:14px!important}.designer-ux .casetify-subcat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.designer-ux .casetify-step1-text,.designer-ux .casetify-style-card div{white-space:normal!important}.designer-ux .casetify-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.designer-ux .casetify-style-card{gap:8px!important;padding:8px!important}.designer-ux .casetify-bottom-bar,.casetify-bottom-bar{z-index:9999!important;width:100%!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;display:block!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}.designer-ux .casetify-bottom-bar button{min-height:44px}}@media (prefers-reduced-motion:reduce){.designer-ux *,.home-ux *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.designer-ux .ux-selection-summary{display:none}.designer-ux .ux-designer-selection{flex-direction:column;gap:20px;display:flex}.designer-ux .ux-designer-options{scroll-margin-top:90px}.designer-ux .ux-options-next{color:#fff;font:inherit;cursor:pointer;background:#ff5000;border:0;border-radius:14px;padding:14px 20px;font-weight:800}@media (min-width:992px){.designer-ux .casetify-control-panel{grid-area:1/1}.designer-ux .casetify-hero-wrapper{grid-area:1/2}}@media (max-width:991px){.designer-ux .ux-selection-summary{border-bottom:1px solid #eee;order:-2;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.designer-ux .ux-selection-summary span{color:#6b7280;margin-bottom:6px;font-size:12px;display:block}.designer-ux .ux-selection-summary strong{font-size:15px;line-height:1.5;display:block}.designer-ux .ux-selection-summary button{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;flex-shrink:0;min-height:44px;padding:8px 14px}.designer-ux .casetify-top-header{display:none!important}.designer-ux .casetify-top-header.is-open{display:flex!important}.designer-ux .ux-designer-selection{display:none}.designer-ux .ux-designer-selection.is-open{display:flex}.designer-ux .ux-examples-toggle{order:3}.designer-ux .ux-designer-options:not(.is-open),.designer-ux .casetify-cta-main{display:none!important}.designer-ux .casetify-style-grid{grid-template-columns:1fr!important}.designer-ux .ux-inline-actions:not(.is-open){display:none!important}}.designer-ux .ux-generation-status{z-index:60;text-align:center;color:#374151;background:#faf7f2;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.designer-ux .ux-generation-status h2{margin:20px 0 8px;font-size:22px}.designer-ux .ux-generation-status p{max-width:320px;margin:4px 0;font-size:14px;line-height:1.7}.designer-ux .ux-generation-spinner{border:3px solid #fed7aa;border-top-color:#ea580c;border-radius:50%;width:40px;height:40px;animation:1s linear infinite ux-generation-spin}@keyframes ux-generation-spin{to{transform:rotate(360deg)}}.designer-ux .ux-generation-selection{align-items:center;gap:16px;padding:20px 0;display:flex}.designer-ux .ux-generation-selection img{object-fit:contain;border-radius:12px;width:80px;height:100px}.designer-ux .ux-generation-selection p{color:#6b7280;font-size:13px;line-height:1.6}.designer-ux.is-generating .ux-inline-actions,.designer-ux.is-generating .casetify-top-header{display:none!important}.designer-ux .ux-cross-product summary{cursor:pointer;color:#4b5563;align-content:center;min-height:44px;font-size:14px;font-weight:700}.designer-ux .ux-cross-product[open] summary{margin-bottom:16px}@media (max-width:991px){.designer-ux.is-generating .casetify-hero-wrapper{order:0!important;display:flex!important}.designer-ux.is-generating .casetify-hero-box{min-height:300px!important}}@media (prefers-reduced-motion:reduce){.designer-ux .ux-generation-spinner{animation:none}}.designer-ux.has-result .ux-inline-actions>div:first-child>div:first-child{display:none}.designer-ux.is-generating .ux-selection-summary,.designer-ux.is-generating .ux-examples-toggle{display:none!important}.designer-ux .ux-cross-product{display:block!important}.designer-ux .casetify-control-panel{box-shadow:none!important;background:#fff!important;border:0!important;border-radius:0!important}.designer-ux .casetify-hero-panel{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.designer-ux .casetify-hero-box{box-shadow:none!important;background:#f1f0f3!important;border:0!important;border-radius:16px!important}.designer-ux .casetify-style-desc-pill{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;margin-top:0!important;padding:12px 0 0!important}@media (min-width:992px){.designer-ux .casetify-builder-grid{gap:32px!important}.designer-ux .casetify-control-panel{padding:20px 24px!important}}@media (max-width:991px){.designer-ux .casetify-control-panel{padding:12px!important}.designer-ux .casetify-hero-box{border-radius:12px!important}.designer-ux .casetify-style-desc-pill{padding:10px 0 0!important}}.designer-ux .casetify-subcat-grid{flex-wrap:wrap;gap:8px!important;display:flex!important}.designer-ux .casetify-subcat-grid .casetify-step1-btn{flex:64px;min-width:0!important;height:auto!important;min-height:44px!important;box-shadow:none!important;border-radius:10px!important;flex-direction:row!important;justify-content:center!important;padding:10px 8px!important}.designer-ux .casetify-subcat-grid .casetify-step1-text{white-space:nowrap!important;height:auto!important;font-size:13px!important;line-height:1.4!important}.designer-ux .ux-generation-steps{flex-wrap:wrap;justify-content:center;gap:10px 16px;margin:20px 0 8px;padding:0;list-style:none;display:flex}.designer-ux .ux-generation-steps li{color:#6b7280;align-items:center;gap:6px;font-size:13px;display:flex}.designer-ux .ux-generation-steps li span{background:#eee;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.designer-ux .ux-generation-steps li[aria-current=step]{color:#c2410c;font-weight:800}.designer-ux .ux-generation-steps li[aria-current=step] span{background:#ffedd5}.designer-ux .ux-generation-steps li.is-done{color:#047857}.designer-ux .ux-generation-elapsed{font-variant-numeric:tabular-nums;font-weight:700}body:has(.designer-ux) .scroll-to-top-button{bottom:calc(var(--designer-action-height,90px) + 16px)!important}.designer-ux{letter-spacing:-.01em!important}.designer-ux h1,.designer-ux h2{font-weight:800!important;line-height:1.35!important}.designer-ux h3,.designer-ux strong{font-weight:700!important}.designer-ux p{font-size:14px!important;line-height:1.6!important}.designer-ux button{letter-spacing:0!important;font-weight:600!important}.designer-ux .casetify-style-card>div{white-space:normal!important}.designer-ux .casetify-style-card>div>div:first-child{font-size:14px!important;font-weight:700!important}.designer-ux .casetify-style-card>div>div:nth-child(2){color:#4b5563!important;white-space:normal!important;font-size:13px!important;line-height:1.5!important}.designer-ux .casetify-style-desc-pill>div:last-child{color:#4b5563!important;font-size:14px!important;line-height:1.6!important}.designer-ux .casetify-upload-desktop>div{font-size:14px!important;line-height:1.6!important}.designer-ux .casetify-subcat-grid .casetify-step1-text,.designer-ux .casetify-bottom-bar button,.designer-ux .casetify-action-btn-row button{font-size:14px!important}.designer-ux .casetify-bottom-bar>div>div:first-child>div:first-child{font-size:13px!important}.designer-ux .casetify-bottom-bar>div>div:first-child>div:last-child{font-size:18px!important;font-weight:800!important}.designer-ux .detail-tabs-header{gap:8px!important}.designer-ux .detail-tab-btn{min-height:48px!important;padding:12px 16px!important;font-size:14px!important}@media (max-width:991px){.designer-ux .detail-tab-btn{flex:none!important;min-width:max-content!important}.designer-ux .detail-tab-btn svg{flex-shrink:0}.designer-ux .casetify-bottom-bar>div{gap:8px!important}.designer-ux .casetify-bottom-bar button{padding:12px!important}.designer-ux .ux-selection-summary span{font-size:13px!important}.designer-ux nav.ux-mobile-steps{gap:6px;margin-bottom:12px;padding:12px 0;scroll-margin-top:76px;display:flex!important}.designer-ux .ux-mobile-steps button{color:#69635d;background:#eeeae5;border:0;border-radius:10px;flex:1;min-height:44px;padding:10px 4px;font-size:12px}.designer-ux .ux-mobile-steps button[aria-current=step]{color:#fff;background:#ff5000}.designer-ux .ux-mobile-steps button:disabled{cursor:default;opacity:.6}.designer-ux .ux-mobile-steps span{margin-right:5px;font-weight:800}.designer-ux.mobile-step-1 .casetify-builder-grid,.designer-ux.mobile-step-2 .casetify-hero-wrapper,.designer-ux .ux-examples-toggle{display:none!important}.designer-ux .ux-selection-summary{flex-wrap:wrap}.designer-ux .ux-mobile-style-step{background:#fff;border:1px solid #eee6de;border-radius:20px;padding:20px 16px;display:block}.designer-ux .ux-mobile-style-step h1{margin:0 0 8px;font-size:24px!important}.designer-ux .ux-mobile-style-step h2{margin:0 0 6px;font-size:20px!important}.designer-ux .ux-mobile-style-step p{color:#6b7280;margin:0 0 18px}.designer-ux .ux-mobile-style-step fieldset{border:0;min-width:0;margin:16px 0;padding:0}.designer-ux .ux-step-choice-row{align-items:center;gap:8px;margin:12px 0;display:flex}.designer-ux .ux-step-row-title{white-space:nowrap;flex:0 0 26px;font-size:13px;font-weight:800}.designer-ux .ux-step-choice-row .ux-step-choices{flex-wrap:nowrap;flex:1;gap:4px;min-width:0;display:flex}.designer-ux .ux-step-choice-row button{letter-spacing:-.04em;white-space:normal;word-break:keep-all;text-align:center;flex:1 1 0;justify-content:center;align-items:center;min-width:0;min-height:44px;padding:4px 1px;font-size:clamp(10.5px,2.8vw,12px);line-height:1.15;display:flex;overflow:hidden}.designer-ux .ux-mobile-style-step legend{margin-bottom:10px;font-size:15px;font-weight:800}.designer-ux .ux-mobile-style-step legend span{color:#6b7280;margin-left:6px;font-size:11px;font-weight:400}.designer-ux .ux-step-choices{flex-wrap:wrap;gap:8px;display:flex}.designer-ux .ux-step-choices button{background:#fff;border:1px solid #ddd;border-radius:10px;flex:1;min-width:58px;padding:12px 5px;font-size:13px}.designer-ux .ux-step-choices button[aria-pressed=true],.designer-ux .ux-step-styles button[aria-pressed=true]{color:#c83e00;background:#fff6ed;border:2px solid #ff5000}.designer-ux .ux-step-styles{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.designer-ux .ux-step-styles button{background:#fff;border:1px solid #ddd;border-radius:12px;min-width:0;padding:5px}.designer-ux .ux-step-styles img{aspect-ratio:1;object-fit:contain;border-radius:8px;width:100%;display:block}.designer-ux .ux-step-styles strong{word-break:keep-all;padding:8px 0;font-size:12px;display:block}.designer-ux .ux-step-examples{border-top:1px solid #eee;padding-top:20px}.designer-ux .ux-step-example-image{aspect-ratio:1;touch-action:pan-y;background:#f8f6f2;border-radius:14px;position:relative;overflow:hidden}.designer-ux .ux-step-example-image img{object-fit:contain;width:100%;height:100%}.designer-ux .ux-step-gallery-controls{justify-content:center;align-items:center;margin:8px 0;font-size:12px;display:flex}.designer-ux .ux-step-example-image button{color:#292524;cursor:pointer;background:#ffffffd9;border:1px solid #0000001a;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #0000001a}.designer-ux .ux-step-image-prev{left:8px}.designer-ux .ux-step-image-next{right:8px}.designer-ux .ux-step-examples small{color:#78716c;font-size:11px;line-height:1.6;display:block}.designer-ux.mobile-step-1 .casetify-bottom-bar>div>div:first-child{display:none}.designer-ux.mobile-step-1 .casetify-bottom-bar>div>div:last-child,.designer-ux.mobile-step-1 .casetify-bottom-bar button{width:100%}}@media (max-width:360px){.designer-ux .ux-step-choice-row{gap:5px}.designer-ux .ux-step-row-title{flex-basis:22px;font-size:11.5px}.designer-ux .ux-step-choice-row button{letter-spacing:-.05em!important;padding:4px 0!important;font-size:10px!important}}.designer-ux .ux-mobile-manufacture-price{color:#111827;white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:700}@media (max-width:767px){.designer-ux .casetify-bottom-bar{padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important}.designer-ux .casetify-bottom-bar .ux-mobile-manufacture-price{letter-spacing:-.04em;flex-shrink:0!important;font-size:clamp(11.5px,3.2vw,13px)!important}.designer-ux .casetify-bottom-bar button{letter-spacing:-.03em!important;white-space:nowrap!important;box-sizing:border-box!important;text-overflow:ellipsis!important;border-radius:20px!important;flex-shrink:1!important;min-width:0!important;max-width:100%!important;padding:9px 12px!important;font-size:clamp(11px,3vw,13px)!important;overflow:hidden!important}.designer-ux .ux-bottom-bar-content{flex-wrap:nowrap!important;justify-content:space-between!important;gap:8px!important;width:100%!important}.designer-ux.mobile-step-1 .casetify-bottom-bar button{width:100%!important}}.designer-ux :is(p,h1,h2,h3,li){word-break:keep-all;overflow-wrap:anywhere}.designer-ux{word-break:keep-all;overflow-wrap:break-word}.designer-ux .ux-photo-guidance{flex-wrap:wrap;gap:4px 12px}.designer-ux .ux-photo-guidance>span{flex:220px;min-width:0;line-height:1.6}.designer-ux .ux-photo-guidance>button{white-space:nowrap;flex:none;min-height:44px;margin-left:auto}@media (max-width:767px){.designer-ux .ux-photo-guidance{align-items:flex-start!important}.designer-ux .ux-photo-guidance>span{flex-basis:100%}.designer-ux .ux-selection-summary>div{min-width:0}.designer-ux .ux-selection-summary button{white-space:nowrap;flex-shrink:0}.designer-ux .ux-mobile-steps button{white-space:nowrap;min-width:0}.designer-ux .ux-step-styles strong{white-space:nowrap;font-size:clamp(10px,3vw,12px)!important}.designer-ux :is(p,li){text-wrap:pretty}}.designer-ux .casetify-bottom-bar .ux-bottom-bar-content>div:last-child{flex-shrink:1;min-width:0}.designer-ux .casetify-bottom-bar button{box-sizing:border-box;justify-content:center;max-width:100%}.designer-ux .casetify-bottom-bar button>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:inherit!important;line-height:inherit!important;letter-spacing:inherit!important}.designer-ux .casetify-bottom-bar{-moz-text-size-adjust:100%;text-size-adjust:100%}.designer-ux .ux-generation-progress{width:100%;max-width:320px;margin:16px auto 8px}.designer-ux .ux-generation-progress-label{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:13px;display:flex}.designer-ux .ux-generation-progress-label strong{color:#ea580c;font-variant-numeric:tabular-nums;font-size:20px}.designer-ux .ux-generation-progress progress{appearance:none;background:#ffedd5;border:0;border-radius:999px;width:100%;height:10px;display:block;overflow:hidden}.designer-ux .ux-generation-progress progress::-webkit-progress-bar{background:#ffedd5;border-radius:999px}.designer-ux .ux-generation-progress progress::-webkit-progress-value{background:#ff5000;border-radius:999px;transition:width .1s linear}.designer-ux .ux-generation-progress progress::-moz-progress-bar{background:#ff5000;border-radius:999px}.designer-ux .ux-generation-status .ux-generation-note{white-space:nowrap;letter-spacing:-.03em;margin:8px 0 0;font-size:12px!important}@media (max-width:360px){.designer-ux .ux-generation-status .ux-generation-note{font-size:11px!important}}.designer-ux .ux-cross-product{box-shadow:0 3px 10px #233b6510;background:#eef5ff!important;border:1.5px solid #b6cbed!important;padding:14px!important}.designer-ux .ux-cross-product summary{color:#21446c;box-sizing:border-box;align-items:center;gap:8px;width:100%;list-style:none;display:flex}.designer-ux .ux-cross-product summary::-webkit-details-marker{display:none}.designer-ux .ux-cross-product summary:focus-visible{outline-offset:5px;border-radius:8px;outline:3px solid #2563eb}.designer-ux .ux-cross-icon{color:#2559a0;background:#dbeafe;border-radius:8px;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.designer-ux .ux-cross-label{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.designer-ux .ux-cross-label strong{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(12px,3.4vw,14px);line-height:1.3;overflow:hidden}.designer-ux .ux-cross-label small{color:#607995;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:500;overflow:hidden}.designer-ux .ux-cross-chevron{flex-shrink:0;margin-left:auto}.designer-ux .ux-cross-product[open] .ux-cross-chevron{transform:rotate(180deg)}@media (max-width:400px){.designer-ux .ux-cross-product{padding:12px!important}.designer-ux .ux-cross-product summary{gap:6px}}