:root{--tc-mood-high-negative:#ef4444;--tc-mood-high-positive:#f59e0b;--tc-mood-low-negative:#3b82f6;--tc-mood-low-positive:#10b981;--tc-mood-neutral-axis:#9ca3af;--tc-mood-dot-idle:#8a8a8a;--tc-mood-axis-text:rgba(255,255,255,0.38);--tc-mood-caption-text:rgba(255,255,255,0.92);--tc-mood-caption-placeholder:rgba(255,255,255,0.38);--tc-mood-preview-bg:#1a1a1a;--tc-mood-preview-border:rgba(255,255,255,0.08);--tc-mood-preview-text:rgba(255,255,255,0.32);--tc-mood-grid-bg-start:rgba(255,255,255,0.07);--tc-mood-grid-bg-end:rgba(255,255,255,0.025);--tc-mood-grid-border:rgba(255,255,255,0.08)}.tc-mood-board{--tc-mood-stage-size:181px;display:flex;gap:12px;align-items:flex-start;padding:0 4px}.tc-mood-board__divider{flex:0 0 1px;width:1px;align-self:center;height:120px;background:rgba(255,255,255,.16)}.tc-mood-board__preview{flex:0 0 var(--tc-mood-stage-size);display:flex;flex-direction:column;gap:6px;min-width:0}.tc-mood-preview__frame{position:relative;width:var(--tc-mood-stage-size);height:var(--tc-mood-stage-size);flex-shrink:0;border-radius:16px;overflow:hidden;background:var(--tc-mood-preview-bg);box-shadow:inset 0 0 0 1px var(--tc-mood-preview-border)}.tc-mood-preview__image{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;opacity:0;pointer-events:none}.tc-mood-preview__image[data-active="1"]{opacity:1}.tc-mood-preview__empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;letter-spacing:.02em;color:var(--tc-mood-preview-text)}.tc-mood-preview__caption{min-height:16px;max-height:32px;font-size:12px;font-weight:600;line-height:16px;text-align:center;color:var(--tc-mood-caption-text);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-word}.tc-mood-preview__caption[data-placeholder="1"]{font-weight:500;color:var(--tc-mood-caption-placeholder)}.tc-mood-board__picker{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px}.tc-mood-grid{position:relative;box-sizing:border-box;height:var(--tc-mood-stage-size);padding:16px 22px;border-radius:16px;background:linear-gradient(160deg,var(--tc-mood-grid-bg-start) 0,var(--tc-mood-grid-bg-end) 100%);box-shadow:inset 0 0 0 1px var(--tc-mood-grid-border);overflow:hidden}.tc-mood-grid__plot{position:relative;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);width:100%;height:100%;touch-action:none;cursor:crosshair}.tc-mood-grid__axis,.tc-mood-grid__plot{-webkit-user-select:none;-moz-user-select:none;user-select:none}.tc-mood-grid__axis{position:absolute;font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--tc-mood-axis-text);pointer-events:none}.tc-mood-grid__axis[data-edge=top]{top:1px;left:50%;transform:translateX(-50%)}.tc-mood-grid__axis[data-edge=bottom]{bottom:1px;left:50%;transform:translateX(-50%)}.tc-mood-grid__axis[data-edge=left]{left:11px;top:50%;transform:translate(-50%,-50%) rotate(-90deg)}.tc-mood-grid__axis[data-edge=right]{right:11px;top:50%;transform:translate(50%,-50%) rotate(90deg)}.tc-mood-dot{position:relative;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.tc-mood-dot:before{content:"";width:13.5px;height:13.5px;border-radius:50%;background:var(--tc-mood-dot-idle);opacity:.55;transition:width .16s cubic-bezier(.16,1,.3,1),height .16s cubic-bezier(.16,1,.3,1),opacity .16s cubic-bezier(.16,1,.3,1),box-shadow .16s cubic-bezier(.16,1,.3,1),background .16s cubic-bezier(.16,1,.3,1)}.tc-mood-dot[data-quadrant=high-arousal-negative]{--tc-mood-dot-base:var(--tc-mood-high-negative)}.tc-mood-dot[data-quadrant=high-arousal-positive]{--tc-mood-dot-base:var(--tc-mood-high-positive)}.tc-mood-dot[data-quadrant=low-arousal-negative]{--tc-mood-dot-base:var(--tc-mood-low-negative)}.tc-mood-dot[data-quadrant=low-arousal-positive]{--tc-mood-dot-base:var(--tc-mood-low-positive)}.tc-mood-dot[data-quadrant=neutral-axis]{--tc-mood-dot-base:var(--tc-mood-neutral-axis)}.tc-mood-dot[data-strength="0"]{--tc-mood-dot-color:var(--tc-mood-neutral-axis)}.tc-mood-dot[data-strength="1"]{--tc-mood-dot-color:color-mix(in srgb,var(--tc-mood-dot-base) 28%,#a3a3a3)}.tc-mood-dot[data-strength="2"]{--tc-mood-dot-color:color-mix(in srgb,var(--tc-mood-dot-base) 48%,#a3a3a3)}.tc-mood-dot[data-strength="3"]{--tc-mood-dot-color:color-mix(in srgb,var(--tc-mood-dot-base) 72%,#a3a3a3)}.tc-mood-dot[data-strength="4"]{--tc-mood-dot-color:var(--tc-mood-dot-base)}.tc-mood-dot[data-quadrant=neutral-axis][data-arousal="2"]{--tc-mood-dot-color:#e8e8e8}.tc-mood-dot[data-quadrant=neutral-axis][data-arousal="1"]{--tc-mood-dot-color:#c8c8c8}.tc-mood-dot[data-quadrant=neutral-axis][data-arousal="0"]{--tc-mood-dot-color:#9a9a9a}.tc-mood-dot[data-quadrant=neutral-axis][data-arousal="-1"]{--tc-mood-dot-color:#6e6e6e}.tc-mood-dot[data-quadrant=neutral-axis][data-arousal="-2"]{--tc-mood-dot-color:#4a4a4a}.tc-mood-dot:hover:before{width:18px;height:18px;background:var(--tc-mood-dot-color);opacity:.9;box-shadow:0 0 0 4px color-mix(in srgb,var(--tc-mood-dot-color) 18%,transparent)}.tc-mood-dot[data-selected="1"]:before{width:19.5px;height:19.5px;background:var(--tc-mood-dot-color);opacity:1;box-shadow:0 0 0 2px rgba(255,255,255,.85),0 0 10px 2px color-mix(in srgb,var(--tc-mood-dot-color) 55%,transparent)}.tc-mood-dot:focus-visible{outline:none}.tc-mood-dot:focus-visible:before{box-shadow:0 0 0 2px var(--tc-ring,rgba(59,130,246,.5))}.tc-mood-face-toolbar{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:10px;background:var(--tc-bg-elevated,#2a2a2a);box-shadow:0 0 0 1px var(--tc-border,rgba(255,255,255,.1)),0 8px 24px rgba(0,0,0,.35);color:var(--tc-text-primary,#fff)}.tc-mood-face-toolbar__divider{width:1px;height:18px;margin:0 2px;background:rgba(255,255,255,.12)}.tc-mood-face-toolbar__btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:none;border-radius:8px;background:transparent;color:inherit;font-size:12px;font-weight:500;line-height:1;cursor:pointer;white-space:nowrap}.tc-mood-face-toolbar__btn:hover:not(:disabled){background:rgba(255,255,255,.08)}.tc-mood-face-toolbar__btn:disabled{opacity:.45;cursor:not-allowed}.tc-mood-face-toolbar__btn--active{background:rgba(255,255,255,.16);color:#ffffff}.tc-mood-face-toolbar__btn--active:hover:not(:disabled){background:rgba(255,255,255,.22)}.tc-mood-face-overlay{position:absolute;inset:0;z-index:6;pointer-events:none}.tc-mood-face-overlay--manual{pointer-events:auto;cursor:crosshair;touch-action:none}.tc-mood-face-box{position:absolute;box-sizing:border-box;margin:0;padding:0;border:2px solid rgba(96,165,250,.95);border-radius:4px;background:rgba(59,130,246,.12);pointer-events:auto;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.tc-mood-face-box:hover{background:rgba(59,130,246,.22);box-shadow:0 0 0 1px rgba(255,255,255,.35)}.tc-mood-face-box--selected{border-color:#fbbf24;background:rgba(251,191,36,.18);box-shadow:0 0 0 1px rgba(251,191,36,.55)}.tc-mood-face-box--draft{border-style:dashed;border-color:rgba(255,255,255,.85);background:rgba(255,255,255,.08);pointer-events:none}