.tc-toggle{z-index:90;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#000000bf;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s,transform .15s;display:flex;position:fixed;top:16px;left:16px;box-shadow:0 2px 10px #00000026}.tc-toggle:hover{background:#000000e6;transform:scale(1.05)}.tc-panel{z-index:500;background:#fff;border-radius:16px;flex-direction:column;width:300px;max-height:calc(100vh - 100px);animation:.2s tc-slide-in;display:flex;position:fixed;top:64px;left:16px;overflow:hidden;box-shadow:0 12px 48px #00000026,0 0 0 1px #0000000f}@keyframes tc-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tc-panel__header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:16px 18px 12px;display:flex}.tc-panel__title{color:#111;font-size:14px;font-weight:700}.tc-panel__close{color:#999;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s,color .15s;display:flex}.tc-panel__close:hover{color:#333;background:#f5f5f5}.tc-panel__body{flex:1;min-height:0;padding:16px 18px;overflow-y:auto}.tc-section{margin-bottom:20px}.tc-section:last-child{margin-bottom:0}.tc-section__title{text-transform:uppercase;letter-spacing:.06em;color:#999;margin-bottom:10px;font-size:11px;font-weight:700}.tc-section__hint{color:#888;margin:-6px 0 10px;font-size:11px;line-height:1.4}.tc-presets{flex-direction:column;gap:6px;display:flex}.tc-preset{cursor:pointer;text-align:left;background:#f9f9f9;border:1.5px solid #0000;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:all .15s;display:flex}.tc-preset:hover{background:#f0f0f0;border-color:#e0e0e0}.tc-preset--active{background:#f5f5f5;border-color:#111;box-shadow:0 1px 4px #0000000f}.tc-preset__swatches{flex-shrink:0;gap:3px;display:flex}.tc-preset__swatch{border:1px solid #00000014;border-radius:5px;width:20px;height:20px}.tc-preset__swatch--rainbow{background:linear-gradient(135deg,#ef4444 0%,#f59e0b 25%,#22c55e 50%,#4338ca 75%,#a855f7 100%);border:1px solid #0000000f;width:62px}.tc-preset__name{color:#333;flex:1;min-width:0;font-size:12px;font-weight:600}.tc-preset__check{color:#111;flex-shrink:0}.tc-preset--active .tc-preset__name{color:#111}.tc-color--single{width:100%}.tc-color-row{gap:10px;display:flex}.tc-color-row .tc-color{flex:1;min-width:0}.tc-color{cursor:pointer;background:#f9f9f9;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;transition:background .12s;display:flex}.tc-color:hover{background:#f0f0f0}.tc-color__input{cursor:pointer;appearance:none;background:0 0;border:2px solid #e5e5e5;border-radius:8px;width:28px;height:28px;padding:0}.tc-color__input::-webkit-color-swatch-wrapper{padding:0}.tc-color__input::-webkit-color-swatch{border:none;border-radius:5px}.tc-color__input::-moz-color-swatch{border:none;border-radius:5px}.tc-color__info{flex-direction:column;min-width:0;display:flex}.tc-color__label{color:#333;font-size:12px;font-weight:600;line-height:1.2}.tc-color__hex{color:#999;text-transform:uppercase;font-family:monospace;font-size:10px}.tc-select{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.tc-select:last-child{margin-bottom:0}.tc-select__label{color:#555;font-size:12px;font-weight:600}.tc-select__input{color:#333;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-size:13px;transition:border-color .15s}.tc-select__input:focus{border-color:#aaa}.tc-radius{gap:6px;display:flex}.tc-radius__btn{cursor:pointer;background:#f9f9f9;border:1.5px solid #0000;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 4px;transition:all .12s;display:flex}.tc-radius__btn:hover{background:#f0f0f0}.tc-radius__btn--active{background:#f5f5f5;border-color:#111}.tc-radius__preview{background:0 0;border:2px solid #555;width:24px;height:24px}.tc-radius__label{color:#666;font-size:10px;font-weight:600}.tc-panel__footer{border-top:1px solid #f0f0f0;gap:8px;padding:12px 18px 16px;display:flex}.tc-btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:8px 16px;font-size:12px;font-weight:600;transition:all .12s}.tc-btn--primary{color:#fff;background:#111}.tc-btn--primary:hover{background:#333}.tc-btn--ghost{color:#555;background:#f5f5f5}.tc-btn--ghost:hover{color:#333;background:#eee}@media (max-width:639px){.tc-panel{width:auto;max-height:calc(100vh - 80px);top:56px;left:8px;right:8px}}