.sublimation-shortcut{background:#123552}.tool-shortcuts>a{min-width:0;display:flex;align-items:center;justify-content:center}.sub-hero{background:linear-gradient(120deg,#080b10,#113653);color:#fff;padding:60px 0}.sub-hero h1{font-size:clamp(2.2rem,5vw,4rem);margin:8px 0 18px;line-height:1.1}.sub-hero p{max-width:720px;font-size:1.125rem}.sub-hero .secondary{color:white;border-color:#5e829c}.sub-range>p{max-width:850px}.sub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:28px}.sub-card{min-width:0;background:#101b28;border:1px solid #294156;border-radius:10px;overflow:hidden;padding:14px;display:flex;flex-direction:column;align-items:stretch;color:white;text-align:center}.sub-card img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:6px;background:#ecf0f3}.sub-card h3{font-size:1.1rem;margin:14px 0}.sub-card .secondary{font-size:.875rem;color:#fff;border:1px solid #5e829c;background:transparent;padding:10px;min-height:44px;border-radius:6px}.sub-quote{border:0;background:transparent;color:#6bc4ff;cursor:pointer;padding:12px 4px;min-height:44px;font-weight:700;font-size:.875rem}.sub-card .secondary:hover,.sub-quote:hover{background:#173851}.sub-info{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:0}.sub-info h2{font-size:1.8rem;line-height:1.2}.sub-card a:focus-visible,.sub-card button:focus-visible,.sublimation-shortcut:focus-visible{outline:3px solid #78caff;outline-offset:3px}@media(max-width:900px){.sub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-shortcuts>a{padding:12px 10px;font-size:.875rem}}@media(max-width:650px){.sub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sub-info{grid-template-columns:1fr;gap:16px}.sub-hero{padding:38px 0}.sub-hero .actions{display:flex;flex-direction:column;align-items:stretch}}@media(max-width:560px){.tool-shortcuts{grid-template-columns:1fr}}@media(max-width:340px){.sub-grid{grid-template-columns:1fr}}
.sub-designer{padding-top:32px;padding-bottom:48px}.sub-designer-heading{display:flex;align-items:start;justify-content:space-between;gap:24px;margin-bottom:24px}.sub-designer-heading h1{font-size:clamp(1.8rem,4vw,3rem);line-height:1.1;margin:8px 0}.sub-designer-heading p{max-width:700px}.sub-designer-grid{display:grid;grid-template-columns:minmax(230px,280px) minmax(0,1fr) minmax(210px,260px);gap:20px;align-items:start}.sub-design-controls,.sub-design-order{background:#101b28;color:white;border:1px solid #294156;padding:20px;border-radius:10px;min-width:0}.sub-designer h2{font-size:1.15rem;margin:0 0 16px}.sub-design-controls h2:not(:first-child){margin-top:26px}.sub-designer label{display:grid;gap:6px;margin-bottom:15px;font-size:.875rem;font-weight:700}.sub-designer label input,.sub-designer label select,.sub-designer label textarea{width:100%;min-width:0;border:1px solid #8ca1b3;border-radius:5px;padding:10px;background:#fff;color:#101b28}.sub-designer input[type=color]{padding:3px;height:42px}.sub-designer input[type=range]{padding:0;accent-color:var(--b)}.sub-designer input[type=file]{font-size:.875rem;padding:8px}.sub-colours{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sub-help{font-size:.875rem;color:#6b7784}.sub-design-controls .sub-help,.sub-design-order .sub-help{color:#c2d2e0}.sub-designer .secondary{border:1px solid #6689a6}.sub-design-controls .secondary{color:white;background:transparent;width:100%;font-size:.875rem}.sub-design-stage{display:flex;flex-direction:column;align-items:center;min-width:0}.sub-side-tabs,.sub-layer-buttons{display:flex;gap:8px;margin-bottom:14px}.sub-side-tabs button,.sub-layer-buttons button{min-height:44px;border:1px solid #6689a6;border-radius:6px;padding:10px 12px;cursor:pointer;font-size:.875rem}.sub-layer-buttons button{flex:1;background:transparent;color:white}.sub-side-tabs button.active,.sub-layer-buttons button.active{background:var(--b);color:#fff}.sub-design-stage>canvas{display:block;width:100%;max-width:490px;height:auto;aspect-ratio:4/5;box-shadow:0 5px 24px #0002;touch-action:none;cursor:move}.sub-preview-pair{display:flex;gap:14px;margin:8px 0 20px}.sub-preview-pair button{display:flex;flex-direction:column;gap:5px;border:1px solid #bbcbd9;padding:6px;background:white;color:#111;border-radius:6px;cursor:pointer}.sub-preview-pair canvas{width:72px;height:90px;display:block}.sub-design-order img{width:100%;height:180px;object-fit:contain;background:#f5f7fa;border-radius:6px}.sub-attached{padding:12px;border:1px solid #1295ef;background:#e9f6ff;font-size:.875rem}.sub-designer button:focus-visible,.sub-designer canvas:focus-visible{outline:3px solid #0786ff;outline-offset:3px}#sub-design-status{font-size:.875rem;overflow-wrap:anywhere}@media(max-width:1100px){.sub-designer-grid{grid-template-columns:minmax(230px,280px) minmax(0,1fr)}.sub-design-order{grid-column:1/-1}.sub-design-order img{max-width:230px}}@media(max-width:700px){.sub-designer-heading{flex-direction:column}.sub-designer-grid{grid-template-columns:minmax(0,1fr)}.sub-design-stage{grid-row:1}.sub-design-order{grid-column:auto}.sub-design-stage>canvas{max-width:400px}.sub-design-controls,.sub-design-order{padding:16px}}