:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{color:#f0f0f4;background:#070708;width:100%;height:100%;max-height:100svh;margin:0;overflow:hidden}body,#root{min-height:100svh}button{font:inherit}img{max-width:100%}.app-shell{background:#0b1020;flex-direction:column;height:100svh;max-height:100svh;display:flex;overflow:hidden}.product-preview{--preview-bg:#0e1425;--rail-bg:#0b1020;--panel-bg:#111827;--rail-border:#1f2937;--accent:#fff;--muted:#a6a5a5;--active:#00ac3b;--active-solid:#029b36;--active-bg:#00ac3b;--step-active:#00ac3b;--primary:#00ac3b;--primary-fg:#0b1020;--primary-line:#00ac3b40;--raised:#171f33;background:var(--preview-bg);height:100svh;max-height:100svh;color:var(--accent);flex:1;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(92px,118px) minmax(0,1.35fr) minmax(320px,400px);display:grid;overflow:hidden}.product-preview__steps{border-bottom:1px solid var(--rail-border);z-index:2;background:#0e1018;grid-area:1/1/auto/-1}.step-nav{justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 16px;display:flex;overflow-x:auto}.step-nav__cart{appearance:none;border:1px solid var(--primary,#00ac3b);color:var(--primary,#00ac3b);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:6px 12px;font:700 11px/1 Segoe UI,system-ui,sans-serif;transition:background .14s,color .14s}.step-nav__cart:hover{color:#fff;background:#00ac3b24}.step-nav__list{flex-wrap:nowrap;align-items:center;gap:0;min-width:max-content;margin:0;padding:0;list-style:none;display:flex}.step-nav__item{align-items:center;gap:0;display:flex}.step-nav__sep{color:#6a6e80;-webkit-user-select:none;user-select:none;margin:0 8px;font:500 12px/1 Segoe UI,system-ui,sans-serif}.step-nav__btn{appearance:none;color:#8b8f9e;letter-spacing:.02em;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;padding:8px 12px;font:600 12px/1.2 Segoe UI,system-ui,sans-serif;transition:color .14s,border-color .14s,background .14s}.step-nav__btn:hover{color:#d8dae4}.step-nav__btn.is-active{color:#f2f2f6;border-color:var(--step-active);background:#00ac3b1f}.product-preview__rail{background:var(--rail-bg);border-right:1px solid var(--rail-border);z-index:1;flex-direction:column;grid-area:2/1;gap:12px;padding:20px 12px;display:flex}.product-thumb{appearance:none;cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block}.product-thumb__frame{aspect-ratio:1;background:#0e1018;border:1px solid #2c3040;border-radius:8px;place-items:center;width:100%;transition:border-color .16s,box-shadow .16s;display:grid;overflow:hidden}.product-thumb__stack{width:90%;height:90%;position:relative}.product-thumb__stack img{object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.product-thumb.is-active .product-thumb__frame{border-color:#f0f0f4;box-shadow:0 0 0 1px #f0f0f4}.product-preview__cta{appearance:none;color:#111;letter-spacing:.03em;text-transform:uppercase;text-align:center;cursor:pointer;background:#f0d33c;border:0;border-radius:4px;width:100%;margin-top:auto;padding:10px 6px;font:800 9px/1.25 Segoe UI,system-ui,sans-serif;text-decoration:none;display:block}.product-preview__cta:hover{filter:brightness(1.05)}.product-preview__design{flex-direction:column;grid-area:2/3;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.product-preview__design>.design-panel{flex:1;min-height:0}.product-preview__stage{background:var(--preview-bg);grid-area:2/2;min-width:0;min-height:0;position:relative}.jersey-canvas{justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex}.jersey-canvas canvas{width:100%;height:100%;display:block}.design-panel{background:var(--panel-bg);border-left:1px solid var(--rail-border);overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;height:100%;max-height:none;padding:16px 14px 20px;overflow:hidden auto}.design-panel::-webkit-scrollbar{width:0;height:0;display:none}.design-panel__header h2{letter-spacing:.14em;text-transform:uppercase;color:#f4f4f7;margin:0 0 14px;font:700 14px/1.2 Segoe UI,system-ui,sans-serif}.design-panel__actions{justify-content:flex-end;gap:10px;margin-top:8px;padding-top:8px;display:flex}.panel-actions{border-top:1px solid var(--rail-border,#1f2937);flex-direction:column;gap:8px;margin-top:10px;padding-top:10px;display:flex}.panel-actions__status{color:var(--primary,#00ac3b);margin:0;font:600 12px/1.3 Segoe UI,system-ui,sans-serif}.panel-actions__row{justify-content:space-between;align-items:center;gap:10px;display:flex}.panel-actions__save:disabled,.panel-actions__cart:disabled,.design-panel__back:disabled,.design-panel__next:disabled{opacity:.45;cursor:not-allowed}.panel-actions__save{appearance:none;color:#fff;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #fff;border-radius:8px;padding:12px 16px;font:700 12px/1 Segoe UI,system-ui,sans-serif}.panel-actions__save:hover{background:#ffffff0f}.panel-actions__cart{appearance:none;background:var(--primary,#00ac3b);color:var(--primary-fg,#0b1020);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:0;border-radius:8px;padding:12px 16px;font:700 12px/1 Segoe UI,system-ui,sans-serif}.panel-actions__cart:hover{color:#fff;background:#029b36}.design-panel__back{appearance:none;color:#f2f2f6;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #f2f2f6;border-radius:8px;padding:12px 22px;font:700 13px/1 Segoe UI,system-ui,sans-serif}.design-panel__back:hover{background:#ffffff0f}.design-panel__next{appearance:none;background:var(--primary,#00ac3b);color:var(--primary-fg,#0b1020);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:0;border-radius:8px;padding:12px 28px;font:700 13px/1 Segoe UI,system-ui,sans-serif;transition:background .14s,transform .14s}.design-panel__next:hover{color:#fff;background:#029b36}.design-panel__next:active{transform:translateY(1px)}.logo-upload{flex-direction:column;gap:12px;margin-bottom:28px;display:flex}.logo-accordion__trigger{appearance:none;background:var(--primary,#00ac3b);width:100%;color:var(--primary-fg,#0b1020);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font:700 11px/1.25 Segoe UI,system-ui,sans-serif;display:flex}.logo-accordion__trigger>span:first-child{white-space:nowrap;text-overflow:ellipsis;text-align:left;flex:1;min-width:0;overflow:hidden}.logo-accordion__trigger>span:last-child{flex-shrink:0;font-size:16px;line-height:1}.logo-shoulder-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.logo-shoulder-pair__btn{letter-spacing:.06em;align-items:flex-start;min-height:52px;padding:12px 10px;font-size:10px}.logo-shoulder-pair__btn>span:first-child{white-space:normal;word-break:keep-all;line-height:1.25}.logo-shoulder-pair__btn.is-open{border-radius:8px 8px 0 0}.logo-accordion--shoulder .logo-accordion__body{border-radius:0 0 8px 8px}.logo-accordion.is-open .logo-accordion__trigger{border-radius:8px 8px 0 0}.logo-accordion__body{background:#1a1c28;border:1px solid #2a2d3a;border-top:0;border-radius:0 0 8px 8px;padding:14px 12px 16px}.logo-accordion__hint{color:#9a9aab;margin:0 0 12px;font:500 12px/1.4 Segoe UI,system-ui,sans-serif}.logo-workspace{border:1.5px dashed #ffffff8c;border-radius:4px;flex-direction:column;align-items:center;gap:12px;min-height:220px;padding:16px 10px 12px;display:flex}.logo-workspace--empty{justify-content:center}.logo-workspace__upload{appearance:none;color:#c8c8d4;cursor:pointer;background:0 0;border:0;padding:24px;font:600 12px/1.3 Segoe UI,system-ui,sans-serif}.logo-workspace__stage{flex:1;place-items:center;width:100%;min-height:110px;display:grid;overflow:hidden}.logo-workspace__img{object-fit:contain;transform-origin:50%;max-width:70%;max-height:120px;transition:transform .12s}.logo-zoom{background:#2a2d3a;border-radius:8px;grid-template-columns:36px 1fr 36px auto;align-items:center;gap:8px;width:100%;max-width:280px;padding:6px 8px;display:grid}.logo-zoom__btn{appearance:none;color:#12141c;cursor:pointer;background:#f4f4f7;border:0;border-radius:4px;place-items:center;width:36px;height:36px;padding:0;font:700 20px/1 Segoe UI,system-ui,sans-serif;display:grid}.logo-zoom__btn:hover{background:#fff}.logo-zoom__slider{accent-color:#3db8b0;cursor:pointer;width:100%}.logo-zoom__value{text-align:right;color:#f2f2f6;min-width:44px;font:700 12px/1 Segoe UI,system-ui,sans-serif}.logo-toolbar{background:#2a2d3a;border-radius:8px;flex-direction:column;gap:6px;width:100%;max-width:280px;padding:8px;display:flex}.logo-toolbar__row{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.logo-tool{appearance:none;aspect-ratio:1;color:#12141c;cursor:pointer;background:#f4f4f7;border:1px solid #0000;border-radius:4px;place-items:center;padding:0;font:700 14px/1 Segoe UI,system-ui,sans-serif;display:grid}.logo-tool.is-active{border-color:#4aa3ff;box-shadow:0 0 0 1px #4aa3ff}.logo-tool--step{padding:0}.logo-tool--step input{text-align:center;color:#12141c;background:0 0;border:0;width:100%;height:100%;font:700 12px/1 Segoe UI,system-ui,sans-serif}.logo-toolbar__bg{color:#12141c;cursor:pointer;background:#f4f4f7;border-radius:4px;justify-content:center;align-items:center;gap:8px;margin:2px auto 0;padding:6px 10px;font:600 11px/1 Segoe UI,system-ui,sans-serif;display:flex}.logo-slot__input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.logo-slot__btn{appearance:none;color:#f4f4f7;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#2a2d3a;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:16px 18px;font:700 12px/1.2 Segoe UI,system-ui,sans-serif;transition:background .14s;display:flex}.logo-slot__btn:hover,.logo-slot__btn.has-logo{background:#343848}.logo-slot__plus{opacity:.9;flex:none}.logo-slot{position:relative}.logo-slot__preview{background:#12141c;border-radius:6px;align-items:center;gap:10px;margin-top:8px;padding:8px 10px;display:flex}.logo-slot__preview img{object-fit:contain;background:#fff;border-radius:4px;width:40px;height:40px}.logo-slot__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);flex:1;font:500 11px/1.3 Segoe UI,system-ui,sans-serif;overflow:hidden}.logo-slot__clear{appearance:none;color:#c8c8d4;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:4px 0;font:600 11px/1 Segoe UI,system-ui,sans-serif}.logo-slot__clear:hover{color:#fff}.font-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:4px;display:grid}.font-tile{appearance:none;aspect-ratio:1.2;color:#f4f4f7;cursor:pointer;background:#2a2d3a;border:1px solid #0000;border-radius:8px;place-items:center;padding:4px 3px;display:grid;overflow:hidden}.font-tile.is-active{border-color:#f0f0f4;box-shadow:0 0 0 1px #f0f0f4}.font-tile__sample{text-transform:uppercase;letter-spacing:.02em;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;line-height:1;display:flex}.font-tile__name{font-size:8px}.font-tile__num{font-size:17px}.font-tile__sample--outline .font-tile__name,.font-tile__sample--outline .font-tile__num{color:#0000;-webkit-text-stroke:1px #f4f4f7;text-stroke:1px #f4f4f7}.font-tile__sample--double-outline .font-tile__name,.font-tile__sample--double-outline .font-tile__num{color:#12141c;text-shadow:-1px -1px #f4f4f7,1px -1px #f4f4f7,-1px 1px #f4f4f7,1px 1px #f4f4f7,-2px 0 #888,2px 0 #888,0 -2px #888,0 2px #888}.name-fields{box-sizing:border-box;grid-template-columns:minmax(0,1.6fr) minmax(0,72px);gap:10px;width:100%;min-width:0;margin-bottom:8px;display:grid}.name-fields__field{letter-spacing:.1em;text-transform:uppercase;color:#d8d8e0;flex-direction:column;gap:6px;min-width:0;font:700 10px/1.2 Segoe UI,system-ui,sans-serif;display:flex}.name-fields__field--number{max-width:72px}.name-fields__field input{appearance:none;box-sizing:border-box;color:#f4f4f7;letter-spacing:.06em;text-transform:uppercase;background:#141622;border:1px solid #3a3d4c;border-radius:8px;width:100%;min-width:0;max-width:100%;padding:10px 12px;font:700 13px/1.2 Segoe UI,system-ui,sans-serif}.name-fields__field--number input{text-align:center;letter-spacing:.04em;padding:10px 8px}.name-fields__field input:focus{border-color:#f0f0f4;outline:1px solid #f0f0f4}.option-group{margin-bottom:12px}.option-group__label{letter-spacing:.12em;text-transform:uppercase;color:#d8d8e0;margin:0 0 10px;font:700 11px/1.3 Segoe UI,system-ui,sans-serif}.option-group__note{color:#9a9aab;margin:0 0 10px;font:500 12px/1.45 Segoe UI,system-ui,sans-serif}.roster-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.roster-row{background:#0e1425;border:1px solid #1f2937;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.roster-row__size{letter-spacing:.04em;min-width:40px;font:700 14px/1 Segoe UI,system-ui,sans-serif}.roster-row__qty{align-items:center;gap:6px;display:inline-flex}.roster-row__btn{appearance:none;color:#fff;cursor:pointer;background:#111827;border:1px solid #2c3040;border-radius:8px;width:34px;height:34px;font:700 16px/1 Segoe UI,system-ui,sans-serif}.roster-row__btn:disabled{opacity:.35;cursor:not-allowed}.roster-row__btn:hover:not(:disabled){border-color:var(--primary,#00ac3b);color:var(--primary,#00ac3b)}.roster-row__input{color:#fff;text-align:center;background:#0a0a0c;border:1px solid #2c3040;border-radius:8px;outline:none;width:52px;height:34px;font:700 14px/1 Segoe UI,system-ui,sans-serif}.roster-row__input:focus{border-color:var(--primary,#00ac3b)}.roster-row__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.roster-row__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.roster-row__input[type=number]{appearance:textfield}.roster-guide-toggle{appearance:none;border:1px solid var(--primary,#00ac3b);width:100%;color:var(--primary,#00ac3b);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#00ac3b1a;border-radius:8px;margin-top:14px;padding:12px 14px;font:700 12px/1.2 Segoe UI,system-ui,sans-serif}.roster-guide-toggle:hover{background:#00ac3b2e}.player-list{flex-direction:column;gap:10px;margin:0 0 12px;padding:0;list-style:none;display:flex}.player-row{background:#141622;border:1px solid #3a3d4c;border-radius:10px;padding:10px}.player-row__top{align-items:center;gap:8px;margin-bottom:8px;display:flex}.player-row__index{letter-spacing:.08em;color:#9a9aab;margin-right:auto;font:700 11px/1 Segoe UI,system-ui,sans-serif}.player-row__preview,.player-row__remove{appearance:none;color:#d8d8e0;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#1c1e2c;border:1px solid #3a3d4c;border-radius:6px;padding:6px 8px;font:700 10px/1 Segoe UI,system-ui,sans-serif}.player-row__remove:hover{color:#f88;border-color:#c44}.player-row__fields{grid-template-columns:minmax(0,1.4fr) 56px 72px;gap:8px;display:grid}.player-row__field{letter-spacing:.08em;text-transform:uppercase;color:#a8a8b8;flex-direction:column;gap:4px;min-width:0;font:700 9px/1.2 Segoe UI,system-ui,sans-serif;display:flex}.player-row__field input,.player-row__field select{appearance:none;box-sizing:border-box;color:#f2f2f6;background:#0e1018;border:1px solid #3a3d4c;border-radius:8px;width:100%;padding:8px 10px;font:700 13px/1.2 Segoe UI,system-ui,sans-serif}.player-row__roles{flex-wrap:wrap;gap:12px 16px;margin-top:10px;display:flex}.player-row__check{cursor:pointer;letter-spacing:.08em;text-transform:uppercase;color:#d8d8e0;align-items:center;gap:8px;font:700 10px/1.2 Segoe UI,system-ui,sans-serif;display:inline-flex}.player-row__check input{width:16px;height:16px;accent-color:var(--primary,#00ac3b);cursor:pointer}.player-list__add{appearance:none;color:#d8d8e0;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px dashed #3a3d4c;border-radius:8px;width:100%;margin-bottom:8px;padding:12px;font:700 12px/1.2 Segoe UI,system-ui,sans-serif}.player-list__add:hover{border-color:var(--primary,#00ac3b);color:var(--primary,#00ac3b)}.sock-logo-card{background:#141622;border:1px solid #3a3d4c;border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex}.sock-logo-card__img{object-fit:contain;background:#0e1018;border-radius:8px;align-self:center;width:auto;max-width:100%;max-height:96px;padding:8px}.sock-logo-card__actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sock-logo-card__zoom{letter-spacing:.08em;text-transform:uppercase;color:#a8a8b8;flex-direction:column;gap:8px;font:700 10px/1.2 Segoe UI,system-ui,sans-serif;display:flex}.sock-logo-card__zoom-row{grid-template-columns:36px minmax(0,1fr) 36px 48px;align-items:center;gap:8px;display:grid}.sock-logo-card__zoom-row .logo-zoom__slider{width:100%;accent-color:var(--primary,#00ac3b)}.sock-logo-card__pct{text-align:right;color:#f2f2f6;font-variant-numeric:tabular-nums}.template-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.template-row{background:#141622;border:1px solid #3a3d4c;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.template-row.is-active{border-color:var(--primary,#00ac3b)}.template-row__meta{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.template-row__meta strong{color:#f2f2f6;font:700 13px/1.2 Segoe UI,system-ui,sans-serif}.template-row__meta span{color:#8a8a9a;font:500 11px/1.2 Segoe UI,system-ui,sans-serif}.size-guide-modal{z-index:100;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.size-guide-modal__backdrop{cursor:pointer;background:#000000a6;border:0;position:absolute;inset:0}.size-guide-modal__panel{z-index:1;background:#111827;border:1px solid #1f2937;border-radius:14px;flex-direction:column;width:min(560px,100%);max-height:min(84svh,720px);display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000073}.size-guide-modal__panel--chart{width:min(960px,100%)}.size-guide__chart{background:#fff;border:1px solid #1f2937;border-radius:10px;justify-content:center;align-items:flex-start;max-height:min(78svh,720px);display:flex;overflow:auto}.size-guide__chart img{object-fit:contain;width:100%;max-width:100%;height:auto;display:block}.size-guide-modal__header{border-bottom:1px solid #1f2937;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.size-guide-modal__header h3{letter-spacing:.1em;text-transform:uppercase;color:#f4f4f7;margin:0;font:700 14px/1.2 Segoe UI,system-ui,sans-serif}.size-guide-modal__close{appearance:none;color:#fff;cursor:pointer;background:#1b2230;border:0;border-radius:8px;width:36px;height:36px;font-size:24px;line-height:1}.size-guide-modal__close:hover{background:#243044}.size-guide-modal__body{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding:14px 16px 18px;overflow-y:auto}.size-guide{background:#0a0f1c;border:1px solid #1f2937;border-radius:10px;margin-top:12px;padding:12px}.size-guide__note{color:var(--muted);margin:0 0 10px;font-size:11px}.size-guide__group+.size-guide__group{margin-top:14px}.size-guide__title{letter-spacing:.08em;text-transform:uppercase;color:#5eead4;margin:0 0 8px;font:700 12px/1.2 Segoe UI,system-ui,sans-serif}.size-guide__scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.size-guide__table{border-collapse:collapse;width:100%;min-width:420px;font-size:11px}.size-guide__table th,.size-guide__table td{text-align:left;white-space:nowrap;border-bottom:1px solid #1f2937;padding:7px 8px}.size-guide__table thead th{color:#5eead4;font-weight:700}.size-guide__table tbody th{color:#e5e7eb;font-weight:600}.size-guide__table td{color:#f8fafc}.option-group__grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.option-chip{appearance:none;color:#d0d0d8;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#141622;border:1px solid #3a3d4c;border-radius:8px;padding:12px 10px;font:700 11px/1.2 Segoe UI,system-ui,sans-serif}.option-chip.is-active{border-color:var(--active-solid);background:var(--active-bg);color:var(--primary-fg,#0b1020)}.lace-swatches{flex-wrap:wrap;gap:10px;display:flex}.lace-swatches__item{appearance:none;cursor:pointer;border:1px solid #fff3;border-radius:6px;width:40px;height:40px;padding:0}.lace-swatches__item.is-selected{outline-offset:2px;outline:2px solid #fff}.design-section{margin-bottom:14px}.design-section h3{letter-spacing:.12em;text-transform:uppercase;color:#d8d8e0;margin:0 0 8px;font:700 11px/1.3 Segoe UI,system-ui,sans-serif}.design-section__num{color:var(--muted);margin-right:4px}.design-section__note{color:#b8b8c4;background:#141622;border:1px solid #3a3d4c;border-radius:8px;margin:0;padding:12px 14px;font:500 13px/1.45 Segoe UI,system-ui,sans-serif}.socks-panel__note{color:#5ecfc6;margin:-12px 0 18px;font:600 12px/1.3 Segoe UI,system-ui,sans-serif}.pattern-style{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pattern-style__btn{appearance:none;color:#d0d0d8;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#141622;border:1px solid #3a3d4c;border-radius:8px;padding:12px 8px;font:700 11px/1 Segoe UI,system-ui,sans-serif;transition:border-color .14s,background .14s,color .14s}.pattern-style__btn:hover{color:#fff;border-color:#55586a}.pattern-style__btn.is-active{border-color:var(--active-solid);background:var(--active-bg);color:var(--primary-fg,#0b1020)}.nhl-grid{grid-template-columns:repeat(3,1fr);gap:8px;max-height:220px;margin-top:12px;display:grid;overflow-y:auto}.nhl-grid__item{appearance:none;cursor:pointer;aspect-ratio:1;background:#0a0a0c;border:1px solid #2a2a34;border-radius:6px;padding:4px;position:relative;overflow:hidden}.nhl-grid__item img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.nhl-grid__item:after{content:attr(data-label);letter-spacing:.02em;text-align:center;color:#fff;opacity:0;pointer-events:none;background:linear-gradient(#0000,#000000e0);padding:5px 4px 4px;font-size:10px;font-weight:600;line-height:1.2;transition:opacity .15s,transform .15s;position:absolute;bottom:0;left:0;right:0;transform:translateY(4px)}.nhl-grid__item:hover:after,.nhl-grid__item:focus-visible:after{opacity:1;transform:translateY(0)}.nhl-grid__item.is-active{border-color:var(--active);box-shadow:inset 0 0 0 1px var(--active)}.color-stack{flex-direction:column;gap:8px;display:flex}.color-control__trigger{appearance:none;color:#f0f0f4;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;text-align:left;background:#2a2d3c;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:14px 16px;font:700 11px/1 Segoe UI,system-ui,sans-serif;display:flex}.color-control.is-open .color-control__trigger{background:var(--active-bg);border-radius:8px 8px 0 0}.color-control__plus{color:#c8c8d4;font-size:18px;font-weight:400;line-height:1}.color-control__meta{flex-shrink:0;align-items:center;gap:10px;display:inline-flex}.color-control__swatch{border:1px solid #ffffff59;border-radius:4px;width:22px;height:22px;box-shadow:inset 0 0 0 1px #00000040}.color-control__panel{background:#222536;border-radius:0 0 8px 8px;padding:12px}.swatch-grid{grid-template-columns:repeat(10,1fr);gap:6px;margin-bottom:12px;display:grid}.swatch-grid__item{appearance:none;aspect-ratio:1;cursor:pointer;border:1px solid #ffffff1f;border-radius:4px;padding:0}.swatch-grid__item.is-selected{outline-offset:1px;border-color:#fff;outline:2px solid #fff}.color-control__row{grid-template-columns:40px 1fr auto;align-items:center;gap:8px;display:grid}.color-control__picker{cursor:pointer;background:0 0;border:1px solid #3a3d4c;border-radius:4px;width:40px;height:34px;padding:0}.color-control__hex{color:#f0f0f4;background:#141622;border:1px solid #3a3d4c;border-radius:4px;width:100%;padding:8px 10px;font:600 12px/1 ui-monospace,Consolas,monospace}.color-control__reset{appearance:none;color:#c8c8d0;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #3a3d4c;border-radius:4px;padding:10px;font:600 10px/1 Segoe UI,system-ui,sans-serif}.color-control__reset:hover{color:#fff;border-color:#5a5e72}.gradient-checks{flex-wrap:wrap;gap:14px 20px;display:flex}.gradient-checks__item{color:#e0e0e8;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font:600 13px/1 Segoe UI,system-ui,sans-serif;display:inline-flex}.gradient-checks__item input{width:16px;height:16px;accent-color:var(--active);cursor:pointer}@media (width<=1100px){.product-preview{grid-template-columns:minmax(84px,104px) minmax(0,1fr) minmax(280px,340px)}.swatch-grid{grid-template-columns:repeat(8,1fr)}}@media (width<=900px){.product-preview{grid-template-rows:auto auto minmax(48vh,1fr) auto;grid-template-columns:1fr}.product-preview__steps{grid-area:1/1}.product-preview__rail{border-right:0;border-bottom:1px solid var(--rail-border);flex-direction:row;grid-area:2/1;align-items:stretch;gap:10px;padding:12px;overflow-x:auto}.product-thumb{flex:0 0 84px}.product-preview__cta{flex:0 0 120px;align-self:center;margin-top:0}.product-preview__stage{grid-area:3/1}.product-preview__design{grid-area:4/1}.jersey-canvas{min-height:48svh}.design-panel{border-left:0;border-top:1px solid var(--rail-border);max-height:none}.nhl-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-height:min(42svh,300px)}.nhl-grid__item{min-width:0}.nhl-grid__item:after{opacity:1;padding:8px 2px 3px;font-size:8px;transform:none}.pattern-style__btn{padding:10px 4px;font-size:10px}html,body,#root{height:auto;max-height:none;overflow:auto}.app-shell,.product-preview{height:auto;max-height:none;overflow:visible}}html.is-app-embed,html.is-app-embed body,html.is-app-embed #root{background:#0b1020!important;width:100%!important;height:100%!important;max-height:100svh!important;margin:0!important;overflow:hidden!important}html.is-app-embed body{display:block!important}html.is-app-embed #root{max-width:none!important;box-shadow:none!important}.app-shell--embed,html.is-app-embed .app-shell{background:#0b1020!important;flex-direction:column!important;height:100%!important;max-height:100svh!important;display:flex!important;overflow:hidden!important}html.is-app-embed .product-preview{flex-direction:column!important;grid-template-rows:none!important;grid-template-columns:none!important;height:100%!important;min-height:0!important;max-height:100svh!important;display:flex!important;overflow:hidden!important}html.is-app-embed .product-preview__steps{flex:none!important;grid-area:auto!important;width:100%!important}html.is-app-embed .step-nav{gap:8px!important;padding:8px 10px!important}html.is-app-embed .step-nav__list{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:auto!important;min-width:0!important;overflow-x:auto!important}html.is-app-embed .step-nav__list::-webkit-scrollbar{display:none}html.is-app-embed .step-nav__btn{padding:6px 9px!important;font-size:11px!important}html.is-app-embed .step-nav__cart{flex-shrink:0!important;padding:5px 9px!important;font-size:10px!important}html.is-app-embed .product-preview__rail{-webkit-overflow-scrolling:touch;scrollbar-width:none;border-right:0!important;border-bottom:1px solid var(--rail-border)!important;flex-direction:row!important;flex:none!important;grid-area:auto!important;align-items:center!important;gap:8px!important;width:100%!important;padding:8px 10px!important;overflow-x:auto!important}html.is-app-embed .product-preview__rail::-webkit-scrollbar{display:none}html.is-app-embed .product-thumb{flex:0 0 56px!important;width:56px!important}html.is-app-embed .product-preview__cta{display:none!important}html.is-app-embed .product-preview__stage{flex:0 0 34svh!important;grid-area:auto!important;justify-content:center!important;align-items:center!important;width:100%!important;min-width:0!important;height:34svh!important;min-height:180px!important;max-height:34svh!important;display:flex!important;position:relative!important;overflow:hidden!important}html.is-app-embed .jersey-canvas{justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;min-height:0!important;display:flex!important;position:absolute!important;inset:0!important;overflow:hidden!important}html.is-app-embed .jersey-canvas canvas{object-fit:contain!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:100%!important;display:block!important}html.is-app-embed .product-preview__design{flex-direction:column!important;flex:1 1 0!important;grid-area:auto!important;width:100%!important;min-width:0!important;min-height:0!important;display:flex!important;overflow:hidden!important}html.is-app-embed .product-preview__design>.design-panel{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border-left:0!important;border-top:1px solid var(--rail-border)!important;scrollbar-width:none!important;-ms-overflow-style:none!important;flex:auto!important;height:auto!important;min-height:0!important;max-height:none!important;padding:12px 12px 16px!important;position:relative!important;overflow:hidden auto!important}html.is-app-embed .product-preview__design>.design-panel::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}html.is-app-embed .nhl-grid,html.is-app-embed .socks-panel .nhl-grid{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;max-height:min(42svh,320px)!important;margin-top:8px!important;padding-bottom:2px!important;overflow:hidden auto!important}html.is-app-embed .nhl-grid__item{aspect-ratio:1!important;border-radius:8px!important;width:100%!important;min-width:0!important;padding:2px!important}html.is-app-embed .nhl-grid__item img{object-fit:contain!important;width:100%!important;height:100%!important}html.is-app-embed .nhl-grid__item:after{opacity:1!important;background:linear-gradient(#0000,#000000eb)!important;padding:10px 2px 3px!important;font-size:8px!important;line-height:1.15!important;transform:none!important}html.is-app-embed .pattern-style{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}html.is-app-embed .pattern-style__btn{padding:10px 4px!important;font-size:10px!important}html.is-app-embed .design-panel__header h2{margin-bottom:12px!important;font-size:12px!important}html.is-app-embed .panel-actions{border-top:1px solid var(--rail-border)!important;background:0 0!important;margin-top:16px!important;padding-top:12px!important;position:static!important}html.is-app-embed .panel-actions__row--cart{grid-template-columns:1fr 1fr!important}html.is-app-embed .studio-cart__panel{width:100%!important;max-width:100%!important}.studio-cart{z-index:80;justify-content:flex-end;display:flex;position:fixed;inset:0}.studio-cart__backdrop{cursor:pointer;background:#0000008c;border:0;position:absolute;inset:0}.studio-cart__panel{z-index:1;background:#111827;border-left:1px solid #1f2937;flex-direction:column;width:min(400px,100%);height:100%;display:flex;position:relative}.studio-cart__header{border-bottom:1px solid #1f2937;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.studio-cart__header h2{letter-spacing:.08em;text-transform:uppercase;margin:0;font:700 14px/1.2 Segoe UI,system-ui,sans-serif}.studio-cart__close{appearance:none;color:#fff;cursor:pointer;background:0 0;border:0;font-size:28px;line-height:1}.studio-cart__empty{color:#a6a5a5;padding:24px 18px}.studio-cart__list{flex-direction:column;flex:1;gap:12px;margin:0;padding:12px 18px;list-style:none;display:flex;overflow-y:auto}.studio-cart__item{background:#0e1425;border:1px solid #1f2937;border-radius:8px;justify-content:space-between;gap:12px;padding:12px;display:flex}.studio-cart__name{margin:0 0 4px;font-size:14px;font-weight:600}.studio-cart__meta{color:#a6a5a5;margin:0 0 6px;font-size:12px}.studio-cart__price{color:#00ac3b;margin:0;font-weight:700}.studio-cart__remove{appearance:none;color:#ff8a8a;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-self:flex-start;font-size:12px}.studio-cart__footer{border-top:1px solid #1f2937;flex-direction:column;gap:10px;padding:16px 18px 20px;display:flex}.studio-cart__subtotal{justify-content:space-between;font-size:14px;display:flex}.studio-cart__checkout{appearance:none;color:#0b1020;cursor:pointer;background:#00ac3b;border:0;border-radius:8px;padding:12px 16px;font:700 14px/1.2 Segoe UI,system-ui,sans-serif}.studio-cart__checkout:disabled{opacity:.45;cursor:not-allowed}.studio-cart__link{text-align:center;color:#00ac3b;font-size:12px}.studio-toast{z-index:10000;color:#e8fff0;pointer-events:none;background:#102418;border:1px solid #00ac3b73;border-radius:14px;flex-direction:column;gap:2px;min-width:min(92vw,340px);max-width:420px;padding:12px 14px;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000073}.studio-toast strong{font:800 13px/1.2 Segoe UI,system-ui,sans-serif}.studio-toast span{color:#9ad4ad;font:600 12px/1.35 Segoe UI,system-ui,sans-serif}.studio-toast--error{color:#ffe4e6;background:#2a1214;border-color:#f8717173}.studio-toast--error span{color:#fda4af}.studio-loading{z-index:10050;pointer-events:auto;background:#05070cb8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.studio-loading__card{background:#141a24f5;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;align-items:center;gap:14px;min-width:148px;max-width:260px;padding:22px 24px;display:flex;box-shadow:0 16px 48px #00000073}.studio-loading__spinner{border:3px solid #7cff3a33;border-top-color:#7cff3a;border-radius:50%;width:36px;height:36px;animation:.75s linear infinite studio-spin}.studio-loading__text{color:#9aa3b5;text-align:center;margin:0;font:700 13px/1.35 Segoe UI,system-ui,sans-serif}@keyframes studio-spin{to{transform:rotate(360deg)}}