.color_container{flex-direction:column;gap:1rem;display:flex}.color_subtitle{opacity:.7;margin-top:.5rem}.color_picker{align-items:center;gap:1rem;display:flex}.color_grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.color_card{cursor:pointer;background:linear-gradient(180deg, var(--panel), var(--panel-2));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:2px solid #ffc8502e;border-radius:12px;padding:10px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.color_card:before{content:"";pointer-events:none;background:repeating-linear-gradient(45deg,#ffd7780f,#ffd7780f 8px,#ff000008 8px 16px);position:absolute;inset:0}.color_info{color:#242320;flex-direction:column;gap:.3rem;padding:.8rem;display:flex}.color_info p{margin:0;font-family:monospace}.color_box{cursor:pointer;border-radius:8px;width:80px;min-width:80px;height:80px;transition:transform .2s;position:relative;overflow:hidden;box-shadow:0 4px #0000001f,0 10px 18px #00000026}.color_box_overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;background:#00000059;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.color_box:hover{transform:translateY(-3px)rotate(-.5deg)}.color_box:hover .color_box_overlay{opacity:1}.color_box:hover .color_box_icon{transform:scale(1)}.color_box_icon{color:#fff;text-shadow:0 2px 6px #0006;font-size:18px;transition:transform .2s;transform:scale(.9)}.color_strip{border-radius:10px;gap:0;display:flex;overflow:hidden;box-shadow:0 6px 18px #00000040}.color_swatch{cursor:pointer;flex-direction:column;flex:1;min-width:0;display:flex}.color_swatch-color{height:120px;transition:filter .15s;position:relative}.color_swatch:hover .tcp-swatch-color{filter:brightness(.85)saturate(1.2)}.color_swatch-overlay{opacity:0;color:#ffd36a;letter-spacing:.5px;background:#00000040;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:opacity .15s;display:flex;position:absolute;inset:0}.color_swatch:hover .color_swatch-overlay{opacity:1}.color_swatch-label{background:linear-gradient(#1a1a1a,#0e0e0e);border-top:1px solid #ffd36a26;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 6px;display:flex}.color_swatch-name{color:#ffd36a;white-space:nowrap;font-size:11px;font-weight:700}.color_swatch-hex{color:#ffe6b4bf;white-space:nowrap;font-family:monospace;font-size:11px}.color_swatch+.color_swatch .color_swatch-color{border-left:1px solid #ffd36a33}
.ticket-color{letter-spacing:.5px;color:var(--foreground);flex-direction:column;gap:8px;font-family:Georgia,serif;font-size:13px;display:flex}.ticket-color__label{opacity:.8}.ticket-color__control{align-items:center;gap:10px;display:flex}.ticket-color__swatch{cursor:pointer;border:1px solid #2b1d164d;border-radius:6px;width:34px;height:34px;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 3px #0000001f,0 8px 16px #00000026}.ticket-color__swatch:hover{border-color:var(--primary);transform:translateY(-2px)rotate(-1deg);box-shadow:0 6px #0000001f,0 14px 22px #0003,0 0 0 3px #ff7a1826}.ticket-color__swatch:active{transform:translateY(1px)scale(.98);box-shadow:0 2px #0000001f,0 6px 12px #00000026}.ticket-color__swatch input{opacity:0;cursor:pointer;width:100%;height:100%}.ticket-color__hex{background:linear-gradient(135deg, var(--panel), var(--panel-2));min-width:0;color:var(--foreground);border:1px solid #2b1d1633;border-radius:6px;flex:1;padding:6px 8px;font-family:monospace;font-size:12px;box-shadow:inset 0 2px 4px #00000014}.ticket-color.is-disabled{opacity:.5;cursor:not-allowed}.ticket-color__formats{gap:6px;margin-bottom:6px;display:flex}.format-btn{background:var(--panel);cursor:pointer;opacity:.7;border:1px solid #2b1d1633;border-radius:4px;padding:4px 6px;font-size:11px}.format-btn.active{opacity:1;border-color:var(--primary);box-shadow:0 2px #0000001a}.ticket-color__swatch:hover{animation:1.2s ease-in-out infinite inkGlow}