*{border:0;box-sizing:border-box;margin:0;padding:0}:root{--hue: 223;--sat: 10%;--light-gray1: hsl(var(--hue), var(--sat), 95%);--light-gray2: hsl(var(--hue), var(--sat), 90%);--light-gray5: hsl(var(--hue), var(--sat), 75%);--light-gray7: hsl(var(--hue), var(--sat), 65%);--dark-gray3: hsl(var(--hue), var(--sat), 35%);--dark-gray5: hsl(var(--hue), var(--sat), 25%);--dark-gray8: hsl(var(--hue), var(--sat), 10%);--dark-gray9: hsl(var(--hue), var(--sat), 5%);--primary: hsl(var(--hue), 90%, 50%);--primary-t: hsla(var(--hue), 90%, 50%, 0);--hue-danger: 3;--danger1: hsl(var(--hue-danger), 90%, 35%);--danger2: hsl(var(--hue-danger), 90%, 65%);--hue-success: 133;--success1: hsl(var(--hue-success), 90%, 35%);--success2: hsl(var(--hue-success), 90%, 65%);--trans-dur: .3s;--trans-timing: cubic-bezier(.65, 0, .35, 1);color-scheme:light dark;font-size:clamp(.9rem,.85rem + .25vw,1.1rem)}body,button,input,textarea,select{color:light-dark(var(--dark-gray9),var(--light-gray1));font:1em/1.5 DM Mono,monospace,system-ui}body{background-color:light-dark(var(--light-gray1),var(--dark-gray9));display:grid;min-height:100vh;transition:background-color var(--trans-dur),color var(--trans-dur);padding:1em}.icon{display:inline-block;vertical-align:middle;overflow:visible;width:1em;height:1em}.icon--danger,.icon--neutral,.icon--success{transition:color var(--trans-dur)}.icon--danger{color:light-dark(var(--danger1),var(--danger2))}.icon--neutral{color:light-dark(var(--dark-gray3),var(--light-gray7))}.icon--success{color:light-dark(var(--success1),var(--success2))}.icon--lg{width:3em;height:3em}.i2a__button,.i2a__input,.i2a__textarea{outline:transparent;transition:background-color var(--trans-dur),box-shadow calc(var(--trans-dur) / 2),color var(--trans-dur),opacity var(--trans-dur);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.i2a__button:disabled,.i2a__input:disabled,.i2a__textarea:disabled{cursor:not-allowed;opacity:.5}.i2a__button{background-color:light-dark(var(--dark-gray9),var(--light-gray1));border-radius:.25em;box-shadow:0 0 0 1px light-dark(var(--light-gray1),var(--dark-gray9)),0 0 0 4px var(--primary-t);color:light-dark(var(--light-gray1),var(--dark-gray9));cursor:pointer;display:inline-flex;gap:.5ch;justify-content:center;align-items:center;min-width:2.25em;min-height:2.25em;padding:.375em .625em;position:relative;text-decoration:none}.i2a__button:not(:disabled):hover{background-color:light-dark(var(--dark-gray5),var(--light-gray5))}.i2a__button:not(:disabled):focus-visible{box-shadow:0 0 0 1px light-dark(var(--light-gray1),var(--dark-gray9)),0 0 0 4px var(--primary)}.i2a__drop{border:.125em dashed light-dark(var(--light-gray7),var(--dark-gray3));border-radius:.25em;display:grid;gap:.75em;place-items:center;padding:1.5em;text-align:center;transition:background-color var(--trans-dur),border var(--trans-dur);min-height:150px}.i2a__drop--over{background-color:light-dark(var(--light-gray2),var(--dark-gray8))}.i2a__input,.i2a__textarea{background-color:transparent;border-radius:.25rem;box-shadow:0 0 0 1px light-dark(var(--light-gray7),var(--dark-gray3)) inset,0 0 0 4px var(--primary-t);display:block;width:100%;padding:.5em .75em}.i2a__input:hover:not(:disabled),.i2a__textarea:hover:not(:disabled){box-shadow:0 0 0 1px light-dark(var(--dark-gray3),var(--light-gray5)) inset,0 0 0 4px var(--primary-t)}.i2a__input:focus-visible,.i2a__textarea:focus-visible{box-shadow:0 0 0 1px var(--primary) inset,0 0 0 4px var(--primary)}.i2a__note{color:light-dark(var(--dark-gray3),var(--light-gray7));font-size:.875em;line-height:1.7;transition:color var(--trans-dur);text-align:center}.i2a__preloader{display:flex;gap:.375em;justify-content:center;align-items:center;padding:1em}.i2a__preloader-dot{animation:dot-fade 1s linear infinite;background-color:currentColor;border-radius:50%;width:.75em;height:.75em}.i2a__preloader-dot:nth-child(2){animation-delay:.1s}.i2a__preloader-dot:nth-child(3){animation-delay:.2s}.i2a__status{display:flex;gap:.5ch;justify-content:center;align-items:center;padding:.5em;border-radius:.25em;font-size:.9em}.i2a__status--danger{color:light-dark(var(--danger1),var(--danger2));background-color:hsla(var(--hue-danger),90%,50%,.1);transition:color var(--trans-dur),background-color var(--trans-dur)}.i2a__status--success{color:light-dark(var(--success1),var(--success2));background-color:hsla(var(--hue-success),90%,50%,.1);transition:color var(--trans-dur),background-color var(--trans-dur)}.i2a__status .icon{margin:0;flex-shrink:0}.tsc{container:main / inline-size;margin:auto;padding:1em 0;width:calc(100% - 2em);max-width:70em;display:flex;flex-direction:column;gap:1.5em}.tsc__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1em;border-bottom:1px solid light-dark(var(--light-gray5),var(--dark-gray5))}.tsc__header h1{font-size:1.8em;color:var(--primary)}.tsc__layout-switcher{background-color:light-dark(var(--dark-gray5),var(--light-gray2));font-size:.9em}.tsc__layout{display:grid;gap:1.5em}.tsc__layout--v1{grid-template-columns:1fr 1fr}@media (max-width: 768px){.tsc__layout--v1{grid-template-columns:1fr}.tsc__preview-panel{order:-1}}.tsc__layout--v2{grid-template-rows:auto 1fr}.tsc__preview-panel--v2{padding:1em;border:1px solid light-dark(var(--light-gray2),var(--dark-gray8));border-radius:.25em;display:flex;flex-direction:column;align-items:center}.tsc__form-panel--v2{padding:1em;border:1px solid light-dark(var(--light-gray2),var(--dark-gray8));border-radius:.25em}.tsc__tabs{display:flex;gap:.5em;margin-bottom:1em;border-bottom:1px solid light-dark(var(--light-gray5),var(--dark-gray3))}.tsc__tabs button{background:transparent;border-radius:.25em .25em 0 0;color:#fff;padding:.5em 1em;border:1px solid transparent;border-bottom:none;box-shadow:none}.tsc__tabs button.active{background-color:light-dark(var(--light-gray1),var(--dark-gray9));border-color:light-dark(var(--light-gray5),var(--dark-gray3));color:var(--primary);font-weight:700}.tsc__tab-content{padding-top:.5em}.tsc__layout--v3{grid-template-columns:minmax(250px,1fr) 2fr}.tsc__preview-panel--v3,.tsc__form-panel--v3{padding:1em;border:1px solid light-dark(var(--light-gray2),var(--dark-gray8));border-radius:.25em;display:flex;flex-direction:column;gap:1em}.tsc__preview-panel--v3{align-items:center}@media (max-width: 800px){.tsc__layout--v3{grid-template-columns:1fr}.tsc__preview-panel--v3{order:-1}}.i2a__input option{color:#424242}.tsc__form-panel,.tsc__form-panel--v2,.tsc__form-panel--v3{display:flex;flex-direction:column;gap:1.5em}.tsc__preview-panel h3,.tsc__preview-panel--v2 h3,.tsc__preview-panel--v3 h3{text-align:center;margin-bottom:.5em;color:var(--primary);font-size:1.2em}.tsc__fieldset{border:1px solid light-dark(var(--light-gray5),var(--dark-gray5));padding:1em;border-radius:.25em;display:flex;flex-direction:column;gap:1em}.tsc__fieldset legend{padding:0 .5em;font-weight:700;color:var(--primary)}.tsc__form-group{display:flex;flex-direction:column;gap:.25em}.tsc__form-group label{font-size:.9em;font-weight:500}.tsc__error-message{color:light-dark(var(--danger1),var(--danger2));font-size:.8em;margin-top:.25em}.tsc__drop-preview-container{display:flex;flex-direction:column;align-items:center;gap:.5em;position:relative;width:100%}.tsc__drop-preview-img{max-width:100%;max-height:120px;border-radius:.25em;border:1px solid light-dark(var(--light-gray5),var(--dark-gray5))}.tsc__clear-design-button{font-size:.8em!important;padding:.25em .5em!important;background-color:light-dark(hsla(var(--hue-danger),90%,50%,.2),hsla(var(--hue-danger),70%,30%,.3))!important;color:light-dark(var(--danger1),var(--danger2))!important;border:1px solid light-dark(var(--danger1),var(--danger2))!important;box-shadow:none!important}.tsc__clear-design-button:hover:not(:disabled){background-color:light-dark(hsla(var(--hue-danger),90%,50%,.4),hsla(var(--hue-danger),70%,30%,.5))!important}.tsc__upload-note{margin-top:.5em}.tsc__custom-text-area{min-height:6em;font-size:.9em;line-height:1.4;white-space:pre-wrap}.tsc__submit-button{background-color:var(--primary);color:#fff;padding:.75em 1.5em;font-size:1.1em;font-weight:700;width:100%;margin-top:.5em}.tsc__submit-button:hover:not(:disabled){background-color:hsl(var(--hue),90%,60%)}.tsc__submit-button:disabled{background-color:light-dark(var(--light-gray7),var(--dark-gray3))}.tsc__tshirt-display-area{position:relative;width:clamp(200px,100%,350px);aspect-ratio:75 / 90;margin:auto;background-color:light-dark(var(--light-gray2),var(--dark-gray8));border-radius:.25em;overflow:hidden}.tsc__tshirt-base{width:100%;height:100%;object-fit:contain}.tsc__tshirt-design-overlay{position:absolute;left:calc(18 / 75 * 100%);top:calc(25 / 90 * 100%);width:calc(31 / 75 * 100%);height:calc(25 / 90 * 100%);object-fit:contain;pointer-events:none}.tsc__tshirt-text-overlay{position:absolute;left:calc(18 / 75 * 100%);top:calc((25 + 25 + 2) / 90 * 100%);width:calc(31 / 75 * 100%);height:calc(20 / 90 * 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;pointer-events:none;font-family:Arial,sans-serif;font-weight:700;color:light-dark(black,white);overflow:hidden}.tsc__tshirt-text-overlay p{margin:0;padding:0;font-size:clamp(.5em,2.5vw,.9em);line-height:1.1;max-width:100%;overflow-wrap:break-word}@keyframes dot-fade{0%,80%,to{opacity:1}40%{opacity:0}}@keyframes tip-fade{0%,to{opacity:0}20%,80%{opacity:1}}