.cp[data-v-dcc1a675]{gap:14px}.cp-toolbar[data-v-dcc1a675]{flex-wrap:wrap}.cp-upload-btn[data-v-dcc1a675]{cursor:pointer}.cp-dim[data-v-dcc1a675]{font-family:"JetBrains Mono",var(--t-font-mono);font-size:var(--fs-xs);font-weight:600;color:var(--t-text-soft);padding:3px 9px;background:var(--t-bg-muted);border-radius:999px}.cp-drop[data-v-dcc1a675]{display:flex;align-items:center;gap:18px;padding:48px 28px;border:2px dashed var(--t-border-strong);border-radius:var(--t-radius-lg);background:var(--t-bg-input);cursor:pointer;transition:border-color .18s,background .18s,transform .18s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cp-drop[data-v-dcc1a675]:hover{border-color:rgba(var(--t-primary-rgb),.55);background:rgba(var(--t-primary-rgb),.04)}.cp-drop--over[data-v-dcc1a675]{border-color:var(--t-primary);background:rgba(var(--t-primary-rgb),.08);transform:scale(1.005)}.cp-drop-icon[data-v-dcc1a675]{font-size:2.8rem;line-height:1;flex-shrink:0}.cp-drop-text[data-v-dcc1a675]{display:flex;flex-direction:column;gap:4px;min-width:0}.cp-drop-text strong[data-v-dcc1a675]{font-size:var(--fs-md);color:var(--t-text);font-weight:600}.cp-drop-text span[data-v-dcc1a675]{font-size:var(--fs-sm);color:var(--t-text-soft)}.cp-workspace[data-v-dcc1a675]{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:12px}.cp-image-pane[data-v-dcc1a675]{min-width:0}.cp-hint[data-v-dcc1a675]{font-size:var(--fs-xs);color:var(--t-text-soft);font-weight:500}.cp-canvas-wrap[data-v-dcc1a675]{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:12px;background:linear-gradient(45deg,var(--t-bg-muted) 25%,transparent 25%),linear-gradient(-45deg,var(--t-bg-muted) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--t-bg-muted) 75%),linear-gradient(-45deg,transparent 75%,var(--t-bg-muted) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;background-color:var(--t-bg-soft);overflow:hidden}.cp-canvas[data-v-dcc1a675]{display:block;max-width:100%;cursor:crosshair;border-radius:var(--t-radius-sm);box-shadow:var(--t-shadow);touch-action:none}.cp-magnifier[data-v-dcc1a675]{position:absolute;width:120px;height:120px;pointer-events:none;transform:translate(-50%,-50%) translate(28px,-28px);z-index:10;border-radius:var(--t-radius);overflow:hidden;border:2px solid var(--t-bg);box-shadow:var(--t-shadow-md)}.cp-mag-grid[data-v-dcc1a675]{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr)}.cp-mag-cell[data-v-dcc1a675],.cp-mag-grid[data-v-dcc1a675]{width:100%;height:100%}.cp-mag-cell--center[data-v-dcc1a675]{box-shadow:inset 0 0 0 2px var(--t-inverse),inset 0 0 0 4px var(--t-primary)}.cp-info-pane[data-v-dcc1a675]{min-width:0}.cp-info-body[data-v-dcc1a675]{gap:14px;padding:14px}.cp-info-body[data-v-dcc1a675],.cp-zoom[data-v-dcc1a675]{display:flex;flex-direction:column}.cp-zoom[data-v-dcc1a675]{gap:6px;align-items:center}.cp-zoom-label[data-v-dcc1a675]{font-size:var(--fs-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--t-text-soft)}.cp-zoom-grid[data-v-dcc1a675]{display:grid;grid-template-columns:repeat(5,28px);grid-template-rows:repeat(5,28px);gap:2px;padding:4px;background:var(--t-bg-muted);border-radius:var(--t-radius);border:1px solid var(--t-border)}.cp-zoom-cell[data-v-dcc1a675]{border-radius:var(--t-radius-sm);background:var(--t-bg)}.cp-zoom-cell--center[data-v-dcc1a675]{box-shadow:inset 0 0 0 2px var(--t-inverse),0 0 0 2px var(--t-primary);border-radius:var(--t-radius-sm);z-index:1}.cp-zoom-empty[data-v-dcc1a675]{width:28px;height:28px;border-radius:var(--t-radius-sm);background:var(--t-bg)}.cp-swatch[data-v-dcc1a675]{width:100%;height:64px;border-radius:var(--t-radius);border:1px solid var(--t-border);display:flex;align-items:center;justify-content:center;background-image:linear-gradient(45deg,var(--t-bg-muted) 25%,transparent 25%),linear-gradient(-45deg,var(--t-bg-muted) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--t-bg-muted) 75%),linear-gradient(-45deg,transparent 75%,var(--t-bg-muted) 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;background-color:var(--t-bg-soft);transition:background .15s}.cp-swatch-empty[data-v-dcc1a675]{font-size:var(--fs-xs);color:var(--t-text-soft);font-weight:600}.cp-values[data-v-dcc1a675]{display:flex;flex-direction:column;gap:6px}.cp-value-row[data-v-dcc1a675]{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:8px 12px;background:var(--t-bg-soft);border:1px solid var(--t-border);border-radius:var(--t-radius);transition:border-color .15s}.cp-value-row[data-v-dcc1a675]:hover{border-color:rgba(var(--t-primary-rgb),.3)}.cp-value-row--pos[data-v-dcc1a675]{grid-template-columns:44px 1fr}.cp-value-label[data-v-dcc1a675]{font-size:var(--fs-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--t-text-soft)}.cp-value-text[data-v-dcc1a675]{font-family:"JetBrains Mono",var(--t-font-mono);font-size:var(--fs-sm);color:var(--t-text);font-weight:600;word-break:break-all;min-width:0}.cp-value-text--mono[data-v-dcc1a675]{color:var(--t-text-soft)}.cp-history-section[data-v-dcc1a675]{display:flex;flex-direction:column;gap:10px}.cp-history-head[data-v-dcc1a675]{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.cp-history-count[data-v-dcc1a675]{font-size:var(--fs-2xs);font-weight:600;color:var(--t-text-soft);margin-left:4px}.cp-clear-btn[data-v-dcc1a675]{font-size:var(--fs-xs)}.cp-history-grid[data-v-dcc1a675]{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.cp-history-item[data-v-dcc1a675]{position:relative;height:64px;border:1px solid var(--t-border);border-radius:var(--t-radius);cursor:pointer;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;transition:transform .12s,box-shadow .15s,border-color .15s;padding:0;font-family:inherit}.cp-history-item[data-v-dcc1a675]:hover{transform:translateY(-2px);box-shadow:var(--t-shadow-md);border-color:var(--t-primary)}.cp-history-hex[data-v-dcc1a675]{font-family:"JetBrains Mono",var(--t-font-mono);font-size:var(--fs-2xs);font-weight:700;padding:2px 6px;border-radius:var(--t-radius-sm);margin-bottom:6px;background:#ffffffd1;color:var(--t-text);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);letter-spacing:.02em}[data-theme=dark] .cp-history-hex[data-v-dcc1a675]{background:#1e293bd1;color:var(--t-text)}.cp-history-copied[data-v-dcc1a675]{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:50%;background:var(--t-success);color:#fff;font-size:var(--fs-xs);font-weight:700;display:flex;align-items:center;justify-content:center}.cp-history-empty[data-v-dcc1a675]{padding:20px;text-align:center;font-size:var(--fs-sm);color:var(--t-text-soft);background:var(--t-bg-soft);border:1px dashed var(--t-border);border-radius:var(--t-radius)}@media(max-width:860px){.cp-workspace[data-v-dcc1a675]{grid-template-columns:1fr}.cp-zoom-grid[data-v-dcc1a675]{grid-template-columns:repeat(5,32px);grid-template-rows:repeat(5,32px)}.cp-zoom-empty[data-v-dcc1a675]{width:32px;height:32px}}@media(max-width:640px){.cp-drop[data-v-dcc1a675]{padding:32px 20px;gap:14px}.cp-drop-icon[data-v-dcc1a675]{font-size:2.2rem}.cp-drop-text strong[data-v-dcc1a675]{font-size:var(--fs-md)}.cp-history-grid[data-v-dcc1a675]{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}.cp-history-item[data-v-dcc1a675]{height:56px}.cp-magnifier[data-v-dcc1a675]{width:100px;height:100px}.cp-canvas-wrap[data-v-dcc1a675]{padding:8px}}