*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif;background:#f4f3ef;color:#17191d}button,input,select,textarea{font:inherit}button{cursor:pointer}.editorPage{min-height:100vh;background:#f4f3ef}.designHeader{height:68px;background:#101d27;color:#fff;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px}.designBrand{font-family:Georgia,serif;font-size:28px;font-weight:800;letter-spacing:.02em}.designTitle{text-align:center;line-height:1.05}.designTitle b{display:block;font:700 23px Georgia,serif}.designTitle span{font-size:12px;color:#d8dde1}.designHeaderActions{justify-self:end;display:flex;gap:16px}.designHeaderActions button{background:none;border:0;color:#fff;font-size:11px}.modebar{height:48px;background:#101d27;display:flex;justify-content:center;gap:8px;border-top:1px solid #24343f;padding-bottom:8px}.modebar button{height:34px;border-radius:7px;border:1px solid #52616b;background:#192a35;color:#fff;padding:0 16px;font-size:11px}.modebar .active{background:#fff;color:#111;border-color:#fff}.modebar a{text-decoration:none}.designSteps{height:62px;background:#fbfaf7;border-bottom:1px solid #ddd9d2;display:flex;align-items:center;justify-content:center;gap:34px;position:relative;color:#626970;font-size:12px}.designSteps .step{display:flex;align-items:center;gap:7px}.designSteps .step b{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#e7e5df;color:#4b5259}.designSteps .step.active b{background:#142637;color:#fff}.designSteps .step.active span{font-weight:800;color:#142637}.stepActions{position:absolute;right:18px;display:flex;gap:6px}.stepActions button{height:34px;background:#fff;border:1px solid #d8d6d0;border-radius:7px;padding:0 10px;font-size:11px}.designBody{flex:1;min-height:0;display:grid;grid-template-columns:70px 292px minmax(480px,1fr) 405px}.designRail{background:#11212c;color:#fff;display:flex;flex-direction:column;align-items:center;padding:11px 5px;gap:4px;overflow:auto}.railItem{width:62px;min-height:66px;border-radius:5px;background:transparent;color:#eef1f4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:9px;border:0}.railItem svg{width:21px;height:21px}.railItem:hover,.railItem.active{background:#213542}.railItem.active{box-shadow:inset 3px 0 #fff}.productPickerPanel{background:#f7f5f1;border-right:1px solid #ddd9d2;padding:12px 13px;overflow:auto}.pickerTabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:13px}.pickerTab{background:#fff;border:1px solid #d8d6d0;border-radius:6px;padding:10px 14px;font-size:12px;color:#333b43}.pickerTab.active{background:#142637;color:#fff;border-color:#142637}.productCards{display:flex;flex-direction:column;gap:10px}.productPickCard{background:#fff;border:1px solid #ebe8e2;border-radius:8px;padding:10px;display:grid;grid-template-columns:114px 1fr;align-items:center;gap:11px;text-align:left;box-shadow:0 2px 8px #1e232806}.productPickCard.active{border:2px solid #152738;padding:9px}.pickThumb{height:106px;border-radius:5px;display:grid;place-items:center;overflow:hidden}.miniGarment{width:72px;height:78px;position:relative;background:#ffffffeb;clip-path:polygon(22% 9%,39% 0,50% 7%,61% 0,78% 9%,100% 29%,83% 44%,72% 35%,72% 100%,28% 100%,28% 35%,17% 44%,0 29%);filter:drop-shadow(0 6px 6px #0002);display:grid;place-items:center}.miniGarment span{font-size:5px;font-weight:800;letter-spacing:.08em}.pickInfo b{display:block;font-size:13px;line-height:1.3}.pickInfo small{display:block;color:#777c83;font-size:11px;margin-top:5px}.pickerFoot{margin-top:15px;padding-top:13px;border-top:1px solid #ddd9d2}.pickerFoot>span{font-size:10px;font-weight:800;text-transform:uppercase;color:#73777d}.pickerSizes{display:flex;gap:5px;margin-top:8px;flex-wrap:wrap}.pickerSizes button{width:37px;height:32px;border:1px solid #d8d6d0;background:#fff;border-radius:6px;font-size:11px}.pickerSizes button.active{background:#142637;color:#fff;border-color:#142637}.designStage{background:#eceae5;min-width:0;display:flex;flex-direction:column;padding:12px 15px 8px;overflow:hidden}.surfaceTabs{height:42px;display:flex;align-items:stretch;position:relative}.surfaceTabs>button{background:#f7f5f1;border:1px solid #ddd9d2;border-right:0;padding:0 18px;font-size:11px;color:#343b42}.surfaceTabs>button:first-child{border-radius:7px 0 0 7px}.surfaceTabs>button:nth-child(4){border-right:1px solid #ddd9d2;border-radius:0 7px 7px 0}.surfaceTabs>button.active{background:#142637;color:#fff;border-color:#142637}.zoomTools{position:absolute;right:0;top:0;display:flex;flex-direction:column;background:#fff;border:1px solid #ddd9d2;border-radius:8px;overflow:hidden;box-shadow:0 3px 8px #0000000a}.zoomTools button{width:38px;height:31px;background:#fff;border-bottom:1px solid #e5e2dc;font-size:17px;color:#444;border-top:0;border-left:0;border-right:0}.zoomTools button:last-child{border-bottom:0}.mockupBoard{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative}.shirtMockup{width:min(430px,58%);height:min(500px,72%);min-width:280px;min-height:330px;position:relative;clip-path:polygon(22% 9%,39% 0,50% 7%,61% 0,78% 9%,100% 29%,83% 44%,72% 35%,72% 100%,28% 100%,28% 35%,17% 44%,0 29%);filter:drop-shadow(0 22px 22px rgba(0,0,0,.18));display:flex;align-items:center;justify-content:center}.shirtMockup:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(0,0,0,.08),transparent 23%,transparent 75%,rgba(0,0,0,.07));pointer-events:none}.shirtNeck{position:absolute;top:5%;left:40%;width:20%;height:10%;border-radius:50%;background:#d8d6d1;box-shadow:inset 0 2px 4px #0003}.shirtPrintArea{width:40%;height:47%;border:1.5px dashed #929aa2;background:#ffffff14;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;position:relative;z-index:2;color:#4e5660;text-align:center}.shirtPrintArea b{font-size:14px}.shirtPrintArea span{font-size:11px;line-height:1.45}.shirtPrintArea img{max-width:90%;max-height:90%;object-fit:contain}.canvasText{position:relative;z-index:3;max-width:90%;padding:4px 8px;font-weight:700;color:#17191d;line-height:1.05;cursor:grab;white-space:nowrap}.canvasText.selected{outline:1px dashed #1877c9;background:#1877c91a}.stageSize{position:absolute;bottom:7px;left:50%;transform:translate(-50%);font-size:10px;color:#747a81;background:#ffffffa6;padding:4px 9px;border-radius:999px}.surfaceThumbs{height:92px;display:flex;align-items:flex-end;justify-content:center;gap:9px;overflow:auto}.surfaceThumbs button{width:92px;min-width:92px;background:transparent;color:#555b62;font-size:10px;border:0}.surfaceThumbs button>div{height:61px;border:1px solid #d7d4ce;border-radius:6px;background:#f5f4f0;display:grid;place-items:center;margin-bottom:5px}.surfaceThumbs button.active>div{border:2px solid #152738}.thumbGarment{width:42px;height:48px;clip-path:polygon(22% 9%,39% 0,50% 7%,61% 0,78% 9%,100% 29%,83% 44%,72% 35%,72% 100%,28% 100%,28% 35%,17% 44%,0 29%)}.collar-thumb{height:62px!important;border:1px solid #d8d6d0!important;border-radius:7px!important;background:#f7f5f1!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.collar-thumb span{font:700 8px Georgia,serif}.collar-thumb em{font-style:normal;font-size:8px}.designToolsPanel{background:#fbfaf8;border-left:1px solid #ddd9d2;display:flex;flex-direction:column;min-width:0}.toolTiles{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;padding:13px 13px 10px;border-bottom:1px solid #e2dfd9}.toolTile{height:62px;background:#f1f0ec;color:#28313a;border:1px solid #e6e3dd;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:9px}.toolTile svg{width:20px;height:20px}.toolTile.active{background:#142637;color:#fff}.toolPanelScroll{flex:1;overflow:auto;padding:0 15px}.toolSection{padding:15px 0;border-bottom:1px solid #e5e2dc}.toolSection h3{font-size:16px;margin:0 0 11px;color:#1b2229}.textInputRow input{width:100%;height:38px;border:1px solid #dedbd5;border-radius:7px;padding:0 11px;font-size:12px;background:#fff}.formatRow{display:grid;grid-template-columns:1fr 66px 38px;gap:7px;margin-top:9px}.formatRow select,.formatRow input{height:37px;border:1px solid #dedbd5;border-radius:7px;background:#fff;padding:0 9px;font-size:11px}.uploadBox{width:100%;height:122px;border:1px dashed #cfcac2;background:#faf9f6;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#454b52}.uploadBox b{font-size:11px;line-height:1.4}.uploadBox small{font-size:9px;color:#8a8f95}.editorColorRow{display:flex;gap:12px}.editorColorRow button{width:32px;height:32px;border-radius:50%;border:2px solid #ddd9d2;box-shadow:0 1px 2px #0001}.editorColorRow button.active{outline:2px solid #172938;outline-offset:2px}.emptyLayers{border:1px solid #e4e1db;border-radius:8px;background:#f8f7f4;padding:22px;text-align:center;color:#777d84}.emptyLayers p{font-size:10px;line-height:1.5;margin:0}.compactLayers{display:grid;gap:5px}.compactLayers button{display:flex;align-items:center;justify-content:space-between;background:#f5f4f1;border:1px solid #e4e1db;border-radius:6px;padding:9px 10px;text-align:left}.compactLayers button.active{background:#eaf0f4;border-color:#9eacb7}.compactLayers span{font-size:11px;font-weight:700}.compactLayers small{font-size:9px;color:#7d838a}.two{display:grid;grid-template-columns:1fr 1fr;gap:7px}.toolSection label{display:block;font-size:10px;color:#6c737b;margin:10px 0}.toolSection input,.toolSection select{width:100%;height:36px;border:1px solid #d8d6d0;border-radius:7px;background:#fff;padding:0 8px;margin-top:5px}.danger{width:100%;height:35px;background:#fff1f0;color:#b42318;border:1px solid #f0c9c6;border-radius:7px}.toolFooter{padding:12px 15px;border-top:1px solid #ddd9d2;display:grid;grid-template-columns:1fr 1.1fr;gap:9px;background:#fbfaf8}.saveLight,.continueButton{height:44px;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;border:1px solid #d8d5cf}.saveLight{background:#fff;color:#30363d}.continueButton{background:#142637;color:#fff}.storePage,.cartPage{min-height:100vh;padding:60px 7vw;background:#f4f3ef}.pageTitle{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1100px;margin:auto}.pageTitle h1{font:700 42px Georgia,serif;margin:8px 0}.pageTitle p{color:#697078}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.12em}.primary,.ghost{height:44px;padding:0 18px;border-radius:8px;border:1px solid #d8d6d0}.primary{background:#142637;color:#fff}.ghost{background:#fff}.emptyCart{max-width:900px;margin:40px auto;padding:50px;background:#fff;border:1px solid #ddd9d2;border-radius:12px;text-align:center}.cartLayout{max-width:1000px;margin:30px auto}.cartList{display:grid;gap:10px}.cartItem{display:grid;grid-template-columns:90px 1fr 60px;align-items:center;gap:15px;background:#fff;border:1px solid #e2dfd9;border-radius:9px;padding:12px}.cartSwatch{height:70px;display:grid;place-items:center;border-radius:6px}.cartSwatch span{font-size:9px;font-weight:800}.cartItemInfo b,.cartItemInfo small{display:block}.cartItemInfo small{font-size:10px;color:#777;margin-top:5px}.qty{text-align:center}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0008;display:grid;place-items:center;z-index:30}.preview{width:min(700px,92vw);background:#fff;border-radius:12px;overflow:hidden}.previewHead{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid #ddd}.previewHead button{border:0;background:none}.previewPage{padding:40px;text-align:center}.wolf-page{min-height:100vh;background:#f4f3ef;padding:30px 15px}.wolf-card{width:min(980px,100%);margin:auto;background:#fff;border:1px solid #ddd9d2;border-radius:18px;box-shadow:0 15px 45px #0000000d;padding:28px}.wolf-head{display:flex;align-items:center;gap:12px}.wolf-avatar{width:48px;height:48px;border-radius:14px;background:#142637;color:#fff;display:grid;place-items:center;font-size:24px}.wolf-head b{display:block;font-size:19px}.wolf-head small{display:block;color:#777;font-size:11px}.wolf-head>span{margin-left:auto;border:1px solid #ddd;border-radius:999px;padding:6px 9px;font-size:10px}.wolf-nav{display:flex;gap:8px;margin:20px 0}.wolf-nav a,.wolf-nav b{padding:10px 14px;border:1px solid #ddd;border-radius:8px;text-decoration:none;font-size:11px;color:#333}.wolf-nav b{background:#142637;color:#fff}.wolf-card h1{font:700 38px Georgia,serif;margin:12px 0 7px}.wolf-card>p{max-width:760px;color:#697078;line-height:1.6}.wolf-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0}.wolf-choices button{min-height:52px;border:1px solid #ddd9d2;border-radius:9px;background:#faf9f6;text-align:left;padding:10px;font-size:11px}.wolf-choices button.selected{background:#142637;color:#fff}.wolf-chat{display:flex;gap:9px;margin-top:16px}.wolf-chat textarea{flex:1;min-height:100px;border:1px solid #d8d6d0;border-radius:9px;padding:10px}.wolf-chat button{min-width:140px;border:0;border-radius:9px;background:#142637;color:#fff;font-weight:700}.wolf-chat button:disabled{opacity:.45}@media(max-width:1180px){.designBody{grid-template-columns:62px 250px minmax(420px,1fr) 340px}.designHeader{padding:0 22px}.productPickCard{grid-template-columns:92px 1fr}.pickThumb{height:92px}.designSteps{gap:20px}.stepActions{right:12px}}@media(max-width:900px){.editorPage{min-height:100vh;height:auto;overflow:auto}.designHeader{grid-template-columns:1fr auto;padding:0 15px}.designTitle{display:none}.designHeaderActions{gap:7px}.designBody{grid-template-columns:58px 1fr}.productPickerPanel{display:none}.designStage{min-height:620px}.designToolsPanel{grid-column:1/-1;border-left:0;border-top:1px solid #ddd9d2;min-height:560px}.designRail{grid-column:1;grid-row:1;position:relative}.designStage{grid-column:2;grid-row:1}.shirtMockup{width:58%;height:60%}}@media(max-width:620px){.designHeader{height:60px}.designBrand{font-size:25px}.hideSmall{display:none}.designSteps{height:58px}.designSteps .step span{font-size:10px}.stepActions button{height:34px;padding:0 8px}.stepActions .resetDesign{font-size:0;width:35px;padding:0;justify-content:center}.designBody{grid-template-columns:56px 1fr}.designRail{width:56px}.railItem{width:50px;min-height:58px;font-size:8px}.surfaceTabs>button{padding:0 10px;font-size:9px}.zoomTools{right:3px}.shirtMockup{min-width:230px;min-height:285px;width:72%;height:52%}.surfaceThumbs{height:75px;gap:3px}.surfaceThumbs button{width:70px;min-width:70px}.surfaceThumbs button>div{height:48px}.toolTiles{grid-template-columns:repeat(5,1fr);padding:9px}.toolTile{height:54px}.toolFooter{grid-template-columns:1fr}.wolf-choices{grid-template-columns:1fr 1fr}.wolf-chat{flex-direction:column}.wolf-chat button{height:44px}.modebar{justify-content:flex-start;padding-left:8px;overflow:auto}.modebar a,.modebar button{white-space:nowrap}}.surface-tabs{display:none}.surface-thumbs button,.surface-thumbs button span{font-size:14px}.surface-thumbs button.active span{font-size:15px}@media(max-width:520px){.surface-thumbs{height:78px;gap:10px}.surface-thumbs button{font-size:14px;width:82px;min-width:82px}.surface-thumbs button span{font-size:14px}.surface-thumbs button.active span{font-size:15px}}
