html,body{overflow-x:clip;max-width:100%}.label-preview{position:relative;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease}.label-preview.coton-blanc,.label-preview.mode-blanc{background-color:#f5f5f5;border:1px solid #e5e5e5;color:#000}.label-preview.mode-transparent{background-color:transparent;background-image:none;border:1px dashed #000000;box-shadow:none}.label-preview.mode-transparent.mode-transparent-noir{color:#000}.label-preview.mode-transparent.mode-transparent-blanc{color:#fff}.label-preview.mode-transparent-blanc img,.label-preview.mode-transparent-blanc svg{filter:invert(1)}.label-text{position:relative;z-index:2;pointer-events:none;font-family:Arial Black,Arial Bold,Arial,sans-serif;font-weight:700;line-height:.85;width:100%;box-sizing:border-box;padding:0 8px;overflow:visible;white-space:nowrap;display:flex;align-items:center;justify-content:center;text-box-trim:trim-both;text-box-edge:cap alphabetic}.label-text-inner{display:inline-block;transform-origin:center center;transform:scaleX(1);will-change:transform;white-space:nowrap}.trio-preview-block{background:#dc2626;border-radius:1rem;padding:1rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 6px 20px #dc26262e}@media(min-width:1024px){.trio-preview-block{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;align-items:start}#card-crayons{align-self:center}#card-baggage{grid-column:1 / -1}}.trio-preview-row{border:2px solid transparent;border-radius:.75rem;padding:.75rem 1rem 1rem;cursor:pointer;transition:background .15s ease,border-color .15s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#ffffff0a}.trio-preview-row>.trio-preview-header+.trio-preview-subhead{margin-top:-.4rem}.trio-preview-row:hover{background:#ffffff14}.trio-preview-row.active{border-color:#fff;background:#ffffff1f;box-shadow:0 4px 12px #00000026}.trio-preview-header{display:flex;align-items:center;gap:.5rem;color:#fff;font-weight:600;font-size:.95rem;line-height:1.1;margin-bottom:0}.trio-preview-count{font-size:.75rem;font-weight:400;color:#ffffffbf}.trio-preview-caption{font-size:.7rem;color:#ffffffd9;text-align:center;line-height:1.4}.trio-preview-row .preview-stage{width:100%;display:flex;align-items:center;justify-content:center;min-height:60px;padding:.25rem 0}.trio-tab{flex:1;padding:.75rem 1rem;border-radius:.5rem;font-weight:600;background:#f3f4f6;color:#374151;border:2px solid transparent;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.trio-tab:hover{background:#e5e7eb}.trio-tab.active{background:#2563eb;color:#fff;border-color:#1d4ed8}.line-row{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem;align-items:center;padding:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:.5rem}.line-row .line-num{width:1.75rem;height:1.75rem;border-radius:9999px;background:#dbeafe;color:#1e3a8a;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}.line-row input.line-text{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.95rem}.line-row input.line-text:focus{outline:2px solid #93c5fd;border-color:#2563eb}.line-controls{display:flex;gap:.25rem}.line-controls button{width:2rem;height:2rem;border-radius:.375rem;background:#f3f4f6;color:#374151;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.line-controls button:hover{background:#e5e7eb}.line-controls button.active{background:#2563eb;color:#fff}.line-controls button:disabled{opacity:.4;cursor:not-allowed}.editor-section h4{font-weight:600;color:#111827;margin-bottom:.5rem;font-size:.95rem}.mode-toggle{display:inline-flex;align-items:center;gap:.5rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:9999px;padding:.375rem .5rem .375rem 1rem;flex-wrap:wrap;justify-content:center}.mode-toggle-label{font-size:.875rem;font-weight:600;color:#374151;margin-right:.25rem}.mode-toggle-btn{display:inline-flex;align-items:baseline;gap:.4rem;padding:.5rem 1rem;border-radius:9999px;background:transparent;color:#6b7280;font-weight:600;font-size:.875rem;border:2px solid transparent;transition:all .15s ease}.mode-toggle-btn:hover{background:#fff;color:#111827}.mode-toggle-btn .mode-toggle-price{font-size:.8rem;font-weight:700;opacity:.85}.mode-toggle-btn.active{background:#fff;color:#1d4ed8;border-color:#2563eb;box-shadow:0 2px 8px #2563eb26}#mode-toggle-combine.active{color:#6d28d9;border-color:#7c3aed;box-shadow:0 2px 8px #7c3aed2e}.mode-compare-link{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border-radius:9999px;color:#2563eb;font-size:.8rem;font-weight:600;background:transparent;transition:background .15s ease}.mode-compare-link:hover{background:#eff6ff;text-decoration:underline}.sub-btn{flex:1;padding:.625rem 1rem;border:2px solid #e5e7eb;border-radius:.5rem;background:#fff;color:#374151;font-weight:500;transition:all .15s ease}.sub-btn:hover{background:#f9fafb}.sub-btn.active{background:#2563eb;color:#fff;border-color:#1d4ed8}.trio-preview-subhead{text-align:center;font-size:.78rem;font-style:italic;color:#ffffffe6;line-height:1.1;margin:0;min-height:1.1em}.sub-btn-row-secondary{display:flex;gap:.5rem;margin-top:.5rem}.sub-btn-secondary{flex:1;padding:.5rem .75rem;border:2px solid #e5e7eb;border-radius:.5rem;background:#fff;color:#374151;font-weight:500;font-size:.875rem;transition:all .15s ease}.sub-btn-secondary:hover{background:#f9fafb}.sub-btn-secondary.active{background:#1d4ed8;color:#fff;border-color:#1e40af}