.sc-apparel{--ap-bg:#111411;--ap-fg:#f2f4ed;--ap-line:#394239;--ap-accent:#c7e89a;background:var(--ap-bg);color:var(--ap-fg);font:16px/1.5 system-ui,sans-serif;padding:32px max(20px,calc((100vw - 1240px)/2)) 100px;isolation:isolate}.sc-apparel *{box-sizing:border-box}.ap-head{display:flex;justify-content:space-between;gap:20px;padding-bottom:30px;border-bottom:1px solid var(--ap-line);margin-bottom:30px}.ap-head h1{font:700 clamp(36px,6vw,64px)/1.1 system-ui;margin:8px 0 12px;letter-spacing:-2px;color:inherit}.ap-head p{margin:0;color:#bcc6b7}.ap-head a{color:inherit;text-decoration:none;font-size:28px;padding:4px 10px;align-self:flex-start}.ap-eyebrow,.ap-step,.ap-preview-top{font-size:12px;letter-spacing:1.6px;font-weight:700}.ap-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,1fr);gap:48px}.ap-preview{align-self:start;position:sticky;top:24px;background:#1c231d;padding:20px}.ap-preview-top{display:flex;justify-content:space-between;color:#c5d0be}.ap-preview canvas{width:100%;height:auto;display:block;touch-action:none}.ap-preview p{font-size:13px;color:#b4c0ad;max-width:440px;margin:0 auto 16px}.ap-tabs{display:flex;justify-content:center;gap:24px}.sc-apparel button,.ap-upload{font:inherit;color:inherit;background:transparent;border:1px solid var(--ap-line);padding:11px 14px;cursor:pointer;min-height:46px;border-radius:2px;text-align:center}.sc-apparel button:hover,.ap-upload:hover{border-color:var(--ap-accent)}.sc-apparel button:disabled{opacity:.45;cursor:wait}.sc-apparel button[aria-pressed=true]{border-bottom:3px solid var(--ap-accent)}.sc-apparel :focus-visible{outline:2px solid var(--ap-accent);outline-offset:4px}.ap-controls section{padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--ap-line)}.ap-step{display:block;color:var(--ap-accent);margin-bottom:18px}.ap-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sc-apparel label{display:flex;flex-direction:column;gap:8px;font-size:14px;margin-bottom:16px}.sc-apparel input:not([type=checkbox]):not([type=range]):not([type=file]),.sc-apparel select,.sc-apparel textarea{font:16px system-ui;color:var(--ap-fg);background:#1c231d;border:1px solid #505c4c;border-radius:2px;padding:12px;width:100%;min-width:0}.sc-apparel option{background:#1c231d}.sc-apparel input[type=range]{width:100%;accent-color:#c7e89a;min-height:28px}.ap-upload{display:block!important;color:var(--ap-accent)!important;border-style:dashed!important;font-size:18px!important;padding:24px!important}.ap-upload input{display:block;width:100%;margin-top:14px;font-size:13px}.ap-tools{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.ap-note{font-size:13px;color:#b6c1af;margin:10px 0}.sc-apparel details{margin:16px 0}.sc-apparel summary{cursor:pointer}.sc-apparel details p{margin-bottom:18px}.ap-check{flex-direction:row!important;align-items:flex-start}.ap-check input{width:22px;height:22px;flex-shrink:0;accent-color:var(--ap-accent)}.sc-apparel .ap-primary{display:block;width:100%;background:var(--ap-accent);color:#14200b;border-color:var(--ap-accent);font-weight:700;margin-top:20px}.ap-error{color:#ffb9a5!important}.ap-ok{color:#c7e89a!important}@media(max-width:760px){.sc-apparel{padding:22px 16px 90px}.ap-layout{grid-template-columns:1fr;gap:28px}.ap-preview{position:static;padding:14px}.ap-preview canvas{max-height:470px;object-fit:contain}.ap-head{padding-bottom:22px;margin-bottom:22px}.ap-head h1{letter-spacing:-1px}.ap-row{gap:12px}.ap-tools button{flex:1 1 auto}}@media(prefers-reduced-motion:reduce){.sc-apparel *{scroll-behavior:auto}}

.sc-apparel [hidden]{display:none!important}