:root{font-family:Arial,Helvetica,sans-serif;color:#e6e6dd;background:#141513;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:none;border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover{color:#dceba6}button:disabled{opacity:.5}button:focus-visible,a:focus-visible{outline:2px solid #dceba6;outline-offset:3px}input,select{background:#20221e;color:#e6e6dd;border:1px solid #383a32;padding:10px;min-width:0;border-radius:2px}input:focus{outline:1px solid #cbdc94}header{height:93px;border-bottom:1px solid #34362e;display:flex;align-items:center;padding:0 38px;gap:60px}.brand{position:relative;font-size:23px;line-height:.85;font-weight:900;letter-spacing:-1.2px;color:#f1f0e7;text-decoration:none}.brand span{display:block;font-weight:400;font-size:18px;letter-spacing:5px;margin-top:7px}.brand i{position:absolute;right:-16px;top:-2px;font-size:10px;font-style:normal}.header-note{font-size:10px;letter-spacing:2px;color:#909487}.avatars{margin-left:auto;display:flex;align-items:center}.avatars>span{height:32px;width:32px;border-radius:50%;background:#a7ad93;color:#272c22;border:2px solid #141513;display:grid;place-items:center;font-size:11px}.avatars>span+span{margin-left:-8px;background:#d0c3af}.avatars small{line-height:1.7;margin-left:12px;font-size:11px}.avatars b{color:#888c7e;font-size:10px;font-weight:400}.app{display:flex;min-height:calc(100vh - 93px)}.rail{width:206px;flex-shrink:0;border-right:1px solid #34362e;padding:35px 16px;position:relative}.rail-label{font-size:9px;letter-spacing:1.6px;color:#777e6f;padding:0 13px;margin-bottom:24px}.rail>button{width:100%;justify-content:flex-start;font-size:11px;padding:14px 12px;margin-bottom:6px;color:#a3a797}.rail button span{margin-left:auto;font-size:10px}.rail .active{background:#272c20;color:#d9e5ad;border:1px solid #3d452e}.rail-bottom{position:absolute;bottom:36px;left:28px;font-size:9px;letter-spacing:1px;color:#bec9a0}.rail-bottom p{font-size:10px;color:#7d8474;line-height:1.8;letter-spacing:0}.rail-bottom small{display:block;font-size:8px;color:#62695b;margin-top:30px}.dot{width:5px;height:5px;background:#b9cc82;display:inline-block;border-radius:100%;margin-right:6px}main{padding:30px 34px 0;min-width:0;flex:1;max-width:1700px}.breadcrumb{font-size:8px;letter-spacing:1.4px;color:#979d8b}.breadcrumb span{margin:0 10px;color:#4b5144}.title-row{display:flex;align-items:center;justify-content:space-between;margin:32px 0 29px;gap:20px}.eyebrow{color:#b8ca8e;letter-spacing:2px;font-size:9px;margin-bottom:10px}.project-title{font-family:Georgia,serif;background:none;border:0;padding:0;font-size:clamp(25px,2.8vw,44px);letter-spacing:-1px;width:100%;color:#ecebe1}.title-row>div{min-width:0;flex:1}.title-row p{font-size:11px;color:#939988;margin:12px 0 0}.primary{background:#d7e6a6;color:#22281a;padding:13px 17px;font-size:11px;white-space:nowrap}.primary:hover{background:#e6f0c6;color:#22281a}.tabs{display:flex;align-items:center;border-bottom:1px solid #393c32;margin-bottom:23px;gap:29px}.tabs>button{font-size:11px;padding:0 0 16px;color:#969d8a;border-bottom:2px solid transparent}.tabs>button span{font-size:8px;color:#737b67}.tabs>button.selected{border-bottom-color:#d7e6a6;color:#d7e6a6}.save-state{margin-left:auto;font-size:9px;color:#8e9681;padding-bottom:16px}.studio{display:grid;grid-template-columns:minmax(300px,1fr) 278px;gap:24px}.canvas-section{min-width:0}.canvas-toolbar{height:43px;background:#20221d;display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:8px;border:1px solid #34392d}.canvas-toolbar>span{font-size:8px;letter-spacing:1px}.canvas-toolbar button{font-size:9px;padding:5px 8px}.canvas-toolbar>div{background:#141612;padding:3px}.pressed{background:#383e2d;color:#d7e6a6}.canvas-mat{height:544px;background:repeating-linear-gradient(45deg,#20231e,#20231e 1px,#22251f 1px 9px);display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;border:1px solid #34392d;border-top:0}.canvas-size{width:390px;height:480px;flex-shrink:0}.canvas-size>div{transform:scale(.75);transform-origin:top left}.canvas-tag{position:absolute;bottom:13px;left:14px;font-size:7px;letter-spacing:1.3px;color:#b4bba6;background:#1a1e17ce;padding:7px}.canvas-footer{display:flex;align-items:center;justify-content:space-between;padding:13px 0;color:#89917b;font-size:9px;border-bottom:1px solid #34392d;gap:10px}.canvas-footer button{font-size:9px;color:#d1d8be}.disclaimer{font-size:9px;color:#8c957d;line-height:1.8;margin-top:13px;max-width:650px}.inspector{border:1px solid #34392d;align-self:start;background:#1b1e18}.inspector section{padding:18px 17px;border-bottom:1px solid #34392d}.inspector section:last-child{border-bottom:0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.section-heading h2{font-size:12px;font-weight:400;margin:0;display:flex;align-items:center;gap:8px}.section-heading>span{font-size:8px;color:#7e876f;letter-spacing:1px}.inspector p{font-size:10px;color:#8d957f;line-height:1.5;margin:10px 0 16px}.kit{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.kit>button{display:block;border:1px solid #363e2c;background:#22261d;padding:0;text-align:left}.kit>button:hover{border-color:#b0c182}.kit-art{height:56px;display:grid;place-items:center;font-size:27px;color:#c5c8b6;font-family:Georgia,serif}.art-2{color:#858e70}.art-3{color:#8a9670}.art-4{color:#d5c6a2}.art-5{color:#aab48b}.kit>button>span{font-size:9px;display:flex;align-items:center;justify-content:space-between;padding:8px;background:#292e22}.tip{font-size:9px;color:#78836b;line-height:1.6;margin-top:12px}.layer-list{margin-top:13px;max-height:240px;overflow:auto}.layer-row{display:flex;border:1px solid #30382a;margin-top:5px;height:35px}.layer-row.current{border-color:#899a65;background:#2d3523}.layer-name{flex:1;justify-content:flex-start;font-size:10px}.layer-name span{color:#87966f}.layer-row>button:not(.layer-name){padding:6px;color:#8a957c}.layer-options{display:flex;align-items:center;gap:8px;margin-top:12px}.layer-options label{display:flex;align-items:center;gap:8px;font-size:10px;flex:1}.layer-options input{width:27px;height:24px;padding:1px}.empty-variation{padding:14px 9px;border:1px dashed #434c36;font-size:9px;color:#9ba78a}.empty-variation span{float:right}.variation{display:flex;border-top:1px solid #343c2c;padding:8px 0}.variation>button:first-child{font-size:11px;flex:1;justify-content:space-between}.variation>button+button{color:#8c967e}.notice{padding:12px 16px;background:#303923;color:#dce8bc;font-size:12px;display:flex;justify-content:space-between;margin-bottom:16px}footer{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #30372a;margin-top:25px;padding:20px 0;font-size:7px;letter-spacing:1px;color:#747f67}footer button{font-size:9px;letter-spacing:0}.content-panel{padding:30px;background:#1c2019;border:1px solid #353d2c;min-height:620px}.content-panel>h2{font-family:Georgia,serif;font-size:32px;font-weight:400}.content-panel p{font-size:12px;color:#a2ac95;line-height:1.7;max-width:700px}.progress{height:4px;background:#3c4531;margin-top:25px}.progress>div{height:100%;background:#c8d99b}.check-row{display:flex;align-items:center;gap:22px;padding:18px 0;border-bottom:1px solid #37402e;cursor:pointer}.check-row input{accent-color:#c8d99b;width:20px;height:20px}.check-row h3{font-size:14px;font-weight:400}.check-row p{margin-bottom:0}.material-table{overflow-x:auto;margin:25px 0}.material-row{display:grid;grid-template-columns:minmax(160px,2fr) 85px 110px 100px 26px;gap:12px;align-items:center;min-width:610px;padding:10px 0;border-bottom:1px solid #38422f;font-size:12px}.table-head{color:#95a582;font-size:10px}.material-row input{width:100%;font-size:12px}.outline{padding:10px;border:1px solid #667c4a;font-size:11px}.pricing-fields{display:flex;gap:20px;margin:35px 0}.pricing-fields label{font-size:11px;color:#a9b59a;display:flex;flex-direction:column;gap:10px;flex:1}.pricing-fields input{width:100%}.totals{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.totals>div{padding:20px;background:#282f20;font-size:10px;color:#b5c2a0}.totals b{display:block;font-family:Georgia,serif;font-size:27px;font-weight:400;margin-top:14px;color:#e6ebdb}.totals .suggested{background:#cbdc99;color:#384626}.suggested b{color:#202a15}.modal-backdrop{position:fixed;inset:0;background:#000a;z-index:10;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#20251b;border:1px solid #566344;padding:28px;width:570px;max-height:85vh;overflow:auto}.modal>.section-heading h2{font-family:Georgia,serif;font-size:27px}.modal p{font-size:12px;line-height:1.7;color:#a4b093}.project-card{display:flex;gap:15px;align-items:center;margin-top:15px;border:1px solid #414e33;padding:10px}.project-card img{width:45px;height:55px;object-fit:cover}.project-card>button:nth-child(2){flex:1;display:block;text-align:left}.project-card small{display:block;margin-top:6px;color:#8f9d7d;font-size:10px}.designer{display:flex;align-items:center;gap:15px;font-size:12px;margin-top:25px}@media(min-width:1500px){.canvas-mat{height:650px}.canvas-size{width:468px;height:576px}.canvas-size>div{transform:scale(.9)}.studio{grid-template-columns:minmax(300px,1fr) 320px}.kit-art{height:68px}}@media(max-width:1150px){.rail{width:165px;padding-left:8px;padding-right:8px}.rail-bottom{left:20px}main{padding:25px 22px 0}.studio{gap:16px;grid-template-columns:minmax(280px,1fr) 245px}.save-state{display:none}.canvas-toolbar>span{display:none}.canvas-size{width:312px;height:384px}.canvas-size>div{transform:scale(.6)}.canvas-mat{height:470px}.header-note{display:none}.tabs{gap:24px}.canvas-footer{align-items:flex-start}.canvas-footer>span{max-width:170px;line-height:1.5}}@media(max-width:800px){header{height:76px;padding:0 20px}.rail{display:none}main{padding:22px 18px 0}.title-row{margin:25px 0}.title-row .primary{padding:12px;font-size:10px}.project-title{font-size:30px}.studio{grid-template-columns:minmax(280px,1fr) 245px}.avatars small{display:none}.tabs>button{font-size:10px}.tabs{gap:20px}.breadcrumb{font-size:7px}.content-panel{padding:20px}.totals{grid-template-columns:repeat(2,1fr)}footer>span:nth-child(2){display:none}}@media(max-width:600px){.studio{grid-template-columns:1fr}.canvas-size{width:312px;height:384px}.canvas-mat{height:440px}.inspector{display:grid;grid-template-columns:1fr}.kit{grid-template-columns:repeat(6,1fr)}.kit-art{height:44px;font-size:21px}.kit>button>span{font-size:8px;padding:6px 3px}.kit>button>span svg{display:none}.title-row{align-items:flex-start;gap:8px}.project-title{font-size:26px}.title-row p{font-size:10px;line-height:1.6}.primary{padding:11px}.title-row .primary svg:last-child{display:none}.tabs{gap:16px}.tabs>button{gap:5px;font-size:10px}.pricing-fields{gap:10px}.pricing-fields label{font-size:10px}.content-panel h2{font-size:27px}.totals b{font-size:24px}.breadcrumb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.mobile-projects{display:none}@media(max-width:800px){.mobile-projects{display:flex;margin-left:auto;font-size:10px}.avatars{margin-left:0}header{gap:20px}}header{height:76px;padding:0 26px;gap:36px}.header-note{margin-right:auto}header .mobile-projects{display:flex;font-size:11px}.avatars{margin-left:0}.design-app{min-height:calc(100dvh - 76px)}.design-app>main{padding:18px 26px 0;max-width:none}.design-app .breadcrumb{font-size:8px}.design-app .title-row{margin:17px 0 19px}.design-app .title-row .eyebrow{font-size:8px;margin-bottom:7px}.design-app .project-title{font-size:32px;letter-spacing:-.7px}.design-app .title-row p{margin:7px 0 0;font-size:10px}.design-app .tabs{margin-bottom:14px}.design-app .tabs>button{padding-bottom:12px}.creative-studio{border:1px solid #3b4132;background:#181b15}.creative-topbar{display:flex;align-items:center;gap:13px;padding:10px 14px;border-bottom:1px solid #363e2c;min-height:62px}.mode-switch{display:flex;gap:5px}.mode-switch button{padding:13px 17px;font-size:12px;border:1px solid transparent}.mode-switch button>span{font-size:8px;color:#8c9975}.chosen,.mode-switch button.chosen{background:#333e26;color:#e0edb8;border-color:#586b3e}.history-buttons{display:flex;margin-left:auto;border-right:1px solid #38432b;padding-right:10px;gap:4px}.history-buttons button{height:36px;width:36px}.history-buttons button:disabled{opacity:.25;cursor:default}.upload-garment{border:1px solid #6b7c4f;padding:12px;font-size:11px;background:#2a3320}.panel-toggle{font-size:10px;min-height:36px}.creative-workspace{display:grid;grid-template-columns:48px minmax(0,1fr) 310px;position:relative}.creative-workspace.panel-closed{grid-template-columns:48px minmax(0,1fr)}.tool-rail{display:flex;flex-direction:column;align-items:center;padding:12px 5px;gap:6px;border-right:1px solid #38432d;background:#1d2218}.tool-rail button{width:37px;height:38px;border:1px solid transparent;color:#a9b897}.tool-rail button.chosen{border-color:#657c45;color:#e2efbd}.tool-rail button>span{font-size:22px;line-height:1}.rail-divider{width:22px;height:1px;background:#49563a;margin:7px}.garment-workspace{min-width:0;display:flex;flex-direction:column;background:#171a15}.garment-caption{height:42px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #323b29;font-size:8px;letter-spacing:1.5px}.comparison{display:flex;background:#10130f;padding:3px;letter-spacing:0}.comparison button{padding:7px 12px;font-size:10px}.editor-viewport{position:relative;width:100%;height:max(580px,calc(100dvh - 400px));overflow:hidden;background-color:#24291f;background-image:radial-gradient(#66744e55 .7px,transparent .7px);background-size:14px 14px;touch-action:none}.tool-hand{cursor:grab}.tool-hand:active{cursor:grabbing}.tool-brush,.tool-spray,.tool-eraser,.tool-polygon,.tool-freehand,.tool-hem,.tool-stitching{cursor:crosshair}.canvas-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;pointer-events:none;text-align:center;padding:35px;color:#b6c5a3;background:#1c2318c7}.canvas-empty strong{font:32px Georgia,serif;color:#e4ead8}.canvas-empty span{font-size:13px}.canvas-empty small{font-size:9px;letter-spacing:1px;color:#8a9e75}.sample-label{position:absolute;bottom:14px;left:16px;background:#14190fd9;padding:8px 10px;font-size:8px;letter-spacing:1px;color:#b1c592;pointer-events:none}.viewport-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-top:1px solid #39442d;border-bottom:1px solid #313b26}.viewport-controls>div{display:flex;align-items:center;gap:8px}.viewport-controls button{min-height:32px;font-size:10px}.viewport-controls output{font-size:10px;color:#b5c49c;min-width:40px;text-align:center}.export-png{padding:5px 12px;background:#d6e5a9;color:#27331d}.export-png:hover{background:#e3efbd;color:#27331d}.tool-instruction{padding:12px 16px;font-size:10px;line-height:1.6;color:#9eae89;min-height:42px}.tool-instruction button{background:#485a30;padding:4px 9px;margin-left:8px;color:#e4edce}.concept-warning{font-size:8px;letter-spacing:.4px;color:#8f9c7b;border-top:1px solid #2d3625;line-height:1.8;padding:11px 16px;margin:0}.creative-inspector{border-left:1px solid #414d32;background:#20261a;max-height:max(788px,calc(100dvh - 192px));overflow-y:auto;scrollbar-color:#566842 #20261a;scrollbar-width:thin}.inspector-title{padding:15px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3d4930;font-size:9px;letter-spacing:1.5px;color:#c9d9ad}.creative-inspector section{padding:18px;border-bottom:1px solid #39462b}.creative-inspector h2{font-size:12px;font-weight:400;margin:0;display:flex;align-items:center;gap:7px}.creative-inspector p{font-size:10px;line-height:1.7;color:#9dac8b;margin:10px 0 14px}.creative-inspector .section-heading>span{font-size:8px;color:#a6ba8b;letter-spacing:.6px}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.asset-grid button{display:flex;flex-direction:column;padding:0;border:1px solid #4a5939;gap:0;overflow:hidden;background:#171d13}.asset-grid button:hover{border-color:#c4d994;background:#293520}.asset-grid img{height:68px;width:100%;object-fit:contain;padding:8px}.asset-grid span{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:9px;padding:9px 7px;background:#2d3922}.drawing-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:12px}.drawing-actions button{padding:9px 7px;min-height:38px;font-size:10px;border:1px solid #50643c;background:#29351f}.drawing-actions button:last-child:first-child{grid-column:1/-1}.import-art{width:100%;padding:12px;border:1px dashed #718c50;margin:0 0 14px;font-size:10px}.brush-controls{padding-top:15px;display:flex;gap:15px}.brush-controls label{font-size:10px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#b9cda3}.brush-controls input[type=color]{width:33px;height:28px;padding:2px}.brush-controls input[type=range]{width:130px;accent-color:#c5dca0;padding:0}.properties-section>.section-heading{margin-bottom:16px}.properties-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.properties-grid label{font-size:9px;line-height:1.5;display:flex;flex-direction:column;gap:6px;color:#a9bc93;min-width:0}.properties-grid input,.properties-grid select{padding:9px;font-size:11px;width:100%;background:#151c11;border-color:#465936}.properties-grid input[type=color]{height:34px;padding:3px}.properties-grid input[type=range]{accent-color:#cadd9c;padding:0}.properties-grid input:disabled{opacity:.5;cursor:not-allowed}.wide-field{grid-column:1/-1}.properties-grid .check-property{display:flex;flex-direction:row;align-items:center;font-size:10px;margin:6px 0;line-height:1.8}.check-property input{width:16px;height:16px;accent-color:#cddd9f;flex-shrink:0}.property-actions{display:flex;gap:10px;margin:16px 0 6px}.property-actions button{width:39px;height:36px;background:#2d3a21;border:1px solid #4f6537}.property-actions button:disabled{opacity:.3;cursor:not-allowed}.creative-inspector .units-note{font-size:9px;color:#81976e;margin:10px 0 0}.creative-inspector .locked-note{color:#e1cea3}.creative-layer-list{margin-top:14px;max-height:270px;overflow-y:auto}.creative-layer{display:flex;align-items:center;gap:0;border:1px solid #3d4d2e;margin-top:6px;min-height:39px;background:#1b2315}.creative-layer.current{border-color:#a0be70;background:#354526}.creative-layer>button{padding:6px;min-width:27px;min-height:33px;color:#b9cba5}.creative-layer>button:disabled{opacity:.25;cursor:not-allowed}.creative-layer .layer-select{flex:1;font-size:10px;justify-content:flex-start;min-width:0;gap:8px}.layer-swatch{height:14px;width:14px;flex-shrink:0;border:1px solid #d6dfca60;border-radius:2px}.creative-inspector .variation>button:first-child{font-size:11px}.shortcut-help{padding:16px 18px;font-size:10px;color:#bbcfa2}.shortcut-help summary{cursor:pointer}.shortcut-help p{font-size:9px}.import-backup{margin:14px 10px}.project-placeholder{font-size:8px;display:grid;place-items:center;background:#35412b;width:45px;height:55px;flex-shrink:0}.recipe-library{margin-top:30px;padding-top:20px;border-top:1px solid #465736}.recipe-library>h2{font:26px Georgia,serif;font-weight:400}.recipe{border:1px solid #4a5b39;padding:0 18px;margin:13px 0;background:#232d1c}.recipe summary{padding:17px 0;cursor:pointer;font-size:14px;color:#e0eacf}.recipe summary>span{float:right;font-size:10px;color:#a1ba85;padding-top:3px}.recipe h3{font-weight:400;font:21px Georgia,serif}.recipe h4{font-size:12px;font-weight:400;color:#c5d8ac}.recipe ul,.recipe ol{font-size:12px;line-height:1.9;color:#b3c4a0;padding-left:20px}.recipe ol>li{padding:5px 0}.recipe-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.recipe .caution{border-left:2px solid #c9b88a;padding:10px 14px;background:#383829;color:#d4cdb2}.measurement-box{border:1px solid #607a42;padding:23px;margin:30px 0;background:#29371e}.measurement-box h3{font-weight:400;font-size:17px}.measurement-box output{font-size:13px;color:#dbe9c5;line-height:1.8}.measurement-notes{display:flex;flex-direction:column;gap:12px;font-size:12px;color:#c4d3b0;margin-top:23px}.measurement-notes textarea{padding:14px;min-height:90px;background:#1a2413;color:#d5e4bf;border:1px solid #596e40;font:12px Arial;resize:vertical}.general-checklist-title{font-weight:400;font-size:17px;margin-top:40px}.creative-inspector .close-panel{display:none}.design-app footer{margin-top:15px;padding:16px 0}.notice{font-size:11px}@media(min-width:1600px){.creative-workspace{grid-template-columns:55px minmax(0,1fr) 340px}.asset-grid img{height:85px}.editor-viewport{height:max(680px,calc(100dvh - 400px))}}@media(max-width:1100px){.creative-workspace{grid-template-columns:45px minmax(0,1fr) 280px}.creative-inspector section{padding:14px}.mode-switch button{padding:12px 10px;font-size:11px}.mode-switch button>span{display:none}.creative-topbar{gap:8px;padding:9px}.panel-toggle{font-size:0;gap:0}.upload-garment{font-size:10px}.design-app>main{padding:17px 16px 0}.asset-grid{gap:5px}.asset-grid img{height:58px}}@media(max-width:900px){.creative-workspace{grid-template-columns:45px minmax(0,1fr)}.creative-inspector{position:absolute;z-index:3;right:0;top:0;bottom:0;width:min(340px,calc(100% - 45px));max-height:none;box-shadow:-20px 0 40px #0007}.creative-inspector .close-panel{display:flex}.editor-viewport{height:max(590px,calc(100dvh - 370px))}.creative-inspector section{padding:18px}.asset-grid img{height:76px}.mode-switch button{padding:12px;font-size:12px}.creative-inspector .close-panel{height:28px}.panel-toggle{font-size:10px;gap:5px}.history-buttons{padding-right:5px}.creative-topbar{flex-wrap:wrap}.garment-caption{padding:0 12px}.creative-studio .section-heading h2{font-size:12px}}@media(max-width:600px){header{height:65px;padding:0 16px;gap:14px}.brand{font-size:21px}.brand span{font-size:14px;letter-spacing:5px}.avatars>span{height:28px;width:28px}header .mobile-projects{font-size:10px;margin-left:auto}.design-app>main{padding:14px 10px 0}.design-app .breadcrumb{font-size:7px}.design-app .title-row{margin:17px 4px}.design-app .title-row .eyebrow{font-size:7px;letter-spacing:1.2px}.design-app .project-title{font-size:25px}.design-app .title-row p{font-size:9px;max-width:200px}.design-app .title-row .primary{padding:12px 10px;min-height:40px}.design-app .tabs{margin:0 4px 14px}.creative-topbar{gap:8px;padding:9px 8px}.mode-switch{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.mode-switch button{width:100%;padding:11px 7px;font-size:11px;border:1px solid #39492a}.history-buttons{margin:0 auto 0 0;gap:3px;border:0;padding:0}.history-buttons button{height:33px;width:33px}.upload-garment{padding:9px;font-size:10px}.panel-toggle{font-size:10px;padding:7px}.creative-workspace,.creative-workspace.panel-closed{grid-template-columns:40px minmax(0,1fr)}.tool-rail{padding:9px 3px;gap:5px}.tool-rail button{height:38px;width:33px}.editor-viewport{height:560px}.garment-caption{font-size:7px;letter-spacing:.6px;padding:0 8px;gap:4px}.garment-caption>span{max-width:115px;line-height:1.6}.comparison button{padding:7px 8px;font-size:9px}.viewport-controls{padding:8px;gap:5px;flex-wrap:wrap}.viewport-controls>div{gap:4px}.viewport-controls output{min-width:34px}.viewport-controls button{font-size:9px;min-height:34px;padding:4px}.export-png{margin-left:auto}.tool-instruction{font-size:10px;padding:10px;min-height:64px}.concept-warning{font-size:7px;padding:10px}.sample-label{font-size:7px;left:8px;right:8px;line-height:1.6;padding:7px}.creative-inspector{width:calc(100% - 40px)}.recipe summary>span{float:none;display:block;margin-top:5px}.recipe-columns{grid-template-columns:1fr;gap:0}.measurement-box{padding:16px}.measurement-box .pricing-fields{flex-direction:column}.canvas-empty strong{font-size:24px}.canvas-empty span{font-size:11px;line-height:1.6}.canvas-empty{padding:18px}.design-app footer{padding:15px 5px}.close-panel{min-width:33px;min-height:33px}}.selection-toolbar{height:48px;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:6px 14px;border-bottom:1px solid #3b4930;overflow-x:auto;white-space:nowrap;color:#adbd98;font-size:10px}.selection-toolbar strong{font-size:11px;font-weight:400;color:#e1ebce}.selection-toolbar>.handle-hint{margin-right:auto;color:#8fa17c;font-size:9px}.selection-toolbar>button{min-width:34px;min-height:34px;border:1px solid #4b5c39}.selection-toolbar input[type=color]{height:28px;width:30px;padding:2px}.quick-cord{display:flex;align-items:center;gap:7px}.material-swatches{display:flex;gap:7px}.material-swatches button{width:27px;height:27px;border-radius:50%;border:2px solid #9eab8a55;flex-shrink:0}.material-swatches button[aria-pressed=true]{border-color:#e0efb6;box-shadow:0 0 0 2px #778b56}.selection-toolbar button:disabled{opacity:.35;cursor:not-allowed}.advanced-properties{border:1px solid #405030;margin-bottom:16px;padding:0 11px}.advanced-properties summary{padding:12px 0;cursor:pointer;color:#9fb38a;font-size:10px}.advanced-properties>.properties-grid{padding:3px 0 12px}.creative-inspector .asset-grid img{height:78px;padding:9px;filter:drop-shadow(1px 3px 2px #0006);background:radial-gradient(ellipse at 40% 20%,#65715320,transparent 80%)}@media(max-width:1100px){.selection-toolbar>.handle-hint{display:none}.selection-toolbar{gap:9px}.selection-toolbar>button:first-of-type{margin-left:auto}}@media(max-width:600px){.selection-toolbar{padding:6px 8px;gap:8px}.selection-toolbar strong{display:none}.material-swatches{gap:5px}.material-swatches button{width:25px;height:25px}.quick-cord{font-size:9px;gap:4px}}.creative-inspector{display:flex;flex-direction:column}.creative-inspector>section,.creative-inspector>.inspector-title,.creative-inspector>.shortcut-help{flex-shrink:0}.creative-inspector>.inspector-title{order:-2}.creative-inspector:has(.advanced-properties)>.properties-section{order:-1}.selection-toolbar>button{min-width:36px;min-height:36px}.material-swatches button,.selection-toolbar input[type=color]{width:32px;height:32px}.properties-grid label{font-size:10px}@media(max-width:600px){.material-swatches button{width:32px;height:32px}.selection-toolbar{gap:6px}.quick-cord{gap:3px}}body:has(.design-app){background:#0d0d0c;overflow:hidden}body:has(.design-app) #root>header{display:none}.design-app>main{padding:0;max-width:none;min-width:0}.design-app>main>.breadcrumb,.design-app>main>.title-row,.design-app>main>.tabs,.design-app>main>footer{display:none}.design-app{min-height:0;height:100dvh;display:block}.design-app>.rail{display:none}.design-app .creative-studio{height:100dvh;display:flex;flex-direction:column;border:0;background:#101010;color:#e5e5df}.design-app>main>.notice{position:fixed;z-index:30;bottom:88px;left:230px;max-width:min(620px,calc(100vw - 260px));margin:0;padding:12px 16px;background:#2c3023f0;border:1px solid #5e6644;box-shadow:0 4px 20px #0007;font-size:11px;line-height:1.6}.editor-topnav{height:66px;flex-shrink:0;display:flex;align-items:center;border-bottom:1px solid #30302b;gap:20px;padding:0 20px;background:linear-gradient(#141413,#0e0e0d)}.editor-brand{padding:0;white-space:nowrap;font-family:Impact,Arial Narrow,sans-serif;font-stretch:condensed;font-size:30px;letter-spacing:-.8px;color:#eaeae2;font-weight:800}.editor-topnav>nav{display:flex;align-items:center;justify-content:space-between;gap:4px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:thin}.editor-topnav>nav button{height:42px;padding:0 15px;text-transform:uppercase;font-size:11px;white-space:nowrap;color:#dddeda}.editor-topnav>nav button.current{background:#414530;color:#e0e9ae;border:1px solid #4c5038;border-radius:3px}.editor-file-actions{display:flex;gap:12px;align-items:center}.editor-file-actions>button{min-height:42px;font-size:12px;white-space:nowrap;padding:0 7px}.editor-file-actions>button:disabled{opacity:.4;cursor:not-allowed}.design-app .creative-workspace{display:grid;grid-template-areas:"tools canvas library";grid-template-columns:200px minmax(0,1fr) 340px;flex:1;min-height:0;position:relative;border-bottom:1px solid #30302b}.design-app .creative-workspace.panel-closed{grid-template-columns:200px minmax(0,1fr) 0}.design-app .creative-workspace:not(.left-expanded){grid-template-columns:0 minmax(0,1fr) 340px}.design-app .creative-workspace:not(.left-expanded).panel-closed{grid-template-columns:0 minmax(0,1fr) 0}.editor-left{grid-area:tools;background:#111110;border-right:1px solid #30302a;min-height:0;display:flex;flex-direction:column;overflow:hidden}.creative-workspace:not(.left-expanded)>.editor-left{display:none}.left-heading{display:flex;align-items:center;justify-content:space-between;padding:9px 14px 3px;color:#bfc2b6;font-size:11px;letter-spacing:.8px;flex-shrink:0}.left-heading button{height:28px;min-width:30px}.studio-project-name{font-size:10px;padding:7px 10px;background:#171715;border:1px solid #30312b;margin:3px 10px 6px;width:calc(100% - 20px);color:#a8ab9b;flex-shrink:0}.editor-left .tool-rail{padding:4px 0;gap:0;border:0;background:none;align-items:stretch;max-height:70%;overflow-y:auto;flex-shrink:0;scrollbar-width:thin;scrollbar-color:#4b4f3a #151512}.editor-left .tool-rail button{height:33px;min-height:33px;width:100%;display:flex;justify-content:flex-start;padding:0 14px;gap:12px;border:0;border-left:2px solid transparent;border-radius:0;color:#d0d1c9}.editor-left .tool-rail button>svg{flex-shrink:0;width:16px;height:16px}.editor-left .tool-rail .tool-label{font-size:11px;line-height:1.4;text-align:left;font-family:Arial,sans-serif}.editor-left .tool-rail .tool-label small{display:block;font-size:8px;opacity:.7}.editor-left .tool-rail button.chosen{background:linear-gradient(90deg,#3b412c,#303426);color:#e4ebbc;border-left-color:#d1dc9a}.editor-left .tool-rail button:disabled{opacity:.35;cursor:not-allowed}.editor-left .tool-rail .rail-divider{display:none}.editor-left .creative-layers{border-top:1px solid #30302b;margin-top:5px;padding:12px 0 0;flex:1;min-height:100px;display:flex;flex-direction:column;overflow:hidden}.editor-left .creative-layers>.section-heading{padding:0 13px 10px}.editor-left .creative-layers h2{font-size:11px;font-weight:400;margin:0;display:flex;align-items:center;gap:7px;text-transform:uppercase}.editor-left .creative-layers>.section-heading>span{color:#8a8d7b;font-size:10px}.editor-left .creative-layers>p{font-size:10px;color:#888c7a;padding:0 14px;line-height:1.6}.editor-left .creative-layer-list{max-height:none;margin:0;overflow:auto;min-height:0;scrollbar-width:thin}.editor-left .creative-layer{min-height:40px;margin:0;border:0;border-top:1px solid #292a24;background:none;gap:0;padding:0 5px}.editor-left .creative-layer.current{background:#292e20}.editor-left .creative-layer .layer-select{font-size:10px;gap:6px}.editor-left .creative-layer>button{min-width:23px;padding:4px;min-height:34px}.editor-left .creative-layer>button:nth-last-child(2){min-width:21px}.editor-left .layer-swatch{width:14px;height:19px;border-radius:0}.left-file-actions{border-top:1px solid #30302b;display:flex;flex-shrink:0;justify-content:space-around;padding:8px 4px;gap:4px}.left-file-actions button{min-height:32px;font-size:9px}.design-app .garment-workspace{grid-area:canvas;background:#171716;display:grid;grid-template-columns:126px minmax(0,1fr);grid-template-rows:44px minmax(0,1fr) 29px;min-width:0;min-height:0;overflow:hidden}.design-app .comparison-strip{grid-column:1;grid-row:1/-1;padding:20px 13px;background:linear-gradient(90deg,#1e1e1c,#191918);border-right:1px solid #30302a;display:flex;flex-direction:column;gap:19px;overflow-y:auto;scrollbar-width:thin}.comparison-strip>button{display:flex;flex-direction:column;gap:8px;align-items:stretch;padding:0;text-align:left;border:0;flex-shrink:0}.comparison-strip>button img,.thumbnail-empty{width:100%;height:150px;object-fit:contain;background:#262623;border:2px solid transparent;border-radius:2px}.comparison-strip>button.selected img,.comparison-strip>button.selected .thumbnail-empty{border-color:#cbd99d}.comparison-strip strong{font-size:11px;font-weight:400;text-align:left;letter-spacing:.4px}.comparison-strip .selected strong{color:#d4e2a2}.thumbnail-empty{display:grid;place-items:center;text-align:center;color:#6f7464;font-size:10px;line-height:1.7;padding:8px}.comparison-strip>p{font-size:9px;color:#858b77;line-height:1.7;margin:0;word-break:break-word}.design-app .selection-toolbar{grid-column:2;grid-row:1;height:44px;min-height:0;padding:4px 10px;border-bottom:1px solid #30332a;background:#161714;gap:8px;font-size:9px}.design-app .selection-toolbar strong{font-size:10px}.design-app .selection-toolbar>button{min-height:32px;min-width:32px}.design-app .selection-toolbar .handle-hint{display:none}.design-app .selection-toolbar>.material-swatches{margin-right:auto}.design-app .selection-toolbar .material-swatches button{width:27px;height:27px}.design-app .selection-toolbar input[type=color]{height:27px;width:28px}.design-app .editor-viewport{grid-column:2;grid-row:2;width:100%;height:100%;min-height:0;flex:none;background:#242422;background-image:none}.design-app .canvas-empty{background:radial-gradient(ellipse at center,#252722,#1a1b18);gap:15px;padding:25px}.design-app .canvas-empty strong{font:30px Georgia,serif}.design-app .canvas-empty span{font-size:12px;color:#b2b6a6}.design-app .canvas-empty small{font-size:9px}.design-app .sample-label{font-size:7px;bottom:8px;left:8px;max-width:calc(100% - 16px);line-height:1.5;padding:5px;letter-spacing:.4px}.design-app .tool-instruction{grid-column:2;grid-row:3;min-height:0;padding:6px 10px;font-size:9px;line-height:1.6;background:#141512;border-top:1px solid #30332a;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.design-app .tool-instruction button{padding:1px 5px;font-size:9px}.design-app .concept-warning{display:none}.design-app .creative-inspector{grid-area:library;position:static;width:auto;max-height:none;min-height:0;overflow-y:auto;display:block;background:linear-gradient(120deg,#121311,#0d0e0c);border-left:1px solid #30302a;scrollbar-width:thin;scrollbar-color:#50543d #151612;box-shadow:none}.library-tabs{display:flex;position:sticky;top:0;background:#121310;z-index:3;padding:12px 12px 9px;gap:1px;border-bottom:1px solid #252722}.library-tabs>[role=tab]{flex:1;min-height:39px;font-size:11px;text-transform:uppercase;color:#e1e2dc;padding:6px 8px}.library-tabs>[aria-selected=true]{background:#ccd99d;color:#13170b;border-radius:2px;font-weight:600}.library-tabs>.close-panel{display:none}.detail-content[hidden]{display:none}.detail-content .properties-section{border-top:1px solid #30332a}.detail-content .asset-section{padding:12px 14px;border-bottom:1px solid #30332a}.detail-content .asset-section>h2,.detail-content .asset-section>p{display:none}.detail-content section{padding:15px}.detail-content .section-heading h2{font-size:12px}.detail-content .properties-grid label{font-size:10px;color:#a8b493}.detail-content .properties-grid input,.detail-content .properties-grid select{background:#13170f;border-color:#404b31}.detail-content .advanced-properties{border-color:#333e29}.detail-content .drawing-actions{margin:0}.detail-content .brush-controls{padding-top:0}.detail-content .variation>button:first-child{font-size:11px}.detail-content .units-note{font-size:9px}.reference-library{margin:0 12px 12px;border:1px solid #30332a;border-top:0;border-radius:0 0 3px 3px}.reference-library>details{border-bottom:1px solid #30332a;padding:0 12px 14px}.reference-library summary{font-size:12px;padding:15px 0 13px;cursor:pointer;color:#e1e3d9}.textile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px}.textile-grid button,.hardware-grid button,.lace-grid button{display:flex;flex-direction:column;align-items:stretch;padding:0;gap:5px;min-width:0;font-size:11px;text-align:center}.textile-grid img{width:100%;height:57px;object-fit:cover;border:1px solid #45483b;border-radius:3px}.textile-grid button:hover img,.hardware-grid button:hover img,.lace-grid button:hover img{outline:2px solid #cad997;outline-offset:0}.textile-grid span{line-height:1.5}.reference-library .library-note{font-size:8px;color:#787f69;line-height:1.7;margin:9px 0 0;padding:0 1px}.reference-library>.library-note{padding:0 12px 10px}.edge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.edge-grid button{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:0;font-size:9px;line-height:1.5;white-space:nowrap}.edge-grid button:disabled{opacity:.4;cursor:not-allowed}.edge-art{height:39px;background:#242521;border:1px solid #3c4033;border-radius:3px;display:block;position:relative;overflow:hidden}.edge-art.raw:after{content:"";position:absolute;inset:20px 4px 0;border-top:1px dashed #dadbce}.edge-art.fray{background:repeating-linear-gradient(80deg,#20201c,#727468 1px,#20201c 2px 5px)}.edge-art.distress{background:repeating-radial-gradient(ellipse at 20% 70%,#c3c5b766 0 1px,#22231f 1px 5px)}.edge-art.torn:after{content:"";position:absolute;inset:20px 0 0;background:#767a67;clip-path:polygon(0 100%,10% 20%,20% 70%,35% 0,45% 70%,60% 20%,70% 80%,90% 0,100% 100%)}.stitch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.stitch-grid button{display:flex;flex-direction:column;padding:0;gap:7px;font-size:8px;color:#c2c6b6}.stitch-grid svg{width:100%;height:33px;border:1px solid #383e2e;background:#1d2117;border-radius:3px;padding:3px}.hardware-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}.hardware-grid img{height:75px;width:100%;object-fit:contain;border:1px solid #3d4231;border-radius:3px;padding:8px;background:radial-gradient(ellipse,#30352944,#171a13)}.lace-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.lace-grid img{height:90px;object-fit:contain;width:100%;border:1px solid #404633;border-radius:3px;background:#1b1e16;padding:5px}.lace-grid span{font-size:9px}.design-app .viewport-controls{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;height:63px;min-height:63px;padding:9px 20px;background:linear-gradient(#121310,#0c0d0b);border-top:1px solid #30322a;border-bottom:0;margin:0;flex-shrink:0}.viewport-controls>div{display:flex;align-items:center;gap:7px}.design-app .viewport-controls button{min-height:40px;min-width:39px;font-size:11px}.viewport-controls input[type=range]{width:120px;accent-color:#cddba0;padding:0;margin:0;border:0}.viewport-controls .bottom-history{order:-1;margin-right:3px;padding-right:12px;border-right:1px solid #30372a}.viewport-controls .left-panel-toggle{order:-2}.viewport-controls .bottom-compare{margin-left:auto;background:#1e2318;padding:0 5px}.bottom-compare button[aria-pressed=true]{color:#d5e7a5;background:#38432a}.design-app .viewport-controls .construction-link{padding:0 15px;border:1px solid #3b4231;border-radius:3px}.design-app .viewport-controls .export-png{margin-left:0;padding:0 20px;white-space:nowrap;border-radius:3px;color:#18200f;background:#cedc9f}.editor-footnote{height:20px;text-align:center;font-size:7px;letter-spacing:.6px;color:#737b62;background:#0c0d0b;line-height:20px;flex-shrink:0}@media(min-width:1700px){.design-app .creative-workspace{grid-template-columns:220px minmax(0,1fr) 380px}.design-app .creative-workspace.panel-closed{grid-template-columns:220px minmax(0,1fr) 0}.design-app .garment-workspace{grid-template-columns:150px minmax(0,1fr)}.comparison-strip>button img,.thumbnail-empty{height:195px}.textile-grid img{height:70px}.lace-grid img{height:110px}}@media(max-width:1200px){.editor-topnav{gap:13px;padding:0 14px}.editor-brand{font-size:25px}.editor-topnav>nav button{padding:0 9px;font-size:10px}.editor-file-actions{gap:2px}.editor-file-actions>button{font-size:0;min-width:35px;padding:0 6px;gap:0}.editor-file-actions>button svg{width:19px;height:19px}.design-app .creative-workspace{grid-template-columns:170px minmax(0,1fr) 300px}.design-app .creative-workspace.panel-closed{grid-template-columns:170px minmax(0,1fr) 0}.design-app .creative-workspace:not(.left-expanded){grid-template-columns:0 minmax(0,1fr) 300px}.design-app .garment-workspace{grid-template-columns:93px minmax(0,1fr)}.design-app .comparison-strip{padding:15px 8px;gap:15px}.comparison-strip>button img,.thumbnail-empty{height:120px}.editor-left .tool-rail button{padding:0 10px;gap:8px}.editor-left .tool-rail .tool-label{font-size:10px}.editor-left .creative-layer>button{min-width:21px;padding:3px}.editor-left .creative-layer .layer-select{font-size:9px}.editor-left .creative-layer>button:last-child{display:none}.design-app .selection-toolbar{gap:5px;padding:4px 7px}.design-app .selection-toolbar strong{display:none}.design-app .selection-toolbar .material-swatches{gap:4px}.design-app .selection-toolbar .material-swatches button{width:25px;height:25px}.design-app .selection-toolbar .quick-cord{font-size:8px;gap:3px}.design-app .viewport-controls{gap:7px;padding:9px 12px}.viewport-controls input[type=range]{width:85px}.design-app .viewport-controls .construction-link{padding:0 9px;font-size:10px}.design-app .viewport-controls .export-png{padding:0 12px}.editor-footnote{font-size:6px}}@media(max-width:900px){.design-app .creative-workspace,.design-app .creative-workspace.panel-closed{grid-template-columns:170px minmax(0,1fr) 0}.design-app .creative-workspace:not(.left-expanded){grid-template-columns:0 minmax(0,1fr) 0}.design-app .creative-inspector{position:absolute;grid-area:auto;right:0;top:0;bottom:0;width:310px;max-width:calc(100% - 60px);z-index:12;box-shadow:-10px 0 25px #0008}.library-tabs>.close-panel{display:flex;min-width:27px;min-height:39px}.library-tabs{padding:8px}.library-tabs>[role=tab]{font-size:10px;padding:6px}.editor-brand{font-size:23px}.editor-topnav{height:61px;padding:0 10px;gap:11px}.editor-topnav>nav{gap:2px}.editor-topnav>nav button{padding:0 8px;font-size:9px;min-height:40px}.editor-file-actions>button{min-width:31px}.design-app .viewport-controls .construction-link{font-size:0;gap:0;min-width:38px;padding:0 9px}.design-app .viewport-controls{height:59px;min-height:59px;padding:7px 9px;gap:4px}.design-app .viewport-controls button{min-width:33px;min-height:39px;font-size:10px}.viewport-controls .bottom-history{gap:1px;padding-right:4px;margin-right:0}.viewport-controls input[type=range]{width:70px}.design-app .viewport-controls .export-png{padding:0 10px}.viewport-controls>div{gap:2px}.editor-footnote{height:18px;line-height:18px}.design-app>main>.notice{left:185px;max-width:calc(100vw - 210px)}}@media(max-width:700px){.editor-topnav{height:102px;flex-wrap:wrap;align-content:center;gap:5px 10px;padding:7px 10px}.editor-brand{font-size:25px;margin-right:auto}.editor-file-actions{margin-left:auto;gap:6px}.editor-topnav>nav{order:3;width:100%;flex:none;justify-content:space-between;overflow:visible}.editor-topnav>nav button{padding:0 7px;font-size:9px;height:36px;min-height:36px}.design-app .creative-workspace,.design-app .creative-workspace.panel-closed,.design-app .creative-workspace:not(.left-expanded){grid-template-columns:0 minmax(0,1fr) 0}.editor-left{position:absolute;width:210px;top:0;bottom:0;z-index:14;box-shadow:10px 0 25px #0008}.editor-left .tool-rail{max-height:56%}.design-app .garment-workspace{grid-template-columns:75px minmax(0,1fr);grid-template-rows:44px minmax(0,1fr) 30px}.design-app .comparison-strip{padding:10px 6px;gap:13px}.comparison-strip>button img,.thumbnail-empty{height:98px}.comparison-strip strong{font-size:9px}.comparison-strip>p{font-size:8px}.design-app .selection-toolbar{gap:5px;padding:4px 6px}.design-app .selection-toolbar .material-swatches button{height:23px;width:23px}.design-app .selection-toolbar input[type=color]{height:25px;width:25px}.design-app .selection-toolbar>button{min-width:29px;min-height:32px;padding:3px}.design-app .selection-toolbar .quick-cord{font-size:0;gap:0}.design-app .canvas-empty strong{font-size:25px}.design-app .canvas-empty span{font-size:10px;line-height:1.7}.design-app .canvas-empty small{font-size:8px}.design-app .viewport-controls{height:auto;min-height:90px;flex-wrap:wrap;justify-content:space-between;gap:4px;padding:6px 8px}.design-app .viewport-controls>.bottom-history{order:0;border:0;padding:0}.design-app .viewport-controls>.left-panel-toggle{order:0}.viewport-controls input[type=range]{display:none}.design-app .viewport-controls .bottom-compare{margin-left:0;gap:1px}.design-app .viewport-controls .construction-link{font-size:0}.design-app .viewport-controls .export-png{min-width:126px}.viewport-controls>div{gap:2px}.design-app>main>.notice{left:12px;right:12px;bottom:123px;max-width:none;font-size:10px}.design-app .tool-instruction{font-size:8px;padding:6px}.editor-footnote{font-size:6px;letter-spacing:.1px}.design-app .creative-inspector{width:305px;max-width:calc(100% - 25px)}}@media(max-width:700px){.editor-file-actions{gap:3px}.editor-file-actions>button{min-width:27px;padding:0 4px}.editor-brand{font-size:22px}}.textile-grid button[aria-pressed=true] img{outline:2px solid #d0df9c;outline-offset:1px}.editor-topnav>nav button{font-size:12px}.editor-left .tool-rail .tool-label{font-size:12px}.reference-library summary{font-size:13px}@media(max-width:1200px){.editor-topnav>nav button{font-size:10px}.editor-left .tool-rail .tool-label{font-size:11px}}@media(max-width:700px){.editor-topnav>nav button{font-size:9px}}.editor-left .creative-layer>button:not(.layer-select){min-width:28px;min-height:36px}.editor-left .creative-layer>button:last-child{display:flex}body:has(.design-app) .modal-backdrop{z-index:50}.editor-topnav{background:linear-gradient(110deg,#171815,#10110f 60%,#151612);border-bottom-color:#414438;box-shadow:0 3px 18px #0005;z-index:2}.editor-brand{letter-spacing:-.65px;color:#f2f0e7}.editor-topnav>nav button{font-weight:500;letter-spacing:.45px;color:#c7c9be}.editor-topnav>nav button.current{background:linear-gradient(#4c5239,#3b412b);color:#edf2c9;box-shadow:inset 0 1px #ffffff12}.editor-file-actions>button{border-radius:3px;transition:background .15s,color .15s}.editor-file-actions>button:hover{background:#292e21;color:#e5edc5}.editor-file-actions>button:first-child{color:#e3eacb;border:1px solid #4c5739;padding:0 12px;background:#22291b}.editor-file-actions>button:nth-child(2):not(:disabled){color:#ecf2d5;background:#354126;padding:0 12px;border:1px solid #687b49}.design-app .editor-viewport{background:radial-gradient(ellipse at 50% 42%,#33362e,#1c1f19 72%,#171a15);box-shadow:inset 0 0 70px #0003}.design-app .canvas-empty{background:linear-gradient(#11150f66,#11150fd9),url(/sample-garment.jpg) center/cover}.design-app .canvas-empty strong{text-shadow:0 2px 12px #000b}.design-app .sample-photo-label{padding:9px 11px;border:1px solid #63714a75;background:#141a0ee8;box-shadow:0 3px 15px #0004;color:#d4e3b2;font-size:8px;letter-spacing:1px;max-width:calc(100% - 24px);bottom:12px;left:12px}.sample-photo-label>span{display:block;font-size:8px;letter-spacing:.2px;color:#a5b78b;margin-top:4px}.design-app .comparison-strip{background:linear-gradient(100deg,#20231c,#181c15);gap:17px;padding-top:17px}.comparison-heading{padding:0 2px 3px}.comparison-heading>span{font-size:7px;letter-spacing:1.4px;color:#899875;line-height:1.6;display:block}.comparison-heading>strong{display:block;font:19px Georgia,serif;letter-spacing:-.2px;margin-top:5px;color:#e4e8d7}.comparison-strip>button{gap:6px;padding:8px 6px 9px;background:linear-gradient(#24291e,#1a2015);border:1px solid #39452a;border-radius:3px;transition:border-color .15s,background .15s;box-shadow:0 4px 10px #0002}.comparison-strip>button:hover{border-color:#81995b;background:#2a3420}.comparison-strip>button.selected{border-color:#c4d898;background:linear-gradient(#313d25,#242e1b);box-shadow:inset 0 0 0 1px #bbd18a35,0 4px 12px #0004}.preview-index{font-size:7px;color:#a7b98e;letter-spacing:1px;text-align:left;line-height:1.5}.comparison-strip>button img{height:135px;border:1px solid #626e4d50;background:#11170d;box-shadow:0 2px 10px #0005;object-fit:contain}.comparison-strip>button.selected img{border-color:#bfce9b99}.comparison-strip>button strong{font-size:11px;font-weight:600;letter-spacing:1px;color:#e0e6d1;margin-top:3px}.preview-caption{font-size:8px;color:#a0b58b;text-align:left;line-height:1.5}.comparison-strip>p{padding:8px 4px;border-top:1px solid #3d4c2d;font-size:9px;line-height:1.6;color:#9cae87}.library-tabs{background:linear-gradient(#181c13,#13180f);padding-top:13px;padding-bottom:12px;gap:3px}.library-tabs>[role=tab]{font-size:11px;font-weight:500;letter-spacing:.35px;min-height:42px;border-radius:3px}.library-tabs>[aria-selected=true]{background:linear-gradient(#dce6b8,#bdcf8d);box-shadow:0 2px 8px #0005;color:#202813}.reference-library{border-color:#3e4930;background:#151613;border-radius:4px;box-shadow:inset 0 1px #ffffff06}.reference-library>details{border-color:#37452b;padding-bottom:16px}.reference-library summary{font-size:13px;font-weight:500;letter-spacing:.25px;padding:16px 0 14px;color:#dbe5c7}.textile-grid{gap:13px 10px}.textile-grid button{gap:0;background:#22251e;border:1px solid #3c4d2c;border-radius:4px;overflow:hidden;box-shadow:0 3px 8px #0003;transition:border-color .15s,transform .15s}.textile-grid img{height:63px;border:0;border-bottom:1px solid #ffffff12;border-radius:0;box-shadow:inset 0 1px 3px #0003}.textile-grid button>span{font-size:11px;color:#dde6cf;letter-spacing:.15px;padding:6px 2px 7px;line-height:1.3}.textile-grid button:hover{border-color:#b3c88c;transform:translateY(-1px)}.textile-grid button:hover img{outline:none}.textile-grid button[aria-pressed=true]{border-color:#d1e5a9;box-shadow:0 0 0 1px #d1e5a944}.textile-grid button[aria-pressed=true] img{outline:none}.reference-library .library-note{font-size:9px;line-height:1.6;color:#8fa179}.hardware-grid img,.lace-grid img{background:radial-gradient(ellipse at 45% 25%,#414c304d,#171d12);border-color:#4d5d3b;box-shadow:inset 0 1px #ffffff0d,0 3px 8px #0003}.lace-grid button{gap:7px}.lace-grid span{font-size:10px;letter-spacing:.25px;color:#c7d6b2}.edge-grid button,.stitch-grid button{font-size:9px;gap:8px;color:#bbcda5}.edge-art,.stitch-grid svg{border-color:#4b5a38;background-color:#232d1a}.editor-left .left-heading{color:#c0cea9;letter-spacing:1px}.editor-left .tool-rail .tool-label{color:#c3ceb2}.editor-left .tool-rail button.chosen{box-shadow:inset 0 1px #d6e9a90b,inset 0 -1px #d6e9a90b}.editor-left .creative-layers{border-top-color:#414e32}.design-app .selection-toolbar{background:linear-gradient(#1d2417,#161e11);border-bottom-color:#3a482b}.design-app .viewport-controls{background:linear-gradient(#1a2113,#10160b);border-top-color:#4a5934}.design-app .viewport-controls .export-png{background:linear-gradient(#e3ebc7,#c5d79a);border:1px solid #d5e3b4;font-size:12px;font-weight:600;box-shadow:0 2px 8px #0005}.design-app .viewport-controls .construction-link{color:#cedbbb;border-color:#4c5d36}@media(min-width:1700px){.comparison-strip>button img{height:175px}.textile-grid img{height:73px}}@media(max-width:1200px){.editor-file-actions>button:first-child,.editor-file-actions>button:nth-child(2):not(:disabled){padding:0 7px}.comparison-strip>button{padding:7px 4px}.comparison-strip>button img{height:105px}.comparison-heading>strong{font-size:17px}.preview-index{font-size:6px;letter-spacing:.5px}.preview-caption{font-size:7px}.textile-grid img{height:58px}.library-tabs>[role=tab]{font-size:10px;letter-spacing:.1px}}@media(max-width:700px){.editor-file-actions>button:first-child,.editor-file-actions>button:nth-child(2):not(:disabled){padding:0 4px}.comparison-heading>span{font-size:6px;letter-spacing:.4px}.comparison-heading>strong{font-size:14px}.comparison-strip>button img{height:82px}.comparison-strip>button strong{font-size:9px;letter-spacing:.5px}.comparison-strip>button{padding:6px 3px}.preview-caption{font-size:6px}.design-app .sample-photo-label{bottom:8px;left:7px;font-size:6px;padding:6px;letter-spacing:.4px}.sample-photo-label>span{font-size:7px}.library-tabs>[role=tab]{font-size:10px}.design-app .viewport-controls .export-png{font-size:11px}}@media(max-width:700px){.editor-topnav>nav button{letter-spacing:0;padding:0 5px}}.integrated-entry{margin:12px;width:calc(100% - 24px);min-height:43px;padding:10px 12px;border:1px solid #84965e;background:linear-gradient(#3c4a2b,#29351d);color:#e4edc8;font-size:11px}.inset-controls{margin-bottom:18px;padding:13px;border:1px solid #627847;background:#1c2515}.inset-controls h3{font:17px Georgia,serif;color:#e6ecd5;font-weight:400;margin:0 0 10px}.inset-controls p{font-size:10px;line-height:1.7}.inset-controls>details{border-top:1px solid #435632;padding:10px 0}.inset-controls summary{font-size:11px;color:#d0dfb6;cursor:pointer;margin-bottom:12px}.inset-controls label{font-size:10px;display:flex;flex-direction:column;gap:7px;margin:12px 0;color:#b9cba3}.inset-controls select{width:100%;font-size:11px;padding:8px;background:#11190c;border-color:#53683b}.inset-controls input[type=range]{width:100%;padding:0;accent-color:#cbdc9f}.inset-controls .inset-check{flex-direction:row;align-items:center;gap:8px;line-height:1.6}.inset-check input{accent-color:#cbdc9f;width:16px;height:16px}.inset-controls .inset-colours{display:flex;gap:20px}.inset-colours input{padding:2px;width:48px;height:29px}.inset-controls small{display:block;font-size:9px;color:#7e9866;line-height:1.7;margin-top:12px}.inset-controls .outline{font-size:10px;margin:8px 0}.inset-controls .primary{font-size:11px;padding:12px 9px;width:100%;white-space:normal}.inset-controls .inset-caution{color:#c6bea2;border-left:2px solid #a69d76;padding-left:10px}.inset-controls button:disabled,.inset-controls input:disabled,.inset-controls select:disabled{opacity:.45;cursor:not-allowed}.garment-view-switcher{display:flex;align-items:center;gap:5px;padding:7px 10px;border-bottom:1px solid #34382b;background:#141710;flex-shrink:0;flex-wrap:wrap}.garment-view-switcher button{display:flex;align-items:center;gap:7px;min-height:44px;padding:5px 9px;border:1px solid #343a2a;background:#1b1e17;color:#d2d4c8;font-size:11px;text-align:left}.garment-view-switcher button[aria-pressed=true]{border-color:#bdcb91;background:#343d26;color:#eef0dc}.garment-view-switcher img,.view-photo-missing{width:27px;height:33px;object-fit:cover;background:#292e22;display:grid;place-items:center;font-size:20px}.garment-view-switcher small{display:block;color:#9fa889;font-size:9px;margin-top:3px}.active-view-label{margin-left:auto;font-size:10px;color:#bac89c}@media(max-width:1100px){.active-view-label{display:none}.garment-view-switcher{gap:3px;padding:5px}.garment-view-switcher button{padding:4px 6px;font-size:10px}}@media(max-width:600px){.garment-view-switcher{flex-wrap:nowrap;overflow-x:auto}.garment-view-switcher button{flex-shrink:0}.garment-view-switcher img,.view-photo-missing{display:none}.garment-view-switcher small{font-size:8px}}.design-app .garment-workspace{grid-template-rows:44px auto minmax(0,1fr) 29px}.design-app .garment-view-switcher{grid-column:2;grid-row:2;min-width:0}.design-app .editor-viewport{grid-row:3}.design-app .tool-instruction{grid-row:4}.pwa-status{position:fixed;z-index:40;bottom:90px;right:12px;max-width:calc(100vw - 24px);padding:7px 10px;border:1px solid #58613e;background:#20261def;color:#d8dfbd;font-size:10px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pwa-status button{min-height:36px}.install-help{margin:16px 0;padding:12px;border:1px solid #475036;line-height:1.7}.install-help summary{cursor:pointer;min-height:36px}.camera-button{font-size:11px}.editor-viewport{overscroll-behavior:contain}.editor-viewport canvas{touch-action:none}@media(pointer:coarse){.editor-file-actions>button,.viewport-controls button,.garment-view-switcher button,.library-tabs button,.creative-inspector button,.creative-layer button{min-height:44px;min-width:36px}.creative-inspector input:not([type=checkbox]):not([type=color]),.creative-inspector select{min-height:44px;font-size:16px}.creative-inspector input[type=range]{min-height:36px}.creative-inspector input[type=checkbox]{width:22px;height:22px}.creative-inspector input[type=color]{min-width:40px;min-height:40px}.design-app .selection-toolbar>button{min-width:40px;min-height:36px}.design-app .garment-workspace{grid-template-rows:48px auto minmax(0,1fr) 32px}.design-app .selection-toolbar{height:48px}}@media(max-width:700px){.pwa-status{bottom:132px;font-size:9px}.camera-button{font-size:10px!important}.editor-topnav{padding-top:env(safe-area-inset-top)}.viewport-controls{padding-bottom:max(8px,env(safe-area-inset-bottom))}.editor-file-actions{gap:3px!important}.editor-file-actions>button{padding:6px!important;min-width:32px}}@media(max-width:700px){.editor-topnav{height:auto;min-height:140px;align-content:start;padding:max(7px,env(safe-area-inset-top)) 10px 7px;gap:5px}.editor-brand{width:100%;min-height:29px;line-height:29px;font-size:25px}.editor-file-actions{margin:0;gap:6px!important}.editor-file-actions>button{min-width:44px;min-height:44px}.camera-text{display:none}.editor-topnav>nav{min-height:36px}.pwa-status{bottom:132px;max-width:240px;padding:5px 8px}}
