.heat-transfer-layout{min-width:var(--size-layout-workspace-min);height:100%;min-height:0;overflow:hidden;padding:var(--space-8);background:var(--color-bg-app);color:var(--color-text-primary)}.heat-transfer-layout__workspace{--side-panel-min-width:var(--size-layout-asset-min);--side-panel-default-width:var(--size-layout-asset-default);--side-panel-max-width:var(--size-layout-asset-max);--side-panel-content-min-width:var(--size-layout-canvas-min);--side-panel-extra-width:var(--size-layout-preview);height:100%;min-height:0;display:grid;grid-template-columns:clamp(var(--side-panel-min-width),var(--heat-transfer-asset-panel-width,var(--side-panel-default-width)),var(--side-panel-max-width)) var(--side-panel-resizer-width) minmax(var(--size-layout-canvas-min),1fr) var(--size-layout-preview);align-items:stretch}.heat-transfer-layout__workspace.is-asset-panel-collapsed{grid-template-columns:minmax(var(--size-layout-canvas-min),1fr) var(--size-layout-preview)}.heat-transfer-layout__workspace.is-asset-panel-collapsed .heat-transfer-layout__asset-panel{display:none}.heat-transfer-layout__asset-panel,.heat-transfer-layout__canvas-area,.heat-transfer-layout__preview-panel{min-width:0;background:var(--color-bg-canvas)}.heat-transfer-layout__asset-panel{position:relative;min-height:0;display:flex;flex-direction:column;border-radius:var(--radius-12)}.heat-transfer-layout__sidebar-brand{min-height:var(--size-cover-56);display:flex;align-items:center;gap:var(--space-8);padding:0 var(--space-12)}.heat-transfer-layout__sidebar-brand-link{min-width:0;display:flex;align-items:center;gap:var(--space-8);color:inherit;text-decoration:none}.heat-transfer-layout__sidebar-brand-link>img{width:var(--size-control-24);height:var(--size-control-24)}.heat-transfer-layout__sidebar-brand-link strong{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.heat-transfer-layout__sidebar-brand-link:focus-visible{outline:var(--border-width) solid var(--color-border-strong);outline-offset:var(--space-2)}.heat-transfer-layout__sidebar-brand>span{margin-left:auto;display:inline-flex}.heat-transfer-layout__asset-panel-toggle{margin-left:auto;display:grid;place-items:center;width:var(--size-control-24);height:var(--size-control-24);padding:var(--space-4);border:0;border-radius:var(--radius-4);background:transparent;color:var(--color-icon-secondary);cursor:pointer}.heat-transfer-layout__asset-panel-toggle:hover{background:var(--color-bg-overlay-1)}.heat-transfer-layout__asset-panel-toggle:focus-visible{outline:var(--border-width) solid var(--color-border-strong);outline-offset:var(--space-2)}.heat-transfer-layout__asset-tabs{margin:var(--space-12)}.heat-transfer-layout__asset-category-strip{position:relative;min-width:0;margin:0 var(--space-12) var(--space-12)}.heat-transfer-layout__asset-category-tabs{display:flex;min-width:0;gap:var(--space-4);overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:var(--space-40);scrollbar-width:none}.heat-transfer-layout__asset-category-edge{position:absolute;top:0;bottom:0;width:var(--space-40);display:flex;align-items:center;pointer-events:none}.heat-transfer-layout__asset-category-edge--left{left:0;background:linear-gradient(to right,var(--color-bg-canvas),transparent)}.heat-transfer-layout__asset-category-edge--right{right:0;justify-content:flex-end;background:linear-gradient(to left,var(--color-bg-canvas),transparent)}.heat-transfer-layout__asset-category-edge .heat-transfer-layout__asset-category-arrow{border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-9999);background:var(--color-bg-panel);color:var(--color-icon-secondary);box-shadow:var(--shadow-tooltip);pointer-events:auto}.heat-transfer-layout__asset-category-edge .heat-transfer-layout__asset-category-arrow:hover{color:var(--color-icon-primary)}.heat-transfer-layout__asset-category-tabs::-webkit-scrollbar{display:none}.heat-transfer-layout__asset-category-tabs button{min-height:var(--size-control-28);flex:0 0 auto;padding:0 var(--space-8);border:0;border-radius:var(--radius-4);background:var(--color-bg-overlay-1);color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-body-13);white-space:nowrap;cursor:pointer}.heat-transfer-layout__asset-category-tabs button[aria-selected=true]{background:#9747ff26;color:#9747ff}.heat-transfer-layout__preparation{position:absolute;z-index:1;inset:auto var(--space-12) var(--space-12);display:flex;align-items:center;gap:var(--space-8);padding:var(--space-4) var(--space-8);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-8);background:var(--color-bg-panel);box-shadow:var(--shadow-panel);color:var(--color-text-secondary);font-size:var(--font-size-body-12)}.heat-transfer-layout__preparation>span{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heat-transfer-layout__preparation>button{flex-shrink:0}.heat-transfer-layout__asset-grid{min-height:0;flex:1 1;display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));grid-auto-rows:70px;gap:var(--space-8);align-content:start;padding:0 var(--space-12) var(--space-24);overflow-y:auto}.heat-transfer-layout__asset-grid>button{width:100%;height:100%;min-width:0;min-height:0;aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden;padding:0;border-radius:var(--radius-4);background:var(--color-bg-overlay-1);cursor:pointer;border:var(--border-width) solid transparent}.heat-transfer-layout__asset-grid>button:hover{border:var(--border-width) solid var(--color-border-strong)}.heat-transfer-layout__asset-grid>button[draggable=true]:active{cursor:grabbing}.heat-transfer-layout__asset-preview{width:100%;height:100%;display:grid;place-items:center;background:var(--color-bg-overlay-1)}.heat-transfer-layout__asset-preview.is-dark-preview{background:var(--color-text-tertiary)}.heat-transfer-layout__asset-grid img{width:64%;max-width:64%;max-height:64%;height:auto;display:block;object-fit:contain}.heat-transfer-layout__asset-grid>.heat-transfer-layout__assets-more,.heat-transfer-layout__assets-error{grid-column:1/-1}.heat-transfer-layout__asset-grid>.heat-transfer-layout__assets-more{width:100%;height:var(--size-control-32);min-height:var(--size-control-32);aspect-ratio:auto;padding:0;border:0;border-radius:var(--radius-4);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-body-13);text-align:center}.heat-transfer-layout__assets-more button{width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:var(--color-bg-overlay-1);color:var(--color-text-primary);cursor:pointer}.heat-transfer-layout__assets-more button:hover{background:var(--color-bg-overlay-2)}.heat-transfer-layout__assets-more:disabled{color:var(--color-text-tertiary);cursor:wait}.heat-transfer-layout__assets-error{margin:0;color:var(--status-error-default);font-size:var(--font-size-body-13);text-align:center}.heat-transfer-layout__assets-empty,.heat-transfer-layout__preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-12);min-height:160px;padding:var(--space-16);color:var(--color-text-tertiary);font-size:var(--font-size-body-13);text-align:center;background:var(--color-bg-overlay-1);border-radius:var(--radius-8)}.heat-transfer-layout__assets-empty{flex:0 0 auto;margin:0 var(--space-12)}.heat-transfer-layout__assets-empty a,.heat-transfer-layout__assets-empty button{color:var(--color-text-primary);text-decoration:none}.heat-transfer-layout__assets-empty button{padding:0;border:0;background:transparent;font:inherit;cursor:pointer}.heat-transfer-layout__canvas-area,.heat-transfer-layout__preview-panel{min-height:0;border-radius:var(--radius-12)}.heat-transfer-layout__canvas-area{margin-right:var(--space-8);display:grid;grid-template-rows:56px minmax(0,1fr);overflow:hidden}.heat-transfer-layout__canvas-toolbar{display:flex;align-items:center;gap:var(--space-12);padding:0 var(--space-16);container-type:inline-size}.heat-transfer-layout__canvas-toolbar>.heat-transfer-layout__asset-panel-toggle{margin-left:0}.heat-transfer-layout__canvas-settings{min-width:0;flex:1 1 auto;display:flex;align-items:center;justify-content:start;gap:var(--space-16)}.heat-transfer-layout__canvas-setting-display{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-body);white-space:nowrap}.heat-transfer-layout__inline-warning{min-width:0;flex:1 1 240px;display:inline-flex;align-items:center;gap:var(--space-6);overflow:hidden;color:var(--status-warning);font-size:var(--font-size-body-13);white-space:nowrap;cursor:help}.heat-transfer-layout__inline-warning:focus-visible{border-radius:var(--radius-4);outline:var(--border-width-strong) solid var(--color-border-focus);outline-offset:var(--space-2)}.heat-transfer-layout__inline-warning-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.heat-transfer-layout__info-field input{width:64px;padding:0 var(--space-8);border:var(--border-width) solid var(--color-border-subtle);outline:none;background:var(--color-bg-input);color:var(--color-text-primary)}.heat-transfer-layout__canvas-toolbar>.ui-button__button,.heat-transfer-layout__info-field input{height:var(--size-control-32);border-radius:var(--radius-4)}.heat-transfer-layout__export-button:disabled{border-color:var(--color-border-default);background:var(--color-bg-overlay-1);color:var(--color-text-disabled);cursor:not-allowed}.heat-transfer-layout__preflight-button[aria-busy=true]:disabled{border-color:var(--color-border-default);background:var(--color-bg-overlay-1);color:var(--color-text-secondary)}.heat-transfer-layout__export-button{flex:0 0 auto}.heat-transfer-layout__export-actions{display:flex;flex:0 0 auto;gap:var(--space-8);margin-left:auto}.heat-transfer-layout__export-actions>.ui-button__button{height:var(--size-control-32);border-radius:var(--radius-4)}.heat-transfer-layout__save-status{flex:0 0 auto;color:var(--color-text-secondary);font-size:var(--font-size-body-13);white-space:nowrap}.heat-transfer-layout__save-status.is-pending,.heat-transfer-layout__save-status.is-saving{color:var(--color-text-secondary)}.heat-transfer-layout__save-status.is-failed{color:var(--status-error-default)}.heat-transfer-layout__save-status.is-saved{color:var( --color-text-disabled)}.heat-transfer-layout__canvas-viewport{position:relative;min-width:0;min-height:0;overflow:hidden;outline:none;background-image:radial-gradient(var(--color-border-subtle) .75px,transparent .75px);background-position:50%;background-size:16px 16px;cursor:default;touch-action:none}.heat-transfer-layout__canvas-viewport.is-space-panning,.heat-transfer-layout__canvas-viewport.is-space-panning *{cursor:grab}.heat-transfer-layout__canvas-viewport.is-panning,.heat-transfer-layout__canvas-viewport.is-panning *{cursor:grabbing}.heat-transfer-layout__canvas-world{--heat-transfer-canvas-inverse-scale:1;--heat-transfer-canvas-selection-border-width:var(--border-width);--heat-transfer-canvas-action-offset:var(--space-8);--heat-transfer-layout-selection-color:var(--channel-color-violet);position:absolute;top:0;left:0;z-index:1;transform-origin:0 0;will-change:transform}.heat-transfer-layout__board{position:relative;width:var(--layout-board-width);height:var(--layout-board-height);overflow:hidden;border:0;background-image:linear-gradient(45deg,var(--color-bg-overlay-2) 25%,transparent 25%),linear-gradient(-45deg,var(--color-bg-overlay-2) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-bg-overlay-2) 75%),linear-gradient(-45deg,transparent 75%,var(--color-bg-overlay-2) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;box-shadow:var( --shadow-tooltip)}.heat-transfer-layout__board.is-display-colored{background:var(--layout-board-display-color)}.heat-transfer-layout__board-empty{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:var(--space-8);color:var(--color-text-tertiary);font-size:var(--font-size-body-13)}.heat-transfer-layout__board-item{position:absolute;display:block;margin:0;padding:0;border:0;background:transparent;cursor:move;touch-action:none;transform-origin:center}.heat-transfer-layout__board-item:focus{outline:0}.heat-transfer-layout__board-item.is-selected{outline:var(--heat-transfer-canvas-selection-border-width) solid var(--channel-color-violet);outline-offset:calc(var(--heat-transfer-canvas-selection-border-width) * -1)}.heat-transfer-layout__board-item.is-unavailable{outline:calc(var(--heat-transfer-canvas-selection-border-width) * 2) solid var(--status-error-default);outline-offset:calc(var(--heat-transfer-canvas-selection-border-width) * -1)}.heat-transfer-layout__board-item>img{width:100%;height:auto;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.heat-transfer-layout__canvas-illustration{position:relative;display:block;width:100%;height:100%;aspect-ratio:var(--canvas-illustration-ratio)}.heat-transfer-layout__canvas-illustration img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.heat-transfer-layout__canvas-illustration-preview{opacity:0}.heat-transfer-layout__canvas-illustration-fallback,.heat-transfer-layout__canvas-illustration-preview{transition:opacity var(--duration-fast) var(--ease-out)}.heat-transfer-layout__canvas-illustration.is-loaded .heat-transfer-layout__canvas-illustration-preview{opacity:1}.heat-transfer-layout__canvas-illustration.is-loaded .heat-transfer-layout__canvas-illustration-fallback{opacity:0}.heat-transfer-layout__recolored-illustration{display:block;background:var(--recolor-illustration-color);aspect-ratio:var(--recolor-illustration-ratio);mask-image:var(--recolor-illustration-mask);mask-mode:luminance;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-image:var(--recolor-illustration-mask);-webkit-mask-source-type:luminance;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}.heat-transfer-layout__board-item>.heat-transfer-layout__recolored-illustration{width:100%;height:100%}.heat-transfer-layout__snap-guide{position:absolute;z-index:10001;display:block;pointer-events:none;background:var(--status-error-default)}.heat-transfer-layout__snap-guide--vertical{top:0;bottom:0;width:var(--heat-transfer-canvas-selection-border-width);transform:translateX(-50%)}.heat-transfer-layout__snap-guide--horizontal{right:0;left:0;height:var(--heat-transfer-canvas-selection-border-width);transform:translateY(-50%)}.heat-transfer-layout__canvas-selection{position:absolute;z-index:10002;box-sizing:border-box;border:var(--heat-transfer-canvas-selection-border-width) solid var(--heat-transfer-layout-selection-color);pointer-events:none;transform-origin:center}.heat-transfer-layout__canvas-selection.is-unavailable{--heat-transfer-layout-selection-color:var(--status-error-default)}.heat-transfer-layout__marquee-selection{position:absolute;z-index:10003;box-sizing:border-box;border:var(--border-width) solid var(--channel-color-violet);background:color-mix(in srgb,var(--channel-color-violet) 14%,transparent);pointer-events:none}.heat-transfer-layout__resize-handle{position:absolute;z-index:5;width:calc(var(--space-8) * var(--heat-transfer-canvas-inverse-scale));height:calc(var(--space-8) * var(--heat-transfer-canvas-inverse-scale));margin:0;padding:0;border:var(--heat-transfer-canvas-selection-border-width) solid var(--heat-transfer-layout-selection-color);background:var(--color-bg-panel);pointer-events:auto}.heat-transfer-layout__resize-handle--top-left{top:0;left:0;cursor:nwse-resize;transform:translate(-50%,-50%)}.heat-transfer-layout__resize-handle--top-right{top:0;right:0;cursor:nesw-resize;transform:translate(50%,-50%)}.heat-transfer-layout__resize-handle--bottom-left{bottom:0;left:0;cursor:nesw-resize;transform:translate(-50%,50%)}.heat-transfer-layout__resize-handle--bottom-right{right:0;bottom:0;cursor:nwse-resize;transform:translate(50%,50%)}.heat-transfer-layout__rotation-handle{position:absolute;z-index:5;width:calc(var(--space-24) * var(--heat-transfer-canvas-inverse-scale));height:calc(var(--space-24) * var(--heat-transfer-canvas-inverse-scale));margin:0;padding:0;border:0;border-radius:var(--radius-9999);background:transparent;cursor:url(/assets/figma/layout-rotate-cursor.svg) 12 12,grab;pointer-events:auto}.heat-transfer-layout__canvas-selection.is-rotating .heat-transfer-layout__rotation-handle{cursor:grabbing}.heat-transfer-layout__rotation-handle--top-left{top:calc(-1 * var(--space-16) * var(--heat-transfer-canvas-inverse-scale));left:calc(-1 * var(--space-16) * var(--heat-transfer-canvas-inverse-scale));transform:translate(-50%,-50%)}.heat-transfer-layout__rotation-handle--top-right{top:calc(-1 * var(--space-16) * var(--heat-transfer-canvas-inverse-scale));right:calc(-1 * var(--space-16) * var(--heat-transfer-canvas-inverse-scale));transform:translate(50%,-50%)}.heat-transfer-layout__rotation-handle--bottom-left{bottom:calc(-1 * var(--space-16) * var(--heat-transfer-canvas-inverse-scale));left:calc(-1 * var(--space-16) * var(--heat-transfer-canvas-inverse-scale));transform:translate(-50%,50%)}.heat-transfer-layout__rotation-handle--bottom-right{right:calc(-1 * var(--space-16) * var(--heat-transfer-canvas-inverse-scale));bottom:calc(-1 * var(--space-16) * var(--heat-transfer-canvas-inverse-scale));transform:translate(50%,50%)}.heat-transfer-layout__rotation-control{position:absolute;top:calc(100% + var(--space-16) * var(--heat-transfer-canvas-inverse-scale));left:50%;z-index:5;display:grid;width:calc(var(--size-control-32) * var(--heat-transfer-canvas-inverse-scale));height:calc(var(--size-control-32) * var(--heat-transfer-canvas-inverse-scale));place-items:center;margin:0;padding:0;border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-9999);background:var(--color-bg-panel);box-shadow:var(--shadow-panel);color:var(--color-text-primary);cursor:url(/assets/figma/layout-rotate-cursor.svg) 12 12,grab;pointer-events:auto;transform:translateX(-50%)}.heat-transfer-layout__canvas-selection.is-rotating .heat-transfer-layout__rotation-control{cursor:grabbing}.heat-transfer-layout__rotation-control:hover{background:var(--color-bg-overlay-1)}.heat-transfer-layout__rotation-control>.ui-icon__icon{font-size:calc(var(--size-icon-18) * var(--heat-transfer-canvas-inverse-scale))}.heat-transfer-layout__rotation-control:focus-visible{outline:var(--border-width) solid var(--color-border-focus);outline-offset:var(--space-2)}.heat-transfer-layout__item-actions{position:absolute;bottom:calc(100% + var(--heat-transfer-canvas-action-offset));left:50%;z-index:4;display:inline-flex;align-items:center;gap:var(--space-6);min-width:max-content;transform:translateX(-50%) scale(var(--heat-transfer-canvas-inverse-scale));transform-origin:center bottom;padding:var(--space-4);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-6);background:var(--color-bg-panel);box-shadow:var(--shadow-panel);color:var(--color-text-secondary);font-size:var(--font-size-caption);pointer-events:auto}.heat-transfer-layout__item-action-button{height:var(--size-control-24);width:var(--size-control-24);display:grid;place-items:center;padding:0;border:0;border-radius:var(--radius-4);background:transparent;color:var(--color-text-secondary);cursor:pointer}.heat-transfer-layout__item-action-button:hover:not(:disabled){background:var(--color-bg-overlay-1);color:var(--color-text-primary)}.heat-transfer-layout__item-action-button:disabled{color:var(--color-text-disabled);cursor:not-allowed}.heat-transfer-layout__item-action-button--delete{color:var(--color-text-tertiary)}.heat-transfer-layout__item-action-divider{width:var(--border-width);height:var(--space-16);background:var(--color-border-subtle)}.heat-transfer-layout__canvas-zoom-controls{position:absolute;bottom:var(--space-4);z-index:3;display:inline-flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-8);background:var(--color-bg-panel);box-shadow:var(--shadow-panel);right:var(--space-4)}.heat-transfer-layout__canvas-zoom-controls button{min-width:var(--size-control-24);height:var(--size-control-24);display:grid;place-items:center;padding:0 var(--space-4);border:0;border-radius:var(--radius-4);background:transparent;color:var(--color-text-primary);font-size:var(--font-size-caption);cursor:pointer}.heat-transfer-layout__canvas-zoom-controls button:hover:not(:disabled){background:var(--color-bg-overlay-1)}.heat-transfer-layout__canvas-zoom-controls button:disabled{color:var(--color-text-disabled);cursor:not-allowed}.heat-transfer-layout__canvas-zoom-controls output{min-width:42px;color:var(--color-text-secondary);font-size:var(--font-size-caption);text-align:center}.heat-transfer-layout__preview-panel{overflow-y:auto}.heat-transfer-layout__board-color-section,.heat-transfer-layout__pattern-info{padding:var(--space-24);border-bottom:var(--border-width) solid var(--color-border-subtle)}.heat-transfer-layout__board-color-section h2,.heat-transfer-layout__garment-section h2,.heat-transfer-layout__pattern-info h2{margin:0;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-body)}.heat-transfer-layout__board-color-toggle{width:100%;display:flex;align-items:center;gap:var(--space-4);padding:0;border:0;background:transparent;color:var(--color-text-primary);cursor:pointer;font:inherit;text-align:left}.heat-transfer-layout__board-color-toggle:focus-visible{outline:var(--border-width) solid var(--color-border-strong);outline-offset:var(--space-4)}.heat-transfer-layout__board-color-toggle svg{flex:none;color:var(--color-text-tertiary)}.heat-transfer-layout__board-color-section small{display:block;margin-top:var(--space-8);color:var(--color-text-tertiary);font-size:var(--font-size-caption);line-height:var(--line-height-caption)}.heat-transfer-layout__pattern-size-options{flex-wrap:nowrap;gap:var(--space-4);margin-top:var(--space-16)}.heat-transfer-layout__pattern-size-options button{min-width:0;flex:1 1;padding:0 var(--space-4);white-space:nowrap}.heat-transfer-layout__info-field{min-width:0;max-width:100%;display:grid;gap:var(--space-8);margin-top:var(--space-16)}.heat-transfer-layout__info-field>span{color:var(--color-text-tertiary);font-size:var(--font-size-body)}.heat-transfer-layout__info-field>div{width:100%;min-width:0;max-width:100%;display:flex;align-items:center;gap:var(--space-8)}.heat-transfer-layout__info-field label{position:relative;min-width:125px;flex:1 1;height:var(--size-control-32);display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-8);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-4);color:var(--color-text-secondary);font-size:var(--font-size-body)}.heat-transfer-layout__info-field input{flex:1 1;min-width:36px;height:26px;padding:0;border:0;text-align:left}.heat-transfer-layout__info-field output{flex:1 1;min-width:36px}.heat-transfer-layout__info-field em{color:var(--color-text-disabled);font-style:normal}.heat-transfer-layout__recolor-field>div{gap:var(--space-8)}.heat-transfer-layout__recolor-control{position:relative;min-width:0;flex:1 1;height:var(--size-control-32);display:flex;align-items:center;gap:var(--space-8);padding:0 var(--space-8);border:0;border-radius:var(--radius-4);background:var(--color-bg-overlay-1);cursor:pointer}.heat-transfer-layout__recolor-control>input{position:absolute;inset:0;width:100%;height:100%;min-width:0;padding:0;border:0;opacity:0;cursor:pointer}.heat-transfer-layout__recolor-control:hover{background:var(--color-bg-overlay-2)}.heat-transfer-layout__recolor-control:focus-within{outline:var(--border-width) solid var(--color-border-strong);outline-offset:var(--space-2)}.heat-transfer-layout__recolor-swatch{width:var(--size-icon-20);height:var(--size-icon-20);flex:none;border:var(--border-width) solid color-mix(in srgb,#000 12%,transparent);border-radius:var(--radius-4)}.heat-transfer-layout__recolor-swatch.is-transparent{background-color:var(--color-bg-input);background-image:linear-gradient(45deg,var(--color-bg-overlay-2) 25%,transparent 25%,transparent 75%,var(--color-bg-overlay-2) 75%),linear-gradient(45deg,var(--color-bg-overlay-2) 25%,transparent 25%,transparent 75%,var(--color-bg-overlay-2) 75%);background-position:0 0,4px 4px;background-size:8px 8px}.heat-transfer-layout__recolor-control>output{min-width:0;flex:1 1;color:var(--color-text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em}.heat-transfer-layout__recolor-field button{height:var(--size-control-32);padding:0 var(--space-12);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-4);background:var(--color-bg-input);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-body-13)}.heat-transfer-layout__recolor-field button:disabled{color:var(--color-text-disabled);cursor:not-allowed}.heat-transfer-layout__recolor-field button:hover:not(:disabled){background:var(--color-bg-overlay-1)}.heat-transfer-layout__recolor-field button:focus-visible{outline:var(--border-width) solid var(--color-border-strong);outline-offset:var(--space-2)}.heat-transfer-layout__dpi-tip{flex-basis:100%;color:var(--color-text-tertiary);font-size:var(--font-size-caption);line-height:var(--line-height-caption)}.heat-transfer-layout__dpi-display{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8)}.heat-transfer-layout__rotation-field{grid-column:2;grid-row:2;min-width:0!important}.heat-transfer-layout__dpi-display>label:first-of-type{grid-column:1;grid-row:2}.heat-transfer-layout__dpi-title,.heat-transfer-layout__rotation-title{color:var(--color-text-tertiary);font-size:var(--font-size-body)}.heat-transfer-layout__dpi-title{grid-column:1;grid-row:1}.heat-transfer-layout__rotation-title{grid-column:2;grid-row:1}.heat-transfer-layout__dpi-tip{grid-column:1/-1}.heat-transfer-layout__dimension-lock{margin-left:auto;width:var(--size-icon-16);height:var(--size-icon-16);flex:0 0 auto;color:var(--color-text-disabled);pointer-events:none}.heat-transfer-layout__garment-section{padding:var(--space-24) var(--space-24) 0;display:grid;gap:var(--space-16)}.heat-transfer-layout__garment-preview{position:relative;width:278px;height:234px;margin:var(--space-8) 0 0;overflow:hidden;border-radius:var(--radius-8);background:var(--color-bg-overlay-2)}.heat-transfer-layout__garment-preview svg{position:absolute;bottom:-86px;left:50%;width:208px;height:268px;display:block;filter:drop-shadow(0 7px 9px rgb(0 0 0/12%));transform:translateX(-50%)}.heat-transfer-layout__garment-preview>span{display:none}.heat-transfer-layout__garment-art{position:absolute;display:grid;place-items:center;overflow:hidden;transform:translate(-50%,-50%)}.heat-transfer-layout__garment-art img{width:calc(100% * var(--garment-art-scale));height:calc(100% * var(--garment-art-scale));object-fit:contain}.heat-transfer-layout__garment-art>.heat-transfer-layout__recolored-illustration{width:calc(100% * var(--garment-art-scale));height:calc(100% * var(--garment-art-scale));aspect-ratio:auto}.heat-transfer-layout__garment-art--back_large,.heat-transfer-layout__garment-art--front_large{top:50%;left:50%;width:30%;height:30%}.heat-transfer-layout__garment-art--left_chest{top:39%;left:59%;width:11%;height:11%}.heat-transfer-layout__preview-settings{display:grid;gap:var(--space-16);padding:var(--space-16) var(--space-24) var(--space-24)}.heat-transfer-layout__preview-settings[aria-disabled=true]{opacity:.5}.heat-transfer-layout__setting-group{display:grid;gap:var(--space-8)}.heat-transfer-layout__preview-settings>.heat-transfer-layout__setting-group:nth-child(2){order:2}.heat-transfer-layout__preview-settings>.heat-transfer-layout__setting-group:nth-child(3){order:3}.heat-transfer-layout__preview-settings>.heat-transfer-layout__setting-group:nth-child(4){order:1}.heat-transfer-layout__setting-group>span{color:var(--color-text-tertiary);font-size:var(--font-size-body)}.heat-transfer-layout__color-options,.heat-transfer-layout__size-options{display:flex;flex-wrap:wrap;gap:var(--space-8)}.heat-transfer-layout__size-options button{min-width:34px;height:var(--size-control-28);padding:0 var(--space-8);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-4);background:var(--color-bg-input);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-caption)}.heat-transfer-layout__size-options button.is-selected{border-color:var(--color-border-focus);color:var(--color-text-primary)}.heat-transfer-layout__size-options button:disabled{color:var(--color-text-disabled);cursor:not-allowed}.heat-transfer-layout__color-options>button,.heat-transfer-layout__custom-color{width:var(--size-control-28);height:var(--size-control-28);display:grid;place-items:center;border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-9999);background:var(--swatch-color);cursor:pointer}.heat-transfer-layout__color-options>button.is-selected{outline:var(--border-width) solid var(--color-border-focus);outline-offset:var(--space-2)}.heat-transfer-layout__custom-color{position:relative;overflow:hidden;background:var(--color-bg-overlay-2);color:var(--color-icon-secondary)}.heat-transfer-layout__custom-color input{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;opacity:0;cursor:pointer}.heat-transfer-layout__range-note{margin:0;color:var(--status-success-default);font-size:var(--font-size-caption);line-height:var(--line-height-body-18)}.heat-transfer-layout__range-note.is-warning{color:var(--status-warning)}.heat-transfer-layout__board-item[data-validation-error]{outline:var(--border-width-strong) solid var(--status-error-default);outline-offset:var(--space-2)}.heat-transfer-layout__board-item[data-preflight-warning]:not([data-validation-error]){outline:var(--border-width-strong) dashed var(--status-warning);outline-offset:var(--space-2)}.heat-transfer-layout__conflict-region{position:absolute;z-index:10002;box-sizing:border-box;border:var(--border-width-strong) dashed var(--status-error-default);background:var(--status-error-surface-l2);pointer-events:none}.heat-transfer-layout__conflict-region[data-conflict-kind=overlap]{border-color:var(--status-warning);background:var(--status-warning-surface-l2)}@media (max-width:1280px){.heat-transfer-layout{min-width:0}.heat-transfer-layout__workspace{--side-panel-content-min-width:596px;--side-panel-extra-width:300px;--size-layout-canvas-min:596px;--size-layout-preview:300px}.heat-transfer-layout__canvas-toolbar{gap:var(--space-6);padding:0 var(--space-8)}.heat-transfer-layout__canvas-settings{gap:var(--space-8)}.heat-transfer-layout__board-color-section,.heat-transfer-layout__pattern-info{padding:var(--space-16)}.heat-transfer-layout__info-field label{min-width:0}.heat-transfer-layout__garment-section{padding:var(--space-16) var(--space-16) 0}.heat-transfer-layout__garment-preview{width:100%}.heat-transfer-layout__preview-settings{padding:var(--space-16)}}@container (max-width: 680px){.heat-transfer-layout__canvas-setting-display{display:none}}