:root{--bg:#080908;--panel:#111310;--text:#f5f5ef;--muted:#9ba096;--lime:#d7ff22;--red:#ff473d;--line:#2a2f28}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}.lime{color:var(--lime)}.hero-shell{background:#090a08;min-height:100vh}.nav{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:84px;padding:0 5vw;display:flex}.brand{font-weight:950}.brand span{color:var(--lime)}.nav-links{gap:28px;display:flex}.nav a{color:#fff;text-decoration:none}.nav-cta,.primary{background:var(--lime);border:0;padding:14px 18px;font-weight:900}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;min-height:610px;padding:50px 5vw;display:grid}.eyebrow,.step-no,.panel-kicker{letter-spacing:.14em;color:var(--lime);font-size:.72rem;font-weight:900}h1{letter-spacing:-.07em;font-size:clamp(4rem,8vw,8rem);line-height:.8}.lede{color:#bbb;max-width:550px}.cta-row{gap:12px;display:flex}.secondary{color:#fff;background:0 0;border:1px solid #444;padding:13px 17px}.trust-row{color:#aaa;gap:20px;display:flex}.hero-stage{place-items:center;display:grid}.hero-product{font-size:3rem;font-weight:950}.watch{display:none}.product-strip{grid-template-columns:repeat(5,1fr);gap:12px;padding:30px 5vw;display:grid}.product-card,.choice{color:#fff;border:1px solid var(--line);background:#11130f;padding:12px}.product-art{background:#1b1d1a;place-items:center;height:120px;display:grid}.builder{background:#090a09;padding:70px 4vw}.builder-top{justify-content:space-between;align-items:end;margin-bottom:25px;display:flex}.builder h2{letter-spacing:-.06em;margin:8px 0;font-size:clamp(2.5rem,5vw,5rem)}.progress{gap:8px;display:flex}.progress button{color:#777;text-align:left;background:#111;border:1px solid #292929;min-width:90px;padding:10px 12px}.progress button b,.progress button span{display:block}.progress button span{font-size:.62rem}.progress .current{color:var(--lime);border-color:var(--lime)}.progress .done{color:#fff}.studio-shell{border:1px solid var(--line);grid-template-columns:80px 1fr 270px;min-height:650px;display:grid}.tools,.context-panel{background:#10110f;padding:15px}.tool{color:#aaa;background:#151714;border:1px solid #0000;place-items:center;gap:5px;width:100%;margin-bottom:8px;padding:13px 5px;display:grid}.upload-tool input{display:none}.canvas-area{padding:28px}.context-panel dl>div{border-bottom:1px solid #292b28;justify-content:space-between;padding:13px 0;display:flex}.price{margin-top:25px}.price strong{color:var(--lime);font-size:2rem;display:block}.step h3{font-size:clamp(2rem,4vw,4rem)}.choice-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.choice{cursor:pointer;transition:all .18s;position:relative}.choice:hover{border-color:#69705f;transform:translateY(-2px)}.choice.active{border:2px solid var(--lime);box-shadow:0 0 0 1px #d7ff2230,0 10px 35px #0008}.choice.active:before{content:"SELECTED";background:var(--lime);color:#080908;letter-spacing:.08em;z-index:4;padding:6px 8px;font-size:.62rem;font-weight:950;position:absolute;top:12px;right:12px}.choice.active span{color:var(--lime);font-weight:900}.mini-garment{background:radial-gradient(circle,#343831,#111);border-radius:22%;height:230px}.options-step,.checkout-step{grid-template-columns:1fr .8fr;gap:30px;display:grid}.option-stack{gap:25px;display:grid}.chips,.surface-tabs{flex-wrap:wrap;gap:8px;display:flex}.chip,.surface-tabs button{color:#bbb;background:#151615;border:1px solid #333;padding:10px 14px}.selected{border-color:var(--lime)!important;color:var(--lime)!important}.summary{background:#121412;border:1px solid #333;padding:25px}.summary>div{border-bottom:1px solid #333;justify-content:space-between;padding:12px 0;display:flex}.summary .total strong{color:var(--lime)}.full{width:100%}.builder-actions{justify-content:space-between;margin-top:18px;display:flex}.mock-garment{width:180px;height:220px;margin:20px auto;position:relative}.mock-body,.mock-left,.mock-right,.mock-hood{background:#111;position:absolute}.mock-body{border-radius:18px;inset:48px 25% 5px}.mock-hood{border-radius:50%;width:45%;height:60px;top:5px;left:27.5%}.mock-left,.mock-right{width:25%;height:140px;top:55px}.mock-left{left:8%;transform:rotate(8deg)}.mock-right{right:8%;transform:rotate(-8deg)}.design-app{background:#0d0e0d;border:1px solid #252625;grid-template-rows:76px minmax(760px,auto);grid-template-columns:220px minmax(500px,1fr) 290px 280px;width:92vw;margin-left:50%;display:grid;transform:translate(-50%);box-shadow:0 30px 100px #0008}.design-app-bar{background:#0a0b0a;border-bottom:1px solid #292929;grid-column:1/-1;grid-template-columns:220px 1fr 300px;align-items:center;padding:0 20px;display:grid}.design-logo{font-size:1.35rem;font-weight:950;line-height:.85}.design-logo span{color:var(--lime);display:block}.design-app-bar .progress{justify-content:center}.design-app-bar .progress button{background:0 0;border:0}.app-actions{justify-content:flex-end;align-items:center;gap:20px;display:flex}.app-actions button{color:#fff;background:#111;border:1px solid #333;gap:8px;padding:11px 18px;display:flex}.design-left{background:linear-gradient(90deg,#171817,#101110);border-right:1px solid #282928;grid-area:2/1;padding:22px}.design-left>p,.edit-panel>p,.product-panel p,.layers-list>p{color:#bbb;letter-spacing:.05em;font-size:.7rem}.design-left>button,.design-left>label{color:#fff;background:#202120;border:1px solid #0000;border-radius:5px;align-items:center;gap:16px;width:100%;height:52px;margin:0 0 8px;padding:0 17px;font-weight:700;display:flex}.design-left>button.active{border-color:var(--lime)}.design-left label input{display:none}.layers-list{border-top:1px solid #292929;margin:18px -22px 0;padding:20px 22px}.layers-list button{color:#fff;text-align:left;background:0 0;border:0;border-bottom:1px solid #292929;justify-content:space-between;align-items:center;width:100%;padding:10px 0;display:flex}.layers-list button>span{align-items:center;gap:10px;display:flex}.layers-list i{font-style:normal;display:grid}.layers-list small{color:#999}.layers-list .clear{color:#ff5a50;border:0;justify-content:center;margin-top:20px}.design-workspace{background:linear-gradient(#4d4e4c,#d2d2d0);flex-direction:column;grid-area:2/2;min-width:0;padding:16px;display:flex}.workspace-top{background:#292a29dd;justify-content:space-between;align-items:center;height:55px;margin:-16px -16px 10px;padding:10px 20px;display:flex}.workspace-top .surface-tabs{margin:0}.workspace-top>div:last-child{align-items:center;gap:10px;display:flex}.workspace-top button{color:#fff;background:#303130;border:1px solid #444;padding:8px 12px}.premium-canvas{touch-action:none;background:radial-gradient(circle at 50% 40%,#d7d7d4 0,#a8a8a5 50%,#777 100%);border:0;flex:1;min-height:610px;position:relative;overflow:hidden}.photo-garment{--garment-hi:#202120;--garment-mid:#050505;--garment-lo:#1a1a1a;--hood-hi:#303030;--hood-lo:#080808;filter:drop-shadow(0 22px 18px #0006);width:520px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-48%)}.photo-garment.color-white{--garment-hi:#fff;--garment-mid:#e8e8e5;--garment-lo:#c8c9c5;--hood-hi:#fff;--hood-lo:#d8d9d5}.photo-garment.color-gray{--garment-hi:#b9bbb7;--garment-mid:#737670;--garment-lo:#959792;--hood-hi:#c9cbc7;--hood-lo:#696c67}.photo-garment.color-red{--garment-hi:#d84a43;--garment-mid:#851e1a;--garment-lo:#b42d27;--hood-hi:#e15850;--hood-lo:#761713}.photo-garment.color-blue{--garment-hi:#334b69;--garment-mid:#15263d;--garment-lo:#253b56;--hood-hi:#405b7a;--hood-lo:#112238}.photo-garment.color-green{--garment-hi:#486a50;--garment-mid:#1e3928;--garment-lo:#36583f;--hood-hi:#577a5e;--hood-lo:#193221}.photo-torso,.photo-left-sleeve,.photo-right-sleeve,.photo-hood,.photo-pocket{background:linear-gradient(120deg,var(--garment-hi),var(--garment-mid) 48%,var(--garment-lo));transition:background .18s;position:absolute;box-shadow:inset 0 0 30px #ffffff0c}.photo-torso{border-radius:16% 16% 6% 6%;inset:120px 23% 20px}.photo-hood{z-index:3;background:radial-gradient(circle at 50% 30%,var(--hood-hi),var(--hood-lo) 70%);border-radius:50% 50% 32% 32%;width:42%;height:150px;top:20px;left:29%}.photo-left-sleeve,.photo-right-sleeve{width:25%;height:430px;top:135px}.photo-left-sleeve{border-radius:55% 8% 20% 30%;left:7%;transform:rotate(7deg)}.photo-right-sleeve{border-radius:8% 55% 30% 20%;right:7%;transform:rotate(-7deg)}.photo-pocket{background:linear-gradient(120deg,var(--garment-hi),var(--garment-mid) 58%,var(--garment-lo));z-index:3;border-radius:20% 20% 40% 40%;width:38%;height:80px;bottom:55px;left:31%}.view-back .photo-pocket{display:none}.view-back .photo-hood{filter:brightness(.75)}.view-leftSleeve,.view-rightSleeve{width:330px}.view-leftSleeve .photo-torso,.view-rightSleeve .photo-torso{filter:brightness(.6);left:40%;right:40%}.view-leftSleeve .photo-right-sleeve,.view-rightSleeve .photo-left-sleeve,.view-leftSleeve .photo-hood,.view-rightSleeve .photo-hood,.view-leftSleeve .photo-pocket,.view-rightSleeve .photo-pocket{display:none}.view-leftSleeve .photo-left-sleeve,.view-rightSleeve .photo-right-sleeve{border-radius:45% 45% 12% 12%;width:50%;height:520px;top:40px;left:25%;right:auto;transform:none}.print-zone{z-index:10;border:1px dashed #b3ce13;width:270px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-48%)}.zone-leftSleeve,.zone-rightSleeve{width:135px;height:360px}.design-layer{cursor:grab;-webkit-user-select:none;user-select:none;z-index:11;position:absolute}.design-layer span{color:#fff;white-space:nowrap;text-shadow:0 2px 5px #000;font-size:2rem;font-weight:950}.design-layer img{max-width:190px;max-height:190px;display:block}.selected-layer{outline:1px solid var(--lime);outline-offset:7px}.design-tip{color:#fff;background:#242524;border-radius:5px;align-items:center;gap:18px;height:72px;margin-top:14px;padding:15px 22px;display:flex}.design-tip span{font-size:1.5rem}.design-tip div{display:grid}.design-tip small{color:#bbb;margin-top:5px}.edit-panel{background:linear-gradient(#151615,#0e0f0e);border-left:1px solid #292929;border-right:1px solid #292929;grid-area:2/3;padding:24px}.edit-panel label{gap:8px;margin:16px 0;font-size:.8rem;display:grid}.wide-input,.edit-panel select{color:#fff;background:#0b0c0b;border:1px solid #444;border-radius:4px;width:100%;padding:12px}.format-row{gap:8px;display:flex}.format-row button,.number-control button,.transform-icons button{color:#fff;background:#151615;border:1px solid #383938;padding:9px 15px}.format-row .active{color:var(--lime);border-color:var(--lime)}.number-control{border:1px solid #333;grid-template-columns:1fr 40px 40px;display:grid}.number-control span{padding:10px}.number-control button{border-width:0 0 0 1px}.edit-panel input[type=range]{width:100%;accent-color:var(--lime)}.transform-card{border-top:1px solid #292929;margin:28px -24px 0;padding:20px 24px}.transform-icons{display:flex}.empty-editor{color:#777;padding:20px 0;line-height:1.5}.delete-layer{color:#ff625a;background:#171817;border:1px solid #333;width:100%;padding:10px}.product-panel{background:linear-gradient(#171817,#101110);grid-area:2/4}.product-panel section{border-bottom:1px solid #292929;padding:20px}.product-mini{align-items:center;gap:14px;display:flex}.product-mini .mock-garment{width:80px;height:90px;margin:0}.product-mini .mock-body{top:20px}.product-mini .mock-hood{height:25px}.product-mini .mock-left,.product-mini .mock-right{height:55px;top:25px}.product-mini div:last-child{gap:4px;display:grid}.product-mini small{color:#aaa}.panel-button{color:#fff;background:#171817;border:1px solid #3a3a3a;width:100%;margin-top:15px;padding:10px}.color-dots{grid-template-columns:repeat(4,40px);gap:12px;display:grid}.color-dots button{border:1px solid #666;border-radius:50%;width:38px;height:38px}.color-dots .black{background:#080808}.color-dots .white{background:#eee}.color-dots .gray{background:#999}.color-dots .red{background:#c32b27}.color-dots .blue{background:#1c2c43}.color-dots .green{background:#36533c}.color-dots .selected{outline:1px solid var(--lime);outline-offset:3px}.mock-garment.white .mock-body,.mock-garment.white .mock-left,.mock-garment.white .mock-right,.mock-garment.white .mock-hood{background:#eee}.mock-garment.gray .mock-body,.mock-garment.gray .mock-left,.mock-garment.gray .mock-right,.mock-garment.gray .mock-hood{background:#999}.mock-garment.red .mock-body,.mock-garment.red .mock-left,.mock-garment.red .mock-right,.mock-garment.red .mock-hood{background:#a72c26}.mock-garment.blue .mock-body,.mock-garment.blue .mock-left,.mock-garment.blue .mock-right,.mock-garment.blue .mock-hood{background:#233a55}.mock-garment.green .mock-body,.mock-garment.green .mock-left,.mock-garment.green .mock-right,.mock-garment.green .mock-hood{background:#36583f}.size-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.size-grid button{color:#fff;background:#171817;border:1px solid #333;padding:10px}.quantity-row{justify-content:space-between;align-items:center;display:flex}.quantity-row>div{border:1px solid #333;display:flex}.quantity-row button,.quantity-row span{color:#fff;background:#171817;border:0;padding:8px 12px}.price-breakdown>div{justify-content:space-between;padding:7px 0;font-size:.72rem;display:flex}.grand-total{border-top:1px solid #333;margin-top:10px;padding-top:18px!important;font-size:1.1rem!important}.grand-total b{color:var(--lime);font-size:1.8rem}.preview-button{background:var(--lime);border:0;width:100%;margin-top:12px;padding:14px;font-weight:950}.next-preview{color:#fff;background:0 0;border:0;width:100%;padding:18px}.closing{text-align:center;padding:100px 5vw}.closing h2{font-size:4rem}@media (max-width:1250px){.design-app{grid-template-columns:190px minmax(440px,1fr) 260px}.product-panel{display:none}.design-app-bar{grid-template-columns:190px 1fr 220px}.photo-garment{transform:translate(-50%,-48%)scale(.9)}}@media (max-width:900px){.nav-links{display:none}.hero-grid{grid-template-columns:1fr}.product-strip{grid-template-columns:repeat(2,1fr)}.builder-top{flex-direction:column;align-items:flex-start}.design-app{width:100%;margin:0;display:block;transform:none}.design-app-bar,.design-left,.edit-panel{display:none}.design-workspace{min-height:720px}.studio-shell{grid-template-columns:1fr}.tools,.context-panel{display:none}.choice-grid{grid-template-columns:repeat(2,1fr)}.options-step,.checkout-step{grid-template-columns:1fr}.progress{max-width:100%;overflow:auto}}