/*!
 * @copyright 2026 Fortee Uniforme Inc. All rights reserved.
 * @license PROPRIETARY - Unauthorized copying prohibited.
 * Protected under the Canadian Copyright Act (R.S.C., 1985, c. C-42).
 *
 * fortee-touchup.css - the "Touch up" surface, shared by BOTH builders.
 * quick 260819-bb8. Markup: snippets/fortee-touchup.liquid.
 *
 * Every value here is a token from assets/fortee-tokens.css, which layout/
 * theme.liquid loads theme-wide. The two exceptions are called out where they
 * appear: the garment preview colours (they stand in for real fabric, not for
 * UI surfaces) and the stacking order.
 *
 * MOBILE FIRST. Everything below is the 390px layout - artwork on top, controls
 * as a sheet underneath. ONE media query at 900px turns the sheet into a side
 * rail. Dylan is on a cracked phone in work gloves, so every control is at least
 * --fortee-tap-min tall and the primary actions are --fortee-tap-primary.
 *
 * NO SHADOWS - Manual section 09, enforced by the elevation tokens. Depth here
 * reads through border plus background step, and the overlay is separated by its
 * scrim.
 */.ft-tu{--ft-tu-z: 1060;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--ft-tu-z);font-family:var(--fortee-font-body);color:var(--fortee-text);line-height:1.45}.ft-tu-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:#1013178c}.ft-tu-veil:empty{display:block}.ft-tu-panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--fortee-surface);box-shadow:var(--fortee-elevation-3)}.ft-tu-head{flex:0 0 auto;display:flex;align-items:center;gap:var(--fortee-space-3);padding:var(--fortee-space-3) var(--fortee-space-4);border-bottom:var(--fortee-border-width) solid var(--fortee-border)}.ft-tu-titles{min-width:0}.ft-tu-eyebrow{font-family:var(--fortee-font-mono);font-size:var(--fortee-text-2xs);letter-spacing:.12em;color:var(--fortee-text-muted)}.ft-tu-title{margin:0;font-family:var(--fortee-font-display);font-weight:800;font-size:var(--fortee-text-md);letter-spacing:-.01em}.ft-tu-close{margin-left:auto;width:var(--fortee-tap-min);height:var(--fortee-tap-min);flex:0 0 auto;border:var(--fortee-border-width) solid var(--fortee-border);border-radius:var(--fortee-radius-md);background:var(--fortee-surface);color:var(--fortee-text-muted);font-size:var(--fortee-text-lg);line-height:1;cursor:pointer}.ft-tu-main{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.ft-tu-stage{position:relative;flex:1 1 auto;min-height:240px;overflow:hidden;background:var(--fortee-surface-sunken);touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none}.ft-tu-viewport{position:absolute;top:50%;left:50%;transform-origin:0 0;will-change:transform}.ft-tu-board{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;background-image:linear-gradient(45deg,#c9d0d8 25%,transparent 25%,transparent 75%,#c9d0d8 75%),linear-gradient(45deg,#c9d0d8 25%,transparent 25%,transparent 75%,#c9d0d8 75%);background-size:18px 18px;background-position:0 0,9px 9px}.ft-tu-board[data-garment=black]{background-color:#111417;background-image:none}.ft-tu-board[data-garment=white]{background-color:#f7f8f9;background-image:none}.ft-tu-board[data-garment=grey]{background-color:#6d7681;background-image:none}.ft-tu-board[data-garment=blue]{background-color:var(--fortee-blue);background-image:none}.ft-tu-art{position:relative;display:block}.ft-tu-ring{position:absolute;border:2px solid var(--fortee-blue);border-radius:var(--fortee-radius-circle);pointer-events:none;transform:translate(-50%,-50%);opacity:0;transition:opacity var(--fortee-duration-instant) var(--fortee-ease)}.ft-tu-ring.is-on{opacity:1}.ft-tu-ring.is-erase{border-color:var(--fortee-danger)}.ft-tu-ring.is-magic{border-style:dashed}.ft-tu-readout{position:absolute;left:var(--fortee-space-3);bottom:var(--fortee-space-3);display:flex;align-items:center;gap:var(--fortee-space-1);padding:var(--fortee-space-1) var(--fortee-space-2);border:var(--fortee-border-width) solid var(--fortee-border);border-radius:var(--fortee-radius-md);background:var(--fortee-surface);font-family:var(--fortee-font-mono);font-size:var(--fortee-text-2xs);color:var(--fortee-text-muted);pointer-events:none}.ft-tu-readout b{color:var(--fortee-blue-active);font-weight:700}.ft-tu-zoom{position:absolute;right:var(--fortee-space-3);bottom:var(--fortee-space-3);display:flex;flex-direction:column;gap:var(--fortee-space-2)}.ft-tu-zoom button{width:var(--fortee-tap-min);height:var(--fortee-tap-min);border:var(--fortee-border-width) solid var(--fortee-border-strong);border-radius:var(--fortee-radius-md);background:var(--fortee-surface);color:var(--fortee-text);font-size:var(--fortee-text-md);line-height:1;cursor:pointer}.ft-tu-busy{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:var(--fortee-space-2);background:#ffffffdb;font-size:var(--fortee-text-sm);color:var(--fortee-text-secondary)}.ft-tu-spinner{width:18px;height:18px;border:2px solid var(--fortee-border-strong);border-top-color:var(--fortee-blue);border-radius:var(--fortee-radius-circle);animation:ft-tu-spin var(--fortee-duration-slow) linear infinite}@keyframes ft-tu-spin{to{transform:rotate(360deg)}}.ft-tu-controls{flex:0 0 auto;display:flex;flex-direction:column;gap:var(--fortee-space-3);padding:var(--fortee-space-3) var(--fortee-space-4);border-top:var(--fortee-border-width) solid var(--fortee-border);background:var(--fortee-surface);max-height:38vh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.ft-tu-note{margin:0;padding-left:var(--fortee-space-2);border-left:var(--fortee-border-width-thick) solid var(--fortee-blue);font-size:var(--fortee-text-sm);color:var(--fortee-text-muted)}.ft-tu-group{display:flex;flex-direction:column;gap:var(--fortee-space-2)}.ft-tu-label{font-family:var(--fortee-font-mono);font-size:var(--fortee-text-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--fortee-text-muted)}.ft-tu-seg{display:grid;gap:var(--fortee-space-1);padding:var(--fortee-space-1);background:var(--fortee-surface-sunken);border:var(--fortee-border-width) solid var(--fortee-border);border-radius:var(--fortee-radius-md)}.ft-tu-seg--2{grid-template-columns:1fr 1fr}.ft-tu-seg--4{grid-template-columns:repeat(4,1fr)}.ft-tu-seg button{-webkit-appearance:none;appearance:none;border:0;border-radius:var(--fortee-radius-sm);background:transparent;color:var(--fortee-text);font-family:var(--fortee-font-body);font-weight:600;font-size:var(--fortee-text-sm);min-height:var(--fortee-tap-min);padding:var(--fortee-space-2) var(--fortee-space-1);cursor:pointer}.ft-tu-seg button[aria-pressed=true]{background:var(--fortee-blue);color:var(--fortee-text-on-blue)}.ft-tu-seg button[aria-pressed=true].is-danger{background:var(--fortee-danger);color:var(--fortee-paper)}.ft-tu-seg button:disabled{opacity:.4;cursor:not-allowed}.ft-tu-sizerow{display:flex;align-items:center;gap:var(--fortee-space-3)}.ft-tu-sizerow input[type=range]{flex:1 1 auto;-webkit-appearance:none;appearance:none;height:var(--fortee-tap-min);background:transparent;cursor:pointer}.ft-tu-sizerow input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:var(--fortee-radius-pill);background:var(--fortee-surface-sunken);border:var(--fortee-border-width) solid var(--fortee-border)}.ft-tu-sizerow input[type=range]::-moz-range-track{height:6px;border-radius:var(--fortee-radius-pill);background:var(--fortee-surface-sunken);border:var(--fortee-border-width) solid var(--fortee-border)}.ft-tu-sizerow input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;margin-top:-12px;border-radius:var(--fortee-radius-circle);background:var(--fortee-blue);border:var(--fortee-border-width-thick) solid var(--fortee-paper)}.ft-tu-sizerow input[type=range]::-moz-range-thumb{width:28px;height:28px;border-radius:var(--fortee-radius-circle);background:var(--fortee-blue);border:var(--fortee-border-width-thick) solid var(--fortee-paper)}.ft-tu-sizeval{font-family:var(--fortee-font-mono);font-size:var(--fortee-text-xs);font-variant-numeric:tabular-nums;color:var(--fortee-text-muted);min-width:52px;text-align:right}.ft-tu-swatches{display:flex;gap:var(--fortee-space-2);flex-wrap:wrap}.ft-tu-sw{width:var(--fortee-tap-min);height:var(--fortee-tap-min);padding:0;border:0;border-radius:var(--fortee-radius-md);box-shadow:var(--fortee-ring-idle);cursor:pointer}.ft-tu-sw[aria-pressed=true]{box-shadow:var(--fortee-ring-selected)}.ft-tu-sw--check{background-color:#fff;background-image:linear-gradient(45deg,#c9d0d8 25%,transparent 25%,transparent 75%,#c9d0d8 75%),linear-gradient(45deg,#c9d0d8 25%,transparent 25%,transparent 75%,#c9d0d8 75%);background-size:12px 12px;background-position:0 0,6px 6px}.ft-tu-sw--black{background:#111417}.ft-tu-sw--white{background:#f7f8f9}.ft-tu-sw--grey{background:#6d7681}.ft-tu-sw--blue{background:var(--fortee-blue)}.ft-tu-actions{display:flex;gap:var(--fortee-space-2)}.ft-tu-btn{flex:1 1 auto;-webkit-appearance:none;appearance:none;min-height:var(--fortee-tap-min);padding:var(--fortee-space-2) var(--fortee-space-3);border:var(--fortee-border-width) solid var(--fortee-border-strong);border-radius:var(--fortee-radius-md);background:var(--fortee-surface);color:var(--fortee-text);font-family:var(--fortee-font-body);font-weight:600;font-size:var(--fortee-text-sm);cursor:pointer}.ft-tu-btn:disabled{opacity:.4;cursor:not-allowed}.ft-tu-btn--primary{min-height:var(--fortee-tap-primary);background:var(--fortee-blue);border-color:var(--fortee-blue);color:var(--fortee-text-on-blue);font-weight:700}.ft-tu-btn--primary:hover:not(:disabled){background:var(--fortee-blue-hover);border-color:var(--fortee-blue-hover)}.ft-tu-controls>.ft-tu-btn{flex:0 0 auto;width:100%}.ft-tu-foot{flex:0 0 auto;display:flex;gap:var(--fortee-space-2);padding:var(--fortee-space-3) var(--fortee-space-4) calc(var(--fortee-space-3) + env(safe-area-inset-bottom));border-top:var(--fortee-border-width) solid var(--fortee-border);background:var(--fortee-surface)}.ft-tu button:focus-visible,.ft-tu input:focus-visible{outline:var(--fortee-focus-width) solid var(--fortee-blue);outline-offset:var(--fortee-focus-offset)}@media screen and (min-width:900px){.ft-tu-panel{inset:auto;top:50%;left:50%;transform:translate(-50%,-50%);width:min(1060px,96vw);height:min(720px,94dvh);border-radius:var(--fortee-radius-lg);overflow:hidden}.ft-tu-main{flex-direction:row}.ft-tu-controls{width:300px;flex:0 0 300px;max-height:none;border-top:0;border-left:var(--fortee-border-width) solid var(--fortee-border)}}@media(prefers-reduced-motion:reduce){.ft-tu *{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/fortee-touchup.css.map */