.tshirt-maker{--tshirt-maker-bg:var(--bs-body-bg);--tshirt-maker-text-primary:var(--bs-body-color);--tshirt-maker-text-secondary:var(--bs-secondary-color);--tshirt-maker-accent:var(--bs-primary);--tshirt-maker-accent-hover:var(--bs-primary-border-subtle);--tshirt-maker-border:var(--bs-border-color);--tshirt-maker-input-bg:var(--bs-body-bg);--tshirt-maker-shadow:rgba(var(--bs-body-color-rgb), 0.1);min-height:100vh;background-color:var(--tshirt-maker-bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--tshirt-maker-text-primary);padding:2rem 1rem}.tshirt-maker .header{margin-bottom:3rem}.tshirt-maker .app-title{font-size:2rem;font-weight:700;color:var(--tshirt-maker-text-primary);margin-bottom:.5rem}.tshirt-maker .app-subtitle{font-size:1rem;color:var(--tshirt-maker-text-secondary);margin-bottom:0}.tshirt-maker .app-content{display:grid;grid-template-columns:1fr;gap:3rem;max-width:1200px;margin:0 auto}@media (min-width:992px){.tshirt-maker .app-content{grid-template-columns:1fr 1fr;gap:4rem;align-items:center}}.tshirt-maker .preview-section{display:flex;justify-content:center;align-items:center}.tshirt-maker .tshirt-container{position:relative;width:100%;max-width:400px;display:flex;align-items:center;justify-content:center}.tshirt-maker .tshirt-base{width:100%;height:auto;display:block;filter:drop-shadow(0 20px 40px var(--tshirt-maker-shadow));aspect-ratio:2/3}.tshirt-maker .tshirt-image-container{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:38%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none}.tshirt-maker .tshirt-image-container img{max-width:100%;max-height:100%;object-fit:contain;opacity:0;transition:opacity .3s}.tshirt-maker .tshirt-image-container img.visible{opacity:1}.tshirt-maker .controls-section{max-width:480px;margin:0 auto}.tshirt-maker .form-section{margin-bottom:2rem}.tshirt-maker .form-label{font-weight:600;font-size:.875rem;margin-bottom:.75rem;color:var(--tshirt-maker-text-primary);display:block;text-transform:uppercase;letter-spacing:.05em}.tshirt-maker .form-text{color:var(--tshirt-maker-text-secondary);font-size:.875rem;display:block;margin-top:.5rem}.tshirt-maker .form-control,.tshirt-maker .form-select{background-color:var(--tshirt-maker-input-bg);border:2px solid var(--tshirt-maker-border);color:var(--tshirt-maker-text-primary);border-radius:8px;padding:.75rem 1rem;font-size:1rem;transition:.2s;width:100%}.tshirt-maker .form-control:focus,.tshirt-maker .form-select:focus{border-color:var(--tshirt-maker-accent);outline:0;box-shadow:0 0 0 3px rgba(var(--bs-primary-rgb),.1)}.tshirt-maker .color-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.tshirt-maker .color-option{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border:2px solid var(--tshirt-maker-border);border-radius:8px;cursor:pointer;transition:.2s;background-color:var(--tshirt-maker-input-bg)}.tshirt-maker .color-option:hover{border-color:var(--tshirt-maker-accent)}.tshirt-maker .color-option:has(input:checked){border-color:var(--tshirt-maker-accent);background-color:rgba(var(--bs-primary-rgb),.05)}.tshirt-maker .color-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.tshirt-maker .color-swatch{width:44px;height:44px;border-radius:6px;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(var(--bs-body-color-rgb),.1)}@media (min-width:768px){.tshirt-maker{padding:3rem 1.5rem}.tshirt-maker .header{margin-bottom:4rem}.tshirt-maker .app-title{font-size:3rem}.tshirt-maker .app-subtitle{font-size:1.25rem}.tshirt-maker .tshirt-container{max-width:500px}.tshirt-maker .color-options{grid-template-columns:repeat(4,1fr)}.tshirt-maker .color-option{flex-direction:column;text-align:center;padding:1rem}.tshirt-maker .color-swatch{width:56px;height:56px}}.tshirt-maker .color-label{font-size:1rem;color:var(--tshirt-maker-text-primary);font-weight:500}