@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#17182c;background:#f6f3ed;font-synthesis:none;--ink:#17182c;--muted:#767786;--line:#e5e0d7;--coral:#ff6a4d;--ivory:#f6f3ed;--sidebar:#191a31}*{box-sizing:border-box}body{margin:0;background:var(--ivory)}button,input{font:inherit}button{cursor:pointer;border:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:238px;background:var(--sidebar);color:#fff;padding:25px 15px 18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand-lockup{display:flex;align-items:center;gap:10px;padding:0 12px 30px}.brand-mark{font-family:Space Grotesk;font-weight:700;font-size:25px;letter-spacing:-2px}.brand-mark span,.preview-logo span{color:var(--coral)}.brand-lockup strong{display:block;font-size:14px}.brand-lockup small{display:block;color:#a7a7ba;font-size:11px;margin-top:2px}.store-switch{display:flex;align-items:center;gap:9px;background:#262742;border:1px solid #363750;border-radius:11px;padding:11px 10px;margin:0 3px 29px}.store-switch>div:nth-child(2){flex:1}.store-icon{width:28px;height:28px;border-radius:8px;background:var(--coral);display:grid;place-items:center;color:#20192b}.store-switch small,.provider-note small,.user-row small{display:block;color:#9999b0;font-size:10px;margin-bottom:3px}.store-switch strong{font-size:12px;font-weight:600}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:9px;background:transparent;color:#a9a9bd;text-align:left;font-size:13px}.nav-item:hover,.nav-item.active{background:#2d2d4a;color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--coral)}.nav-item span{flex:1}.nav-item em{font-size:10px;background:#41415d;color:#cecedd;font-style:normal;border-radius:8px;padding:2px 7px}.sidebar-bottom{margin-top:auto}.provider-note{display:flex;align-items:center;gap:9px;border-top:1px solid #32334b;border-bottom:1px solid #32334b;padding:17px 8px;margin-bottom:19px}.provider-note>div{flex:1}.provider-note strong{font-size:11px;font-weight:500}.provider-note svg{color:#7fd3a5}.dot{width:7px;height:7px;background:#76d19c;border-radius:50%}.help-link{background:none;color:#9e9eb1;font-size:11px;padding:4px 8px;display:flex;align-items:center;gap:5px;margin-bottom:17px}.user-row{display:flex;align-items:center;gap:9px;padding:7px 8px}.user-row>div:nth-child(2){flex:1}.user-row strong{display:block;font-size:11px}.avatar{width:29px;height:29px;background:#e8b7a5;color:#271d34;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700}.main-content{margin-left:238px;min-height:100vh;flex:1}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 54px}.breadcrumb{display:flex;align-items:center;gap:9px;color:#9998a2;font-size:12px}.breadcrumb strong{color:var(--ink);font-weight:600}.top-actions{display:flex;align-items:center;gap:22px}.icon-btn{background:none;position:relative;color:#777889;padding:5px}.icon-btn i{position:absolute;width:5px;height:5px;background:var(--coral);border-radius:50%;top:3px;right:3px}.store-button,.secondary-btn{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid #d7d1c7;border-radius:8px;padding:10px 14px;color:var(--ink);font-weight:600;font-size:12px}.page{max-width:1190px;margin:0 auto;padding:39px 54px 70px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.page-heading h1{font-family:Space Grotesk;font-size:29px;letter-spacing:-1.1px;margin:0 0 7px}.page-heading p,.hero-copy p,.section-head p{margin:0;color:var(--muted);font-size:13px}.primary-btn,.hero-btn{display:flex;align-items:center;gap:8px;background:var(--coral);color:#211b2e;border-radius:8px;padding:12px 17px;font-weight:700;font-size:12px;box-shadow:0 5px 15px #ff6a4d2e}.hero-panel{background:#252440;border-radius:14px;min-height:278px;padding:35px 40px;display:flex;justify-content:space-between;overflow:hidden;color:#fff;position:relative}.hero-copy{max-width:400px;position:relative;z-index:2}.spark{display:flex;align-items:center;gap:7px;color:#b9b7d9;font-size:10px;margin-bottom:18px}.hero-copy h2{font-family:Space Grotesk;font-size:40px;letter-spacing:-1.8px;line-height:.99;margin:0 0 16px}.hero-copy h2 em{font-style:normal;color:#ff9780}.hero-copy p{color:#bebcd1;line-height:1.6;margin-bottom:23px;max-width:320px}.hero-btn{background:#fff;color:#292842;box-shadow:none}.product-stack{position:relative;width:360px;margin-right:45px}.shape{position:absolute;display:grid;place-items:center;font-family:Space Grotesk;font-weight:700;box-shadow:12px 18px 30px #11122566}.shape-a{width:172px;height:205px;background:#ff806a;right:35px;top:12px;border-radius:35px 8px 16px 9px;font-size:42px;color:#2b2040;transform:rotate(9deg)}.shape-b{width:130px;height:130px;background:#b9e6d1;border-radius:50%;right:165px;top:105px;font-size:48px;color:#2d3150;transform:rotate(-10deg)}.shape-c{width:128px;height:165px;background:#d9c8f4;right:250px;top:34px;font-size:35px;color:#2b2040;text-align:center;line-height:.85;transform:rotate(-7deg);padding-top:15px}.shape-c small{font-size:10px;letter-spacing:2px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0 39px}.metric{border:1px solid var(--line);border-radius:12px;padding:18px 19px;background:#fbfaf7}.metric.lavender{background:#eee9f9}.metric.coral{background:#fff0eb}.metric.mint{background:#e7f5ed}.metric-top{display:flex;justify-content:space-between;color:#777786;font-size:11px}.metric-top svg{color:#89869b}.metric strong{font-family:Space Grotesk;font-size:28px;display:block;margin:18px 0 3px;letter-spacing:-1px}.metric small{font-size:10px;color:#718776}.metric.coral small{color:#d87462}.metric.lavender small{color:#7770a7}.content-section{border-top:1px solid var(--line);padding-top:23px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px}.section-head h3{font-family:Space Grotesk;font-size:16px;margin:0 0 5px}.text-btn{background:none;color:#55546d;font-size:11px;font-weight:700;display:flex;align-items:center;gap:6px}.table-wrap{overflow-x:auto}.table-wrap table{width:100%;border-collapse:collapse;font-size:11px}.table-wrap th{color:#96959f;text-align:left;font-size:10px;font-weight:500;padding:0 12px 12px}.table-wrap td{border-top:1px solid var(--line);padding:15px 12px;color:#585867;white-space:nowrap}.table-wrap td:first-child{padding-left:0;color:var(--ink)}.table-wrap th:first-child{padding-left:0}.table-wrap td strong{font-weight:600;color:var(--ink)}.status{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 9px;font-size:9px;font-weight:600}.status.green{background:#dff2e6;color:#39825c}.status.purple{background:#e9e3fa;color:#7164a5}.status.blue{background:#e4eef7;color:#4e7ca0}.status.draft{background:#ecebea;color:#858484}.toolbar{display:flex;gap:10px;margin-bottom:26px}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fbfaf7;border-radius:8px;padding:0 12px;width:275px;color:#9b9aa2}.search input{border:0;background:none;outline:none;font-size:12px;width:100%;padding:11px 0;color:var(--ink)}.filter-btn{border:1px solid var(--line);background:transparent;border-radius:8px;padding:0 12px;display:flex;align-items:center;gap:16px;color:#656574;font-size:11px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product-card{border:1px solid var(--line);background:#fbfaf7;border-radius:12px;padding:10px;transition:.18s}.product-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px #23233b0b}.product-art{height:153px;border-radius:8px;display:grid;place-items:center;overflow:hidden;position:relative}.product-art:after{content:"";position:absolute;width:90px;height:110px;border:2px solid #ffffff44;border-radius:50%;transform:rotate(38deg)}.product-art span{font-family:Space Grotesk;font-size:27px;font-weight:700;z-index:1;color:#23233b}.product-art.indigo{background:#bfc5ec}.product-art.coral{background:#ffb69e}.product-art.mint{background:#b8e6d0}.product-art.lavender{background:#d9c8f4}.product-info,.product-meta{display:flex;align-items:flex-start;justify-content:space-between;padding:13px 4px 0}.product-info h3{font-size:13px;margin:0 0 4px}.product-info p{font-size:10px;color:var(--muted);margin:0}.product-meta{align-items:center;padding-top:14px}.product-meta strong{font-family:Space Grotesk;font-size:15px}.product-meta small{font-size:10px;color:var(--muted);margin-left:7px}.more-btn{margin-left:auto;background:none;color:#777}.order-summary{background:#e7f5ed;border-radius:11px;padding:15px 18px;display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.order-summary>div{display:flex;align-items:center;gap:11px;color:#3a805d}.order-summary strong{display:block;font-size:12px;color:#244b37}.order-summary small{display:block;font-size:10px;color:#648370;margin-top:3px}.orders-section{padding-top:25px}.search.small{width:210px}.brand-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.brand-card,.color-card,.settings-list{border:1px solid var(--line);background:#fbfaf7;border-radius:12px;padding:20px}.brand-preview{background:#252440;color:#fff;border-radius:10px;min-height:180px;padding:23px;display:flex;align-items:flex-start;position:relative}.preview-logo{font-family:Space Grotesk;font-size:22px;font-weight:700;letter-spacing:-1px;margin-right:15px}.brand-preview>div:nth-child(2) strong,.brand-preview>div:nth-child(2) small{display:block}.brand-preview>div:nth-child(2) strong{font-size:12px}.brand-preview>div:nth-child(2) small{font-size:10px;color:#b9b7d9;margin-top:3px}.preview-cta{position:absolute;bottom:21px;left:23px;background:var(--coral);font-size:10px;font-weight:700;padding:9px 12px;border-radius:6px}.brand-form{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:21px}.brand-form label{display:grid;gap:7px;font-size:10px;font-weight:600;color:#64636f}.brand-form label:last-child{grid-column:1/-1}.brand-form input{border:1px solid var(--line);border-radius:7px;padding:10px 11px;background:#fffdf9;font-size:12px;outline:none}.url-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;background:#fffdf9;padding-left:10px;color:#999;font-size:12px}.url-input input{border:0;padding-left:4px}.color-card h3{font-family:Space Grotesk;font-size:16px;margin:0 0 6px}.color-card p{font-size:11px;color:var(--muted);line-height:1.5;margin:0 0 26px}.swatches{display:grid;gap:17px}.swatches>div{display:flex;align-items:center;gap:10px}.swatch{width:37px;height:37px;border-radius:8px;display:block}.swatch.ink{background:#17182c}.swatch.coral{background:#ff6a4d}.swatch.mint{background:#b8e6d0}.swatches small{font-size:10px;color:#777}.swatches b{font-weight:600;color:var(--ink)}.settings-list{padding:0}.setting-row{display:flex;align-items:center;gap:15px;padding:20px;border-bottom:1px solid var(--line)}.setting-row:last-child{border-bottom:0}.setting-row>div:nth-child(2){flex:1}.setting-icon{width:34px;height:34px;background:#eee9f9;border-radius:8px;display:grid;place-items:center;color:#7164a5}.setting-row strong{display:block;font-size:12px}.setting-row p{font-size:10px;color:var(--muted);margin:5px 0 0}.connected,.muted-label{font-size:10px;color:#4c9a6d;background:#e7f5ed;border-radius:20px;padding:5px 9px}.muted-label{color:#89898e;background:#efeeeb}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#17182c8c;display:grid;place-items:center;z-index:5}.modal{width:480px;background:#fbfaf7;border-radius:14px;box-shadow:0 25px 70px #17182c40;overflow:hidden}.modal-head{padding:24px 25px 21px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.modal-head h2{font-family:Space Grotesk;margin:0 0 5px;font-size:20px}.modal-head p{margin:0;font-size:11px;color:var(--muted)}.close-btn{background:none;color:#777}.modal-body{padding:9px 24px}.modal-product{display:flex;align-items:center;gap:13px;padding:12px 0;border-bottom:1px solid var(--line)}.modal-product:last-child{border-bottom:0}.modal-product .product-art{width:53px;height:53px;flex:none}.modal-product .product-art span{font-size:13px}.modal-product>div:nth-child(2){flex:1}.modal-product strong,.modal-product small{display:block}.modal-product strong{font-size:12px}.modal-product small{font-size:10px;color:var(--muted);margin-top:4px}.modal-product button{border:1px solid var(--line);border-radius:6px;background:transparent;padding:7px 11px;font-size:10px;font-weight:700}.modal-foot{padding:15px 24px;background:#f3f0e9;display:flex;justify-content:space-between;align-items:center}.modal-foot span{display:flex;gap:5px;align-items:center;color:#85828a;font-size:10px}.toast{position:fixed;bottom:24px;right:25px;background:#252440;color:#fff;padding:12px 17px;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:12px;box-shadow:0 8px 25px #17182c30;z-index:10}.toast svg{color:#8be0ad}@media(max-width:900px){.sidebar{width:74px;padding:20px 10px}.brand-lockup{padding:0 7px 26px}.brand-lockup>div:last-child,.store-switch>div:not(.store-icon),.store-switch>svg,.nav-item span,.nav-item em,.provider-note>div,.provider-note>svg,.help-link,.user-row>div:nth-child(2),.user-row>svg{display:none}.brand-mark{font-size:20px}.store-switch{padding:10px;justify-content:center}.nav-item{justify-content:center;padding:12px}.sidebar-bottom{display:block}.provider-note{justify-content:center;padding:16px 0}.user-row{justify-content:center;padding:6px 0}.main-content{margin-left:74px}.topbar{padding:0 25px}.page{padding:30px 25px}.hero-panel{padding:28px}.product-stack{margin-right:-80px;opacity:.75}.product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.topbar{height:65px}.store-button{display:none}.page{padding:25px 17px}.page-heading{align-items:flex-start;gap:15px}.page-heading h1{font-size:24px}.page-heading .primary-btn{padding:10px}.hero-panel{min-height:350px;padding:26px}.hero-copy h2{font-size:34px}.product-stack{position:absolute;right:-80px;bottom:-45px;transform:scale(.8)}.metrics{grid-template-columns:1fr;gap:10px;margin:16px 0 30px}.metric{padding:14px}.metric strong{margin-top:10px}.product-grid,.brand-layout,.brand-form{grid-template-columns:1fr}.brand-form label:last-child{grid-column:auto}.table-wrap{margin-right:-17px}.table-wrap table{min-width:690px}.modal{width:calc(100% - 30px)}.modal-foot{align-items:flex-start;gap:10px;flex-direction:column}}.saved-design-gallery{display:grid;gap:10px;margin:16px 0;padding:12px;border:1px solid #ececf3;border-radius:12px;background:#fbfbfe}.saved-design-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.saved-design-grid button{display:grid;gap:5px;min-width:0;padding:0;border:0;background:transparent;color:#6d6d80;font-size:9px;text-align:left;cursor:pointer}.saved-design-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:7px;border:1px solid #e3e2ee}.saved-design-filters{display:flex;gap:7px}.saved-design-filters button{border:1px solid #e3e2ee;border-radius:999px;padding:6px 10px;background:#fff;color:#77778a;font-size:10px;cursor:pointer}.saved-design-filters button.active{background:#24243a;color:#fff;border-color:#24243a}.saved-design-card{display:grid;gap:5px;min-width:0}.saved-design-card>div{display:flex;gap:4px;flex-wrap:wrap}.saved-design-open{display:grid;gap:5px;min-width:0;padding:0;border:0;background:transparent;color:#6d6d80;font-size:9px;text-align:left;cursor:zoom-in}.saved-design-open img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:7px;border:1px solid #e3e2ee}.saved-design-card .text-btn{padding:0;font-size:9px}.danger-btn{color:#c45454!important}.design-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:22px;background:#121220c7}.design-lightbox-card{position:relative;display:grid;gap:10px;width:min(760px,94vw);max-height:92vh;padding:14px;border-radius:16px;background:#fff;box-shadow:0 20px 70px #0000004d}.design-lightbox-card img{display:block;width:100%;max-height:78vh;object-fit:contain;border-radius:10px;background:#f4f4f8}.design-lightbox-card>div{display:grid;gap:3px;padding:0 4px}.design-lightbox-card small{color:#818194}@media(max-width:680px){.saved-design-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.wide-modal{width:620px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:14px 0 8px}.form-grid label{display:grid;gap:7px;font-size:10px;font-weight:700;color:#64636f}.form-grid input{border:1px solid var(--line);border-radius:7px;padding:10px 11px;background:#fffdf9;font-size:12px;outline:none}.form-grid small{font-size:9px;color:var(--muted);font-weight:400}.selected-product{margin-top:12px;border:1px solid #cdebd8;border-radius:9px;padding:10px 12px;background:#f0faf4}.selected-product>svg{color:#4c9a6d}.form-error{margin:12px 0 3px;padding:10px 12px;border-radius:7px;background:#fff0eb;color:#b44f3d;font-size:10px}.modal-actions{display:flex;gap:8px;align-items:center}.primary-btn:disabled{opacity:.45;cursor:not-allowed}@media(max-width:600px){.wide-modal{width:calc(100% - 30px)}.form-grid{grid-template-columns:1fr}}.inline-input{display:flex;border:1px solid var(--line);border-radius:7px;background:#fffdf9}.inline-input input{border:0;flex:1;min-width:0}.verify-btn{background:#eee9f9;color:#7164a5;border-left:1px solid var(--line);padding:0 11px;font-size:10px;font-weight:700;border-radius:0 7px 7px 0}.verify-btn:disabled{opacity:.5}.variant-result{display:flex;gap:9px;align-items:center;padding:11px 12px;border-radius:8px;background:#e7f5ed;color:#39825c;font-size:11px;margin:9px 0}.variant-result div{flex:1}.variant-result strong,.variant-result small{display:block}.variant-result strong{color:#244b37}.variant-result small{color:#648370;font-size:9px;margin-top:3px}@media(max-width:600px){.page{overflow:hidden}.table-wrap{margin-right:0;overflow:hidden}.table-wrap table{min-width:0;width:100%;table-layout:fixed}.table-wrap th,.table-wrap td{padding-left:5px;padding-right:5px;overflow:hidden;text-overflow:ellipsis}.table-wrap th:first-child,.table-wrap td:first-child{padding-left:0}.table-wrap th:nth-child(2),.table-wrap td:nth-child(2),.table-wrap th:nth-child(4),.table-wrap td:nth-child(4),.table-wrap th:nth-child(5),.table-wrap td:nth-child(5){display:none}.table-wrap th:nth-child(1),.table-wrap td:nth-child(1){width:33%}.table-wrap th:nth-child(3),.table-wrap td:nth-child(3){width:43%;white-space:normal}.table-wrap th:nth-child(6),.table-wrap td:nth-child(6){width:24%}.table-wrap .status{max-width:100%;overflow:hidden;text-overflow:ellipsis}}.leggings-modal .modal-body{padding-top:12px}.flow-step{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--line);margin-bottom:7px}.flow-step>span{width:23px;height:23px;border-radius:50%;background:#eee9f9;color:#7164a5;display:grid;place-items:center;font-size:10px;font-weight:700}.flow-step>div{flex:1}.flow-step strong,.flow-step small{display:block}.flow-step strong{font-size:12px}.flow-step small{font-size:10px;color:var(--muted);margin-top:3px}.generate-btn{display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fffdf9;border-radius:7px;padding:8px 11px;color:#7164a5;font-size:10px;font-weight:700}.flow-step textarea{width:100%;resize:vertical;border:1px solid var(--line);border-radius:7px;padding:10px 11px;background:#fffdf9;font-size:12px;outline:none}.pattern-result{display:grid;grid-template-columns:150px 1fr;gap:13px;margin:13px 0;padding:10px;border:1px solid #cdebd8;border-radius:9px;background:#f0faf4}.pattern-result img{width:150px;height:110px;object-fit:cover;border-radius:6px;background:#eee9f9}.pattern-result .variant-result{margin:0}.pattern-note{display:block;font-size:10px;color:#648370;line-height:1.45;margin:10px 2px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:600px){.pattern-result{grid-template-columns:1fr}.pattern-result img{width:100%;height:160px}}.pattern-preview-button{position:relative;border:0;padding:0;background:transparent;cursor:zoom-in;text-align:left}.pattern-preview-button span{position:absolute;left:7px;bottom:7px;padding:4px 6px;border-radius:4px;background:#161430d1;color:#fff;font-size:9px}.pattern-metadata{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px;font-size:10px;color:var(--muted)}.pattern-metadata span{padding:7px 8px;background:#fffdf9;border-radius:5px}.pattern-metadata strong{display:block;color:#17152f;margin-top:2px}.pattern-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#121027c7;display:grid;place-items:center;padding:28px}.pattern-lightbox-card{position:relative;width:min(760px,94vw);max-height:92vh;padding:16px;border-radius:12px;background:#fffdf9;box-shadow:0 20px 70px #00000059}.pattern-lightbox-card .close-btn{position:absolute;right:12px;top:12px;z-index:1}.pattern-lightbox-card img{display:block;width:100%;max-height:76vh;object-fit:contain;border-radius:7px;background:#eee9f9}.pattern-lightbox-card div:last-child{display:flex;justify-content:space-between;gap:12px;padding:12px 2px 0}.pattern-lightbox-card small{color:var(--muted)}.pattern-product-modal{max-width:920px}.saved-patterns{display:grid;gap:10px;padding:12px;border:1px solid #ececf3;border-radius:12px;background:#fbfbfe}.saved-patterns>div:first-child{display:grid;gap:3px}.saved-patterns small{color:#858598;font-size:11px}.saved-pattern-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.saved-pattern-grid button{display:grid;gap:5px;min-width:0;padding:0;border:0;background:transparent;color:#6d6d80;font-size:9px;text-align:left;cursor:pointer}.saved-pattern-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:7px;border:1px solid #e3e2ee}@media(max-width:680px){.saved-pattern-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.pattern-product-modal .modal-head{align-items:flex-start}.pattern-product-modal .modal-head h2{margin-top:6px}.eyebrow{color:#7b61ff;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.pattern-flow-steps{display:flex;gap:8px;padding:14px 24px;border-bottom:1px solid #ececf3;background:#fbfbfe;overflow-x:auto}.pattern-flow-step{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:#9696a5;font-size:12px;font-weight:700;white-space:nowrap;padding:0}.pattern-flow-step span{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#ececf5;color:#8e8e9d;font-size:11px}.pattern-flow-step.active{color:#24243a}.pattern-flow-step.active span{background:#7b61ff;color:#fff}.pattern-flow-body{min-height:440px;background:#fff}.pattern-panel{display:grid;gap:22px}.panel-title{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.panel-title>div{display:grid;gap:5px}.panel-title strong{color:#24243a;font-size:17px}.panel-title small,.product-family-card small,.pattern-dropzone small,.final-success small{color:#858598;font-size:12px;line-height:1.5}.panel-count{color:#747487;font-size:11px;font-weight:700;white-space:nowrap}.product-family-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.product-family-card{display:flex;align-items:center;gap:11px;min-height:94px;padding:14px;border:1px solid #e3e3ec;border-radius:15px;background:#fff;text-align:left;cursor:pointer;transition:.16s ease}.product-family-card:hover{border-color:#b9abff;transform:translateY(-1px)}.product-family-card.selected{border-color:#7b61ff;background:#f7f5ff;box-shadow:0 0 0 2px #7b61ff1c}.product-family-card>span:nth-child(2){display:grid;gap:5px;min-width:0}.product-family-card strong{color:#2b2b42;font-size:13px}.family-icon{display:grid;flex:0 0 38px;place-items:center;width:38px;height:38px;border-radius:12px;background:#ece8ff;color:#7358ed;font-size:20px}.product-family-card>svg{margin-left:auto;flex:0 0 auto;color:#7b61ff}.selection-summary{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:12px 14px;border-radius:12px;background:#f5f7fb;color:#727284;font-size:12px}.selection-summary strong{color:#292940}.summary-dot{width:7px;height:7px;border-radius:50%;background:#33bf94}.panel-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding-top:4px}.printful-preflight{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid #dfe5ef;border-radius:12px;background:#f8fafc}.printful-preflight-message{display:flex;align-items:flex-start;gap:10px;min-width:0}.printful-preflight-message>svg{flex:0 0 auto;margin-top:2px}.printful-preflight strong,.printful-preflight small{display:block}.printful-preflight strong{color:#292940;font-size:13px}.printful-preflight small{margin-top:3px;color:#747487;font-size:11px;line-height:1.4}.printful-preflight.checking{color:#6657d9;background:#f5f3ff;border-color:#ddd8ff}.printful-preflight.ready{color:#25845d;background:#eefaf4;border-color:#ccebdc}.printful-preflight.needs_resize{color:#9a6a24;background:#fff8e9;border-color:#f1dba7}.printful-preflight.needs_crop,.printful-preflight.unsupported_format,.printful-preflight.unavailable{color:#b34d4d;background:#fff1f1;border-color:#f0cccc}.source-toggle{display:inline-flex;width:fit-content;gap:5px;padding:4px;border-radius:12px;background:#f1f1f7}.source-toggle button{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:9px;padding:10px 13px;background:transparent;color:#767689;font-size:12px;font-weight:700;cursor:pointer}.source-toggle button.selected{background:#fff;color:#6d51e8;box-shadow:0 2px 8px #24243a14}.upload-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:16px;align-items:stretch}.pattern-dropzone{display:grid;place-items:center;align-content:center;gap:8px;min-height:210px;padding:20px;border:1.5px dashed #bcb7dd;border-radius:16px;background:#faf9ff;color:#6f55e5;text-align:center;cursor:pointer}.pattern-dropzone:hover{border-color:#7b61ff;background:#f5f2ff}.pattern-dropzone input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.pattern-dropzone strong{color:#35354d;font-size:14px}.local-pattern-preview,.pattern-preview-button{position:relative;display:block;overflow:hidden;padding:0;border:1px solid #e6e5ee;border-radius:15px;background:#f7f7fb;cursor:pointer}.local-pattern-preview img,.pattern-preview-button img{display:block;width:100%;height:100%;min-height:210px;object-fit:cover}.local-pattern-preview span,.pattern-preview-button span{position:absolute;right:9px;bottom:9px;padding:6px 9px;border-radius:8px;background:#1a1a2dd1;color:#fff;font-size:11px}.ai-pattern-form{display:grid;gap:12px}.ai-pattern-form label{display:grid;gap:7px;color:#4c4c61;font-size:12px;font-weight:700}.ai-pattern-form textarea{width:100%;box-sizing:border-box;resize:vertical;border:1px solid #dedee8;border-radius:11px;padding:12px;color:#292940;font:inherit;line-height:1.5}.ai-hint{display:flex;gap:8px;align-items:flex-start;padding:12px;border-radius:11px;background:#f5f2ff;color:#75659e;font-size:12px;line-height:1.5}.ready-badge{display:inline-flex;align-items:center;gap:5px;color:#218d6e;font-size:11px;font-weight:800;white-space:nowrap}.optimized-layout{display:grid;grid-template-columns:minmax(0,260px) 1fr;gap:18px;align-items:stretch}.optimized-preview,.optimized-preview img{min-height:220px}.spec-list{display:grid;align-content:start;gap:14px}.spec-list .variant-result{display:flex;align-items:center;gap:9px;padding:13px;border-radius:11px;background:#edf9f4;color:#238b6b}.spec-list .variant-result div{display:grid;gap:4px}.spec-list .variant-result strong{color:#2d5f50;font-size:13px}.spec-list .variant-result small{color:#6d8f83;font-size:11px}.pattern-metadata{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pattern-metadata span,.final-meta span{display:grid;gap:4px;padding:10px;border-radius:9px;background:#f6f6fa;color:#889;font-size:10px}.pattern-metadata strong,.final-meta strong{color:#323248;font-size:11px}.product-details-grid{margin-top:2px}.product-details-grid .variant-field{grid-column:1 / -1}.product-details-grid .variant-field input{margin-top:7px}.final-product-panel{gap:18px}.final-success{display:flex;align-items:center;gap:11px;padding:13px 14px;border-radius:12px;background:#edf9f4}.final-success>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#37bd91;color:#fff}.final-success>div{display:grid;gap:4px}.final-success strong{color:#276c59;font-size:14px}.final-product-card{display:grid;grid-template-columns:180px 1fr;gap:17px;align-items:center;padding:14px;border:1px solid #e4e4ec;border-radius:15px}.final-product-card>img,.final-product-placeholder{width:180px;height:180px;object-fit:cover;border-radius:11px;background:#f0f0f6}.final-product-placeholder{display:grid;place-items:center;align-content:center;gap:8px;color:#9292a2;text-align:center;font-size:11px}.final-product-info{display:flex;align-self:stretch;justify-content:space-between;align-items:flex-start;gap:12px;padding-top:4px}.final-product-info h3{margin:7px 0 5px;color:#2a2a40;font-size:20px}.final-product-info p{margin:0;color:#818194;font-size:12px}.final-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.catalog-retry{width:fit-content;margin-top:5px;padding:0}.pattern-lightbox{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#121220c7}.pattern-lightbox-card{position:relative;display:grid;gap:12px;width:min(720px,100%);max-height:90vh;padding:14px;border-radius:17px;background:#fff;box-shadow:0 20px 70px #00000040}.pattern-lightbox-card img{display:block;width:100%;max-height:72vh;object-fit:contain;border-radius:10px;background:#f4f4f8}.pattern-lightbox-card>div{display:grid;gap:4px;padding:0 5px 3px}.pattern-lightbox-card small{color:#818194}.prompt-library{display:grid;gap:12px;padding:15px;border:1px solid #e5e1fb;border-radius:15px;background:linear-gradient(135deg,#fbfaff,#f7fbff)}.prompt-library-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.prompt-library-head>div{display:grid;gap:5px}.prompt-library-head strong{display:inline-flex;align-items:center;gap:7px;color:#342d68;font-size:13px}.prompt-library-head small{max-width:560px;color:#858598;font-size:11px;line-height:1.45}.prompt-library-head label{display:grid;gap:5px;min-width:160px;color:#727284;font-size:10px;font-weight:800}.prompt-library-head select{border:1px solid #dedee8;border-radius:8px;padding:8px 9px;color:#33334a;background:#fff;font:inherit}.prompt-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.prompt-card{display:grid;gap:7px;min-height:118px;padding:11px;border:1px solid #e2e1ed;border-radius:11px;background:#fff;text-align:left;cursor:pointer;transition:.16s ease}.prompt-card:hover{border-color:#ad9cff;transform:translateY(-1px)}.prompt-card.selected{border-color:#7358ed;background:#f4f1ff;box-shadow:0 0 0 2px #7358ed1a}.prompt-card-top{display:flex;justify-content:space-between;gap:6px;color:#766da1;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.prompt-card-top span{overflow:hidden;color:#9898aa;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.prompt-card strong{color:#35354d;font-size:12px;line-height:1.3}.prompt-card em{color:#87879a;font-size:10px;line-height:1.4}.prompt-library-loading,.prompt-library-actions{display:flex;align-items:center;gap:9px;color:#858598;font-size:11px}.prompt-library-actions{justify-content:space-between;flex-wrap:wrap;padding-top:2px}.prompt-library-actions .secondary-btn{padding:8px 10px}.printful-upload-toggle{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border:1px solid #d9ebe5;border-radius:11px;background:#f3fbf7;cursor:pointer}.printful-upload-toggle input{margin-top:3px;accent-color:#248f70}.printful-upload-toggle span{display:grid;gap:4px}.printful-upload-toggle strong{color:#2e6958;font-size:12px}.printful-upload-toggle small{color:#6d8f83;font-size:10px;line-height:1.45}.design-lab-modal{width:min(980px,calc(100vw - 32px));max-width:980px}.design-lab-body{background:#fff;overflow-x:hidden}.design-lab-panel,.design-result-panel,.design-entry-grid,.design-starter-grid{min-width:0}.design-lab-panel,.design-result-panel{display:grid;gap:18px}.design-lab-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.design-lab-intro h3{margin:0 0 6px;color:#24243a;font-family:Space Grotesk;font-size:22px;letter-spacing:-.5px}.design-lab-intro p{max-width:650px;margin:0;color:#777789;font-size:12px;line-height:1.55}.design-count{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:8px 10px;border-radius:8px;background:#f1efff;color:#6954d8;font-size:10px;font-weight:800}.design-search{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;border:1px solid #cfcfd9;border-radius:10px;color:#858598;background:#fff}.design-search:focus-within{border-color:#7b61ff;box-shadow:0 0 0 3px #7b61ff1a}.design-search input{width:100%;border:0;outline:0;color:#2d2d43;background:transparent;font-size:13px}.design-search kbd{padding:3px 6px;border:1px solid #e0dfe9;border-radius:5px;color:#9998a7;background:#fafafd;font-size:9px;white-space:nowrap}.design-lab-toolbar{display:flex;align-items:end;gap:16px}.design-lab-toolbar>label{display:grid;flex:0 0 190px;gap:5px;color:#727284;font-size:10px;font-weight:800}.design-lab-toolbar select{border:1px solid #dedee8;border-radius:8px;padding:9px 10px;color:#33334a;background:#fff;font:inherit}.design-category-scroll{display:flex;align-items:center;gap:7px;min-width:0;padding-bottom:1px;overflow-x:auto}.design-category-scroll button{flex:0 0 auto;padding:8px 13px;border:1px solid #e4e3eb;border-radius:20px;color:#777789;background:#fff;font-size:10px;white-space:nowrap}.design-category-scroll button:hover,.design-category-scroll button.active{border-color:#28283a;color:#fff;background:#28283a}.design-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.design-entry{position:relative;display:grid;place-items:center;gap:7px;min-height:148px;padding:18px;border:1px solid #dfe2ec;border-radius:14px;text-align:center;cursor:pointer;transition:.16s ease}.design-entry:hover,.design-entry.selected{transform:translateY(-1px);border-color:#7b61ff;box-shadow:0 0 0 2px #7b61ff1a}.design-entry svg{margin-bottom:3px}.design-entry strong{font-family:Space Grotesk;font-size:16px}.design-entry span{font-size:11px;line-height:1.4}.design-entry em{padding:8px 18px;border-radius:7px;color:#fff;font-style:normal;font-size:11px;font-weight:800}.upload-entry{color:#086c9c;background:#eefaff}.upload-entry em{background:#0d7fb4}.upload-entry input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.ai-entry{color:#6552d8;background:#f3f0ff}.ai-entry em{background:#6b58df}.design-starter-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;padding-top:3px;border-top:1px solid #eeedf3}.design-starter-heading div{display:grid;gap:4px}.design-starter-heading strong{color:#2c2c42;font-family:Space Grotesk;font-size:15px}.design-starter-heading small,.design-starter-heading>span{color:#858598;font-size:10px}.design-starter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.design-starter{display:grid;gap:8px;min-height:105px;padding:11px;border:1px solid #e2e1eb;border-radius:11px;background:#fff;text-align:left;cursor:pointer;transition:.16s ease}.design-starter:hover,.design-starter.selected{border-color:#7b61ff;background:#f7f5ff;box-shadow:0 0 0 2px #7b61ff1a}.design-starter>span{display:flex;justify-content:space-between;gap:7px}.design-starter small,.design-starter b{overflow:hidden;color:#7467b0;font-size:8px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.design-starter b{color:#9695a7;font-weight:700}.design-starter strong{color:#37374d;font-size:11px}.design-starter em{overflow:hidden;color:#858598;font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.design-loading{display:flex;align-items:center;gap:8px;padding:20px;color:#858598;font-size:11px}.design-upload-summary{display:grid;gap:4px;padding:12px;border-radius:10px;background:#eefaff;color:#176d92}.design-upload-summary strong{font-size:12px}.design-upload-summary small{font-size:10px}.design-prompt-editor{display:grid;gap:12px}.design-prompt-editor label:not(.printful-upload-toggle){display:grid;gap:7px;color:#4c4c61;font-size:12px;font-weight:700}.prompt-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.prompt-clipboard-actions{display:inline-flex;gap:8px}.prompt-clipboard-actions .text-btn{padding:0;font-size:11px}.design-prompt-editor textarea{width:100%;box-sizing:border-box;resize:vertical;border:1px solid #dedee8;border-radius:10px;padding:12px;color:#292940;font:inherit;line-height:1.5}.starter-load-more{display:flex;justify-content:center;padding-top:6px}.starter-load-more .secondary-btn{min-width:220px;justify-content:center}.design-format-note{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:#f5f2ff;color:#75659e;font-size:11px}.design-format-note strong{color:#4c3e9e}.design-success{display:flex;align-items:center;gap:11px;padding:13px 14px;border-radius:12px;background:#edf9f4}.design-success>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#37bd91;color:#fff}.design-success div{display:grid;gap:4px}.design-success strong{color:#276c59;font-size:14px}.design-success small{color:#6d8f83;font-size:11px}.design-result-grid{display:grid;grid-template-columns:260px 1fr;gap:18px;align-items:stretch}.design-result-preview{display:grid;place-items:center;min-height:260px;overflow:hidden;border-radius:13px;background:#f0f0f6;color:#9999a8}.design-result-preview img{display:block;width:100%;height:100%;min-height:260px;object-fit:contain}.design-result-copy{display:grid;align-content:start;gap:9px;padding:4px 0}.design-result-copy h3{margin:0;color:#2d2d43;font-family:Space Grotesk;font-size:22px}.design-result-copy p{margin:0;color:#777789;font-size:12px}.design-result-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.design-result-meta span{display:grid;gap:4px;padding:10px;border-radius:9px;background:#f6f6fa;color:#889;font-size:10px}.design-result-meta strong{overflow:hidden;color:#323248;font-size:11px;text-overflow:ellipsis}.design-printful-note{display:flex;align-items:center;gap:8px;padding:11px 12px;border-radius:9px;color:#2e6958;background:#f3fbf7;font-size:11px}.design-printful-error{display:grid;gap:5px;padding:11px 12px;border-radius:9px;color:#8a4e3e;background:#fff2ed;border:1px solid #f4d4c8;font-size:11px}.design-printful-error strong{color:#8a3f2d;font-size:11px}.design-printful-error small,.design-printful-error span{color:#946c62;line-height:1.4}@media(max-width:680px){.pattern-flow-steps,.pattern-product-modal .modal-head,.pattern-product-modal .modal-body,.pattern-product-modal .modal-foot{padding-inline:16px}.product-family-grid,.upload-layout,.optimized-layout{grid-template-columns:1fr}.local-pattern-preview{max-height:180px}.local-pattern-preview img{min-height:170px;max-height:180px}.product-details-grid .variant-field{grid-column:auto}.final-product-card{grid-template-columns:110px 1fr}.final-product-card>img,.final-product-placeholder{width:110px;height:110px}.final-product-info{display:grid}.final-product-info h3{font-size:16px}.final-meta{grid-template-columns:1fr}.panel-actions{flex-wrap:wrap;justify-content:stretch}.panel-actions>button{flex:1}.prompt-library-head{display:grid}.prompt-library-head label{min-width:0}.prompt-card-grid{grid-template-columns:1fr 1fr}.design-lab-intro,.design-lab-toolbar{display:grid;gap:11px}.design-count{width:fit-content}.design-lab-toolbar>label{width:100%}.design-category-scroll{width:100%}.design-entry-grid{grid-template-columns:1fr 1fr;gap:8px}.design-entry{min-height:128px;padding:12px 8px}.design-entry strong{font-size:13px}.design-entry span{font-size:10px}.design-entry em{padding:7px 13px}.design-starter-grid{grid-template-columns:1fr 1fr;max-height:250px;overflow-y:auto}.design-result-grid{grid-template-columns:1fr}.design-result-preview,.design-result-preview img{min-height:210px;height:210px}}.design-next-step{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid #e1e4f4;border-radius:12px;background:#f7f8ff}.design-next-step>div{display:grid;gap:4px}.design-next-step strong{color:#30304a;font-size:12px}.design-next-step small{color:#777789;font-size:10px;line-height:1.4}.design-next-step .primary-btn{flex:0 0 auto;white-space:nowrap}.saved-design-card .primary-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 9px;border-radius:6px;background:var(--coral);color:#211b2e;font-size:9px;font-weight:800}.saved-design-card .text-btn{display:inline-flex;align-items:center;min-height:24px}.design-lightbox-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:9px;padding:4px 0 0!important}.design-lightbox-actions .primary-btn,.design-lightbox-actions .secondary-btn{white-space:nowrap}.design-lightbox-actions .auto-publish-trigger{background:#252440;border-color:#252440;color:#fff;box-shadow:0 5px 14px #25244033}.design-lightbox-actions .auto-publish-trigger:hover:not(:disabled){background:#17182c;border-color:#17182c}.design-lightbox-actions .auto-publish-trigger:disabled{color:#d8d8e6;background:#6b6a7d;border-color:#6b6a7d;opacity:1}@media(max-width:680px){.design-next-step{align-items:stretch;flex-direction:column}.design-next-step .primary-btn,.design-lightbox-actions .primary-btn,.design-lightbox-actions .secondary-btn{width:100%;justify-content:center}.design-lightbox-actions{align-items:stretch;flex-direction:column}}.saved-design-heading-actions{display:flex!important;align-items:center;gap:10px}.saved-design-heading-actions .text-btn{padding:0;font-size:10px}.saved-design-open span{display:grid;gap:3px;min-width:0}.saved-design-open span strong,.saved-design-open span small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-design-open span strong{color:#343449;font-size:10px}.saved-design-open span small{color:#858598;font-size:9px}@media(max-width:680px){.saved-design-heading-actions{align-items:flex-end;flex-direction:column;gap:5px}.saved-design-heading-actions .text-btn,.saved-design-open span strong{font-size:9px}}.pattern-result-actions{display:flex;flex-wrap:wrap;gap:9px;margin-left:auto;justify-content:flex-end}@media(max-width:700px){.prompt-label-row{align-items:flex-start;flex-direction:column;gap:5px}.printful-preflight{align-items:stretch;flex-direction:column}.printful-preflight>button{width:100%;justify-content:center}.pattern-result-actions{width:100%;margin-left:0;justify-content:stretch}.pattern-result-actions button{flex:1 1 100%;justify-content:center}}.product-template-modal{max-width:980px}.product-template-body{display:grid;gap:22px}.template-design-strip{display:flex;align-items:center;gap:14px;padding:13px;border:1px solid #dfe4f0;border-radius:16px;background:linear-gradient(110deg,#f7f8ff,#fff)}.template-design-strip img{width:72px;height:72px;border-radius:11px;object-fit:cover;background:#edf0fa}.template-design-strip>div{min-width:0;flex:1}.template-design-strip strong,.template-design-strip small{display:block}.template-design-strip strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#171a2b}.template-design-strip small{margin-top:5px;color:#70768a}.template-ready{display:inline-flex;align-items:center;gap:5px;color:#25845d;font-size:12px;font-weight:700;white-space:nowrap}.template-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.template-form-grid label{display:grid;gap:7px;color:#282d40;font-size:13px;font-weight:700}.template-form-grid input{width:100%;box-sizing:border-box;border:1px solid #d7dbea;border-radius:10px;padding:12px 13px;color:#202437;background:#fff;font:inherit;font-weight:500}.template-form-grid input:focus{outline:3px solid rgba(104,94,230,.14);border-color:#675de3}.template-form-grid select{width:100%;box-sizing:border-box;border:1px solid #d7dbea;border-radius:10px;padding:12px 13px;color:#202437;background:#fff;font:inherit;font-weight:500}.template-form-grid label>.secondary-btn{justify-self:start}.template-form-grid small{color:#777d90;font-size:12px;font-weight:500;line-height:1.4}.template-variant-input{position:relative}.template-variant-input .secondary-btn{justify-self:start;margin-top:2px}.template-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:9px}.template-section-heading strong{color:#1d2236}.template-section-heading span{color:#7a7f92;font-size:12px}.template-variant-list{border:1px solid #e1e4ef;border-radius:14px;padding:14px;background:#fbfcff}.template-catalog{border:1px solid #e1e4ef;border-radius:14px;padding:14px;background:#fff}.template-catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:240px;overflow:auto}.template-catalog-grid button{display:grid;gap:4px;min-width:0;padding:10px;border:1px solid #dfe2ee;border-radius:10px;background:#fff;color:#2b3043;text-align:left;cursor:pointer}.template-catalog-grid button:hover,.template-catalog-grid button.selected{border-color:#665ce3;background:#f0efff}.template-catalog-grid button span,.template-catalog-grid button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-catalog-grid button span{font-weight:800;font-size:12px}.template-catalog-grid button small{color:#777d90;font-size:11px}.template-catalog-grid button b{color:#675de3;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.template-catalog-grid button.selected b{color:#23865f}.template-variant-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #eceef5}.template-variant-row:first-of-type{border-top:0}.template-variant-row>svg{color:#2e9b6d;flex:0 0 auto}.template-variant-row>div{min-width:0;flex:1}.template-variant-row strong,.template-variant-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-variant-row strong{color:#252a3d;font-size:13px}.template-variant-row small{margin-top:3px;color:#777d90;font-size:12px}.template-saved-note{display:flex;align-items:center;gap:10px;padding:14px;border-radius:13px;color:#277c5c;background:#eaf8f1}.template-saved-note strong,.template-saved-note small{display:block}.template-saved-note small{margin-top:3px;color:#4e7c69}.template-job-panel{border:1px solid #dfe3f0;border-radius:15px;padding:16px;background:#f8f9ff}.template-job-heading{display:flex;justify-content:space-between;gap:12px;align-items:start}.template-job-heading strong,.template-job-heading small{display:block}.template-job-heading strong{color:#202438}.template-job-heading small{margin-top:4px;color:#70768a}.template-job-heading>span{color:#6257dc;font-weight:800}.template-progress{height:8px;margin:14px 0;border-radius:99px;overflow:hidden;background:#e5e7f2}.template-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6459e8,#36b6bf);transition:width .25s ease}.template-result-list{display:grid;gap:7px;max-height:190px;overflow:auto}.template-result-list>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 0;border-top:1px solid #e7e9f2;font-size:12px}.template-result-list>div>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#31364b}.template-result-list small{color:#777d90;text-align:right}.result-ok,.result-fail{font-weight:800}.result-ok{color:#2b9569}.result-fail{color:#c75b5b}.design-next-actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}@media(max-width:700px){.product-template-modal{width:calc(100vw - 20px);max-height:calc(100vh - 20px)}.product-template-body{gap:16px;padding:16px}.template-form-grid{grid-template-columns:1fr;gap:13px}.template-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-design-strip{align-items:flex-start;flex-wrap:wrap}.template-ready{width:100%;padding-left:86px}.template-section-heading{display:block}.template-section-heading span{display:block;margin-top:4px}.template-variant-row{align-items:flex-start}.template-variant-row .text-btn{padding:3px 0}.template-result-list>div{grid-template-columns:auto minmax(0,1fr)}.template-result-list small{grid-column:2;text-align:left}.product-template-modal .modal-foot{display:grid;gap:13px;align-items:start}.product-template-modal .modal-actions{display:grid;grid-template-columns:1fr}.product-template-modal .modal-actions button{width:100%;justify-content:center}.design-next-actions{justify-content:flex-start}}.auto-product-modal{max-width:760px}.auto-product-body{display:grid;gap:18px;min-width:0}.auto-product-body>*{min-width:0;max-width:100%}.auto-product-summary{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #dceee2;border-radius:10px;background:#f1faf5}.auto-product-summary img{width:64px;height:64px;object-fit:cover;border-radius:8px;background:#e4e4ef}.auto-product-summary>div{flex:1;min-width:0}.auto-product-summary strong,.auto-product-summary small{display:block}.auto-product-summary strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auto-product-summary small{color:#718477;font-size:10px;margin-top:4px}.auto-product-summary>span{display:flex;align-items:center;gap:5px;color:#39825c;font-size:10px;font-weight:700;white-space:nowrap}.auto-product-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.auto-product-benefits>div{display:flex;gap:8px;padding:11px;border:1px solid var(--line);border-radius:9px;background:#fffdf9;color:#7164a5}.auto-product-benefits strong,.auto-product-benefits small{display:block}.auto-product-benefits strong{font-size:11px;color:var(--ink)}.auto-product-benefits small{font-size:9px;line-height:1.35;color:var(--muted);margin-top:3px}.auto-product-form{padding-top:0}.auto-product-form label,.auto-product-form input,.auto-product-form select{min-width:0;max-width:100%}.auto-product-form .field-help{display:block;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.35}.auto-product-form select{width:100%;border:1px solid #d7d1c7;border-radius:7px;padding:10px 11px;background:#fffdf9;color:var(--ink);font:inherit;font-size:12px;outline:none}.auto-product-form select:focus{border-color:#675de3;box-shadow:0 0 0 3px #685ee624}.auto-publish-trigger{white-space:nowrap}.auto-product-success{display:flex;align-items:center;gap:11px;padding:15px;border-radius:10px;background:#e7f5ed;color:#39825c}.auto-product-success>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#c5ead2}.auto-product-success strong,.auto-product-success small{display:block}.auto-product-success strong{color:#244b37;font-size:14px}.auto-product-success small{color:#648370;font-size:10px;margin-top:4px}.auto-product-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auto-product-result-grid>div{display:grid;gap:4px;padding:13px;border:1px solid var(--line);border-radius:9px;background:#fffdf9}.auto-product-result-grid span{color:#898791;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.auto-product-result-grid strong{font-size:12px}.auto-product-result-grid small{color:var(--muted);font-size:10px}.auto-product-id{display:flex;align-items:center;gap:7px;padding:11px 12px;border-radius:8px;background:#f0f0fb;color:#5c5790;font-size:10px}.catalog-picker{display:grid;gap:11px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fffdf9;min-width:0}.catalog-picker-head,.catalog-tools,.selected-model-summary{display:flex;align-items:center;gap:10px;min-width:0}.catalog-picker-head{justify-content:space-between}.catalog-picker-head strong,.catalog-picker-head small{display:block}.catalog-picker-head strong{font-size:13px}.catalog-picker-head small{margin-top:3px;color:var(--muted);font-size:10px}.catalog-selection-actions{display:flex;align-items:center;gap:8px}.catalog-selection{color:#675de3;font-size:10px;font-weight:700}.clear-selection-btn{border:0;padding:4px 0;background:transparent;color:#a14b4b;font:inherit;font-size:10px;font-weight:700;cursor:pointer}.clear-selection-btn:hover{color:#7d2e2e;text-decoration:underline}.selection-mode-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;border-radius:8px;background:#f0edf8}.selection-mode-switch button{min-width:0;border:0;border-radius:6px;padding:8px 6px;background:transparent;color:#716b8f;font:inherit;font-size:10px;font-weight:700;cursor:pointer}.selection-mode-switch button.active{background:#fff;color:#5149bb;box-shadow:0 1px 4px #3930791f}.selection-mode-help{color:var(--muted);font-size:10px;line-height:1.35}.catalog-tools{align-items:stretch}.catalog-tools select,.catalog-search{min-width:0;border:1px solid #d7d1c7;border-radius:7px;background:#fff;color:var(--ink);font:inherit;font-size:11px}.catalog-search{display:flex;flex:1;align-items:center;gap:7px;padding:0 10px;color:var(--muted)}.catalog-search input{width:100%;min-width:0;border:0;outline:0;padding:10px 0;background:transparent;color:var(--ink);font:inherit}.catalog-tools select{width:220px;padding:9px 10px}.catalog-model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:260px;overflow:auto;padding-right:2px}.catalog-model-card{display:flex;align-items:center;gap:9px;min-width:0;text-align:left;padding:8px;border:1px solid #e3ddd3;border-radius:8px;background:#fff;color:var(--ink);cursor:pointer}.catalog-model-card:hover,.catalog-model-card.selected{border-color:#675de3;box-shadow:0 0 0 2px #685ee61f}.catalog-model-check{flex:0 0 auto;margin-left:auto;color:#675de3}.catalog-model-card img,.selected-model-summary img{flex:0 0 auto;width:45px;height:45px;object-fit:contain;border-radius:6px;background:#f2f1f7}.catalog-model-card span,.selected-model-summary>div{display:grid;gap:3px;min-width:0}.catalog-model-card strong,.catalog-model-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-model-card strong{font-size:10px}.catalog-model-card small{color:var(--muted);font-size:9px}.catalog-loading,.catalog-empty{display:flex;align-items:center;gap:8px;padding:16px;border-radius:8px;background:#f5f2fc;color:var(--muted);font-size:11px}.selected-model-summary{padding:10px;border:1px solid #dceee2;border-radius:9px;background:#f1faf5}.selected-model-summary strong,.selected-model-summary small{display:block}.selected-model-summary strong{font-size:12px}.selected-model-summary small{color:#658170;font-size:10px;margin-top:3px}.selected-model-summary.range{align-items:center;color:#675de3}.selected-model-summary.range>div{flex:1}.compatibility-panel{display:grid;gap:7px;padding:12px;border:1px solid #ded9ef;border-radius:9px;background:#f7f5ff;color:#5d5987}.compatibility-panel.ready{border-color:#b9e1c8;background:#f0fbf4;color:#287044}.compatibility-panel.warning{border-color:#f1c5ac;background:#fff7f1;color:#9c5934}.compatibility-title{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700}.compatibility-panel>small{font-size:10px;line-height:1.4}.compatibility-details{display:flex;flex-wrap:wrap;gap:6px}.compatibility-details span{padding:4px 6px;border-radius:5px;background:#ffffffb3;font-size:9px}.compatibility-warning,.compatibility-error{display:block}.compatibility-error{color:#a13d3d}@media(max-width:680px){.auto-product-benefits,.auto-product-result-grid{grid-template-columns:1fr}.catalog-tools{display:grid;grid-template-columns:1fr}.catalog-tools select{width:100%}.catalog-model-grid{grid-template-columns:1fr;max-height:230px}.selection-mode-switch{grid-template-columns:1fr}.auto-product-summary{align-items:flex-start;flex-wrap:wrap}.auto-product-summary>span{width:100%}.auto-product-modal .modal-actions{display:grid;grid-template-columns:1fr;width:100%}.auto-product-modal .modal-actions button{width:100%;justify-content:center}}.product-art img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover}.empty-state{padding:24px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);font-size:12px;text-align:center}.data-error{display:flex;align-items:center;gap:10px;margin:-10px 0 18px}.data-error .text-btn{color:#b04d3c}.top-actions .icon-btn:disabled,.filter-btn:disabled,.secondary-btn:disabled{opacity:.55;cursor:wait}.app-shell,.main-content,.topbar,.breadcrumb{min-width:0}.breadcrumb span,.breadcrumb strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-heading>div{min-width:0}.heading-actions{display:flex;align-items:center;gap:9px}.page-heading p{line-height:1.45}.product-card,.metric,.brand-card,.color-card,.settings-list{min-width:0}.product-info>div,.product-meta>*{min-width:0}.product-info h3,.product-info p,.product-meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-backdrop{z-index:40;padding:16px;overflow-y:auto}.modal{display:flex;flex-direction:column;max-height:calc(100dvh - 32px)}.modal-head,.modal-foot{flex:0 0 auto}.modal-body{min-height:0;overflow-y:auto;overscroll-behavior:contain}.pattern-flow-body{min-height:0}.pattern-panel{min-width:0}.panel-actions{position:sticky;z-index:2;bottom:-1px;margin:2px -2px -2px;padding:12px 2px 2px;background:linear-gradient(to bottom,transparent,#fff 16px)}.pattern-product-modal .modal-foot{border-top:1px solid #ececf3}.prompt-library-head>div{min-width:0;flex:1 1 auto}.prompt-library-head>label{flex:0 0 160px}@media(max-width:760px){.sidebar{width:100%;height:68px;inset:auto 0 0;z-index:25;flex-direction:row;align-items:stretch;padding:7px 8px max(7px,env(safe-area-inset-bottom));border-top:1px solid #363750}.brand-lockup,.store-switch,.sidebar-bottom{display:none}.sidebar nav{width:100%;display:flex;align-items:stretch;justify-content:space-between;gap:4px}.nav-item{position:relative;min-width:0;flex:1;flex-direction:column;justify-content:center;gap:3px;padding:5px 2px;border-radius:8px;text-align:center;font-size:9px}.nav-item span{display:block;flex:0 0 auto;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item em{display:block;position:absolute;margin:-23px 0 0 20px;padding:1px 4px;font-size:8px}.nav-item.active{box-shadow:inset 0 -3px var(--coral)}.main-content{margin-left:0;padding-bottom:76px}.topbar{height:62px;padding:0 16px}.top-actions{gap:8px}.top-actions .icon-btn:first-child{display:none}.page{padding:24px 16px 42px}.page-heading{align-items:flex-start;margin-bottom:20px}.heading-actions{flex:0 0 auto;flex-direction:column;align-items:stretch}.heading-actions .secondary-btn,.heading-actions .primary-btn{justify-content:center;white-space:nowrap}.page-heading h1{font-size:25px;line-height:1.05}.page-heading p{font-size:12px}.page-heading .primary-btn{flex:0 0 auto;padding:10px 11px}.hero-panel{min-height:330px;padding:25px 22px}.product-stack{right:-105px}.toolbar{align-items:stretch;flex-direction:column;margin-bottom:18px}.search,.search.small{width:100%}.filter-btn{min-height:40px;justify-content:space-between}.order-summary{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:24px}.section-head{align-items:flex-start;flex-direction:column;gap:8px}.table-wrap{margin-inline:-16px;padding-inline:16px}.modal-backdrop{align-items:flex-end;padding:0}.modal,.wide-modal,.pattern-product-modal{width:100%;max-width:none;max-height:94dvh;border-radius:18px 18px 0 0}.modal-head{padding:18px 18px 15px}.modal-head h2{font-size:18px;line-height:1.15;max-width:285px}.modal-head p{max-width:300px;line-height:1.45}.pattern-flow-steps{padding:11px 16px;gap:13px}.pattern-flow-step{font-size:10px;gap:5px}.pattern-flow-step span{width:21px;height:21px}.pattern-product-modal .modal-body{padding:16px}.pattern-product-modal .modal-foot{padding:11px 16px}.panel-title{gap:10px}.panel-title strong{font-size:15px;line-height:1.25}.panel-count{white-space:normal;text-align:right}.source-toggle{width:100%}.source-toggle button{flex:1;justify-content:center;padding-inline:7px;font-size:11px}.upload-layout,.optimized-layout{gap:11px}.pattern-dropzone{min-height:160px}.local-pattern-preview img,.pattern-preview-button img{min-height:165px}.prompt-library{padding:12px}.prompt-library-head{display:grid;gap:10px}.prompt-library-head label{width:100%;min-width:0}.prompt-card-grid{grid-template-columns:1fr 1fr;gap:7px;max-height:280px;overflow-y:auto;padding-right:2px}.prompt-card{min-height:105px;padding:9px}.prompt-card strong{font-size:11px}.prompt-card em{font-size:9px}.prompt-library-actions{align-items:flex-start;flex-direction:column}.prompt-library-actions .secondary-btn{width:100%;justify-content:center}.form-grid{gap:11px}.product-details-grid{padding-top:0}.panel-actions{align-items:stretch;flex-direction:column-reverse}.panel-actions>button,.panel-actions>a{width:100%;justify-content:center}.final-product-card{grid-template-columns:96px 1fr;gap:12px}.final-product-card>img,.final-product-placeholder{width:96px;height:96px}.final-product-info h3{font-size:15px;line-height:1.2}.modal-actions{width:100%;justify-content:flex-end}}@media(max-width:420px){.nav-item{font-size:8px}.nav-item em{margin-left:16px}.page-heading .primary-btn{font-size:10px}.hero-copy h2{font-size:31px}.prompt-card-grid{grid-template-columns:1fr;max-height:250px}.prompt-card{min-height:86px}.prompt-card em{display:none}.pattern-flow-step{font-size:0}.pattern-flow-step span{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}