:root{--ink:#071522;--ink2:#102739;--gold:#e6b94f;--cream:#f7f2e7;--muted:#65727d;--line:#d9dde0;--danger:#a92929}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.5 Arial,sans-serif;background:#fff}.notice{background:var(--ink);color:#fff;text-align:center;padding:8px 12px;font-size:11px;font-weight:800;letter-spacing:.13em}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:8px max(4vw,20px);border-bottom:1px solid #e7e7e7;position:sticky;top:0;background:#fffc;backdrop-filter:blur(12px);z-index:20}.brand img{width:145px;height:68px;object-fit:contain}.site-header nav{display:flex;gap:24px}.site-header a{color:var(--ink);text-decoration:none;font-weight:800;font-size:13px}.hero{min-height:650px;padding:70px max(6vw,24px);display:grid;grid-template-columns:1fr 1fr;align-items:center;color:#fff;background:radial-gradient(circle at 80% 20%,#29445d 0,transparent 28%),linear-gradient(120deg,#06131f,#102d42)}.hero h1{font-size:clamp(48px,7vw,94px);line-height:.93;margin:14px 0 22px;letter-spacing:-.055em;text-transform:uppercase}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{max-width:590px;color:#d2dde5;font-size:19px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.18em;color:#b68a2b}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border:0;border-radius:5px;text-decoration:none;font-weight:900;letter-spacing:.05em;cursor:pointer}.gold{background:var(--gold);color:#101820;box-shadow:0 6px 22px #0003}.hero-shirt{width:min(420px,80%);aspect-ratio:.8;margin:auto;clip-path:polygon(22% 8%,38% 0,62% 0,78% 8%,100% 20%,87% 39%,80% 32%,80% 100%,20% 100%,20% 32%,13% 39%,0 20%);background:repeating-linear-gradient(135deg,#e6b94f 0 12px,#071522 12px 34px,#fff 34px 43px);display:grid;place-items:center;filter:drop-shadow(0 30px 28px #0008)}.shirt-art{font-size:54px;line-height:.85;text-align:center;font-weight:1000;color:white;text-shadow:5px 5px #071522;transform:rotate(-8deg)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d9dde0}.steps article{background:#fff;padding:42px max(3vw,24px)}.steps b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--gold)}.steps h2{margin:12px 0 4px}.steps p{margin:0;color:var(--muted)}.studio{padding:70px max(4vw,20px);background:var(--cream)}.studio-head{display:flex;justify-content:space-between;align-items:end;gap:20px;max-width:1380px;margin:auto}.studio h2,.submit-section h2,.size-section h2{font-size:clamp(30px,4vw,52px);margin:7px 0}.studio-head p{margin:0;color:var(--muted)}.draft-state{background:#e7f4ea;color:#216631;padding:8px 12px;border-radius:999px;font-weight:800;font-size:12px}.studio-grid{max-width:1380px;margin:28px auto 0;display:grid;grid-template-columns:320px 1fr;background:#fff;border:1px solid var(--line);box-shadow:0 18px 60px #07152218}.controls{padding:24px;border-right:1px solid var(--line)}.upload-button{display:block;padding:15px;background:var(--ink);color:#fff;text-align:center;font-weight:900;border-radius:4px;cursor:pointer}.upload-button input{display:none}.tiny{font-size:12px;color:var(--muted)}.asset-list{display:grid;gap:8px;margin:16px 0;max-height:220px;overflow:auto}.asset{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center;padding:7px;border:1px solid var(--line);border-radius:4px;cursor:pointer}.asset.active{border:2px solid var(--gold)}.asset img{width:48px;height:48px;object-fit:contain;background:#eee}.asset small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{color:var(--muted);font-size:13px}.controls>label:not(.upload-button){display:grid;gap:5px;font-size:13px;font-weight:800;margin:16px 0}.controls input[type=range]{width:100%}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.button-row .danger{grid-column:1/-1}.controls button{padding:10px;border:1px solid var(--line);background:#fff;font-weight:800;border-radius:4px;cursor:pointer}.controls button:hover{border-color:var(--gold)}.controls .danger{color:var(--danger)}.wide{width:100%;margin-top:8px}.quality{margin-top:18px;padding:12px;background:#f2f4f5;font-size:13px;border-left:4px solid var(--gold)}.workspace{min-width:0}.tabs{display:flex;overflow:auto;border-bottom:1px solid var(--line)}.tabs button{border:0;background:#fff;padding:16px 22px;font-weight:900;white-space:nowrap;cursor:pointer}.tabs button.active{background:var(--ink);color:#fff}.canvas-wrap{min-height:620px;display:grid;place-items:center;padding:30px;background-image:linear-gradient(45deg,#f3f3f3 25%,transparent 25%),linear-gradient(-45deg,#f3f3f3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f3f3f3 75%),linear-gradient(-45deg,transparent 75%,#f3f3f3 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.panel{width:min(570px,82vw);height:540px;position:relative;overflow:hidden;background:#fff;clip-path:polygon(22% 2%,38% 10%,62% 10%,78% 2%,95% 18%,84% 37%,78% 30%,78% 98%,22% 98%,22% 30%,16% 37%,5% 18%);touch-action:none;box-shadow:0 20px 40px #0002}.panel.back{clip-path:polygon(22% 2%,38% 8%,62% 8%,78% 2%,95% 18%,84% 37%,78% 30%,78% 98%,22% 98%,22% 30%,16% 37%,5% 18%)}.panel.right,.panel.left{height:300px;clip-path:polygon(13% 25%,50% 4%,87% 25%,95% 93%,5% 93%)}.panel.collar{height:150px;clip-path:polygon(3% 30%,97% 30%,93% 70%,7% 70%)}.panel-fill{position:absolute;inset:0;background:#fff}.panel img{position:absolute;left:50%;top:50%;max-width:none;width:55%;transform:translate(-50%,-50%);user-select:none;display:none}.safe-line{position:absolute;inset:10%;border:3px dashed #df3848;clip-path:inherit;pointer-events:none;z-index:4}.watermark{position:absolute;inset:0;display:grid;place-items:center;z-index:5;pointer-events:none;color:#07152220;font-size:clamp(28px,5vw,70px);font-weight:1000;transform:rotate(-25deg)}.panel-label{position:absolute;right:14%;bottom:8%;z-index:6;background:#071522;color:white;padding:5px 10px;font-size:11px;font-weight:900}.canvas-note{display:flex;justify-content:space-between;padding:14px 20px;font-size:12px}.canvas-note i{display:inline-block;width:20px;border-top:2px dashed #df3848;margin-right:6px}.submit-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;padding:80px max(6vw,24px);background:var(--ink);color:#fff}.submit-section>div p{color:#c2ccd4}.submit-section form{background:#fff;color:var(--ink);padding:28px;border-top:5px solid var(--gold)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.submit-section label{display:grid;gap:5px;font-size:13px;font-weight:800;margin-bottom:14px}.submit-section input,.submit-section select,.submit-section textarea{padding:12px;border:1px solid #bbc2c7;border-radius:3px;font:inherit}.submit-section .check{grid-template-columns:auto 1fr;align-items:start;font-weight:500}.submit-section .check input{margin-top:4px}.size-section{padding:70px max(6vw,24px)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;max-width:850px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}th{background:var(--ink);color:#fff}footer{text-align:center;background:#020a10;color:#d6e0e6;padding:40px}footer img{width:190px;height:110px;object-fit:contain}footer a{color:var(--gold)}@media(max-width:850px){.site-header nav{display:none}.hero{grid-template-columns:1fr;gap:50px}.hero-shirt{width:280px}.steps{grid-template-columns:1fr}.studio-grid{grid-template-columns:1fr}.controls{border-right:0;border-bottom:1px solid var(--line)}.canvas-wrap{min-height:440px;padding:14px}.panel{height:390px}.panel.right,.panel.left{height:230px}.panel.collar{height:120px}.submit-section{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.canvas-note{gap:10px;flex-direction:column}}